@autoguru/overdrive 4.61.0 → 4.63.0

package/dist/themes/makeTheme.d.ts

@@ -99,6 +99,10 @@ export declare const themeTokensWithLayer: (tokens: ThemeTokens) => {
                 '100': `var(--${string})`;
             };
         };
+        brand: {
+            solid: `var(--${string})`;
+            onSolid: `var(--${string})`;
+        };
         surface: {
             page: `var(--${string})`;
             hard: `var(--${string})`;
@@ -135,14 +139,16 @@ export declare const themeTokensWithLayer: (tokens: ThemeTokens) => {
             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})`;
@@ -150,46 +156,94 @@ export declare const themeTokensWithLayer: (tokens: ThemeTokens) => {
             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: import("./helpers").TokensFromContract<{

package/dist/themes/makeTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"makeTheme.d.ts","sourceRoot":"","sources":["../../lib/themes/makeTheme.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAE/E,eAAO,MAAM,WAAW,EAAE,WAKzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,WAAW,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,WAErD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,QAAO,SAAS,WAAW,EAEpD,CAAC;AAEF,eAAO,MAAM,UAAU,8CAGtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGtD,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAC7B,qBAAoB,WAAyB;;CAG5C,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEjE,eAAO,MAAM,gBAAgB,GAAI,SAAS,SAAS,KAAG,gBAepD,CAAC"}
+{"version":3,"file":"makeTheme.d.ts","sourceRoot":"","sources":["../../lib/themes/makeTheme.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAE/E,eAAO,MAAM,WAAW,EAAE,WAKzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,WAAW,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,WAErD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,QAAO,SAAS,WAAW,EAEpD,CAAC;AAEF,eAAO,MAAM,UAAU,8CAGtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGtD,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAC7B,qBAAoB,WAAyB;;CAG5C,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEjE,eAAO,MAAM,gBAAgB,GAAI,SAAS,SAAS,KAAG,gBAepD,CAAC"}

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

@@ -87,6 +87,10 @@ declare const _default: {
                     '100': `var(--${string})`;
                 };
             };
+            brand: {
+                solid: `var(--${string})`;
+                onSolid: `var(--${string})`;
+            };
             surface: {
                 page: `var(--${string})`;
                 hard: `var(--${string})`;
@@ -123,14 +127,16 @@ declare const _default: {
                 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})`;
@@ -138,46 +144,94 @@ declare const _default: {
                 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: {
@@ -565,6 +619,10 @@ declare const _default: {
                 };
                 white: `var(--${string})`;
             };
+            brand: {
+                solid: string;
+                onSolid: string;
+            };
             surface: {
                 page: string;
                 hard: string;
@@ -601,14 +659,16 @@ declare const _default: {
                 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;
@@ -616,46 +676,94 @@ declare const _default: {
                 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: {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}

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

@@ -84,6 +84,10 @@ export declare const tokens: {
             };
             white: `var(--${string})`;
         };
+        brand: {
+            solid: string;
+            onSolid: string;
+        };
         surface: {
             page: string;
             hard: string;
@@ -120,14 +124,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,46 +141,94 @@ 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: {

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

@@ -146,6 +146,10 @@ export declare const overdriveTokens: {
                 '100': `var(--${string})`;
             };
         };
+        brand: {
+            solid: `var(--${string})`;
+            onSolid: `var(--${string})`;
+        };
         surface: {
             page: `var(--${string})`;
             hard: `var(--${string})`;
@@ -182,14 +186,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 +203,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: {