@papyrus-ui/styles 0.3.0 → 0.3.2

package/dist/types/styles/global.css.d.ts

@@ -5,6 +5,1052 @@
 /**
  * Define variables
  */
+export declare const lightThemeTokens: {
+    color: {
+        black: string;
+        white: string;
+        transparent: string;
+        primary900: string;
+        primary800: string;
+        primary700: string;
+        primary600: string; /**
+         * Document
+         * ========
+         */
+        primary500: string;
+        primary400: string;
+        primary300: string;
+        primary200: string;
+        primary100: string;
+        primary50: string;
+        secondary900: string;
+        secondary800: string;
+        secondary700: string;
+        secondary600: string;
+        secondary500: string;
+        secondary400: string;
+        secondary300: string;
+        secondary200: string;
+        secondary100: string;
+        secondary50: string;
+        info900: string;
+        info800: string;
+        info700: string;
+        info600: string;
+        info500: string;
+        info400: string;
+        info300: string;
+        info200: string;
+        info100: string;
+        info50: string;
+        success900: string;
+        success800: string;
+        success700: string;
+        success600: string;
+        success500: string;
+        success400: string;
+        success300: string;
+        success200: string;
+        success100: string;
+        success50: string;
+        warning900: string;
+        warning800: string;
+        warning700: string;
+        warning600: string;
+        warning500: string;
+        warning400: string;
+        warning300: string;
+        warning200: string;
+        warning100: string;
+        warning50: string;
+        danger900: string;
+        danger800: string;
+        danger700: string;
+        danger600: string;
+        danger500: string;
+        danger400: string;
+        danger300: string;
+        danger200: string;
+        danger100: string;
+        danger50: string;
+        neutral900: string;
+        neutral800: string;
+        neutral700: string;
+        neutral600: string;
+        neutral500: string;
+        neutral400: string;
+        neutral300: string;
+        neutral200: string;
+        neutral100: string;
+        neutral50: string;
+        light900: string;
+        light800: string;
+        light700: string;
+        light600: string;
+        light500: string;
+        light400: string;
+        light300: string;
+        light200: string;
+        light100: string;
+        light50: string;
+        dark900: string;
+        dark800: string;
+        dark700: string;
+        dark600: string;
+        dark500: string;
+        dark400: string;
+        dark300: string;
+        dark200: string;
+        dark100: string;
+        /**
+         * Reset focus styles for input components.
+         */
+        dark50: string;
+        disabled: string;
+    };
+    fontSize: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        "8xl": string;
+        "9xl": string;
+    };
+    borderRadius: {
+        full: string;
+        "3xl": string;
+        "2xl": string;
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+        button: string;
+        tag: string;
+    };
+    gradient: {
+        highlight: string;
+    };
+    transition: {
+        base: string;
+        fade: string;
+        collapse: string;
+    };
+    typography: {
+        button: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            textTransform: string;
+            textDecoration: string;
+        };
+        caption: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            textTransform: string;
+            textDecoration: string;
+        };
+        label: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            textTransform: string;
+            textDecoration: string;
+        };
+        body: {
+            md: {
+                primary: {
+                    regular: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    bold: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    regular: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    bold: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+            sm: {
+                primary: {
+                    regular: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    bold: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    regular: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    bold: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+        };
+        heading: {
+            h1: {
+                primary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    desktop: {
+                        /**
+                         * Apply focus style to Mozilla range inputs.
+                         */
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+            h2: {
+                primary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string; /**
+                         * 1. Make replaced components `display: block` by default.
+                         * 2. Add `vertical-align: middle` to align replaced components more sensibly by default.
+                         */
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+            h3: {
+                primary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+            h4: {
+                primary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+            h5: {
+                primary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+            h6: {
+                primary: {
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+        };
+    };
+    boxShadow: {
+        inset: string;
+        sm: string;
+        md: string;
+        lg: string;
+        focus: string;
+        focusDanger: string;
+        focusSuccess: string;
+    };
+};
+export declare const darkThemeTokens: {
+    color: {
+        black: string;
+        white: string;
+        transparent: string;
+        primary900: string;
+        primary800: string;
+        primary700: string;
+        primary600: string; /**
+         * Document
+         * ========
+         */
+        primary500: string;
+        primary400: string;
+        primary300: string;
+        primary200: string;
+        primary100: string;
+        primary50: string;
+        secondary900: string;
+        secondary800: string;
+        secondary700: string;
+        secondary600: string;
+        secondary500: string;
+        secondary400: string;
+        secondary300: string;
+        secondary200: string;
+        secondary100: string;
+        secondary50: string;
+        info900: string;
+        info800: string;
+        info700: string;
+        info600: string;
+        info500: string;
+        info400: string;
+        info300: string;
+        info200: string;
+        info100: string;
+        info50: string;
+        success900: string;
+        success800: string;
+        success700: string;
+        success600: string;
+        success500: string;
+        success400: string;
+        success300: string;
+        success200: string;
+        success100: string;
+        success50: string;
+        warning900: string;
+        warning800: string;
+        warning700: string;
+        warning600: string;
+        warning500: string;
+        warning400: string;
+        warning300: string;
+        warning200: string;
+        warning100: string;
+        warning50: string;
+        danger900: string;
+        danger800: string;
+        danger700: string;
+        danger600: string;
+        danger500: string;
+        danger400: string;
+        danger300: string;
+        danger200: string;
+        danger100: string;
+        danger50: string;
+        neutral900: string;
+        neutral800: string;
+        neutral700: string;
+        neutral600: string;
+        neutral500: string;
+        neutral400: string;
+        neutral300: string;
+        neutral200: string;
+        neutral100: string;
+        neutral50: string;
+        light900: string;
+        light800: string;
+        light700: string;
+        light600: string;
+        light500: string;
+        light400: string;
+        light300: string;
+        light200: string;
+        light100: string;
+        light50: string;
+        dark900: string;
+        dark800: string;
+        dark700: string;
+        dark600: string;
+        dark500: string;
+        dark400: string;
+        dark300: string;
+        dark200: string;
+        dark100: string;
+        /**
+         * Reset focus styles for input components.
+         */
+        dark50: string;
+        disabled: string;
+    };
+    fontSize: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        "8xl": string;
+        "9xl": string;
+    };
+    borderRadius: {
+        full: string;
+        "3xl": string;
+        "2xl": string;
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+        button: string;
+        tag: string;
+    };
+    gradient: {
+        highlight: string;
+    };
+    transition: {
+        base: string;
+        fade: string;
+        collapse: string;
+    };
+    typography: {
+        button: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            textTransform: string;
+            textDecoration: string;
+        };
+        caption: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            textTransform: string;
+            textDecoration: string;
+        };
+        label: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            textTransform: string;
+            textDecoration: string;
+        };
+        body: {
+            md: {
+                primary: {
+                    regular: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    bold: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    regular: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    bold: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+            sm: {
+                primary: {
+                    regular: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    bold: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    regular: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    bold: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+        };
+        heading: {
+            h1: {
+                primary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    desktop: {
+                        /**
+                         * Apply focus style to Mozilla range inputs.
+                         */
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+            h2: {
+                primary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string; /**
+                         * 1. Make replaced components `display: block` by default.
+                         * 2. Add `vertical-align: middle` to align replaced components more sensibly by default.
+                         */
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+            h3: {
+                primary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+            h4: {
+                primary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+            h5: {
+                primary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+            h6: {
+                primary: {
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+                secondary: {
+                    desktop: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                    mobile: {
+                        fontFamily: string;
+                        fontSize: string;
+                        fontWeight: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                        textTransform: string;
+                        textDecoration: string;
+                    };
+                };
+            };
+        };
+    };
+    boxShadow: {
+        inset: string;
+        sm: string;
+        md: string;
+        lg: string;
+        focus: string;
+        focusDanger: string;
+        focusSuccess: string;
+    };
+};
 export declare const vars: {
     color: {
         black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -252,7 +1298,7 @@ export declare const vars: {
             };
         };
         heading: {
-            "3xl": {
+            h1: {
                 primary: {
                     desktop: {
                         fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -294,7 +1340,7 @@ export declare const vars: {
                     };
                 };
             };
-            "2xl": {
+            h2: {
                 primary: {
                     desktop: {
                         fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -336,7 +1382,7 @@ export declare const vars: {
                     };
                 };
             };
-            xl: {
+            h3: {
                 primary: {
                     desktop: {
                         fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -378,7 +1424,7 @@ export declare const vars: {
                     };
                 };
             };
-            lg: {
+            h4: {
                 primary: {
                     desktop: {
                         fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -420,7 +1466,7 @@ export declare const vars: {
                     };
                 };
             };
-            md: {
+            h5: {
                 primary: {
                     desktop: {
                         fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -462,7 +1508,7 @@ export declare const vars: {
                     };
                 };
             };
-            sm: {
+            h6: {
                 primary: {
                     mobile: {
                         fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -516,3 +1562,8 @@ export declare const vars: {
         focusSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
 };
+/**
+ * Define Themes
+ */
+export declare const lightTheme: string;
+export declare const darkTheme: string;