@autoguru/overdrive 4.59.0 → 4.60.0

package/dist/themes/index.d.ts

@@ -16,6 +16,7 @@ export declare const themes: {
             large: `var(--${string})`;
         };
         space: {
+            '0': `var(--${string})`;
             '1': `var(--${string})`;
             '2': `var(--${string})`;
             '3': `var(--${string})`;
@@ -25,22 +26,14 @@ export declare const themes: {
             '7': `var(--${string})`;
             '8': `var(--${string})`;
             '9': `var(--${string})`;
+            '10': `var(--${string})`;
+            '11': `var(--${string})`;
+            '12': `var(--${string})`;
             none: `var(--${string})`;
         };
         color: {
             gamut: {
                 white: `var(--${string})`;
-                black: {
-                    '900': `var(--${string})`;
-                    '800': `var(--${string})`;
-                    '700': `var(--${string})`;
-                    '600': `var(--${string})`;
-                    '500': `var(--${string})`;
-                    '400': `var(--${string})`;
-                    '300': `var(--${string})`;
-                    '200': `var(--${string})`;
-                    '100': `var(--${string})`;
-                };
                 gray: {
                     '900': `var(--${string})`;
                     '800': `var(--${string})`;
@@ -129,19 +122,70 @@ export declare const themes: {
                 placeholder: `var(--${string})`;
                 focusOutline: `var(--${string})`;
             };
+            foreground: {
+                primary: `var(--${string})`;
+                secondary: `var(--${string})`;
+                reverse: `var(--${string})`;
+                tertiaryInactive: `var(--${string})`;
+                tertiaryInactiveLight: `var(--${string})`;
+            };
+            background: {
+                default: `var(--${string})`;
+                reverse: `var(--${string})`;
+                inactive: `var(--${string})`;
+                emphasisInactive: `var(--${string})`;
+            };
+            border: {
+                default: `var(--${string})`;
+                emphasis: `var(--${string})`;
+                selected: `var(--${string})`;
+                strong: `var(--${string})`;
+            };
+            info: {
+                text: `var(--${string})`;
+                foreground: `var(--${string})`;
+                background: `var(--${string})`;
+            };
+            success: {
+                text: `var(--${string})`;
+                foreground: `var(--${string})`;
+                backgroundDark: `var(--${string})`;
+                backgroundLight: `var(--${string})`;
+            };
+            warning: {
+                text: `var(--${string})`;
+                foreground: `var(--${string})`;
+                backgroundDark: `var(--${string})`;
+                backgroundLight: `var(--${string})`;
+            };
+            alert: {
+                text: `var(--${string})`;
+                foreground: `var(--${string})`;
+                background: `var(--${string})`;
+            };
+            button: {
+                primary: {
+                    solid: {
+                        default: `var(--${string})`;
+                        hover: `var(--${string})`;
+                        pressed: `var(--${string})`;
+                        border: `var(--${string})`;
+                    };
+                    outlined: {
+                        border: `var(--${string})`;
+                        text: `var(--${string})`;
+                    };
+                };
+                critical: {
+                    solid: {
+                        default: `var(--${string})`;
+                    };
+                };
+            };
         };
         colours: {
             gamut: {
                 white: `var(--${string})`;
-                black900: `var(--${string})`;
-                black800: `var(--${string})`;
-                black700: `var(--${string})`;
-                black600: `var(--${string})`;
-                black500: `var(--${string})`;
-                black400: `var(--${string})`;
-                black300: `var(--${string})`;
-                black200: `var(--${string})`;
-                black100: `var(--${string})`;
                 gray900: `var(--${string})`;
                 gray800: `var(--${string})`;
                 gray700: `var(--${string})`;
@@ -288,6 +332,10 @@ export declare const themes: {
             '3': `var(--${string})`;
             '4': `var(--${string})`;
             '5': `var(--${string})`;
+            z1: `var(--${string})`;
+            z2: `var(--${string})`;
+            z3: `var(--${string})`;
+            z4: `var(--${string})`;
             none: `var(--${string})`;
         };
         border: {
@@ -313,6 +361,11 @@ export declare const themes: {
                 '1': `var(--${string})`;
                 pill: `var(--${string})`;
                 full: `var(--${string})`;
+                xsmall: `var(--${string})`;
+                small: `var(--${string})`;
+                medium: `var(--${string})`;
+                large: `var(--${string})`;
+                xlarge: `var(--${string})`;
             };
         };
         typography: {
@@ -353,6 +406,38 @@ export declare const themes: {
                     fontSize: `var(--${string})`;
                     lineHeight: `var(--${string})`;
                 };
+                h1: {
+                    fontSize: `var(--${string})`;
+                    lineHeight: `var(--${string})`;
+                };
+                h2: {
+                    fontSize: `var(--${string})`;
+                    lineHeight: `var(--${string})`;
+                };
+                h3: {
+                    fontSize: `var(--${string})`;
+                    lineHeight: `var(--${string})`;
+                };
+                h4: {
+                    fontSize: `var(--${string})`;
+                    lineHeight: `var(--${string})`;
+                };
+                p1: {
+                    fontSize: `var(--${string})`;
+                    lineHeight: `var(--${string})`;
+                };
+                p2: {
+                    fontSize: `var(--${string})`;
+                    lineHeight: `var(--${string})`;
+                };
+                p3: {
+                    fontSize: `var(--${string})`;
+                    lineHeight: `var(--${string})`;
+                };
+                p4: {
+                    fontSize: `var(--${string})`;
+                    lineHeight: `var(--${string})`;
+                };
             };
             colour: {
                 primary: `var(--${string})`;
@@ -374,6 +459,7 @@ export declare const themes: {
             fontFamilyMono: `var(--${string})`;
             fontWeight: {
                 normal: `var(--${string})`;
+                medium: `var(--${string})`;
                 semiBold: `var(--${string})`;
                 bold: `var(--${string})`;
             };
@@ -408,6 +494,7 @@ export declare const themes: {
             medium: string;
         };
         space: {
+            '0': string;
             '1': string;
             '2': string;
             '3': string;
@@ -417,77 +504,69 @@ export declare const themes: {
             '7': string;
             '8': string;
             '9': string;
+            '10': string;
+            '11': string;
+            '12': string;
             none: string;
         };
         color: {
             gamut: {
-                white: string;
-                black: {
-                    '900': string;
-                    '800': string;
-                    '700': string;
-                    '600': string;
-                    '500': string;
-                    '400': string;
-                    '300': string;
-                    '200': string;
-                    '100': string;
-                };
                 gray: {
-                    '900': string;
-                    '800': string;
-                    '700': string;
-                    '600': string;
-                    '500': string;
-                    '400': string;
-                    '300': string;
-                    '200': string;
-                    '100': string;
+                    '900': `var(--${string})`;
+                    '800': `var(--${string})`;
+                    '700': `var(--${string})`;
+                    '600': `var(--${string})`;
+                    '500': `var(--${string})`;
+                    '400': `var(--${string})`;
+                    '300': `var(--${string})`;
+                    '200': `var(--${string})`;
+                    '100': `var(--${string})`;
                 };
                 green: {
-                    '900': string;
-                    '800': string;
-                    '700': string;
-                    '600': string;
-                    '500': string;
-                    '400': string;
-                    '300': string;
-                    '200': string;
-                    '100': string;
+                    '900': `var(--${string})`;
+                    '800': `var(--${string})`;
+                    '700': `var(--${string})`;
+                    '600': `var(--${string})`;
+                    '500': `var(--${string})`;
+                    '400': `var(--${string})`;
+                    '300': `var(--${string})`;
+                    '200': `var(--${string})`;
+                    '100': `var(--${string})`;
                 };
                 blue: {
-                    '900': string;
-                    '800': string;
-                    '700': string;
-                    '600': string;
-                    '500': string;
-                    '400': string;
-                    '300': string;
-                    '200': string;
-                    '100': string;
+                    '900': `var(--${string})`;
+                    '800': `var(--${string})`;
+                    '700': `var(--${string})`;
+                    '600': `var(--${string})`;
+                    '500': `var(--${string})`;
+                    '400': `var(--${string})`;
+                    '300': `var(--${string})`;
+                    '200': `var(--${string})`;
+                    '100': `var(--${string})`;
                 };
                 yellow: {
-                    '900': string;
-                    '800': string;
-                    '700': string;
-                    '600': string;
-                    '500': string;
-                    '400': string;
-                    '300': string;
-                    '200': string;
-                    '100': string;
+                    '900': `var(--${string})`;
+                    '800': `var(--${string})`;
+                    '700': `var(--${string})`;
+                    '600': `var(--${string})`;
+                    '500': `var(--${string})`;
+                    '400': `var(--${string})`;
+                    '300': `var(--${string})`;
+                    '200': `var(--${string})`;
+                    '100': `var(--${string})`;
                 };
                 red: {
-                    '900': string;
-                    '800': string;
-                    '700': string;
-                    '600': string;
-                    '500': string;
-                    '400': string;
-                    '300': string;
-                    '200': string;
-                    '100': string;
+                    '900': `var(--${string})`;
+                    '800': `var(--${string})`;
+                    '700': `var(--${string})`;
+                    '600': `var(--${string})`;
+                    '500': `var(--${string})`;
+                    '400': `var(--${string})`;
+                    '300': `var(--${string})`;
+                    '200': `var(--${string})`;
+                    '100': `var(--${string})`;
                 };
+                white: `var(--${string})`;
             };
             surface: {
                 page: string;
@@ -521,19 +600,70 @@ export declare const themes: {
                 placeholder: string;
                 focusOutline: string;
             };
+            foreground: {
+                primary: string;
+                secondary: string;
+                reverse: string;
+                tertiaryInactive: string;
+                tertiaryInactiveLight: string;
+            };
+            background: {
+                default: string;
+                reverse: string;
+                inactive: string;
+                emphasisInactive: string;
+            };
+            border: {
+                default: string;
+                emphasis: string;
+                selected: string;
+                strong: string;
+            };
+            info: {
+                text: string;
+                foreground: string;
+                background: string;
+            };
+            success: {
+                text: string;
+                foreground: string;
+                backgroundDark: string;
+                backgroundLight: string;
+            };
+            warning: {
+                text: string;
+                foreground: string;
+                backgroundDark: string;
+                backgroundLight: string;
+            };
+            alert: {
+                text: string;
+                foreground: string;
+                background: string;
+            };
+            button: {
+                primary: {
+                    solid: {
+                        default: string;
+                        hover: string;
+                        pressed: string;
+                        border: string;
+                    };
+                    outlined: {
+                        border: string;
+                        text: string;
+                    };
+                };
+                critical: {
+                    solid: {
+                        default: string;
+                    };
+                };
+            };
         };
         colours: {
             gamut: {
                 white: string;
-                black900: string;
-                black800: string;
-                black700: string;
-                black600: string;
-                black500: string;
-                black400: string;
-                black300: string;
-                black200: string;
-                black100: string;
                 gray900: string;
                 gray800: string;
                 gray700: string;
@@ -681,6 +811,10 @@ export declare const themes: {
             '3': string;
             '4': string;
             '5': string;
+            z1: string;
+            z2: string;
+            z3: string;
+            z4: string;
         };
         border: {
             width: {
@@ -705,6 +839,11 @@ export declare const themes: {
                 '1': string;
                 pill: string;
                 full: string;
+                xsmall: string;
+                small: string;
+                medium: string;
+                large: string;
+                xlarge: string;
             };
         };
         typography: {
@@ -745,6 +884,38 @@ export declare const themes: {
                     fontSize: string;
                     lineHeight: string;
                 };
+                h1: {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                h2: {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                h3: {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                h4: {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                p1: {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                p2: {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                p3: {
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                p4: {
+                    fontSize: string;
+                    lineHeight: string;
+                };
             };
             colour: {
                 primary: string;
@@ -766,6 +937,7 @@ export declare const themes: {
             fontFamilyMono: string;
             fontWeight: {
                 normal: string;
+                medium: string;
                 semiBold: string;
                 bold: string;
             };
@@ -789,6 +961,7 @@ export declare const themes: {
         };
     };
 }[];
+export { contrastGuide, contrastGuideColour, type ContrastColourToken, type ContrastCombo, type ContrastUsage, } from './base/contrastGuide';
 export { overdriveTokens, themeContractVars, type ThemeTokens, } from './theme.css';
 export type * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/themes/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC;AAEpD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA0C,CAAC;AAC9D,OAAO,EACN,eAAe,EACf,iBAAiB,EACjB,KAAK,WAAW,GAChB,MAAM,aAAa,CAAC;AACrB,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/themes/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC;AAEpD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA0C,CAAC;AAC9D,OAAO,EACN,aAAa,EACb,mBAAmB,EACnB,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,aAAa,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACN,eAAe,EACf,iBAAiB,EACjB,KAAK,WAAW,GAChB,MAAM,aAAa,CAAC;AACrB,mBAAmB,SAAS,CAAC"}

package/dist/themes/index.js

@@ -5,4 +5,5 @@ export { default as baseTheme } from "./base/index.js";
 export { default as flatRedTheme } from "./flat_red/index.js";
 export { default as neutralTheme } from "./neutral/index.js";
 export const themes = [baseTheme, flatRedTheme, neutralTheme];
+export { contrastGuide, contrastGuideColour } from "./base/contrastGuide.js";
 export { overdriveTokens, themeContractVars } from "./theme.css.js";

package/dist/themes/makeTheme.d.ts

@@ -25,6 +25,7 @@ export declare const themeTokensWithLayer: (tokens: ThemeTokens) => {
         large: `var(--${string})`;
     }>;
     space: import("./helpers").TokensFromContract<{
+        '0': `var(--${string})`;
         '1': `var(--${string})`;
         '2': `var(--${string})`;
         '3': `var(--${string})`;
@@ -34,22 +35,14 @@ export declare const themeTokensWithLayer: (tokens: ThemeTokens) => {
         '7': `var(--${string})`;
         '8': `var(--${string})`;
         '9': `var(--${string})`;
+        '10': `var(--${string})`;
+        '11': `var(--${string})`;
+        '12': `var(--${string})`;
         none: `var(--${string})`;
     }>;
     color: import("./helpers").TokensFromContract<{
         gamut: {
             white: `var(--${string})`;
-            black: {
-                '900': `var(--${string})`;
-                '800': `var(--${string})`;
-                '700': `var(--${string})`;
-                '600': `var(--${string})`;
-                '500': `var(--${string})`;
-                '400': `var(--${string})`;
-                '300': `var(--${string})`;
-                '200': `var(--${string})`;
-                '100': `var(--${string})`;
-            };
             gray: {
                 '900': `var(--${string})`;
                 '800': `var(--${string})`;
@@ -138,19 +131,70 @@ export declare const themeTokensWithLayer: (tokens: ThemeTokens) => {
             placeholder: `var(--${string})`;
             focusOutline: `var(--${string})`;
         };
+        foreground: {
+            primary: `var(--${string})`;
+            secondary: `var(--${string})`;
+            reverse: `var(--${string})`;
+            tertiaryInactive: `var(--${string})`;
+            tertiaryInactiveLight: `var(--${string})`;
+        };
+        background: {
+            default: `var(--${string})`;
+            reverse: `var(--${string})`;
+            inactive: `var(--${string})`;
+            emphasisInactive: `var(--${string})`;
+        };
+        border: {
+            default: `var(--${string})`;
+            emphasis: `var(--${string})`;
+            selected: `var(--${string})`;
+            strong: `var(--${string})`;
+        };
+        info: {
+            text: `var(--${string})`;
+            foreground: `var(--${string})`;
+            background: `var(--${string})`;
+        };
+        success: {
+            text: `var(--${string})`;
+            foreground: `var(--${string})`;
+            backgroundDark: `var(--${string})`;
+            backgroundLight: `var(--${string})`;
+        };
+        warning: {
+            text: `var(--${string})`;
+            foreground: `var(--${string})`;
+            backgroundDark: `var(--${string})`;
+            backgroundLight: `var(--${string})`;
+        };
+        alert: {
+            text: `var(--${string})`;
+            foreground: `var(--${string})`;
+            background: `var(--${string})`;
+        };
+        button: {
+            primary: {
+                solid: {
+                    default: `var(--${string})`;
+                    hover: `var(--${string})`;
+                    pressed: `var(--${string})`;
+                    border: `var(--${string})`;
+                };
+                outlined: {
+                    border: `var(--${string})`;
+                    text: `var(--${string})`;
+                };
+            };
+            critical: {
+                solid: {
+                    default: `var(--${string})`;
+                };
+            };
+        };
     }>;
     colours: import("./helpers").TokensFromContract<{
         gamut: {
             white: `var(--${string})`;
-            black900: `var(--${string})`;
-            black800: `var(--${string})`;
-            black700: `var(--${string})`;
-            black600: `var(--${string})`;
-            black500: `var(--${string})`;
-            black400: `var(--${string})`;
-            black300: `var(--${string})`;
-            black200: `var(--${string})`;
-            black100: `var(--${string})`;
             gray900: `var(--${string})`;
             gray800: `var(--${string})`;
             gray700: `var(--${string})`;
@@ -297,6 +341,10 @@ export declare const themeTokensWithLayer: (tokens: ThemeTokens) => {
         '3': `var(--${string})`;
         '4': `var(--${string})`;
         '5': `var(--${string})`;
+        z1: `var(--${string})`;
+        z2: `var(--${string})`;
+        z3: `var(--${string})`;
+        z4: `var(--${string})`;
         none: `var(--${string})`;
     }>;
     border: import("./helpers").TokensFromContract<{
@@ -322,6 +370,11 @@ export declare const themeTokensWithLayer: (tokens: ThemeTokens) => {
             '1': `var(--${string})`;
             pill: `var(--${string})`;
             full: `var(--${string})`;
+            xsmall: `var(--${string})`;
+            small: `var(--${string})`;
+            medium: `var(--${string})`;
+            large: `var(--${string})`;
+            xlarge: `var(--${string})`;
         };
     }>;
     typography: import("./helpers").TokensFromContract<{
@@ -362,6 +415,38 @@ export declare const themeTokensWithLayer: (tokens: ThemeTokens) => {
                 fontSize: `var(--${string})`;
                 lineHeight: `var(--${string})`;
             };
+            h1: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            h2: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            h3: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            h4: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            p1: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            p2: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            p3: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
+            p4: {
+                fontSize: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+            };
         };
         colour: {
             primary: `var(--${string})`;
@@ -383,6 +468,7 @@ export declare const themeTokensWithLayer: (tokens: ThemeTokens) => {
         fontFamilyMono: `var(--${string})`;
         fontWeight: {
             normal: `var(--${string})`;
+            medium: `var(--${string})`;
             semiBold: `var(--${string})`;
             bold: `var(--${string})`;
         };

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"}