Merge pull request #68 from LaythAlqadhi/fix-isse-67

LaythAlqadhi · web-flow · commit f20bb105eda1 · 2025-05-19T19:02:50.000+03:00
fix: correct spelling of "cairo" in font variables and usage
diff --git a/full-kit/src/app/[lang]/(dashboard-layout)/(design-system)/typography/_data/font-families.ts b/full-kit/src/app/[lang]/(dashboard-layout)/(design-system)/typography/_data/font-families.ts
@@ -1,7 +1,7 @@
 export const fontFamiliesData = [
   {
     name: "Cairo",
-    class: "font-cario",
+    class: "font-cairo",
     language: "Arabic",
     example: "مرحبا بالعالم",
   },
diff --git a/full-kit/src/app/[lang]/layout.tsx b/full-kit/src/app/[lang]/layout.tsx
@@ -39,7 +39,7 @@ const cairoFont = Cairo({
   subsets: ["arabic"],
   weight: ["400", "700"],
   style: ["normal"],
-  variable: "--font-cario",
+  variable: "--font-cairo",
 })
 
 export default async function RootLayout(props: {
@@ -57,7 +57,7 @@ export default async function RootLayout(props: {
     <html lang={params.lang} dir={direction} suppressHydrationWarning>
       <body
         className={cn(
-          "[&:lang(en)]:font-lato [&:lang(ar)]:font-cario", // Set font styles based on the language
+          "[&:lang(en)]:font-lato [&:lang(ar)]:font-cairo", // Set font styles based on the language
           "bg-background text-foreground antialiased overscroll-none", // Set background, text, , anti-aliasing styles, and overscroll behavior
           latoFont.variable, // Include Lato font variable
           cairoFont.variable // Include Cairo font variable
diff --git a/full-kit/src/app/globals.css b/full-kit/src/app/globals.css
@@ -9,8 +9,8 @@
   --font-lato:
     var(--font-lato), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
     "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --font-cario:
-    var(--font-cario), ui-sans-serif, system-ui, sans-serif,
+  --font-cairo:
+    var(--font-cairo), ui-sans-serif, system-ui, sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 
   --color-border: hsl(var(--border));
diff --git a/starter-kit/src/app/globals.css b/starter-kit/src/app/globals.css
@@ -8,8 +8,8 @@
   --font-lato:
     var(--font-lato), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
     "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --font-cario:
-    var(--font-cario), ui-sans-serif, system-ui, sans-serif,
+  --font-cairo:
+    var(--font-cairo), ui-sans-serif, system-ui, sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 
   --color-border: hsl(var(--border));
diff --git a/starter-kit/src/app/layout.tsx b/starter-kit/src/app/layout.tsx
@@ -35,7 +35,7 @@ const cairoFont = Cairo({
   subsets: ["arabic"],
   weight: ["400", "700"],
   style: ["normal"],
-  variable: "--font-cario",
+  variable: "--font-cairo",
 })
 
 export default function RootLayout(props: { children: ReactNode }) {
@@ -45,7 +45,7 @@ export default function RootLayout(props: { children: ReactNode }) {
     <html lang="en" dir="ltr" suppressHydrationWarning>
       <body
         className={cn(
-          "[&:lang(en)]:font-lato [&:lang(ar)]:font-cario", // Set font styles based on the language
+          "[&:lang(en)]:font-lato [&:lang(ar)]:font-cairo", // Set font styles based on the language
           "bg-background text-foreground antialiased overscroll-none", // Set background, text, , anti-aliasing styles, and overscroll behavior
           latoFont.variable, // Include Lato font variable
           cairoFont.variable // Include Cairo font variable

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`export const fontFamiliesData = [`
`2`	`2`	`{`
`3`	`3`	`name: "Cairo",`
`4`		`- class: "font-cario",`
	`4`	`+ class: "font-cairo",`
`5`	`5`	`language: "Arabic",`
`6`	`6`	`example: "مرحبا بالعالم",`
`7`	`7`	`},`