@autoguru/overdrive 4.59.0 → 4.60.0

package/dist/themes/flat_red/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;
         };
@@ -392,15 +478,6 @@ export declare const tokens: {
 } & {
     colours: {
         gamut: {
-            black900: string;
-            black800: string;
-            black700: string;
-            black600: string;
-            black500: string;
-            black400: string;
-            black300: string;
-            black200: string;
-            black100: string;
             gray900: string;
             gray800: string;
             gray700: string;
@@ -482,6 +559,10 @@ export declare const tokens: {
         '3': string;
         '4': string;
         '5': string;
+        z1: string;
+        z2: string;
+        z3: string;
+        z4: string;
     };
     border: {
         radius: {
@@ -489,6 +570,8 @@ export declare const tokens: {
             sm: string;
             md: string;
             '1': string;
+            xsmall: string;
+            small: string;
         };
     };
     typography: {

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/tokens.ts"],"names":[],"mappings":"AA8EA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDK,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/tokens.ts"],"names":[],"mappings":"AAmEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DK,CAAC"}

package/dist/themes/flat_red/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: '#263238',
     800: '#37474F',
@@ -110,14 +99,20 @@ export const tokens = deepmerge(baseTokens, {
     '2': flatElevation,
     '3': flatElevation,
     '4': flatElevation,
-    '5': flatElevation
+    '5': flatElevation,
+    z1: flatElevation,
+    z2: flatElevation,
+    z3: flatElevation,
+    z4: flatElevation
   },
   border: {
     radius: {
       min: 'none',
       sm: 'none',
       md: 'none',
-      '1': 'none'
+      '1': 'none',
+      xsmall: 'none',
+      small: 'none'
     }
   },
   typography: {