@adam-milo/tokens 1.0.1 → 1.0.6

package/dist/{chunk-NFXHCTG6.mjs → chunk-KL3TH4QD.mjs}

@@ -14,7 +14,25 @@ var colors = {
   bgSecondary: "#F3F3F5",
   border: "#E5E5EA",
   iconSecondary: "#C9C9CF",
-  systemText: "#8C8C9C"
+  systemText: "#8C8C9C",
+  grey07: "#656573",
+  // Figma Grey/Grey 07 - for labels
+  // Button-specific colors
+  buttonOrange: "#F27424",
+  buttonOrangeBorder: "#ED6827",
+  buttonBlue: "#329CB2",
+  // Button state overlays (rgba for transparency)
+  overlayDark10: "rgba(25, 26, 57, 0.1)",
+  overlayDark12: "rgba(25, 26, 57, 0.12)",
+  overlayOrange10: "rgba(242, 116, 36, 0.1)",
+  overlayOrange12: "rgba(242, 116, 36, 0.12)",
+  overlayOrange15: "rgba(242, 116, 36, 0.15)",
+  overlayOrangeBorder12: "rgba(237, 104, 39, 0.12)",
+  overlayBlue10: "rgba(50, 156, 178, 0.1)",
+  overlayBlue12: "rgba(50, 156, 178, 0.12)",
+  overlayBlue15: "rgba(50, 156, 178, 0.15)",
+  overlayBlack05: "rgba(0, 0, 0, 0.05)",
+  overlayBlack10: "rgba(0, 0, 0, 0.1)"
 };
 var legacyColors = {
   primary: {

package/dist/{chunk-ZREVCOAD.mjs → chunk-MMLOVDIN.mjs}

@@ -8,7 +8,7 @@ var spacing = {
   1.5: "0.375rem",
   // 6px
   2: "0.5rem",
-  // 8px
+  // 8px - Base unit
   3: "0.75rem",
   // 12px
   4: "1rem",
@@ -27,8 +27,10 @@ var spacing = {
   // 48px
   14: "3.5rem",
   // 56px
-  16: "4rem"
+  16: "4rem",
   // 64px
+  20: "5rem"
+  // 80px - New: For large layouts
 };
 var borderRadius = {
   none: "0",

package/dist/{chunk-7VTNCMPG.mjs → chunk-YYVYANL4.mjs}

@@ -41,6 +41,10 @@ var fontSize = {
   // 12px - Bold
   "text-10": ["0.75rem", { lineHeight: "1.2", fontWeight: "400" }],
   // 12px - Regular
+  "title-11": ["0.625rem", { lineHeight: "1.2", fontWeight: "700" }],
+  // 10px - Bold (Error text)
+  "text-11": ["0.625rem", { lineHeight: "1.2", fontWeight: "400" }],
+  // 10px - Regular (Error text)
   // Legacy names (keeping for backward compatibility)
   h1: ["2.5rem", { lineHeight: "3rem", fontWeight: "700" }],
   h2: ["2rem", { lineHeight: "2.5rem", fontWeight: "700" }],

package/dist/colors.d.mts

@@ -1,6 +1,8 @@
 /**
  * Smart V2 Design System - Color Tokens
  * @package @adam-milo/tokens
+ *
+ * Test change: CI/CD pipeline validation
  */
 declare const colors: {
     readonly text: "#191A39";
@@ -16,6 +18,21 @@ declare const colors: {
     readonly border: "#E5E5EA";
     readonly iconSecondary: "#C9C9CF";
     readonly systemText: "#8C8C9C";
+    readonly grey07: "#656573";
+    readonly buttonOrange: "#F27424";
+    readonly buttonOrangeBorder: "#ED6827";
+    readonly buttonBlue: "#329CB2";
+    readonly overlayDark10: "rgba(25, 26, 57, 0.1)";
+    readonly overlayDark12: "rgba(25, 26, 57, 0.12)";
+    readonly overlayOrange10: "rgba(242, 116, 36, 0.1)";
+    readonly overlayOrange12: "rgba(242, 116, 36, 0.12)";
+    readonly overlayOrange15: "rgba(242, 116, 36, 0.15)";
+    readonly overlayOrangeBorder12: "rgba(237, 104, 39, 0.12)";
+    readonly overlayBlue10: "rgba(50, 156, 178, 0.1)";
+    readonly overlayBlue12: "rgba(50, 156, 178, 0.12)";
+    readonly overlayBlue15: "rgba(50, 156, 178, 0.15)";
+    readonly overlayBlack05: "rgba(0, 0, 0, 0.05)";
+    readonly overlayBlack10: "rgba(0, 0, 0, 0.1)";
 };
 declare const legacyColors: {
     readonly primary: {

package/dist/colors.d.ts

@@ -1,6 +1,8 @@
 /**
  * Smart V2 Design System - Color Tokens
  * @package @adam-milo/tokens
+ *
+ * Test change: CI/CD pipeline validation
  */
 declare const colors: {
     readonly text: "#191A39";
@@ -16,6 +18,21 @@ declare const colors: {
     readonly border: "#E5E5EA";
     readonly iconSecondary: "#C9C9CF";
     readonly systemText: "#8C8C9C";
+    readonly grey07: "#656573";
+    readonly buttonOrange: "#F27424";
+    readonly buttonOrangeBorder: "#ED6827";
+    readonly buttonBlue: "#329CB2";
+    readonly overlayDark10: "rgba(25, 26, 57, 0.1)";
+    readonly overlayDark12: "rgba(25, 26, 57, 0.12)";
+    readonly overlayOrange10: "rgba(242, 116, 36, 0.1)";
+    readonly overlayOrange12: "rgba(242, 116, 36, 0.12)";
+    readonly overlayOrange15: "rgba(242, 116, 36, 0.15)";
+    readonly overlayOrangeBorder12: "rgba(237, 104, 39, 0.12)";
+    readonly overlayBlue10: "rgba(50, 156, 178, 0.1)";
+    readonly overlayBlue12: "rgba(50, 156, 178, 0.12)";
+    readonly overlayBlue15: "rgba(50, 156, 178, 0.15)";
+    readonly overlayBlack05: "rgba(0, 0, 0, 0.05)";
+    readonly overlayBlack10: "rgba(0, 0, 0, 0.1)";
 };
 declare const legacyColors: {
     readonly primary: {

package/dist/colors.js

@@ -40,7 +40,25 @@ var colors = {
   bgSecondary: "#F3F3F5",
   border: "#E5E5EA",
   iconSecondary: "#C9C9CF",
-  systemText: "#8C8C9C"
+  systemText: "#8C8C9C",
+  grey07: "#656573",
+  // Figma Grey/Grey 07 - for labels
+  // Button-specific colors
+  buttonOrange: "#F27424",
+  buttonOrangeBorder: "#ED6827",
+  buttonBlue: "#329CB2",
+  // Button state overlays (rgba for transparency)
+  overlayDark10: "rgba(25, 26, 57, 0.1)",
+  overlayDark12: "rgba(25, 26, 57, 0.12)",
+  overlayOrange10: "rgba(242, 116, 36, 0.1)",
+  overlayOrange12: "rgba(242, 116, 36, 0.12)",
+  overlayOrange15: "rgba(242, 116, 36, 0.15)",
+  overlayOrangeBorder12: "rgba(237, 104, 39, 0.12)",
+  overlayBlue10: "rgba(50, 156, 178, 0.1)",
+  overlayBlue12: "rgba(50, 156, 178, 0.12)",
+  overlayBlue15: "rgba(50, 156, 178, 0.15)",
+  overlayBlack05: "rgba(0, 0, 0, 0.05)",
+  overlayBlack10: "rgba(0, 0, 0, 0.1)"
 };
 var legacyColors = {
   primary: {

package/dist/colors.mjs

@@ -2,7 +2,7 @@ import {
   colors,
   gradients,
   legacyColors
-} from "./chunk-NFXHCTG6.mjs";
+} from "./chunk-KL3TH4QD.mjs";
 export {
   colors,
   gradients,

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 export { Colors, Gradients, LegacyColors, colors, gradients, legacyColors } from './colors.mjs';
-export { BorderRadius, Spacing, borderRadius, spacing } from './spacing.mjs';
+export { BorderRadius, BorderWidth, Spacing, borderRadius, borderWidth, spacing } from './spacing.mjs';
 export { FontFamily, FontSize, fontFamily, fontSize } from './typography.mjs';
 
 /**
@@ -25,6 +25,21 @@ declare const tokens: {
         readonly border: "#E5E5EA";
         readonly iconSecondary: "#C9C9CF";
         readonly systemText: "#8C8C9C";
+        readonly grey07: "#656573";
+        readonly buttonOrange: "#F27424";
+        readonly buttonOrangeBorder: "#ED6827";
+        readonly buttonBlue: "#329CB2";
+        readonly overlayDark10: "rgba(25, 26, 57, 0.1)";
+        readonly overlayDark12: "rgba(25, 26, 57, 0.12)";
+        readonly overlayOrange10: "rgba(242, 116, 36, 0.1)";
+        readonly overlayOrange12: "rgba(242, 116, 36, 0.12)";
+        readonly overlayOrange15: "rgba(242, 116, 36, 0.15)";
+        readonly overlayOrangeBorder12: "rgba(237, 104, 39, 0.12)";
+        readonly overlayBlue10: "rgba(50, 156, 178, 0.1)";
+        readonly overlayBlue12: "rgba(50, 156, 178, 0.12)";
+        readonly overlayBlue15: "rgba(50, 156, 178, 0.15)";
+        readonly overlayBlack05: "rgba(0, 0, 0, 0.05)";
+        readonly overlayBlack10: "rgba(0, 0, 0, 0.1)";
     };
     readonly legacyColors: {
         readonly primary: {
@@ -112,6 +127,7 @@ declare const tokens: {
         readonly 12: "3rem";
         readonly 14: "3.5rem";
         readonly 16: "4rem";
+        readonly 20: "5rem";
     };
     readonly borderRadius: {
         readonly none: "0";
@@ -125,6 +141,13 @@ declare const tokens: {
         readonly '4xl': "2rem";
         readonly full: "9999px";
     };
+    readonly borderWidth: {
+        readonly none: "0";
+        readonly default: "0.0625rem";
+        readonly md: "0.125rem";
+        readonly lg: "0.1875rem";
+        readonly xl: "0.25rem";
+    };
     readonly fontSize: {
         readonly 'title-1': readonly ["3rem", {
             readonly lineHeight: "1.2";
@@ -206,6 +229,14 @@ declare const tokens: {
             readonly lineHeight: "1.2";
             readonly fontWeight: "400";
         }];
+        readonly 'title-11': readonly ["0.625rem", {
+            readonly lineHeight: "1.2";
+            readonly fontWeight: "700";
+        }];
+        readonly 'text-11': readonly ["0.625rem", {
+            readonly lineHeight: "1.2";
+            readonly fontWeight: "400";
+        }];
         readonly h1: readonly ["2.5rem", {
             readonly lineHeight: "3rem";
             readonly fontWeight: "700";

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { Colors, Gradients, LegacyColors, colors, gradients, legacyColors } from './colors.js';
-export { BorderRadius, Spacing, borderRadius, spacing } from './spacing.js';
+export { BorderRadius, BorderWidth, Spacing, borderRadius, borderWidth, spacing } from './spacing.js';
 export { FontFamily, FontSize, fontFamily, fontSize } from './typography.js';
 
 /**
@@ -25,6 +25,21 @@ declare const tokens: {
         readonly border: "#E5E5EA";
         readonly iconSecondary: "#C9C9CF";
         readonly systemText: "#8C8C9C";
+        readonly grey07: "#656573";
+        readonly buttonOrange: "#F27424";
+        readonly buttonOrangeBorder: "#ED6827";
+        readonly buttonBlue: "#329CB2";
+        readonly overlayDark10: "rgba(25, 26, 57, 0.1)";
+        readonly overlayDark12: "rgba(25, 26, 57, 0.12)";
+        readonly overlayOrange10: "rgba(242, 116, 36, 0.1)";
+        readonly overlayOrange12: "rgba(242, 116, 36, 0.12)";
+        readonly overlayOrange15: "rgba(242, 116, 36, 0.15)";
+        readonly overlayOrangeBorder12: "rgba(237, 104, 39, 0.12)";
+        readonly overlayBlue10: "rgba(50, 156, 178, 0.1)";
+        readonly overlayBlue12: "rgba(50, 156, 178, 0.12)";
+        readonly overlayBlue15: "rgba(50, 156, 178, 0.15)";
+        readonly overlayBlack05: "rgba(0, 0, 0, 0.05)";
+        readonly overlayBlack10: "rgba(0, 0, 0, 0.1)";
     };
     readonly legacyColors: {
         readonly primary: {
@@ -112,6 +127,7 @@ declare const tokens: {
         readonly 12: "3rem";
         readonly 14: "3.5rem";
         readonly 16: "4rem";
+        readonly 20: "5rem";
     };
     readonly borderRadius: {
         readonly none: "0";
@@ -125,6 +141,13 @@ declare const tokens: {
         readonly '4xl': "2rem";
         readonly full: "9999px";
     };
+    readonly borderWidth: {
+        readonly none: "0";
+        readonly default: "0.0625rem";
+        readonly md: "0.125rem";
+        readonly lg: "0.1875rem";
+        readonly xl: "0.25rem";
+    };
     readonly fontSize: {
         readonly 'title-1': readonly ["3rem", {
             readonly lineHeight: "1.2";
@@ -206,6 +229,14 @@ declare const tokens: {
             readonly lineHeight: "1.2";
             readonly fontWeight: "400";
         }];
+        readonly 'title-11': readonly ["0.625rem", {
+            readonly lineHeight: "1.2";
+            readonly fontWeight: "700";
+        }];
+        readonly 'text-11': readonly ["0.625rem", {
+            readonly lineHeight: "1.2";
+            readonly fontWeight: "400";
+        }];
         readonly h1: readonly ["2.5rem", {
             readonly lineHeight: "3rem";
             readonly fontWeight: "700";

package/dist/index.js

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   borderRadius: () => borderRadius,
+  borderWidth: () => borderWidth,
   colors: () => colors,
   default: () => index_default,
   fontFamily: () => fontFamily,
@@ -48,7 +49,25 @@ var colors = {
   bgSecondary: "#F3F3F5",
   border: "#E5E5EA",
   iconSecondary: "#C9C9CF",
-  systemText: "#8C8C9C"
+  systemText: "#8C8C9C",
+  grey07: "#656573",
+  // Figma Grey/Grey 07 - for labels
+  // Button-specific colors
+  buttonOrange: "#F27424",
+  buttonOrangeBorder: "#ED6827",
+  buttonBlue: "#329CB2",
+  // Button state overlays (rgba for transparency)
+  overlayDark10: "rgba(25, 26, 57, 0.1)",
+  overlayDark12: "rgba(25, 26, 57, 0.12)",
+  overlayOrange10: "rgba(242, 116, 36, 0.1)",
+  overlayOrange12: "rgba(242, 116, 36, 0.12)",
+  overlayOrange15: "rgba(242, 116, 36, 0.15)",
+  overlayOrangeBorder12: "rgba(237, 104, 39, 0.12)",
+  overlayBlue10: "rgba(50, 156, 178, 0.1)",
+  overlayBlue12: "rgba(50, 156, 178, 0.12)",
+  overlayBlue15: "rgba(50, 156, 178, 0.15)",
+  overlayBlack05: "rgba(0, 0, 0, 0.05)",
+  overlayBlack10: "rgba(0, 0, 0, 0.1)"
 };
 var legacyColors = {
   primary: {
@@ -131,7 +150,7 @@ var spacing = {
   1.5: "0.375rem",
   // 6px
   2: "0.5rem",
-  // 8px
+  // 8px - Base unit
   3: "0.75rem",
   // 12px
   4: "1rem",
@@ -150,8 +169,10 @@ var spacing = {
   // 48px
   14: "3.5rem",
   // 56px
-  16: "4rem"
+  16: "4rem",
   // 64px
+  20: "5rem"
+  // 80px - New: For large layouts
 };
 var borderRadius = {
   none: "0",
@@ -173,6 +194,17 @@ var borderRadius = {
   // 32px
   full: "9999px"
 };
+var borderWidth = {
+  none: "0",
+  default: "0.0625rem",
+  // 1px
+  md: "0.125rem",
+  // 2px
+  lg: "0.1875rem",
+  // 3px
+  xl: "0.25rem"
+  // 4px
+};
 
 // src/typography.ts
 var fontSize = {
@@ -217,6 +249,10 @@ var fontSize = {
   // 12px - Bold
   "text-10": ["0.75rem", { lineHeight: "1.2", fontWeight: "400" }],
   // 12px - Regular
+  "title-11": ["0.625rem", { lineHeight: "1.2", fontWeight: "700" }],
+  // 10px - Bold (Error text)
+  "text-11": ["0.625rem", { lineHeight: "1.2", fontWeight: "400" }],
+  // 10px - Regular (Error text)
   // Legacy names (keeping for backward compatibility)
   h1: ["2.5rem", { lineHeight: "3rem", fontWeight: "700" }],
   h2: ["2rem", { lineHeight: "2.5rem", fontWeight: "700" }],
@@ -239,6 +275,7 @@ var tokens = {
   gradients,
   spacing,
   borderRadius,
+  borderWidth,
   fontSize,
   fontFamily
 };
@@ -246,6 +283,7 @@ var index_default = tokens;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   borderRadius,
+  borderWidth,
   colors,
   fontFamily,
   fontSize,

package/dist/index.mjs

@@ -2,15 +2,16 @@ import {
   colors,
   gradients,
   legacyColors
-} from "./chunk-NFXHCTG6.mjs";
+} from "./chunk-KL3TH4QD.mjs";
 import {
   borderRadius,
+  borderWidth,
   spacing
-} from "./chunk-JMMDK5QW.mjs";
+} from "./chunk-MMLOVDIN.mjs";
 import {
   fontFamily,
   fontSize
-} from "./chunk-7VTNCMPG.mjs";
+} from "./chunk-YYVYANL4.mjs";
 
 // src/index.ts
 var tokens = {
@@ -19,12 +20,14 @@ var tokens = {
   gradients,
   spacing,
   borderRadius,
+  borderWidth,
   fontSize,
   fontFamily
 };
 var index_default = tokens;
 export {
   borderRadius,
+  borderWidth,
   colors,
   index_default as default,
   fontFamily,

package/dist/spacing.d.mts

@@ -1,6 +1,8 @@
 /**
  * Smart V2 Design System - Spacing Tokens
  * @package @adam-milo/tokens
+ *
+ * Provides consistent spacing values following 8px baseline grid
  */
 declare const spacing: {
     readonly 0: "0";
@@ -18,6 +20,7 @@ declare const spacing: {
     readonly 12: "3rem";
     readonly 14: "3.5rem";
     readonly 16: "4rem";
+    readonly 20: "5rem";
 };
 declare const borderRadius: {
     readonly none: "0";
@@ -31,7 +34,15 @@ declare const borderRadius: {
     readonly '4xl': "2rem";
     readonly full: "9999px";
 };
+declare const borderWidth: {
+    readonly none: "0";
+    readonly default: "0.0625rem";
+    readonly md: "0.125rem";
+    readonly lg: "0.1875rem";
+    readonly xl: "0.25rem";
+};
 type Spacing = typeof spacing;
 type BorderRadius = typeof borderRadius;
+type BorderWidth = typeof borderWidth;
 
-export { type BorderRadius, type Spacing, borderRadius, spacing };
+export { type BorderRadius, type BorderWidth, type Spacing, borderRadius, borderWidth, spacing };

package/dist/spacing.d.ts

@@ -1,6 +1,8 @@
 /**
  * Smart V2 Design System - Spacing Tokens
  * @package @adam-milo/tokens
+ *
+ * Provides consistent spacing values following 8px baseline grid
  */
 declare const spacing: {
     readonly 0: "0";
@@ -18,6 +20,7 @@ declare const spacing: {
     readonly 12: "3rem";
     readonly 14: "3.5rem";
     readonly 16: "4rem";
+    readonly 20: "5rem";
 };
 declare const borderRadius: {
     readonly none: "0";
@@ -31,7 +34,15 @@ declare const borderRadius: {
     readonly '4xl': "2rem";
     readonly full: "9999px";
 };
+declare const borderWidth: {
+    readonly none: "0";
+    readonly default: "0.0625rem";
+    readonly md: "0.125rem";
+    readonly lg: "0.1875rem";
+    readonly xl: "0.25rem";
+};
 type Spacing = typeof spacing;
 type BorderRadius = typeof borderRadius;
+type BorderWidth = typeof borderWidth;
 
-export { type BorderRadius, type Spacing, borderRadius, spacing };
+export { type BorderRadius, type BorderWidth, type Spacing, borderRadius, borderWidth, spacing };

package/dist/spacing.js

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var spacing_exports = {};
 __export(spacing_exports, {
   borderRadius: () => borderRadius,
+  borderWidth: () => borderWidth,
   spacing: () => spacing
 });
 module.exports = __toCommonJS(spacing_exports);
@@ -33,7 +34,7 @@ var spacing = {
   1.5: "0.375rem",
   // 6px
   2: "0.5rem",
-  // 8px
+  // 8px - Base unit
   3: "0.75rem",
   // 12px
   4: "1rem",
@@ -52,8 +53,10 @@ var spacing = {
   // 48px
   14: "3.5rem",
   // 56px
-  16: "4rem"
+  16: "4rem",
   // 64px
+  20: "5rem"
+  // 80px - New: For large layouts
 };
 var borderRadius = {
   none: "0",
@@ -75,8 +78,20 @@ var borderRadius = {
   // 32px
   full: "9999px"
 };
+var borderWidth = {
+  none: "0",
+  default: "0.0625rem",
+  // 1px
+  md: "0.125rem",
+  // 2px
+  lg: "0.1875rem",
+  // 3px
+  xl: "0.25rem"
+  // 4px
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   borderRadius,
+  borderWidth,
   spacing
 });

package/dist/spacing.mjs

@@ -1,8 +1,10 @@
 import {
   borderRadius,
+  borderWidth,
   spacing
-} from "./chunk-JMMDK5QW.mjs";
+} from "./chunk-MMLOVDIN.mjs";
 export {
   borderRadius,
+  borderWidth,
   spacing
 };

package/dist/tokens.css

@@ -10,7 +10,8 @@
   /* ========================================================================
    * Colors - Main
    * ======================================================================== */
-  --color-text: #191a39;
+  --Path-Colors-Black-01: #191a39; /* Figma Path Colors / Black 01 – primary text, "Create your account" */
+  --color-text: var(--Path-Colors-Black-01, #191a39);
   --color-action: #272643;
   --color-clickable: #2f9db2;
   --color-popup: #ed6726;
@@ -19,14 +20,37 @@
   --color-secondary: #1d56ec;
   --color-card: #ffffff;
 
+  /* Button-specific colors from Figma */
+  --color-button-orange: #f27424; /* Light orange - Main button orange */
+  --color-button-orange-border: #ed6827; /* Path Colors/Pro - Secondary button orange */
+  --Path-Colors-Advanced: #329cb2; /* Figma Path Colors/Advanced – verified icon ring, teal */
+  --color-button-blue: var(--Path-Colors-Advanced, #329cb2); /* Main/Secondary button blue */
+  --color-dialog-icon-teal: #42b8c6; /* Figma Verify Your Account envelope icon - teal/cyan */
+  --color-success: #42b8c6; /* Success/verified state – teal checkmark in dialogs */
+
+  /* Button state overlays - using rgba for transparency */
+  --color-overlay-dark-10: rgba(25, 26, 57, 0.1); /* Dark overlay for hover */
+  --color-overlay-dark-12: rgba(25, 26, 57, 0.12); /* Dark overlay for active */
+  --color-overlay-orange-10: rgba(242, 116, 36, 0.1); /* Orange 10% - hover */
+  --color-overlay-orange-12: rgba(242, 116, 36, 0.12); /* Orange 12% - active */
+  --color-overlay-orange-15: rgba(242, 116, 36, 0.15); /* Orange 15% - active secondary */
+  --color-overlay-orange-border-12: rgba(237, 104, 39, 0.12); /* Orange border 12% - ellipse */
+  --color-overlay-blue-10: rgba(50, 156, 178, 0.1); /* Blue 10% - hover */
+  --color-overlay-blue-12: rgba(50, 156, 178, 0.12); /* Blue 12% - active/ellipse */
+  --color-overlay-blue-15: rgba(50, 156, 178, 0.15); /* Blue 15% - active secondary */
+  --color-overlay-black-05: rgba(0, 0, 0, 0.05); /* Generic hover */
+  --color-overlay-black-10: rgba(0, 0, 0, 0.1); /* Generic active */
+
   /* ========================================================================
    * Colors - Greys
    * ======================================================================== */
   --color-bg: #fafafa;
   --color-bg-secondary: #f3f3f5;
+  --color-bg-auth: #f2f4f6; /* Auth layout background - Figma spec */
   --color-border: #e5e5ea;
   --color-icon-secondary: #c9c9cf;
-  --color-system-text: #8c8c9c;
+  --Grey-Grey-06: #8c8c9c; /* Figma Grey/Grey 06 - terms, footers */
+  --color-system-text: var(--Grey-Grey-06, #8c8c9c);
   --color-grey-07: #656573; /* Figma Grey/Grey 07 - for labels */
 
   /* ========================================================================
@@ -63,11 +87,36 @@
   --radius-3xl: 1.5rem; /* 24px */
   --radius-4xl: 2rem; /* 32px */
 
+  /* ========================================================================
+   * Border Width (rem)
+   * ======================================================================== */
+  --border-width-none: 0;
+  --border-width-default: 0.0625rem; /* 1px */
+  --border-width-md: 0.125rem; /* 2px */
+  --border-width-lg: 0.1875rem; /* 3px */
+  --border-width-xl: 0.25rem; /* 4px */
+
+  /* ========================================================================
+   * Component layout (dynamic – change here to update Button/Input everywhere)
+   * Figma: Button = 48px height, 10px 32px padding, 10px gap
+   *        Input  = 44px height, 14px padding, 16px gap, 8px radius
+   * ======================================================================== */
+  --button-height: 3rem; /* 48px */
+  --button-padding-y: 0.625rem; /* 10px */
+  --button-padding-x: 2rem; /* 32px */
+  --button-gap: 0.625rem; /* 10px */
+
+  --input-height: 2.75rem; /* 44px */
+  --input-padding: 0.875rem; /* 14px */
+  --input-inner-gap: 1rem; /* 16px */
+  --input-radius: 0.5rem; /* 8px */
+
   /* ========================================================================
    * Typography Scale (rem)
    * ======================================================================== */
   --font-size-1: 3rem; /* 48px */
   --font-size-2: 2.5rem; /* 40px */
+  --font-size-2-5: 2.375rem; /* 38px - Figma desktop title */
   --font-size-3: 2rem; /* 32px */
   --font-size-4: 1.75rem; /* 28px */
   --font-size-5: 1.5rem; /* 24px */
@@ -76,6 +125,13 @@
   --font-size-8: 1rem; /* 16px */
   --font-size-9: 0.875rem; /* 14px */
   --font-size-10: 0.75rem; /* 12px */
+  --font-size-11: 0.625rem; /* 10px - Figma error text spec */
+
+  /* ========================================================================
+   * Font Families
+   * ======================================================================== */
+  --font-family-default: 'Almoni DL AAA', sans-serif;
+  --font-family-sans: 'Almoni DL AAA', ui-sans-serif, system-ui, sans-serif;
 
   /* ========================================================================
    * Gradients
@@ -87,4 +143,26 @@
     #3ea6b0 49.57%,
     #3c91a0 91.6%
   );
+  --gradient-radial-accent: radial-gradient(
+    167.92% 105.02% at 44.61% 21.55%,
+    rgba(50, 156, 178, 0) 40.39%,
+    rgba(50, 156, 178, 0.18) 100%
+  );
+
+  /* Auth layout background – soft teal at left/right edges, lighter toward center */
+  --gradient-auth-bg:
+    linear-gradient(
+      to right,
+      rgba(50, 156, 178, 0.09) 0%,
+      rgba(50, 156, 178, 0.06) 25%,
+      rgba(50, 156, 178, 0.03) 45%,
+      rgba(50, 156, 178, 0) 50%
+    ),
+    linear-gradient(
+      to left,
+      rgba(50, 156, 178, 0.09) 0%,
+      rgba(50, 156, 178, 0.06) 25%,
+      rgba(50, 156, 178, 0.03) 45%,
+      rgba(50, 156, 178, 0) 50%
+    );
 }

package/dist/typography.d.mts

@@ -84,6 +84,14 @@ declare const fontSize: {
         readonly lineHeight: "1.2";
         readonly fontWeight: "400";
     }];
+    readonly 'title-11': readonly ["0.625rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "700";
+    }];
+    readonly 'text-11': readonly ["0.625rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "400";
+    }];
     readonly h1: readonly ["2.5rem", {
         readonly lineHeight: "3rem";
         readonly fontWeight: "700";

package/dist/typography.d.ts

@@ -84,6 +84,14 @@ declare const fontSize: {
         readonly lineHeight: "1.2";
         readonly fontWeight: "400";
     }];
+    readonly 'title-11': readonly ["0.625rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "700";
+    }];
+    readonly 'text-11': readonly ["0.625rem", {
+        readonly lineHeight: "1.2";
+        readonly fontWeight: "400";
+    }];
     readonly h1: readonly ["2.5rem", {
         readonly lineHeight: "3rem";
         readonly fontWeight: "700";

package/dist/typography.js

@@ -66,6 +66,10 @@ var fontSize = {
   // 12px - Bold
   "text-10": ["0.75rem", { lineHeight: "1.2", fontWeight: "400" }],
   // 12px - Regular
+  "title-11": ["0.625rem", { lineHeight: "1.2", fontWeight: "700" }],
+  // 10px - Bold (Error text)
+  "text-11": ["0.625rem", { lineHeight: "1.2", fontWeight: "400" }],
+  // 10px - Regular (Error text)
   // Legacy names (keeping for backward compatibility)
   h1: ["2.5rem", { lineHeight: "3rem", fontWeight: "700" }],
   h2: ["2rem", { lineHeight: "2.5rem", fontWeight: "700" }],

package/dist/typography.mjs

@@ -1,7 +1,7 @@
 import {
   fontFamily,
   fontSize
-} from "./chunk-7VTNCMPG.mjs";
+} from "./chunk-YYVYANL4.mjs";
 export {
   fontFamily,
   fontSize

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adam-milo/tokens",
-  "version": "1.0.1",
+  "version": "1.0.6",
   "description": "Design tokens for the Adam Milo Design System",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -51,12 +51,12 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/adam-milo-smart/adam-milo-design-system.git",
+    "url": "git+https://github.com/adam-milo/adam-milo-design-system.git",
     "directory": "packages/tokens"
   },
-  "homepage": "https://github.com/adam-milo-smart/adam-milo-design-system#readme",
+  "homepage": "https://github.com/adam-milo/adam-milo-design-system#readme",
   "bugs": {
-    "url": "https://github.com/adam-milo-smart/adam-milo-design-system/issues"
+    "url": "https://github.com/adam-milo/adam-milo-design-system/issues"
   },
   "publishConfig": {
     "access": "public"

package/dist/chunk-JMMDK5QW.mjs

@@ -1,57 +0,0 @@
-// src/spacing.ts
-var spacing = {
-  0: "0",
-  0.5: "0.125rem",
-  // 2px
-  1: "0.25rem",
-  // 4px
-  1.5: "0.375rem",
-  // 6px
-  2: "0.5rem",
-  // 8px
-  3: "0.75rem",
-  // 12px
-  4: "1rem",
-  // 16px
-  5: "1.25rem",
-  // 20px
-  6: "1.5rem",
-  // 24px
-  7: "1.75rem",
-  // 28px
-  8: "2rem",
-  // 32px
-  10: "2.5rem",
-  // 40px
-  12: "3rem",
-  // 48px
-  14: "3.5rem",
-  // 56px
-  16: "4rem"
-  // 64px
-};
-var borderRadius = {
-  none: "0",
-  sm: "0.125rem",
-  // 2px
-  default: "0.25rem",
-  // 4px
-  md: "0.5rem",
-  // 8px
-  lg: "0.75rem",
-  // 12px
-  xl: "1rem",
-  // 16px
-  "2xl": "1.25rem",
-  // 20px
-  "3xl": "1.5rem",
-  // 24px
-  "4xl": "2rem",
-  // 32px
-  full: "9999px"
-};
-
-export {
-  spacing,
-  borderRadius
-};