@autoguru/overdrive 4.61.0 → 4.63.0

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;AA6drC;;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

@@ -101,6 +101,22 @@ const THEME_CONTRACT = {
   // new colour token structure 2025
   color: {
     gamut: coloursWithWhite,
+    /**
+     * The tenant brand accent — the "on" colour of a selection control and
+     * the seed a tenant re-brands from.
+     *
+     * Deliberately its own pair rather than a reuse of
+     * `color.foreground.primary`: that leaf is body-text ink shared with
+     * nine unrelated components, so a tenant branding its checked controls
+     * would drag every piece of primary text along with them.
+     *
+     * `onSolid` is the contrast-safe content placed on top of `solid` — the
+     * Switch handle, the Radio dot, the CheckBox tick.
+     */
+    brand: {
+      solid: 'color-brand-solid',
+      onSolid: 'color-brand-on-solid'
+    },
     surface: {
       page: null,
       hard: null,
@@ -137,14 +153,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 +170,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 +404,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.63.0",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",