@autoguru/overdrive 4.59.0 → 4.61.0

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

@@ -10,6 +10,7 @@ export declare const tokens: {
         medium: string;
     };
     space: {
+        '0': string;
         '1': string;
         '2': string;
         '3': string;
@@ -19,77 +20,69 @@ export declare const tokens: {
         '7': string;
         '8': string;
         '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
         none: string;
     };
     color: {
         gamut: {
-            white: string;
-            black: {
-                '900': string;
-                '800': string;
-                '700': string;
-                '600': string;
-                '500': string;
-                '400': string;
-                '300': string;
-                '200': string;
-                '100': string;
-            };
             gray: {
-                '900': string;
-                '800': string;
-                '700': string;
-                '600': string;
-                '500': string;
-                '400': string;
-                '300': string;
-                '200': string;
-                '100': string;
+                '900': `var(--${string})`;
+                '800': `var(--${string})`;
+                '700': `var(--${string})`;
+                '600': `var(--${string})`;
+                '500': `var(--${string})`;
+                '400': `var(--${string})`;
+                '300': `var(--${string})`;
+                '200': `var(--${string})`;
+                '100': `var(--${string})`;
             };
             green: {
-                '900': string;
-                '800': string;
-                '700': string;
-                '600': string;
-                '500': string;
-                '400': string;
-                '300': string;
-                '200': string;
-                '100': string;
+                '900': `var(--${string})`;
+                '800': `var(--${string})`;
+                '700': `var(--${string})`;
+                '600': `var(--${string})`;
+                '500': `var(--${string})`;
+                '400': `var(--${string})`;
+                '300': `var(--${string})`;
+                '200': `var(--${string})`;
+                '100': `var(--${string})`;
             };
             blue: {
-                '900': string;
-                '800': string;
-                '700': string;
-                '600': string;
-                '500': string;
-                '400': string;
-                '300': string;
-                '200': string;
-                '100': string;
+                '900': `var(--${string})`;
+                '800': `var(--${string})`;
+                '700': `var(--${string})`;
+                '600': `var(--${string})`;
+                '500': `var(--${string})`;
+                '400': `var(--${string})`;
+                '300': `var(--${string})`;
+                '200': `var(--${string})`;
+                '100': `var(--${string})`;
             };
             yellow: {
-                '900': string;
-                '800': string;
-                '700': string;
-                '600': string;
-                '500': string;
-                '400': string;
-                '300': string;
-                '200': string;
-                '100': string;
+                '900': `var(--${string})`;
+                '800': `var(--${string})`;
+                '700': `var(--${string})`;
+                '600': `var(--${string})`;
+                '500': `var(--${string})`;
+                '400': `var(--${string})`;
+                '300': `var(--${string})`;
+                '200': `var(--${string})`;
+                '100': `var(--${string})`;
             };
             red: {
-                '900': string;
-                '800': string;
-                '700': string;
-                '600': string;
-                '500': string;
-                '400': string;
-                '300': string;
-                '200': string;
-                '100': string;
-            };
+                '900': `var(--${string})`;
+                '800': `var(--${string})`;
+                '700': `var(--${string})`;
+                '600': `var(--${string})`;
+                '500': `var(--${string})`;
+                '400': `var(--${string})`;
+                '300': `var(--${string})`;
+                '200': `var(--${string})`;
+                '100': `var(--${string})`;
+            };
+            white: `var(--${string})`;
         };
         surface: {
             page: string;
@@ -123,19 +116,70 @@ export declare const tokens: {
             placeholder: string;
             focusOutline: string;
         };
+        foreground: {
+            primary: string;
+            secondary: string;
+            reverse: string;
+            tertiaryInactive: string;
+            tertiaryInactiveLight: string;
+        };
+        background: {
+            default: string;
+            reverse: string;
+            inactive: string;
+            emphasisInactive: string;
+        };
+        border: {
+            default: string;
+            emphasis: string;
+            selected: string;
+            strong: string;
+        };
+        info: {
+            text: string;
+            foreground: string;
+            background: string;
+        };
+        success: {
+            text: string;
+            foreground: string;
+            backgroundDark: string;
+            backgroundLight: string;
+        };
+        warning: {
+            text: string;
+            foreground: string;
+            backgroundDark: string;
+            backgroundLight: string;
+        };
+        alert: {
+            text: string;
+            foreground: string;
+            background: string;
+        };
+        button: {
+            primary: {
+                solid: {
+                    default: string;
+                    hover: string;
+                    pressed: string;
+                    border: string;
+                };
+                outlined: {
+                    border: string;
+                    text: string;
+                };
+            };
+            critical: {
+                solid: {
+                    default: string;
+                };
+            };
+        };
     };
     colours: {
         gamut: {
             white: string;
-            black900: string;
-            black800: string;
-            black700: string;
-            black600: string;
-            black500: string;
-            black400: string;
-            black300: string;
-            black200: string;
-            black100: string;
             gray900: string;
             gray800: string;
             gray700: string;
@@ -283,6 +327,10 @@ export declare const tokens: {
         '3': string;
         '4': string;
         '5': string;
+        z1: string;
+        z2: string;
+        z3: string;
+        z4: string;
     };
     border: {
         width: {
@@ -307,6 +355,11 @@ export declare const tokens: {
             '1': string;
             pill: string;
             full: string;
+            xsmall: string;
+            small: string;
+            medium: string;
+            large: string;
+            xlarge: string;
         };
     };
     typography: {
@@ -347,6 +400,38 @@ export declare const tokens: {
                 fontSize: string;
                 lineHeight: string;
             };
+            h1: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            h2: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            h3: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            h4: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            p1: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            p2: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            p3: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            p4: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         colour: {
             primary: string;
@@ -368,6 +453,7 @@ export declare const tokens: {
         fontFamilyMono: string;
         fontWeight: {
             normal: string;
+            medium: string;
             semiBold: string;
             bold: string;
         };
@@ -400,30 +486,9 @@ export declare const tokens: {
         large: string;
         medium: string;
     };
-    space: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        none: string;
-    };
     colours: {
         gamut: {
             white: string;
-            black900: string;
-            black800: string;
-            black700: string;
-            black600: string;
-            black500: string;
-            black400: string;
-            black300: string;
-            black200: string;
-            black100: string;
             gray900: string;
             gray800: string;
             gray700: string;

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":"AA+EA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2LK,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/neutral/tokens.js

@@ -5,17 +5,6 @@ import deepmerge from 'deepmerge';
 import { tokens as baseTokens } from "../base/tokens.js";
 import { buildColourGamut } from "../makeTheme.js";
 const colours = {
-  black: {
-    900: '#222222',
-    800: '#2A2C2A',
-    700: '#444644',
-    600: '#626262',
-    500: '#808080',
-    400: '#ADB1B5',
-    300: '#D4D9DD',
-    200: '#DDE0E3',
-    100: '#E4E4E4'
-  },
   gray: {
     900: '#212338',
     800: '#34384c',
@@ -28,11 +17,11 @@ const colours = {
     100: '#fafbfc'
   },
   green: {
-    900: '#078171',
-    800: '#05987a',
+    900: '#00574c',
+    800: '#18856f',
     700: '#03af83',
     600: '#01c68c',
-    500: '#00dd95',
+    500: '#00dda5',
     400: '#36e5aa',
     300: '#71edc2',
     200: '#e3f8f0',
@@ -44,9 +33,9 @@ const colours = {
     700: '#0d50ce',
     600: '#0d54e5',
     500: '#0d59fc',
-    400: '#4680fc',
-    300: '#80a7fd',
-    200: '#e1edfe',
+    400: '#4a86ff',
+    300: '#81afff',
+    200: '#bad4ff',
     100: '#f3f8ff'
   },
   yellow: {
@@ -85,18 +74,8 @@ export const tokens = deepmerge(baseTokens, {
     large: '1344px',
     medium: '940px'
   },
-  space: {
-    '1': '4px',
-    '2': '8px',
-    '3': '12px',
-    '4': '16px',
-    '5': '20px',
-    '6': '24px',
-    '7': '32px',
-    '8': '48px',
-    '9': '96px',
-    none: '0px'
-  },
+  // `space` intentionally omitted: inherited from baseTokens via deepmerge
+  // so the DS-2026 spacing scale lives in one place and can't drift.
   colours: {
     gamut: _objectSpread(_objectSpread({}, buildColourGamut(colours)), {}, {
       white
@@ -114,9 +93,9 @@ export const tokens = deepmerge(baseTokens, {
     intent: {
       primary: {
         background: {
-          standard: colours.black['900'],
-          mild: colours.black['300'],
-          strong: colours.black['900']
+          standard: colours.gray['900'],
+          mild: colours.gray['300'],
+          strong: colours.gray['900']
         },
         foreground: white,
         border: colours.gray['900']
@@ -230,7 +209,7 @@ export const tokens = deepmerge(baseTokens, {
   },
   typography: {
     colour: {
-      primary: colours.black['800'],
+      primary: colours.gray['800'],
       brand: colours.green['600'],
       secondary: colours.gray['600'],
       shine: colours.yellow['500'],

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

@@ -1,16 +1,5 @@
 import type { TokensFromContract } from './helpers';
 declare const colours: {
-    black: {
-        '900': string;
-        '800': string;
-        '700': string;
-        '600': string;
-        '500': string;
-        '400': string;
-        '300': string;
-        '200': string;
-        '100': string;
-    };
     gray: {
         '900': string;
         '800': string;
@@ -83,6 +72,7 @@ export declare const overdriveTokens: {
         large: `var(--${string})`;
     };
     space: {
+        '0': `var(--${string})`;
         '1': `var(--${string})`;
         '2': `var(--${string})`;
         '3': `var(--${string})`;
@@ -92,22 +82,14 @@ export declare const overdriveTokens: {
         '7': `var(--${string})`;
         '8': `var(--${string})`;
         '9': `var(--${string})`;
+        '10': `var(--${string})`;
+        '11': `var(--${string})`;
+        '12': `var(--${string})`;
         none: `var(--${string})`;
     };
     color: {
         gamut: {
             white: `var(--${string})`;
-            black: {
-                '900': `var(--${string})`;
-                '800': `var(--${string})`;
-                '700': `var(--${string})`;
-                '600': `var(--${string})`;
-                '500': `var(--${string})`;
-                '400': `var(--${string})`;
-                '300': `var(--${string})`;
-                '200': `var(--${string})`;
-                '100': `var(--${string})`;
-            };
             gray: {
                 '900': `var(--${string})`;
                 '800': `var(--${string})`;
@@ -196,19 +178,70 @@ export declare const overdriveTokens: {
             placeholder: `var(--${string})`;
             focusOutline: `var(--${string})`;
         };
+        foreground: {
+            primary: `var(--${string})`;
+            secondary: `var(--${string})`;
+            reverse: `var(--${string})`;
+            tertiaryInactive: `var(--${string})`;
+            tertiaryInactiveLight: `var(--${string})`;
+        };
+        background: {
+            default: `var(--${string})`;
+            reverse: `var(--${string})`;
+            inactive: `var(--${string})`;
+            emphasisInactive: `var(--${string})`;
+        };
+        border: {
+            default: `var(--${string})`;
+            emphasis: `var(--${string})`;
+            selected: `var(--${string})`;
+            strong: `var(--${string})`;
+        };
+        info: {
+            text: `var(--${string})`;
+            foreground: `var(--${string})`;
+            background: `var(--${string})`;
+        };
+        success: {
+            text: `var(--${string})`;
+            foreground: `var(--${string})`;
+            backgroundDark: `var(--${string})`;
+            backgroundLight: `var(--${string})`;
+        };
+        warning: {
+            text: `var(--${string})`;
+            foreground: `var(--${string})`;
+            backgroundDark: `var(--${string})`;
+            backgroundLight: `var(--${string})`;
+        };
+        alert: {
+            text: `var(--${string})`;
+            foreground: `var(--${string})`;
+            background: `var(--${string})`;
+        };
+        button: {
+            primary: {
+                solid: {
+                    default: `var(--${string})`;
+                    hover: `var(--${string})`;
+                    pressed: `var(--${string})`;
+                    border: `var(--${string})`;
+                };
+                outlined: {
+                    border: `var(--${string})`;
+                    text: `var(--${string})`;
+                };
+            };
+            critical: {
+                solid: {
+                    default: `var(--${string})`;
+                };
+            };
+        };
     };
     colours: {
         gamut: {
             white: `var(--${string})`;
-            black900: `var(--${string})`;
-            black800: `var(--${string})`;
-            black700: `var(--${string})`;
-            black600: `var(--${string})`;
-            black500: `var(--${string})`;
-            black400: `var(--${string})`;
-            black300: `var(--${string})`;
-            black200: `var(--${string})`;
-            black100: `var(--${string})`;
             gray900: `var(--${string})`;
             gray800: `var(--${string})`;
             gray700: `var(--${string})`;
@@ -355,6 +388,10 @@ export declare const overdriveTokens: {
         '3': `var(--${string})`;
         '4': `var(--${string})`;
         '5': `var(--${string})`;
+        z1: `var(--${string})`;
+        z2: `var(--${string})`;
+        z3: `var(--${string})`;
+        z4: `var(--${string})`;
         none: `var(--${string})`;
     };
     border: {
@@ -380,6 +417,11 @@ export declare const overdriveTokens: {
             '1': `var(--${string})`;
             pill: `var(--${string})`;
             full: `var(--${string})`;
+            xsmall: `var(--${string})`;
+            small: `var(--${string})`;
+            medium: `var(--${string})`;
+            large: `var(--${string})`;
+            xlarge: `var(--${string})`;
         };
     };
     typography: {
@@ -420,6 +462,38 @@ export declare const overdriveTokens: {
                 fontSize: `var(--${string})`;
                 lineHeight: `var(--${string})`;
             };
+            h1: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            h2: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            h3: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            h4: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            p1: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            p2: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            p3: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            p4: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
         };
         colour: {
             primary: `var(--${string})`;
@@ -441,6 +515,7 @@ export declare const overdriveTokens: {
         fontFamilyMono: `var(--${string})`;
         fontWeight: {
             normal: `var(--${string})`;
+            medium: `var(--${string})`;
             semiBold: `var(--${string})`;
             bold: `var(--${string})`;
         };

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEQ,CAAC;AAEtB,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AA+RrC;;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;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"}