@raydenui/ui 0.9.7 → 0.10.0

package/dist/preset.d.cts

@@ -217,90 +217,169 @@ declare const grid: {
 /**
  * Typography tokens.
  */
+declare const fontFamily: {
+    readonly sans: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
+    readonly heading: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
+    readonly mono: readonly ["SF Mono", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"];
+};
 declare const typography: {
+    readonly fontFamily: {
+        readonly sans: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
+        readonly heading: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
+        readonly mono: readonly ["SF Mono", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"];
+    };
     readonly display: {
         readonly lg: {
-            readonly size: "56px";
-            readonly lineHeight: 1;
-            readonly letterSpacing: "-0.04em";
+            readonly size: "3.5rem";
+            readonly lineHeight: 1.1;
+            readonly letterSpacing: "-0.03em";
+            readonly fontWeight: 700;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly sm: {
-            readonly size: "48px";
-            readonly lineHeight: 1;
-            readonly letterSpacing: "-0.04em";
+            readonly size: "3rem";
+            readonly lineHeight: 1.1;
+            readonly letterSpacing: "-0.03em";
+            readonly fontWeight: 700;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
     };
     readonly heading: {
         readonly h1: {
-            readonly size: "40px";
+            readonly size: "2.5rem";
             readonly lineHeight: 1.2;
-            readonly letterSpacing: "-0.04em";
+            readonly letterSpacing: "-0.03em";
+            readonly fontWeight: 600;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly h2: {
-            readonly size: "36px";
+            readonly size: "2.25rem";
             readonly lineHeight: 1.2;
-            readonly letterSpacing: "-0.04em";
+            readonly letterSpacing: "-0.03em";
+            readonly fontWeight: 600;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly h3: {
-            readonly size: "32px";
+            readonly size: "2rem";
             readonly lineHeight: 1.2;
             readonly letterSpacing: "-0.02em";
+            readonly fontWeight: 600;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly h4: {
-            readonly size: "28px";
+            readonly size: "1.75rem";
             readonly lineHeight: 1.2;
             readonly letterSpacing: "-0.02em";
+            readonly fontWeight: 600;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly h5: {
-            readonly size: "24px";
+            readonly size: "1.5rem";
             readonly lineHeight: 1.2;
             readonly letterSpacing: "-0.02em";
+            readonly fontWeight: 600;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly h6: {
-            readonly size: "20px";
+            readonly size: "1.25rem";
             readonly lineHeight: 1.2;
             readonly letterSpacing: "-0.02em";
+            readonly fontWeight: 600;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
     };
     readonly body: {
         readonly lg: {
-            readonly size: "18px";
-            readonly lineHeight: 1.45;
+            readonly size: "1.125rem";
+            readonly lineHeight: 1.5;
             readonly letterSpacing: "0";
+            readonly fontWeight: 400;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly md: {
-            readonly size: "16px";
-            readonly lineHeight: 1.45;
+            readonly size: "1rem";
+            readonly lineHeight: 1.5;
             readonly letterSpacing: "0";
+            readonly fontWeight: 400;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly sm: {
-            readonly size: "14px";
-            readonly lineHeight: 1.45;
+            readonly size: "0.875rem";
+            readonly lineHeight: 1.5;
             readonly letterSpacing: "0";
+            readonly fontWeight: 400;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly xs: {
-            readonly size: "12px";
-            readonly lineHeight: 1.45;
+            readonly size: "0.75rem";
+            readonly lineHeight: 1.5;
             readonly letterSpacing: "0";
+            readonly fontWeight: 400;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
         };
     };
     readonly caption: {
         readonly lg: {
-            readonly size: "14px";
-            readonly lineHeight: 1.2;
-            readonly letterSpacing: "0.12em";
+            readonly size: "0.875rem";
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0.08em";
+            readonly fontWeight: 500;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly sm: {
-            readonly size: "12px";
-            readonly lineHeight: 1.2;
-            readonly letterSpacing: "0.12em";
+            readonly size: "0.75rem";
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0.08em";
+            readonly fontWeight: 500;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly xs: {
-            readonly size: "10px";
-            readonly lineHeight: 1.2;
-            readonly letterSpacing: "0.16em";
+            readonly size: "0.75rem";
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0.08em";
+            readonly fontWeight: 500;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
+        };
+    };
+    readonly label: {
+        readonly lg: {
+            readonly size: "1rem";
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0";
+            readonly fontWeight: 500;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
+        };
+        readonly md: {
+            readonly size: "0.875rem";
+            readonly lineHeight: 1.428571;
+            readonly letterSpacing: "0";
+            readonly fontWeight: 500;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
+        };
+        readonly sm: {
+            readonly size: "0.75rem";
+            readonly lineHeight: 1.333333;
+            readonly letterSpacing: "0";
+            readonly fontWeight: 500;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
+        };
+    };
+    readonly code: {
+        readonly md: {
+            readonly size: "0.875rem";
+            readonly lineHeight: 1.6;
+            readonly letterSpacing: "0";
+            readonly fontWeight: 400;
+            readonly fontFamily: readonly ["SF Mono", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"];
+        };
+        readonly sm: {
+            readonly size: "0.75rem";
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0";
+            readonly fontWeight: 400;
+            readonly fontFamily: readonly ["SF Mono", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"];
         };
     };
 };
 
-export { type RaydenColors, blurs, colors, grid, radius, shadows, spacing, typography };
+export { type RaydenColors, blurs, colors, fontFamily, grid, radius, shadows, spacing, typography };

package/dist/preset.d.ts

@@ -217,90 +217,169 @@ declare const grid: {
 /**
  * Typography tokens.
  */
+declare const fontFamily: {
+    readonly sans: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
+    readonly heading: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
+    readonly mono: readonly ["SF Mono", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"];
+};
 declare const typography: {
+    readonly fontFamily: {
+        readonly sans: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
+        readonly heading: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
+        readonly mono: readonly ["SF Mono", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"];
+    };
     readonly display: {
         readonly lg: {
-            readonly size: "56px";
-            readonly lineHeight: 1;
-            readonly letterSpacing: "-0.04em";
+            readonly size: "3.5rem";
+            readonly lineHeight: 1.1;
+            readonly letterSpacing: "-0.03em";
+            readonly fontWeight: 700;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly sm: {
-            readonly size: "48px";
-            readonly lineHeight: 1;
-            readonly letterSpacing: "-0.04em";
+            readonly size: "3rem";
+            readonly lineHeight: 1.1;
+            readonly letterSpacing: "-0.03em";
+            readonly fontWeight: 700;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
     };
     readonly heading: {
         readonly h1: {
-            readonly size: "40px";
+            readonly size: "2.5rem";
             readonly lineHeight: 1.2;
-            readonly letterSpacing: "-0.04em";
+            readonly letterSpacing: "-0.03em";
+            readonly fontWeight: 600;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly h2: {
-            readonly size: "36px";
+            readonly size: "2.25rem";
             readonly lineHeight: 1.2;
-            readonly letterSpacing: "-0.04em";
+            readonly letterSpacing: "-0.03em";
+            readonly fontWeight: 600;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly h3: {
-            readonly size: "32px";
+            readonly size: "2rem";
             readonly lineHeight: 1.2;
             readonly letterSpacing: "-0.02em";
+            readonly fontWeight: 600;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly h4: {
-            readonly size: "28px";
+            readonly size: "1.75rem";
             readonly lineHeight: 1.2;
             readonly letterSpacing: "-0.02em";
+            readonly fontWeight: 600;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly h5: {
-            readonly size: "24px";
+            readonly size: "1.5rem";
             readonly lineHeight: 1.2;
             readonly letterSpacing: "-0.02em";
+            readonly fontWeight: 600;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly h6: {
-            readonly size: "20px";
+            readonly size: "1.25rem";
             readonly lineHeight: 1.2;
             readonly letterSpacing: "-0.02em";
+            readonly fontWeight: 600;
+            readonly fontFamily: readonly ["Manrope", "ui-sans-serif", "system-ui", "sans-serif"];
         };
     };
     readonly body: {
         readonly lg: {
-            readonly size: "18px";
-            readonly lineHeight: 1.45;
+            readonly size: "1.125rem";
+            readonly lineHeight: 1.5;
             readonly letterSpacing: "0";
+            readonly fontWeight: 400;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly md: {
-            readonly size: "16px";
-            readonly lineHeight: 1.45;
+            readonly size: "1rem";
+            readonly lineHeight: 1.5;
             readonly letterSpacing: "0";
+            readonly fontWeight: 400;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly sm: {
-            readonly size: "14px";
-            readonly lineHeight: 1.45;
+            readonly size: "0.875rem";
+            readonly lineHeight: 1.5;
             readonly letterSpacing: "0";
+            readonly fontWeight: 400;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly xs: {
-            readonly size: "12px";
-            readonly lineHeight: 1.45;
+            readonly size: "0.75rem";
+            readonly lineHeight: 1.5;
             readonly letterSpacing: "0";
+            readonly fontWeight: 400;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
         };
     };
     readonly caption: {
         readonly lg: {
-            readonly size: "14px";
-            readonly lineHeight: 1.2;
-            readonly letterSpacing: "0.12em";
+            readonly size: "0.875rem";
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0.08em";
+            readonly fontWeight: 500;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly sm: {
-            readonly size: "12px";
-            readonly lineHeight: 1.2;
-            readonly letterSpacing: "0.12em";
+            readonly size: "0.75rem";
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0.08em";
+            readonly fontWeight: 500;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
         };
         readonly xs: {
-            readonly size: "10px";
-            readonly lineHeight: 1.2;
-            readonly letterSpacing: "0.16em";
+            readonly size: "0.75rem";
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0.08em";
+            readonly fontWeight: 500;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
+        };
+    };
+    readonly label: {
+        readonly lg: {
+            readonly size: "1rem";
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0";
+            readonly fontWeight: 500;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
+        };
+        readonly md: {
+            readonly size: "0.875rem";
+            readonly lineHeight: 1.428571;
+            readonly letterSpacing: "0";
+            readonly fontWeight: 500;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
+        };
+        readonly sm: {
+            readonly size: "0.75rem";
+            readonly lineHeight: 1.333333;
+            readonly letterSpacing: "0";
+            readonly fontWeight: 500;
+            readonly fontFamily: readonly ["Hanken Grotesk", "ui-sans-serif", "system-ui", "sans-serif"];
+        };
+    };
+    readonly code: {
+        readonly md: {
+            readonly size: "0.875rem";
+            readonly lineHeight: 1.6;
+            readonly letterSpacing: "0";
+            readonly fontWeight: 400;
+            readonly fontFamily: readonly ["SF Mono", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"];
+        };
+        readonly sm: {
+            readonly size: "0.75rem";
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0";
+            readonly fontWeight: 400;
+            readonly fontFamily: readonly ["SF Mono", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"];
         };
     };
 };
 
-export { type RaydenColors, blurs, colors, grid, radius, shadows, spacing, typography };
+export { type RaydenColors, blurs, colors, fontFamily, grid, radius, shadows, spacing, typography };