@12min/ds 0.1.0 → 1.0.0

package/dist/tailwind/theme.css

@@ -1,41 +1,163 @@
 /* Generated by generateTheme.ts — do not edit manually */
 @theme {
-  --color-brand-primary: #FF6B35;
-  --color-brand-secondary: #1A1A2E;
-  --color-neutral-0: #FFFFFF;
-  --color-neutral-50: #FAFAFA;
-  --color-neutral-100: #F5F5F5;
-  --color-neutral-200: #E5E5E5;
-  --color-neutral-300: #D4D4D4;
-  --color-neutral-400: #A3A3A3;
-  --color-neutral-500: #737373;
-  --color-neutral-600: #525252;
-  --color-neutral-700: #404040;
-  --color-neutral-800: #262626;
-  --color-neutral-900: #121212;
-  --color-success-light: #4ADE80;
-  --color-success: #22C55E;
-  --color-success-dark: #16A34A;
-  --color-error-light: #F87171;
-  --color-error: #EF4444;
-  --color-error-dark: #DC2626;
-  --color-warning-light: #FCD34D;
-  --color-warning: #F59E0B;
-  --color-warning-dark: #D97706;
-  --color-info-light: #60A5FA;
-  --color-info: #3B82F6;
-  --color-info-dark: #2563EB;
-}
-
-@media (prefers-color-scheme: dark) {
-  @theme {
-  --color-neutral-0: #121212;
-  --color-neutral-50: #262626;
-  --color-neutral-100: #262626;
-  --color-neutral-200: #404040;
-  --color-neutral-300: #525252;
-  --color-neutral-700: #D4D4D4;
-  --color-neutral-800: #E5E5E5;
-  --color-neutral-900: #FFFFFF;
-  }
+  --color-marian-blue-50: #FAFBFF;
+  --color-marian-blue-100: #F1F4FE;
+  --color-marian-blue-200: #E1E7FF;
+  --color-marian-blue-300: #C3CCF7;
+  --color-marian-blue-400: #94A5F2;
+  --color-marian-blue-500: #697DD6;
+  --color-marian-blue-600: #475CBB;
+  --color-marian-blue-700: #31428B;
+  --color-marian-blue-800: #25326A;
+  --color-marian-blue-900: #131937;
+  --color-midnight-50: #707070;
+  --color-midnight-100: #5C5C5C;
+  --color-midnight-200: #525252;
+  --color-midnight-300: #474747;
+  --color-midnight-400: #3D3D3D;
+  --color-midnight-500: #333333;
+  --color-midnight-600: #1E1E1E;
+  --color-midnight-700: #161616;
+  --color-midnight-800: #141414;
+  --color-midnight-900: #0A0A0A;
+  --color-gray-50: #B1B5BE;
+  --color-gray-100: #A6ABB5;
+  --color-gray-200: #9BA0AB;
+  --color-gray-300: #9095A2;
+  --color-gray-400: #858B99;
+  --color-gray-500: #7A8190;
+  --color-gray-600: #6F7685;
+  --color-gray-700: #5E6471;
+  --color-gray-800: #5D636F;
+  --color-gray-900: #545964;
+  --color-mustard-50: #FFF2D6;
+  --color-mustard-100: #FFECC2;
+  --color-mustard-200: #FFE5AD;
+  --color-mustard-300: #FFDF99;
+  --color-mustard-400: #FFD885;
+  --color-mustard-500: #FFD270;
+  --color-mustard-600: #FFCB5C;
+  --color-mustard-700: #FFC140;
+  --color-mustard-800: #FFBE33;
+  --color-mustard-900: #FFB81F;
+  --color-ketchup-50: #FFD6D6;
+  --color-ketchup-100: #FFC2C2;
+  --color-ketchup-200: #FFADAD;
+  --color-ketchup-300: #FF9999;
+  --color-ketchup-400: #FF8585;
+  --color-ketchup-500: #FF7070;
+  --color-ketchup-600: #FF5C5C;
+  --color-ketchup-700: #FF4040;
+  --color-ketchup-800: #FF3333;
+  --color-ketchup-900: #FF1F1F;
+  --color-mint-50: #A7F1B7;
+  --color-mint-100: #96EEA9;
+  --color-mint-200: #84EB9A;
+  --color-mint-300: #73E88C;
+  --color-mint-400: #61E57E;
+  --color-mint-500: #50E26F;
+  --color-mint-600: #3EE061;
+  --color-mint-700: #24DC4C;
+  --color-mint-800: #22D348;
+  --color-mint-900: #1FC142;
+  --color-white: #FFFFFF;
+  --color-success-bg: #E5FBE9;
+}
+
+@utility text-display {
+  font-size: 2rem;
+  line-height: 1.2;
+  font-weight: 700;
+  font-family: Poppins;
+}
+
+@utility text-h1 {
+  font-size: 1.5rem;
+  line-height: 1.3;
+  font-weight: 700;
+  font-family: Poppins;
+}
+
+@utility text-h2 {
+  font-size: 1.25rem;
+  line-height: 1.3;
+  font-weight: 600;
+  font-family: Poppins;
+}
+
+@utility text-h3 {
+  font-size: 1.125rem;
+  line-height: 1.4;
+  font-weight: 600;
+  font-family: Poppins;
+}
+
+@utility text-body-large {
+  font-size: 1rem;
+  line-height: 1.5;
+  font-weight: 400;
+  font-family: Inter;
+}
+
+@utility text-body-default {
+  font-size: 0.875rem;
+  line-height: 1.5;
+  font-weight: 400;
+  font-family: Inter;
+}
+
+@utility text-body-small {
+  font-size: 0.75rem;
+  line-height: 1.5;
+  font-weight: 400;
+  font-family: Inter;
+}
+
+@utility text-label-large {
+  font-size: 1rem;
+  line-height: 1.5;
+  font-weight: 500;
+  font-family: Inter;
+}
+
+@utility text-label-default {
+  font-size: 0.875rem;
+  line-height: 1.5;
+  font-weight: 500;
+  font-family: Inter;
+}
+
+@utility text-label-small {
+  font-size: 0.75rem;
+  line-height: 1.5;
+  font-weight: 500;
+  font-family: Inter;
+}
+
+@utility text-caption {
+  font-size: 0.75rem;
+  line-height: 1.5;
+  font-weight: 500;
+  font-family: Inter;
+}
+
+@utility text-overline {
+  font-size: 0.625rem;
+  line-height: 1;
+  font-weight: 600;
+  font-family: Inter;
+}
+
+@utility text-button-large {
+  font-size: 1rem;
+  line-height: 1.5;
+  font-weight: 600;
+  font-family: Inter;
+}
+
+@utility text-button-default {
+  font-size: 0.875rem;
+  line-height: 1.5;
+  font-weight: 600;
+  font-family: Inter;
 }

package/dist/tokens/index.d.mts

@@ -1,42 +1,167 @@
 declare const colors: {
-    readonly brand: {
-        readonly primary: "#FF6B35";
-        readonly secondary: "#1A1A2E";
-    };
-    readonly neutral: {
-        readonly 0: "#FFFFFF";
-        readonly 50: "#FAFAFA";
-        readonly 100: "#F5F5F5";
-        readonly 200: "#E5E5E5";
-        readonly 300: "#D4D4D4";
-        readonly 400: "#A3A3A3";
-        readonly 500: "#737373";
-        readonly 600: "#525252";
-        readonly 700: "#404040";
-        readonly 800: "#262626";
-        readonly 900: "#121212";
-    };
-    readonly success: {
-        readonly light: "#4ADE80";
-        readonly default: "#22C55E";
-        readonly dark: "#16A34A";
-    };
-    readonly error: {
-        readonly light: "#F87171";
-        readonly default: "#EF4444";
-        readonly dark: "#DC2626";
-    };
-    readonly warning: {
-        readonly light: "#FCD34D";
-        readonly default: "#F59E0B";
-        readonly dark: "#D97706";
-    };
-    readonly info: {
-        readonly light: "#60A5FA";
-        readonly default: "#3B82F6";
-        readonly dark: "#2563EB";
+    readonly marianBlue: {
+        readonly 50: "#FAFBFF";
+        readonly 100: "#F1F4FE";
+        readonly 200: "#E1E7FF";
+        readonly 300: "#C3CCF7";
+        readonly 400: "#94A5F2";
+        readonly 500: "#697DD6";
+        readonly 600: "#475CBB";
+        readonly 700: "#31428B";
+        readonly 800: "#25326A";
+        readonly 900: "#131937";
     };
+    readonly midnight: {
+        readonly 50: "#707070";
+        readonly 100: "#5C5C5C";
+        readonly 200: "#525252";
+        readonly 300: "#474747";
+        readonly 400: "#3D3D3D";
+        readonly 500: "#333333";
+        readonly 600: "#1E1E1E";
+        readonly 700: "#161616";
+        readonly 800: "#141414";
+        readonly 900: "#0A0A0A";
+    };
+    readonly gray: {
+        readonly 50: "#B1B5BE";
+        readonly 100: "#A6ABB5";
+        readonly 200: "#9BA0AB";
+        readonly 300: "#9095A2";
+        readonly 400: "#858B99";
+        readonly 500: "#7A8190";
+        readonly 600: "#6F7685";
+        readonly 700: "#5E6471";
+        readonly 800: "#5D636F";
+        readonly 900: "#545964";
+    };
+    readonly mustard: {
+        readonly 50: "#FFF2D6";
+        readonly 100: "#FFECC2";
+        readonly 200: "#FFE5AD";
+        readonly 300: "#FFDF99";
+        readonly 400: "#FFD885";
+        readonly 500: "#FFD270";
+        readonly 600: "#FFCB5C";
+        readonly 700: "#FFC140";
+        readonly 800: "#FFBE33";
+        readonly 900: "#FFB81F";
+    };
+    readonly ketchup: {
+        readonly 50: "#FFD6D6";
+        readonly 100: "#FFC2C2";
+        readonly 200: "#FFADAD";
+        readonly 300: "#FF9999";
+        readonly 400: "#FF8585";
+        readonly 500: "#FF7070";
+        readonly 600: "#FF5C5C";
+        readonly 700: "#FF4040";
+        readonly 800: "#FF3333";
+        readonly 900: "#FF1F1F";
+    };
+    readonly mint: {
+        readonly 50: "#A7F1B7";
+        readonly 100: "#96EEA9";
+        readonly 200: "#84EB9A";
+        readonly 300: "#73E88C";
+        readonly 400: "#61E57E";
+        readonly 500: "#50E26F";
+        readonly 600: "#3EE061";
+        readonly 700: "#24DC4C";
+        readonly 800: "#22D348";
+        readonly 900: "#1FC142";
+    };
+    readonly white: "#FFFFFF";
+    readonly successBg: "#E5FBE9";
 };
 type Colors = typeof colors;
 
-export { type Colors, colors };
+declare const typography: {
+    readonly display: {
+        readonly fontSize: 32;
+        readonly fontWeight: "700";
+        readonly lineHeight: 1.2;
+        readonly fontFamily: "Poppins";
+    };
+    readonly h1: {
+        readonly fontSize: 24;
+        readonly fontWeight: "700";
+        readonly lineHeight: 1.3;
+        readonly fontFamily: "Poppins";
+    };
+    readonly h2: {
+        readonly fontSize: 20;
+        readonly fontWeight: "600";
+        readonly lineHeight: 1.3;
+        readonly fontFamily: "Poppins";
+    };
+    readonly h3: {
+        readonly fontSize: 18;
+        readonly fontWeight: "600";
+        readonly lineHeight: 1.4;
+        readonly fontFamily: "Poppins";
+    };
+    readonly bodyLarge: {
+        readonly fontSize: 16;
+        readonly fontWeight: "400";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly bodyDefault: {
+        readonly fontSize: 14;
+        readonly fontWeight: "400";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly bodySmall: {
+        readonly fontSize: 12;
+        readonly fontWeight: "400";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly labelLarge: {
+        readonly fontSize: 16;
+        readonly fontWeight: "500";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly labelDefault: {
+        readonly fontSize: 14;
+        readonly fontWeight: "500";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly labelSmall: {
+        readonly fontSize: 12;
+        readonly fontWeight: "500";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly caption: {
+        readonly fontSize: 12;
+        readonly fontWeight: "500";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly overline: {
+        readonly fontSize: 10;
+        readonly fontWeight: "600";
+        readonly lineHeight: 1;
+        readonly fontFamily: "Inter";
+    };
+    readonly buttonLarge: {
+        readonly fontSize: 16;
+        readonly fontWeight: "600";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly buttonDefault: {
+        readonly fontSize: 14;
+        readonly fontWeight: "600";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+};
+type Typography = typeof typography;
+
+export { type Colors, type Typography, colors, typography };

package/dist/tokens/index.d.ts

@@ -1,42 +1,167 @@
 declare const colors: {
-    readonly brand: {
-        readonly primary: "#FF6B35";
-        readonly secondary: "#1A1A2E";
-    };
-    readonly neutral: {
-        readonly 0: "#FFFFFF";
-        readonly 50: "#FAFAFA";
-        readonly 100: "#F5F5F5";
-        readonly 200: "#E5E5E5";
-        readonly 300: "#D4D4D4";
-        readonly 400: "#A3A3A3";
-        readonly 500: "#737373";
-        readonly 600: "#525252";
-        readonly 700: "#404040";
-        readonly 800: "#262626";
-        readonly 900: "#121212";
-    };
-    readonly success: {
-        readonly light: "#4ADE80";
-        readonly default: "#22C55E";
-        readonly dark: "#16A34A";
-    };
-    readonly error: {
-        readonly light: "#F87171";
-        readonly default: "#EF4444";
-        readonly dark: "#DC2626";
-    };
-    readonly warning: {
-        readonly light: "#FCD34D";
-        readonly default: "#F59E0B";
-        readonly dark: "#D97706";
-    };
-    readonly info: {
-        readonly light: "#60A5FA";
-        readonly default: "#3B82F6";
-        readonly dark: "#2563EB";
+    readonly marianBlue: {
+        readonly 50: "#FAFBFF";
+        readonly 100: "#F1F4FE";
+        readonly 200: "#E1E7FF";
+        readonly 300: "#C3CCF7";
+        readonly 400: "#94A5F2";
+        readonly 500: "#697DD6";
+        readonly 600: "#475CBB";
+        readonly 700: "#31428B";
+        readonly 800: "#25326A";
+        readonly 900: "#131937";
     };
+    readonly midnight: {
+        readonly 50: "#707070";
+        readonly 100: "#5C5C5C";
+        readonly 200: "#525252";
+        readonly 300: "#474747";
+        readonly 400: "#3D3D3D";
+        readonly 500: "#333333";
+        readonly 600: "#1E1E1E";
+        readonly 700: "#161616";
+        readonly 800: "#141414";
+        readonly 900: "#0A0A0A";
+    };
+    readonly gray: {
+        readonly 50: "#B1B5BE";
+        readonly 100: "#A6ABB5";
+        readonly 200: "#9BA0AB";
+        readonly 300: "#9095A2";
+        readonly 400: "#858B99";
+        readonly 500: "#7A8190";
+        readonly 600: "#6F7685";
+        readonly 700: "#5E6471";
+        readonly 800: "#5D636F";
+        readonly 900: "#545964";
+    };
+    readonly mustard: {
+        readonly 50: "#FFF2D6";
+        readonly 100: "#FFECC2";
+        readonly 200: "#FFE5AD";
+        readonly 300: "#FFDF99";
+        readonly 400: "#FFD885";
+        readonly 500: "#FFD270";
+        readonly 600: "#FFCB5C";
+        readonly 700: "#FFC140";
+        readonly 800: "#FFBE33";
+        readonly 900: "#FFB81F";
+    };
+    readonly ketchup: {
+        readonly 50: "#FFD6D6";
+        readonly 100: "#FFC2C2";
+        readonly 200: "#FFADAD";
+        readonly 300: "#FF9999";
+        readonly 400: "#FF8585";
+        readonly 500: "#FF7070";
+        readonly 600: "#FF5C5C";
+        readonly 700: "#FF4040";
+        readonly 800: "#FF3333";
+        readonly 900: "#FF1F1F";
+    };
+    readonly mint: {
+        readonly 50: "#A7F1B7";
+        readonly 100: "#96EEA9";
+        readonly 200: "#84EB9A";
+        readonly 300: "#73E88C";
+        readonly 400: "#61E57E";
+        readonly 500: "#50E26F";
+        readonly 600: "#3EE061";
+        readonly 700: "#24DC4C";
+        readonly 800: "#22D348";
+        readonly 900: "#1FC142";
+    };
+    readonly white: "#FFFFFF";
+    readonly successBg: "#E5FBE9";
 };
 type Colors = typeof colors;
 
-export { type Colors, colors };
+declare const typography: {
+    readonly display: {
+        readonly fontSize: 32;
+        readonly fontWeight: "700";
+        readonly lineHeight: 1.2;
+        readonly fontFamily: "Poppins";
+    };
+    readonly h1: {
+        readonly fontSize: 24;
+        readonly fontWeight: "700";
+        readonly lineHeight: 1.3;
+        readonly fontFamily: "Poppins";
+    };
+    readonly h2: {
+        readonly fontSize: 20;
+        readonly fontWeight: "600";
+        readonly lineHeight: 1.3;
+        readonly fontFamily: "Poppins";
+    };
+    readonly h3: {
+        readonly fontSize: 18;
+        readonly fontWeight: "600";
+        readonly lineHeight: 1.4;
+        readonly fontFamily: "Poppins";
+    };
+    readonly bodyLarge: {
+        readonly fontSize: 16;
+        readonly fontWeight: "400";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly bodyDefault: {
+        readonly fontSize: 14;
+        readonly fontWeight: "400";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly bodySmall: {
+        readonly fontSize: 12;
+        readonly fontWeight: "400";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly labelLarge: {
+        readonly fontSize: 16;
+        readonly fontWeight: "500";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly labelDefault: {
+        readonly fontSize: 14;
+        readonly fontWeight: "500";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly labelSmall: {
+        readonly fontSize: 12;
+        readonly fontWeight: "500";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly caption: {
+        readonly fontSize: 12;
+        readonly fontWeight: "500";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly overline: {
+        readonly fontSize: 10;
+        readonly fontWeight: "600";
+        readonly lineHeight: 1;
+        readonly fontFamily: "Inter";
+    };
+    readonly buttonLarge: {
+        readonly fontSize: 16;
+        readonly fontWeight: "600";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+    readonly buttonDefault: {
+        readonly fontSize: 14;
+        readonly fontWeight: "600";
+        readonly lineHeight: 1.5;
+        readonly fontFamily: "Inter";
+    };
+};
+type Typography = typeof typography;
+
+export { type Colors, type Typography, colors, typography };