@autoguru/overdrive 4.41.0-next.6 → 4.42.0-next.0

package/dist/themes/neutral/tokens.js

@@ -3,6 +3,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import deepmerge from 'deepmerge';
 import { tokens as baseTokens } from "../base/tokens.js";
 import { buildColourGamut } from "../makeTheme.js";
 const colours = {
@@ -75,7 +76,7 @@ const colours = {
 };
 const white = '#fff';
 const secondaryForeground = colours.gray['700'];
-export const tokens = {
+export const tokens = deepmerge(baseTokens, {
   mode: 'light',
   body: {
     backgroundColour: white,
@@ -229,7 +230,7 @@ export const tokens = {
       full: '50%'
     }
   },
-  typography: _objectSpread(_objectSpread({}, baseTokens.typography), {}, {
+  typography: {
     colour: {
       primary: colours.black['800'],
       brand: colours.green['600'],
@@ -246,7 +247,7 @@ export const tokens = {
       success: colours.green['600'],
       information: colours.blue['500']
     }
-  }),
+  },
   animation: {
     easing: {
       standard: 'cubic-bezier(0.4, 0.0, 0.2, 1)',
@@ -261,4 +262,4 @@ export const tokens = {
       large: '32px'
     }
   }
-};
+});

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

@@ -1,4 +1,74 @@
-export declare const themeContractVars: {
+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;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+    green: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+    blue: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+    yellow: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+    red: {
+        '900': string;
+        '800': string;
+        '700': string;
+        '600': string;
+        '500': string;
+        '400': string;
+        '300': string;
+        '200': string;
+        '100': string;
+    };
+};
+export type Colours = typeof colours;
+export declare const overdriveTokens: {
     mode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     body: {
         backgroundColour: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -21,291 +91,111 @@ export declare const themeContractVars: {
         '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
-    colours: {
+    color: {
         gamut: {
             white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            black900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            black800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            black700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            black600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            black500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            black400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            black300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            black200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            black100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            gray900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            gray800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            gray700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            gray600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            gray500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            gray400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            gray300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            gray200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            gray100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            green900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            green800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            green700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            green600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            green500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            green400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            green300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            green200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            green100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            blue900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            blue800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            blue700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            blue600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            blue500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            blue400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            blue300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            blue200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            blue100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            yellow900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            yellow800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            yellow700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            yellow600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            yellow500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            yellow400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            yellow300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            yellow200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            yellow100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        foreground: {
-            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        background: {
-            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            neutral: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            neutralDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        intent: {
-            primary: {
-                background: {
-                    standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                };
-                foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            brand: {
-                background: {
-                    standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                };
-                foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            secondary: {
-                background: {
-                    standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                };
-                foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            shine: {
-                background: {
-                    standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                };
-                foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            danger: {
-                background: {
-                    standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                };
-                foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            warning: {
-                background: {
-                    standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                };
-                foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            neutral: {
-                background: {
-                    standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                };
-                foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            success: {
-                background: {
-                    standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                };
-                foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            information: {
-                background: {
-                    standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                };
-                foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            black: {
+                '900': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '800': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '700': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '600': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '500': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '400': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '300': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '200': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '100': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            gray: {
+                '900': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '800': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '700': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '600': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '500': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '400': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '300': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '200': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '100': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            green: {
+                '900': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '800': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '700': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '600': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '500': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '400': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '300': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '200': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '100': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            blue: {
+                '900': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '800': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '700': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '600': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '500': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '400': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '300': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '200': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '100': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            yellow: {
+                '900': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '800': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '700': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '600': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '500': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '400': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '300': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '200': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '100': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            red: {
+                '900': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '800': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '700': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '600': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '500': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '400': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '300': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '200': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                '100': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             };
         };
-    };
-    elevation: {
-        '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    border: {
-        width: {
-            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        colours: {
-            light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            gray: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            dark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        radius: {
-            none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            min: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            '2xl': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-    typography: {
-        size: {
-            '1': {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            '2': {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            '3': {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            '4': {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            '5': {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            '6': {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            '7': {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            '8': {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            '9': {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-        };
-        colour: {
-            primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            shine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            dark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            muted: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            neutral: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        surface: {
+            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            accent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            hard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             danger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            information: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
-        fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        fontWeight: {
-            normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-    animation: {
-        easing: {
-            standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            decelerate: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            accelerate: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        content: {
+            onBody: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSurface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            accent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            hard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            danger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
-    };
-    icon: {
-        size: {
-            small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        interactive: {
+            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderMuted: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            surfaceDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            contentDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            linkVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            overlayBg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            overlayContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            placeholder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            focusOutline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
-};
-export declare const globalTokens: {
-    mode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    body: {
-        backgroundColour: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        colour: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    contentWidth: {
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    space: {
-        '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
     colours: {
         gamut: {
             white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -318,15 +208,6 @@ export declare const globalTokens: {
             black300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             black200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             black100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            red100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             gray900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             gray800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             gray700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -363,6 +244,15 @@ export declare const globalTokens: {
             yellow300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             yellow200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             yellow100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            red900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            red800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            red700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            red600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            red500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            red400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            red300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            red200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            red100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         foreground: {
             body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -567,6 +457,11 @@ export declare const globalTokens: {
             large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
+    opacity: {
+        overlayBg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
 };
+export { overdriveTokens as themeContractVars };
+export type ThemeTokens = TokensFromContract<typeof overdriveTokens>;
 export declare const container: string;
 //# sourceMappingURL=theme.css.d.ts.map

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":"AA4TA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAsC,CAAC;AACrE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA4C,CAAC;AAGtE,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEQ,CAAC;AAEtB,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AAmSrC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI3B,CAAC;AAGF,OAAO,EAAE,eAAe,IAAI,iBAAiB,EAAE,CAAC;AAEhD,MAAM,MAAM,WAAW,GAAG,kBAAkB,CAAC,OAAO,eAAe,CAAC,CAAC;AAGrE,eAAO,MAAM,SAAS,QAKpB,CAAC"}