@ultraviolet/ui 3.9.0 → 3.10.1

package/dist/components/Avatar/constants.d.ts

@@ -1,11 +1,760 @@
-import type { theme as UVTheme } from '@ultraviolet/themes';
 export declare const TEXT_VARIANT_BY_SIZE: {
     readonly large: "headingLarge";
     readonly medium: "headingSmall";
     readonly small: "bodySmall";
     readonly xsmall: "captionSmall";
 };
-export declare const sizes: (theme: typeof UVTheme) => {
+export declare const sizes: (theme: {
+    breakpoints: {
+        large: `var(--${string})`;
+        medium: `var(--${string})`;
+        small: `var(--${string})`;
+        xlarge: `var(--${string})`;
+        xsmall: `var(--${string})`;
+        xxsmall: `var(--${string})`;
+    };
+    colors: {
+        danger: {
+            background: `var(--${string})`;
+            backgroundDisabled: `var(--${string})`;
+            backgroundHover: `var(--${string})`;
+            backgroundStrong: `var(--${string})`;
+            backgroundStrongDisabled: `var(--${string})`;
+            backgroundStrongHover: `var(--${string})`;
+            border: `var(--${string})`;
+            borderDisabled: `var(--${string})`;
+            borderHover: `var(--${string})`;
+            borderStrong: `var(--${string})`;
+            borderStrongDisabled: `var(--${string})`;
+            borderStrongHover: `var(--${string})`;
+            icon: `var(--${string})`;
+            iconDisabled: `var(--${string})`;
+            iconHover: `var(--${string})`;
+            iconStrong: `var(--${string})`;
+            iconStrongDisabled: `var(--${string})`;
+            iconStrongHover: `var(--${string})`;
+            text: `var(--${string})`;
+            textDisabled: `var(--${string})`;
+            textHover: `var(--${string})`;
+            textStrong: `var(--${string})`;
+            textStrongDisabled: `var(--${string})`;
+            textStrongHover: `var(--${string})`;
+        };
+        info: {
+            background: `var(--${string})`;
+            backgroundDisabled: `var(--${string})`;
+            backgroundHover: `var(--${string})`;
+            backgroundStrong: `var(--${string})`;
+            backgroundStrongDisabled: `var(--${string})`;
+            backgroundStrongHover: `var(--${string})`;
+            border: `var(--${string})`;
+            borderDisabled: `var(--${string})`;
+            borderHover: `var(--${string})`;
+            borderStrong: `var(--${string})`;
+            borderStrongDisabled: `var(--${string})`;
+            borderStrongHover: `var(--${string})`;
+            icon: `var(--${string})`;
+            iconDisabled: `var(--${string})`;
+            iconHover: `var(--${string})`;
+            iconStrong: `var(--${string})`;
+            iconStrongDisabled: `var(--${string})`;
+            iconStrongHover: `var(--${string})`;
+            text: `var(--${string})`;
+            textDisabled: `var(--${string})`;
+            textHover: `var(--${string})`;
+            textStrong: `var(--${string})`;
+            textStrongDisabled: `var(--${string})`;
+            textStrongHover: `var(--${string})`;
+        };
+        neutral: {
+            background: `var(--${string})`;
+            backgroundDisabled: `var(--${string})`;
+            backgroundHover: `var(--${string})`;
+            backgroundStrong: `var(--${string})`;
+            backgroundStrongDisabled: `var(--${string})`;
+            backgroundStronger: `var(--${string})`;
+            backgroundStrongerDisabled: `var(--${string})`;
+            backgroundStrongerHover: `var(--${string})`;
+            backgroundStrongHover: `var(--${string})`;
+            backgroundWeak: `var(--${string})`;
+            backgroundWeakDisabled: `var(--${string})`;
+            backgroundWeakElevated: `var(--${string})`;
+            backgroundWeakHover: `var(--${string})`;
+            border: `var(--${string})`;
+            borderDisabled: `var(--${string})`;
+            borderHover: `var(--${string})`;
+            borderStrong: `var(--${string})`;
+            borderStrongDisabled: `var(--${string})`;
+            borderStronger: `var(--${string})`;
+            borderStrongerDisabled: `var(--${string})`;
+            borderStrongerHover: `var(--${string})`;
+            borderStrongHover: `var(--${string})`;
+            borderWeak: `var(--${string})`;
+            borderWeakDisabled: `var(--${string})`;
+            borderWeakHover: `var(--${string})`;
+            icon: `var(--${string})`;
+            iconDisabled: `var(--${string})`;
+            iconHover: `var(--${string})`;
+            iconStrong: `var(--${string})`;
+            iconStrongDisabled: `var(--${string})`;
+            iconStronger: `var(--${string})`;
+            iconStrongerDisabled: `var(--${string})`;
+            iconStrongerHover: `var(--${string})`;
+            iconStrongHover: `var(--${string})`;
+            iconWeak: `var(--${string})`;
+            iconWeakDisabled: `var(--${string})`;
+            iconWeakHover: `var(--${string})`;
+            text: `var(--${string})`;
+            textDisabled: `var(--${string})`;
+            textHover: `var(--${string})`;
+            textStrong: `var(--${string})`;
+            textStrongDisabled: `var(--${string})`;
+            textStronger: `var(--${string})`;
+            textStrongerDisabled: `var(--${string})`;
+            textStrongerHover: `var(--${string})`;
+            textStrongHover: `var(--${string})`;
+            textWeak: `var(--${string})`;
+            textWeakDisabled: `var(--${string})`;
+            textWeakHover: `var(--${string})`;
+        };
+        other: {
+            data: {
+                charts: {
+                    danger: `var(--${string})`;
+                    data1: `var(--${string})`;
+                    data2: `var(--${string})`;
+                    data3: `var(--${string})`;
+                    data4: `var(--${string})`;
+                    data5: `var(--${string})`;
+                    data6: `var(--${string})`;
+                    data7: `var(--${string})`;
+                    data8: `var(--${string})`;
+                    data9: `var(--${string})`;
+                    data10: `var(--${string})`;
+                    data11: `var(--${string})`;
+                    data12: `var(--${string})`;
+                    data13: `var(--${string})`;
+                    data14: `var(--${string})`;
+                    success: `var(--${string})`;
+                };
+            };
+            elevation: {
+                background: {
+                    fixed: `var(--${string})`;
+                    fixedReversed: `var(--${string})`;
+                    overlay: `var(--${string})`;
+                    raised: `var(--${string})`;
+                    raisedReversed: `var(--${string})`;
+                };
+            };
+            gradients: {
+                background: {
+                    linear: {
+                        accent: `var(--${string})`;
+                        aqua: `var(--${string})`;
+                        blue: `var(--${string})`;
+                        emerald: `var(--${string})`;
+                        fuschia: `var(--${string})`;
+                        magenta: `var(--${string})`;
+                        primary: `var(--${string})`;
+                    };
+                    radial: {
+                        aquaFuschia: `var(--${string})`;
+                        aquaPurple: `var(--${string})`;
+                        fuschiaPurple: `var(--${string})`;
+                        lime: `var(--${string})`;
+                        magenta: `var(--${string})`;
+                        purple: `var(--${string})`;
+                    };
+                };
+                text: {
+                    dark: `var(--${string})`;
+                    light: `var(--${string})`;
+                };
+            };
+            icon: {
+                category: {
+                    neutral: {
+                        fill: `var(--${string})`;
+                        fillDisabled: `var(--${string})`;
+                        fillStrong: `var(--${string})`;
+                        fillStrongDisabled: `var(--${string})`;
+                    };
+                    primary: {
+                        fill: `var(--${string})`;
+                        fillDisabled: `var(--${string})`;
+                        fillStrong: `var(--${string})`;
+                        fillStrongDisabled: `var(--${string})`;
+                    };
+                };
+                product: {
+                    danger: {
+                        fill: `var(--${string})`;
+                        fillDisabled: `var(--${string})`;
+                        fillStrong: `var(--${string})`;
+                        fillStrongDisabled: `var(--${string})`;
+                        fillWeak: `var(--${string})`;
+                        fillWeakDisabled: `var(--${string})`;
+                    };
+                    original: {
+                        fill: `var(--${string})`;
+                        fillDisabled: `var(--${string})`;
+                        fillStrong: `var(--${string})`;
+                        fillStrongDisabled: `var(--${string})`;
+                        fillWeak: `var(--${string})`;
+                        fillWeakDisabled: `var(--${string})`;
+                    };
+                    primary: {
+                        fill: `var(--${string})`;
+                        fillDisabled: `var(--${string})`;
+                        fillStrong: `var(--${string})`;
+                        fillStrongDisabled: `var(--${string})`;
+                        fillWeak: `var(--${string})`;
+                        fillWeakDisabled: `var(--${string})`;
+                    };
+                    warning: {
+                        fill: `var(--${string})`;
+                        fillDisabled: `var(--${string})`;
+                        fillStrong: `var(--${string})`;
+                        fillStrongDisabled: `var(--${string})`;
+                        fillWeak: `var(--${string})`;
+                        fillWeakDisabled: `var(--${string})`;
+                    };
+                };
+            };
+            monochrome: {
+                black: {
+                    background: `var(--${string})`;
+                    backgroundDisabled: `var(--${string})`;
+                    backgroundHover: `var(--${string})`;
+                    border: `var(--${string})`;
+                    borderDisabled: `var(--${string})`;
+                    borderHover: `var(--${string})`;
+                    icon: `var(--${string})`;
+                    iconDisabled: `var(--${string})`;
+                    iconHover: `var(--${string})`;
+                    text: `var(--${string})`;
+                    textDisabled: `var(--${string})`;
+                    textHover: `var(--${string})`;
+                };
+                white: {
+                    background: `var(--${string})`;
+                    backgroundDisabled: `var(--${string})`;
+                    backgroundHover: `var(--${string})`;
+                    border: `var(--${string})`;
+                    borderDisabled: `var(--${string})`;
+                    borderHover: `var(--${string})`;
+                    icon: `var(--${string})`;
+                    iconDisabled: `var(--${string})`;
+                    iconHover: `var(--${string})`;
+                    text: `var(--${string})`;
+                    textDisabled: `var(--${string})`;
+                    textHover: `var(--${string})`;
+                };
+            };
+        };
+        overlay: `var(--${string})`;
+        primary: {
+            background: `var(--${string})`;
+            backgroundDisabled: `var(--${string})`;
+            backgroundHover: `var(--${string})`;
+            backgroundStrong: `var(--${string})`;
+            backgroundStrongDisabled: `var(--${string})`;
+            backgroundStrongHover: `var(--${string})`;
+            border: `var(--${string})`;
+            borderDisabled: `var(--${string})`;
+            borderHover: `var(--${string})`;
+            borderStrong: `var(--${string})`;
+            borderStrongDisabled: `var(--${string})`;
+            borderStrongHover: `var(--${string})`;
+            icon: `var(--${string})`;
+            iconDisabled: `var(--${string})`;
+            iconHover: `var(--${string})`;
+            iconStrong: `var(--${string})`;
+            iconStrongDisabled: `var(--${string})`;
+            iconStrongHover: `var(--${string})`;
+            text: `var(--${string})`;
+            textDisabled: `var(--${string})`;
+            textHover: `var(--${string})`;
+            textStrong: `var(--${string})`;
+            textStrongDisabled: `var(--${string})`;
+            textStrongHover: `var(--${string})`;
+        };
+        secondary: {
+            background: `var(--${string})`;
+            backgroundDisabled: `var(--${string})`;
+            backgroundHover: `var(--${string})`;
+            backgroundStrong: `var(--${string})`;
+            backgroundStrongDisabled: `var(--${string})`;
+            backgroundStrongHover: `var(--${string})`;
+            border: `var(--${string})`;
+            borderDisabled: `var(--${string})`;
+            borderHover: `var(--${string})`;
+            borderStrong: `var(--${string})`;
+            borderStrongDisabled: `var(--${string})`;
+            borderStrongHover: `var(--${string})`;
+            icon: `var(--${string})`;
+            iconDisabled: `var(--${string})`;
+            iconHover: `var(--${string})`;
+            iconStrong: `var(--${string})`;
+            iconStrongDisabled: `var(--${string})`;
+            iconStrongHover: `var(--${string})`;
+            text: `var(--${string})`;
+            textDisabled: `var(--${string})`;
+            textHover: `var(--${string})`;
+            textStrong: `var(--${string})`;
+            textStrongDisabled: `var(--${string})`;
+            textStrongHover: `var(--${string})`;
+        };
+        success: {
+            background: `var(--${string})`;
+            backgroundDisabled: `var(--${string})`;
+            backgroundHover: `var(--${string})`;
+            backgroundStrong: `var(--${string})`;
+            backgroundStrongDisabled: `var(--${string})`;
+            backgroundStrongHover: `var(--${string})`;
+            border: `var(--${string})`;
+            borderDisabled: `var(--${string})`;
+            borderHover: `var(--${string})`;
+            borderStrong: `var(--${string})`;
+            borderStrongDisabled: `var(--${string})`;
+            borderStrongHover: `var(--${string})`;
+            icon: `var(--${string})`;
+            iconDisabled: `var(--${string})`;
+            iconHover: `var(--${string})`;
+            iconStrong: `var(--${string})`;
+            iconStrongDisabled: `var(--${string})`;
+            iconStrongHover: `var(--${string})`;
+            text: `var(--${string})`;
+            textDisabled: `var(--${string})`;
+            textHover: `var(--${string})`;
+            textStrong: `var(--${string})`;
+            textStrongDisabled: `var(--${string})`;
+            textStrongHover: `var(--${string})`;
+        };
+        warning: {
+            background: `var(--${string})`;
+            backgroundDisabled: `var(--${string})`;
+            backgroundHover: `var(--${string})`;
+            backgroundStrong: `var(--${string})`;
+            backgroundStrongDisabled: `var(--${string})`;
+            backgroundStrongHover: `var(--${string})`;
+            border: `var(--${string})`;
+            borderDisabled: `var(--${string})`;
+            borderHover: `var(--${string})`;
+            borderStrong: `var(--${string})`;
+            borderStrongDisabled: `var(--${string})`;
+            borderStrongHover: `var(--${string})`;
+            icon: `var(--${string})`;
+            iconDisabled: `var(--${string})`;
+            iconHover: `var(--${string})`;
+            iconStrong: `var(--${string})`;
+            iconStrongDisabled: `var(--${string})`;
+            iconStrongHover: `var(--${string})`;
+            text: `var(--${string})`;
+            textDisabled: `var(--${string})`;
+            textHover: `var(--${string})`;
+            textStrong: `var(--${string})`;
+            textStrongDisabled: `var(--${string})`;
+            textStrongHover: `var(--${string})`;
+        };
+    };
+    radii: {
+        circle: `var(--${string})`;
+        default: `var(--${string})`;
+        large: `var(--${string})`;
+        none: `var(--${string})`;
+        small: `var(--${string})`;
+        xlarge: `var(--${string})`;
+        xxlarge: `var(--${string})`;
+    };
+    shadows: {
+        bulk: `var(--${string})`;
+        defaultShadow: `var(--${string})`;
+        drawer: `var(--${string})`;
+        dropdown: `var(--${string})`;
+        fixed: {
+            '0': `var(--${string})`;
+            '1': `var(--${string})`;
+        };
+        fixedReversed: {
+            '0': `var(--${string})`;
+            '1': `var(--${string})`;
+        };
+        focusDanger: `var(--${string})`;
+        focusInfo: `var(--${string})`;
+        focusNeutral: `var(--${string})`;
+        focusPrimary: `var(--${string})`;
+        focusSuccess: `var(--${string})`;
+        focusWarning: `var(--${string})`;
+        hoverDanger: `var(--${string})`;
+        hoverInfo: `var(--${string})`;
+        hoverNeutral: `var(--${string})`;
+        hoverPrimary: `var(--${string})`;
+        hoverSuccess: `var(--${string})`;
+        hoverWarning: `var(--${string})`;
+        menu: `var(--${string})`;
+        modal: `var(--${string})`;
+        overlay: {
+            '0': `var(--${string})`;
+            '1': `var(--${string})`;
+        };
+        popover: `var(--${string})`;
+        raised: {
+            '0': `var(--${string})`;
+            '1': `var(--${string})`;
+        };
+        raisedReversed: {
+            '0': `var(--${string})`;
+            '1': `var(--${string})`;
+        };
+        tabBar: {
+            active: `var(--${string})`;
+            off: `var(--${string})`;
+        };
+        tooltip: `var(--${string})`;
+    };
+    sizing: {
+        '0': `var(--${string})`;
+        '012': `var(--${string})`;
+        '025': `var(--${string})`;
+        '050': `var(--${string})`;
+        '100': `var(--${string})`;
+        '125': `var(--${string})`;
+        '150': `var(--${string})`;
+        '175': `var(--${string})`;
+        '200': `var(--${string})`;
+        '250': `var(--${string})`;
+        '262': `var(--${string})`;
+        '300': `var(--${string})`;
+        '312': `var(--${string})`;
+        '400': `var(--${string})`;
+        '437': `var(--${string})`;
+        '500': `var(--${string})`;
+        '600': `var(--${string})`;
+        '700': `var(--${string})`;
+        '750': `var(--${string})`;
+        '800': `var(--${string})`;
+        '900': `var(--${string})`;
+        '1000': `var(--${string})`;
+    };
+    space: {
+        '0': `var(--${string})`;
+        '0.5': `var(--${string})`;
+        '0.25': `var(--${string})`;
+        '1': `var(--${string})`;
+        '1.5': `var(--${string})`;
+        '2': `var(--${string})`;
+        '3': `var(--${string})`;
+        '4': `var(--${string})`;
+        '5': `var(--${string})`;
+        '6': `var(--${string})`;
+        '7': `var(--${string})`;
+        '8': `var(--${string})`;
+        '9': `var(--${string})`;
+        '10': `var(--${string})`;
+    };
+    theme: `var(--${string})`;
+    typography: {
+        body: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        bodySmall: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        bodySmallStrong: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        bodySmallStronger: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        bodyStrong: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        bodyStronger: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        caption: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        captionSmall: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        captionSmallStrong: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        captionSmallStronger: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        captionStrong: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        captionStronger: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        code: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        codeSmall: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        codeSmallStrong: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        codeSmallStronger: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        codeStrong: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        codeStronger: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        heading: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        headingLarge: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        headingLargeStrong: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        headingLargeStronger: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        headingSmall: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        headingSmallStrong: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        headingSmallStronger: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        headingStrong: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+        headingStronger: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
+            letterSpacing: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+            paragraphSpacing: `var(--${string})`;
+            textCase: `var(--${string})`;
+            textDecoration: `var(--${string})`;
+            weight: `var(--${string})`;
+        };
+    };
+}) => {
     readonly large: "7rem";
     readonly medium: `var(--${string})`;
     readonly small: `var(--${string})`;