@autoguru/overdrive 4.43.4 → 4.43.5

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

@@ -2,396 +2,394 @@ declare const _default: {
     name: string;
     themeRef: string;
     vars: {
-        mode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        mode: `var(--${string})` | `var(--${string}, ${string})`;
         body: {
-            backgroundColour: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            colour: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundColour: `var(--${string})` | `var(--${string}, ${string})`;
+            colour: `var(--${string})` | `var(--${string}, ${string})`;
         };
         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})`;
+            small: `var(--${string})` | `var(--${string}, ${string})`;
+            medium: `var(--${string})` | `var(--${string}, ${string})`;
+            large: `var(--${string})` | `var(--${string}, ${string})`;
         };
         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})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})`;
+            none: `var(--${string})` | `var(--${string}, ${string})`;
         };
         color: {
             gamut: {
-                white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                white: `var(--${string})` | `var(--${string}, ${string})`;
                 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})`;
+                    '900': `var(--${string})` | `var(--${string}, ${string})`;
+                    '800': `var(--${string})` | `var(--${string}, ${string})`;
+                    '700': `var(--${string})` | `var(--${string}, ${string})`;
+                    '600': `var(--${string})` | `var(--${string}, ${string})`;
+                    '500': `var(--${string})` | `var(--${string}, ${string})`;
+                    '400': `var(--${string})` | `var(--${string}, ${string})`;
+                    '300': `var(--${string})` | `var(--${string}, ${string})`;
+                    '200': `var(--${string})` | `var(--${string}, ${string})`;
+                    '100': `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 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})`;
+                    '900': `var(--${string})` | `var(--${string}, ${string})`;
+                    '800': `var(--${string})` | `var(--${string}, ${string})`;
+                    '700': `var(--${string})` | `var(--${string}, ${string})`;
+                    '600': `var(--${string})` | `var(--${string}, ${string})`;
+                    '500': `var(--${string})` | `var(--${string}, ${string})`;
+                    '400': `var(--${string})` | `var(--${string}, ${string})`;
+                    '300': `var(--${string})` | `var(--${string}, ${string})`;
+                    '200': `var(--${string})` | `var(--${string}, ${string})`;
+                    '100': `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 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})`;
+                    '900': `var(--${string})` | `var(--${string}, ${string})`;
+                    '800': `var(--${string})` | `var(--${string}, ${string})`;
+                    '700': `var(--${string})` | `var(--${string}, ${string})`;
+                    '600': `var(--${string})` | `var(--${string}, ${string})`;
+                    '500': `var(--${string})` | `var(--${string}, ${string})`;
+                    '400': `var(--${string})` | `var(--${string}, ${string})`;
+                    '300': `var(--${string})` | `var(--${string}, ${string})`;
+                    '200': `var(--${string})` | `var(--${string}, ${string})`;
+                    '100': `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 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})`;
+                    '900': `var(--${string})` | `var(--${string}, ${string})`;
+                    '800': `var(--${string})` | `var(--${string}, ${string})`;
+                    '700': `var(--${string})` | `var(--${string}, ${string})`;
+                    '600': `var(--${string})` | `var(--${string}, ${string})`;
+                    '500': `var(--${string})` | `var(--${string}, ${string})`;
+                    '400': `var(--${string})` | `var(--${string}, ${string})`;
+                    '300': `var(--${string})` | `var(--${string}, ${string})`;
+                    '200': `var(--${string})` | `var(--${string}, ${string})`;
+                    '100': `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 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})`;
+                    '900': `var(--${string})` | `var(--${string}, ${string})`;
+                    '800': `var(--${string})` | `var(--${string}, ${string})`;
+                    '700': `var(--${string})` | `var(--${string}, ${string})`;
+                    '600': `var(--${string})` | `var(--${string}, ${string})`;
+                    '500': `var(--${string})` | `var(--${string}, ${string})`;
+                    '400': `var(--${string})` | `var(--${string}, ${string})`;
+                    '300': `var(--${string})` | `var(--${string}, ${string})`;
+                    '200': `var(--${string})` | `var(--${string}, ${string})`;
+                    '100': `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 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})`;
+                    '900': `var(--${string})` | `var(--${string}, ${string})`;
+                    '800': `var(--${string})` | `var(--${string}, ${string})`;
+                    '700': `var(--${string})` | `var(--${string}, ${string})`;
+                    '600': `var(--${string})` | `var(--${string}, ${string})`;
+                    '500': `var(--${string})` | `var(--${string}, ${string})`;
+                    '400': `var(--${string})` | `var(--${string}, ${string})`;
+                    '300': `var(--${string})` | `var(--${string}, ${string})`;
+                    '200': `var(--${string})` | `var(--${string}, ${string})`;
+                    '100': `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
             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})`;
+                page: `var(--${string})` | `var(--${string}, ${string})`;
+                hard: `var(--${string})` | `var(--${string}, ${string})`;
+                soft: `var(--${string})` | `var(--${string}, ${string})`;
+                accent: `var(--${string})` | `var(--${string}, ${string})`;
+                success: `var(--${string})` | `var(--${string}, ${string})`;
+                info: `var(--${string})` | `var(--${string}, ${string})`;
+                danger: `var(--${string})` | `var(--${string}, ${string})`;
+                warning: `var(--${string})` | `var(--${string}, ${string})`;
             };
             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})`;
+                normal: `var(--${string})` | `var(--${string}, ${string})`;
+                soft: `var(--${string})` | `var(--${string}, ${string})`;
+                inverse: `var(--${string})` | `var(--${string}, ${string})`;
+                info: `var(--${string})` | `var(--${string}, ${string})`;
+                danger: `var(--${string})` | `var(--${string}, ${string})`;
+                success: `var(--${string})` | `var(--${string}, ${string})`;
+                warning: `var(--${string})` | `var(--${string}, ${string})`;
             };
             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})`;
+                border: `var(--${string})` | `var(--${string}, ${string})`;
+                borderMuted: `var(--${string})` | `var(--${string}, ${string})`;
+                borderDisabled: `var(--${string})` | `var(--${string}, ${string})`;
+                surfaceDisabled: `var(--${string})` | `var(--${string}, ${string})`;
+                contentDisabled: `var(--${string})` | `var(--${string}, ${string})`;
+                link: `var(--${string})` | `var(--${string}, ${string})`;
+                linkVisited: `var(--${string})` | `var(--${string}, ${string})`;
+                overlayBg: `var(--${string})` | `var(--${string}, ${string})`;
+                overlayContainer: `var(--${string})` | `var(--${string}, ${string})`;
+                placeholder: `var(--${string})` | `var(--${string}, ${string})`;
+                focusOutline: `var(--${string})` | `var(--${string}, ${string})`;
             };
         };
         colours: {
             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})`;
-                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})`;
-                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})`;
+                white: `var(--${string})` | `var(--${string}, ${string})`;
+                black900: `var(--${string})` | `var(--${string}, ${string})`;
+                black800: `var(--${string})` | `var(--${string}, ${string})`;
+                black700: `var(--${string})` | `var(--${string}, ${string})`;
+                black600: `var(--${string})` | `var(--${string}, ${string})`;
+                black500: `var(--${string})` | `var(--${string}, ${string})`;
+                black400: `var(--${string})` | `var(--${string}, ${string})`;
+                black300: `var(--${string})` | `var(--${string}, ${string})`;
+                black200: `var(--${string})` | `var(--${string}, ${string})`;
+                black100: `var(--${string})` | `var(--${string}, ${string})`;
+                gray900: `var(--${string})` | `var(--${string}, ${string})`;
+                gray800: `var(--${string})` | `var(--${string}, ${string})`;
+                gray700: `var(--${string})` | `var(--${string}, ${string})`;
+                gray600: `var(--${string})` | `var(--${string}, ${string})`;
+                gray500: `var(--${string})` | `var(--${string}, ${string})`;
+                gray400: `var(--${string})` | `var(--${string}, ${string})`;
+                gray300: `var(--${string})` | `var(--${string}, ${string})`;
+                gray200: `var(--${string})` | `var(--${string}, ${string})`;
+                gray100: `var(--${string})` | `var(--${string}, ${string})`;
+                green900: `var(--${string})` | `var(--${string}, ${string})`;
+                green800: `var(--${string})` | `var(--${string}, ${string})`;
+                green700: `var(--${string})` | `var(--${string}, ${string})`;
+                green600: `var(--${string})` | `var(--${string}, ${string})`;
+                green500: `var(--${string})` | `var(--${string}, ${string})`;
+                green400: `var(--${string})` | `var(--${string}, ${string})`;
+                green300: `var(--${string})` | `var(--${string}, ${string})`;
+                green200: `var(--${string})` | `var(--${string}, ${string})`;
+                green100: `var(--${string})` | `var(--${string}, ${string})`;
+                blue900: `var(--${string})` | `var(--${string}, ${string})`;
+                blue800: `var(--${string})` | `var(--${string}, ${string})`;
+                blue700: `var(--${string})` | `var(--${string}, ${string})`;
+                blue600: `var(--${string})` | `var(--${string}, ${string})`;
+                blue500: `var(--${string})` | `var(--${string}, ${string})`;
+                blue400: `var(--${string})` | `var(--${string}, ${string})`;
+                blue300: `var(--${string})` | `var(--${string}, ${string})`;
+                blue200: `var(--${string})` | `var(--${string}, ${string})`;
+                blue100: `var(--${string})` | `var(--${string}, ${string})`;
+                yellow900: `var(--${string})` | `var(--${string}, ${string})`;
+                yellow800: `var(--${string})` | `var(--${string}, ${string})`;
+                yellow700: `var(--${string})` | `var(--${string}, ${string})`;
+                yellow600: `var(--${string})` | `var(--${string}, ${string})`;
+                yellow500: `var(--${string})` | `var(--${string}, ${string})`;
+                yellow400: `var(--${string})` | `var(--${string}, ${string})`;
+                yellow300: `var(--${string})` | `var(--${string}, ${string})`;
+                yellow200: `var(--${string})` | `var(--${string}, ${string})`;
+                yellow100: `var(--${string})` | `var(--${string}, ${string})`;
+                red900: `var(--${string})` | `var(--${string}, ${string})`;
+                red800: `var(--${string})` | `var(--${string}, ${string})`;
+                red700: `var(--${string})` | `var(--${string}, ${string})`;
+                red600: `var(--${string})` | `var(--${string}, ${string})`;
+                red500: `var(--${string})` | `var(--${string}, ${string})`;
+                red400: `var(--${string})` | `var(--${string}, ${string})`;
+                red300: `var(--${string})` | `var(--${string}, ${string})`;
+                red200: `var(--${string})` | `var(--${string}, ${string})`;
+                red100: `var(--${string})` | `var(--${string}, ${string})`;
             };
             foreground: {
-                body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                body: `var(--${string})` | `var(--${string}, ${string})`;
+                link: `var(--${string})` | `var(--${string}, ${string})`;
             };
             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})`;
+                body: `var(--${string})` | `var(--${string}, ${string})`;
+                light: `var(--${string})` | `var(--${string}, ${string})`;
+                neutral: `var(--${string})` | `var(--${string}, ${string})`;
+                neutralDark: `var(--${string})` | `var(--${string}, ${string})`;
             };
             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})`;
+                        standard: `var(--${string})` | `var(--${string}, ${string})`;
+                        mild: `var(--${string})` | `var(--${string}, ${string})`;
+                        strong: `var(--${string})` | `var(--${string}, ${string})`;
                     };
-                    foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    foreground: `var(--${string})` | `var(--${string}, ${string})`;
+                    border: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 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})`;
+                        standard: `var(--${string})` | `var(--${string}, ${string})`;
+                        mild: `var(--${string})` | `var(--${string}, ${string})`;
+                        strong: `var(--${string})` | `var(--${string}, ${string})`;
                     };
-                    foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    foreground: `var(--${string})` | `var(--${string}, ${string})`;
+                    border: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 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})`;
+                        standard: `var(--${string})` | `var(--${string}, ${string})`;
+                        mild: `var(--${string})` | `var(--${string}, ${string})`;
+                        strong: `var(--${string})` | `var(--${string}, ${string})`;
                     };
-                    foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    foreground: `var(--${string})` | `var(--${string}, ${string})`;
+                    border: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 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})`;
+                        standard: `var(--${string})` | `var(--${string}, ${string})`;
+                        mild: `var(--${string})` | `var(--${string}, ${string})`;
+                        strong: `var(--${string})` | `var(--${string}, ${string})`;
                     };
-                    foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    foreground: `var(--${string})` | `var(--${string}, ${string})`;
+                    border: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 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})`;
+                        standard: `var(--${string})` | `var(--${string}, ${string})`;
+                        mild: `var(--${string})` | `var(--${string}, ${string})`;
+                        strong: `var(--${string})` | `var(--${string}, ${string})`;
                     };
-                    foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    foreground: `var(--${string})` | `var(--${string}, ${string})`;
+                    border: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 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})`;
+                        standard: `var(--${string})` | `var(--${string}, ${string})`;
+                        mild: `var(--${string})` | `var(--${string}, ${string})`;
+                        strong: `var(--${string})` | `var(--${string}, ${string})`;
                     };
-                    foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    foreground: `var(--${string})` | `var(--${string}, ${string})`;
+                    border: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 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})`;
+                        standard: `var(--${string})` | `var(--${string}, ${string})`;
+                        mild: `var(--${string})` | `var(--${string}, ${string})`;
+                        strong: `var(--${string})` | `var(--${string}, ${string})`;
                     };
-                    foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    foreground: `var(--${string})` | `var(--${string}, ${string})`;
+                    border: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 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})`;
+                        standard: `var(--${string})` | `var(--${string}, ${string})`;
+                        mild: `var(--${string})` | `var(--${string}, ${string})`;
+                        strong: `var(--${string})` | `var(--${string}, ${string})`;
                     };
-                    foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    foreground: `var(--${string})` | `var(--${string}, ${string})`;
+                    border: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 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})`;
+                        standard: `var(--${string})` | `var(--${string}, ${string})`;
+                        mild: `var(--${string})` | `var(--${string}, ${string})`;
+                        strong: `var(--${string})` | `var(--${string}, ${string})`;
                     };
-                    foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    foreground: `var(--${string})` | `var(--${string}, ${string})`;
+                    border: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
         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})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})`;
+            none: `var(--${string})` | `var(--${string}, ${string})`;
         };
         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})`;
+                '1': `var(--${string})` | `var(--${string}, ${string})`;
+                '2': `var(--${string})` | `var(--${string}, ${string})`;
+                '3': `var(--${string})` | `var(--${string}, ${string})`;
+                none: `var(--${string})` | `var(--${string}, ${string})`;
             };
             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})`;
+                light: `var(--${string})` | `var(--${string}, ${string})`;
+                gray: `var(--${string})` | `var(--${string}, ${string})`;
+                dark: `var(--${string})` | `var(--${string}, ${string})`;
             };
             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})`;
+                none: `var(--${string})` | `var(--${string}, ${string})`;
+                min: `var(--${string})` | `var(--${string}, ${string})`;
+                sm: `var(--${string})` | `var(--${string}, ${string})`;
+                md: `var(--${string})` | `var(--${string}, ${string})`;
+                lg: `var(--${string})` | `var(--${string}, ${string})`;
+                xl: `var(--${string})` | `var(--${string}, ${string})`;
+                '2xl': `var(--${string})` | `var(--${string}, ${string})`;
+                '1': `var(--${string})` | `var(--${string}, ${string})`;
+                pill: `var(--${string})` | `var(--${string}, ${string})`;
+                full: `var(--${string})` | `var(--${string}, ${string})`;
             };
         };
         typography: {
             size: {
                 '1': {
-                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 '2': {
-                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 '3': {
-                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 '4': {
-                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 '5': {
-                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 '6': {
-                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 '7': {
-                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 '8': {
-                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 '9': {
-                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
             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})`;
-                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})`;
+                primary: `var(--${string})` | `var(--${string}, ${string})`;
+                brand: `var(--${string})` | `var(--${string}, ${string})`;
+                secondary: `var(--${string})` | `var(--${string}, ${string})`;
+                shine: `var(--${string})` | `var(--${string}, ${string})`;
+                link: `var(--${string})` | `var(--${string}, ${string})`;
+                dark: `var(--${string})` | `var(--${string}, ${string})`;
+                white: `var(--${string})` | `var(--${string}, ${string})`;
+                muted: `var(--${string})` | `var(--${string}, ${string})`;
+                neutral: `var(--${string})` | `var(--${string}, ${string})`;
+                light: `var(--${string})` | `var(--${string}, ${string})`;
+                danger: `var(--${string})` | `var(--${string}, ${string})`;
+                warning: `var(--${string})` | `var(--${string}, ${string})`;
+                success: `var(--${string})` | `var(--${string}, ${string})`;
+                information: `var(--${string})` | `var(--${string}, ${string})`;
             };
-            fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            fontFamily: `var(--${string})` | `var(--${string}, ${string})`;
             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})`;
+                normal: `var(--${string})` | `var(--${string}, ${string})`;
+                semiBold: `var(--${string})` | `var(--${string}, ${string})`;
+                bold: `var(--${string})` | `var(--${string}, ${string})`;
             };
         };
         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})`;
+                standard: `var(--${string})` | `var(--${string}, ${string})`;
+                decelerate: `var(--${string})` | `var(--${string}, ${string})`;
+                accelerate: `var(--${string})` | `var(--${string}, ${string})`;
             };
         };
         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})`;
+                small: `var(--${string})` | `var(--${string}, ${string})`;
+                medium: `var(--${string})` | `var(--${string}, ${string})`;
+                large: `var(--${string})` | `var(--${string}, ${string})`;
             };
         };
         opacity: {
-            overlayBg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            overlayBg: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
     tokens: {
@@ -488,21 +486,19 @@ declare const _default: {
                 };
             };
             surface: {
-                body: string;
-                accent: string;
+                page: string;
                 hard: string;
                 soft: string;
+                accent: string;
                 success: string;
                 info: string;
                 danger: string;
                 warning: string;
             };
             content: {
-                onBody: string;
-                onSurface: string;
-                accent: string;
-                hard: string;
+                normal: string;
                 soft: string;
+                inverse: string;
                 info: string;
                 danger: string;
                 success: string;