@autoguru/overdrive 4.61.0 → 4.62.0

package/dist/themes/neutral/tokens.d.ts

@@ -120,14 +120,16 @@ export declare const tokens: {
             primary: string;
             secondary: string;
             reverse: string;
-            tertiaryInactive: string;
-            tertiaryInactiveLight: string;
+            tertiary: string;
+            placeholder: string;
         };
         background: {
             default: string;
             reverse: string;
             inactive: string;
             emphasisInactive: string;
+            emphasisLight: string;
+            modal: string;
         };
         border: {
             default: string;
@@ -135,47 +137,95 @@ export declare const tokens: {
             selected: string;
             strong: string;
         };
+        focus: {
+            ring: string;
+        };
         info: {
             text: string;
             foreground: string;
-            background: string;
+            backgroundStrong: string;
+            backgroundSubtle: string;
         };
         success: {
             text: string;
             foreground: string;
-            backgroundDark: string;
-            backgroundLight: string;
+            backgroundStrong: string;
+            backgroundSubtle: string;
         };
         warning: {
             text: string;
             foreground: string;
-            backgroundDark: string;
-            backgroundLight: string;
+            backgroundStrong: string;
+            backgroundSubtle: string;
         };
         alert: {
             text: string;
             foreground: string;
-            background: string;
+            backgroundStrong: string;
+            backgroundSubtle: string;
         };
         button: {
             primary: {
                 solid: {
                     default: string;
                     hover: string;
-                    pressed: string;
                     border: string;
+                    pressed: string;
+                    text: string;
                 };
                 outlined: {
                     border: string;
                     text: string;
+                    hover: string;
+                    pressed: string;
                 };
             };
             critical: {
                 solid: {
                     default: string;
+                    hover: string;
+                    border: string;
+                    pressed: string;
+                    text: string;
                 };
+                outlined: {
+                    border: string;
+                    text: string;
+                    hover: string;
+                    pressed: string;
+                };
+            };
+            secondary: {
+                border: string;
+                hover: string;
+                pressed: string;
+                text: string;
+            };
+            disabled: {
+                fill: string;
+                text: string;
             };
         };
+        link: {
+            primary: string;
+            secondary: string;
+            hover: string;
+            pressed: string;
+            critical: string;
+            criticalHover: string;
+            criticalPressed: string;
+        };
+        illustration: {
+            brightSide: string;
+            darkSide: string;
+            lightFill: string;
+            mainFill: string;
+            outline: string;
+            shadow: string;
+            white: string;
+            yellowDarkSide: string;
+            yellowMainFill: string;
+        };
     };
     colours: {
         gamut: {

package/dist/themes/neutral/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/tokens.ts"],"names":[],"mappings":"AAoEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiLK,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/tokens.ts"],"names":[],"mappings":"AAoEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiLK,CAAC"}

package/dist/themes/theme.css.d.ts

@@ -182,14 +182,16 @@ export declare const overdriveTokens: {
             primary: `var(--${string})`;
             secondary: `var(--${string})`;
             reverse: `var(--${string})`;
-            tertiaryInactive: `var(--${string})`;
-            tertiaryInactiveLight: `var(--${string})`;
+            tertiary: `var(--${string})`;
+            placeholder: `var(--${string})`;
         };
         background: {
             default: `var(--${string})`;
             reverse: `var(--${string})`;
             inactive: `var(--${string})`;
             emphasisInactive: `var(--${string})`;
+            emphasisLight: `var(--${string})`;
+            modal: `var(--${string})`;
         };
         border: {
             default: `var(--${string})`;
@@ -197,46 +199,94 @@ export declare const overdriveTokens: {
             selected: `var(--${string})`;
             strong: `var(--${string})`;
         };
+        focus: {
+            ring: `var(--${string})`;
+        };
         info: {
             text: `var(--${string})`;
             foreground: `var(--${string})`;
-            background: `var(--${string})`;
+            backgroundStrong: `var(--${string})`;
+            backgroundSubtle: `var(--${string})`;
         };
         success: {
             text: `var(--${string})`;
             foreground: `var(--${string})`;
-            backgroundDark: `var(--${string})`;
-            backgroundLight: `var(--${string})`;
+            backgroundStrong: `var(--${string})`;
+            backgroundSubtle: `var(--${string})`;
         };
         warning: {
             text: `var(--${string})`;
             foreground: `var(--${string})`;
-            backgroundDark: `var(--${string})`;
-            backgroundLight: `var(--${string})`;
+            backgroundStrong: `var(--${string})`;
+            backgroundSubtle: `var(--${string})`;
         };
         alert: {
             text: `var(--${string})`;
             foreground: `var(--${string})`;
-            background: `var(--${string})`;
+            backgroundStrong: `var(--${string})`;
+            backgroundSubtle: `var(--${string})`;
         };
         button: {
             primary: {
                 solid: {
                     default: `var(--${string})`;
                     hover: `var(--${string})`;
-                    pressed: `var(--${string})`;
                     border: `var(--${string})`;
+                    pressed: `var(--${string})`;
+                    text: `var(--${string})`;
                 };
                 outlined: {
                     border: `var(--${string})`;
                     text: `var(--${string})`;
+                    hover: `var(--${string})`;
+                    pressed: `var(--${string})`;
                 };
             };
             critical: {
                 solid: {
                     default: `var(--${string})`;
+                    hover: `var(--${string})`;
+                    border: `var(--${string})`;
+                    pressed: `var(--${string})`;
+                    text: `var(--${string})`;
+                };
+                outlined: {
+                    border: `var(--${string})`;
+                    text: `var(--${string})`;
+                    hover: `var(--${string})`;
+                    pressed: `var(--${string})`;
                 };
             };
+            secondary: {
+                border: `var(--${string})`;
+                hover: `var(--${string})`;
+                pressed: `var(--${string})`;
+                text: `var(--${string})`;
+            };
+            disabled: {
+                fill: `var(--${string})`;
+                text: `var(--${string})`;
+            };
+        };
+        link: {
+            primary: `var(--${string})`;
+            secondary: `var(--${string})`;
+            hover: `var(--${string})`;
+            pressed: `var(--${string})`;
+            critical: `var(--${string})`;
+            criticalHover: `var(--${string})`;
+            criticalPressed: `var(--${string})`;
+        };
+        illustration: {
+            brightSide: `var(--${string})`;
+            darkSide: `var(--${string})`;
+            lightFill: `var(--${string})`;
+            mainFill: `var(--${string})`;
+            outline: `var(--${string})`;
+            shadow: `var(--${string})`;
+            white: `var(--${string})`;
+            yellowDarkSide: `var(--${string})`;
+            yellowMainFill: `var(--${string})`;
         };
     };
     colours: {

package/dist/themes/theme.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../../lib/themes/theme.css.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAKpD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDQ,CAAC;AAEtB,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AAgarC;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI3B,CAAC;AAGF,OAAO,EAAE,eAAe,IAAI,iBAAiB,EAAE,CAAC;AAEhD,MAAM,MAAM,WAAW,GAAG,kBAAkB,CAAC,OAAO,eAAe,CAAC,CAAC;AAErE,0FAA0F;AAC1F,eAAO,MAAM,SAAS,QAKpB,CAAC"}
+{"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../../lib/themes/theme.css.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAKpD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDQ,CAAC;AAEtB,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AA6crC;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI3B,CAAC;AAGF,OAAO,EAAE,eAAe,IAAI,iBAAiB,EAAE,CAAC;AAEhD,MAAM,MAAM,WAAW,GAAG,kBAAkB,CAAC,OAAO,eAAe,CAAC,CAAC;AAErE,0FAA0F;AAC1F,eAAO,MAAM,SAAS,QAKpB,CAAC"}

package/dist/themes/theme.css.js

@@ -137,14 +137,16 @@ const THEME_CONTRACT = {
       primary: 'color-foreground-primary',
       secondary: 'color-foreground-secondary',
       reverse: 'color-foreground-reverse',
-      tertiaryInactive: 'color-foreground-tertiary-inactive',
-      tertiaryInactiveLight: 'color-foreground-tertiary-inactive-light'
+      tertiary: 'color-foreground-tertiary',
+      placeholder: 'color-foreground-placeholder'
     },
     background: {
       default: 'color-background-default',
       reverse: 'color-background-reverse',
       inactive: 'color-background-inactive',
-      emphasisInactive: 'color-background-emphasis-inactive'
+      emphasisInactive: 'color-background-emphasis-inactive',
+      emphasisLight: 'color-background-emphasis-light',
+      modal: 'color-background-modal'
     },
     border: {
       default: 'color-border-default',
@@ -152,46 +154,94 @@ const THEME_CONTRACT = {
       selected: 'color-border-selected',
       strong: 'color-border-strong'
     },
+    focus: {
+      ring: 'color-focus-ring'
+    },
     info: {
       text: 'color-info-text',
       foreground: 'color-info-foreground',
-      background: 'color-info-background'
+      backgroundStrong: 'color-info-background-strong',
+      backgroundSubtle: 'color-info-background-subtle'
     },
     success: {
       text: 'color-success-text',
       foreground: 'color-success-foreground',
-      backgroundDark: 'color-success-background-dark',
-      backgroundLight: 'color-success-background-light'
+      backgroundStrong: 'color-success-background-strong',
+      backgroundSubtle: 'color-success-background-subtle'
     },
     warning: {
       text: 'color-warning-text',
       foreground: 'color-warning-foreground',
-      backgroundDark: 'color-warning-background-dark',
-      backgroundLight: 'color-warning-background-light'
+      backgroundStrong: 'color-warning-background-strong',
+      backgroundSubtle: 'color-warning-background-subtle'
     },
     alert: {
       text: 'color-alert-text',
       foreground: 'color-alert-foreground',
-      background: 'color-alert-background'
+      backgroundStrong: 'color-alert-background-strong',
+      backgroundSubtle: 'color-alert-background-subtle'
     },
     button: {
       primary: {
         solid: {
           default: 'color-button-primary-solid-default',
           hover: 'color-button-primary-solid-hover',
+          border: 'color-button-primary-solid-border',
           pressed: 'color-button-primary-solid-pressed',
-          border: 'color-button-primary-solid-border'
+          text: 'color-button-primary-solid-text'
         },
         outlined: {
           border: 'color-button-primary-outlined-border',
-          text: 'color-button-primary-outlined-text'
+          text: 'color-button-primary-outlined-text',
+          hover: 'color-button-primary-outlined-hover',
+          pressed: 'color-button-primary-outlined-pressed'
         }
       },
       critical: {
         solid: {
-          default: 'color-button-critical-solid-default'
+          default: 'color-button-critical-solid-default',
+          hover: 'color-button-critical-solid-hover',
+          border: 'color-button-critical-solid-border',
+          pressed: 'color-button-critical-solid-pressed',
+          text: 'color-button-critical-solid-text'
+        },
+        outlined: {
+          border: 'color-button-critical-outlined-border',
+          text: 'color-button-critical-outlined-text',
+          hover: 'color-button-critical-outlined-hover',
+          pressed: 'color-button-critical-outlined-pressed'
         }
+      },
+      secondary: {
+        border: 'color-button-secondary-border',
+        hover: 'color-button-secondary-hover',
+        pressed: 'color-button-secondary-pressed',
+        text: 'color-button-secondary-text'
+      },
+      disabled: {
+        fill: 'color-button-disabled-fill',
+        text: 'color-button-disabled-text'
       }
+    },
+    link: {
+      primary: 'color-link-primary',
+      secondary: 'color-link-secondary',
+      hover: 'color-link-hover',
+      pressed: 'color-link-pressed',
+      critical: 'color-link-critical',
+      criticalHover: 'color-link-critical-hover',
+      criticalPressed: 'color-link-critical-pressed'
+    },
+    illustration: {
+      brightSide: 'color-illustration-bright-side',
+      darkSide: 'color-illustration-dark-side',
+      lightFill: 'color-illustration-light-fill',
+      mainFill: 'color-illustration-main-fill',
+      outline: 'color-illustration-outline',
+      shadow: 'color-illustration-shadow',
+      white: 'color-illustration-white',
+      yellowDarkSide: 'color-illustration-yellow-dark-side',
+      yellowMainFill: 'color-illustration-yellow-main-fill'
     }
   },
   // existing colours for compatability
@@ -338,12 +388,7 @@ const THEME_CONTRACT = {
       md: 'border-radius-md',
       lg: 'border-radius-lg',
       xl: 'border-radius-xl',
-      /**
-       * @deprecated Use radius.xlarge — removed in v5 (DS-2026 major).
-       * Note: values differ today (2xl = 24px, xlarge = 20px); the exact
-       * DS-2026 mapping for this key is pending design resolution
-       * (master §6-Q2) and will be finalised at the major.
-       */
+      /** DS-2026 Extra Large radius (24px) — used for modals. */
       '2xl': 'border-radius-2xl',
       /** @deprecated Use radius.xsmall (identical 4px value) — removed in v5 (DS-2026 major). */
       '1': 'border-radius-1',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.61.0",
+	"version": "4.62.0",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",