@lightsparkdev/ui 1.0.17 → 1.1.1

package/dist/themes-8QWmAhYQ.d.ts

@@ -1,1134 +0,0 @@
-import * as _emotion_react from '@emotion/react';
-import { Theme } from '@emotion/react';
-import { IconName } from './components/Icon/types.js';
-import { TypographyTypeKey, TokenSizeKey, FontFamilies, TypographyGroup } from './styles/tokens/typography.js';
-import { CSSInterpolation } from '@emotion/css';
-import { ColorKey } from './styles/colors.js';
-
-type CardFormPaddingY = 40 | 56;
-type CardFormPaddingX = 40 | 56;
-type CardFormBorderWidth = 0 | 1;
-type CardFormBorderRadius = 8 | 24;
-type CardFormShadow = "soft" | "hard" | "none";
-type CardFormTextAlign = "center" | "left";
-type CardFormBorderColor = "vlcNeutral" | "grayBlue94";
-type CardFormBackgroundColor = "bg" | "white";
-declare const cardFormThemeBaseProps: {
-    readonly paddingY: CardFormPaddingY;
-    readonly paddingX: CardFormPaddingX;
-    readonly shadow: CardFormShadow;
-    readonly borderRadius: CardFormBorderRadius;
-    readonly borderWidth: CardFormBorderWidth;
-    readonly borderColor: CardFormBorderColor;
-    readonly textAlign: CardFormTextAlign;
-    readonly backgroundColor: CardFormBackgroundColor;
-    readonly smBackgroundColor: CardFormBackgroundColor;
-    readonly smBorderWidth: CardFormBorderWidth;
-    readonly defaultDescriptionTypographyMap: {
-        readonly default: {
-            readonly type: TypographyTypeKey;
-            readonly size: TokenSizeKey;
-            readonly color: ThemeOrColorKey;
-        };
-        readonly link: {
-            readonly type: TypographyTypeKey;
-            readonly size: TokenSizeKey;
-            readonly color: ThemeOrColorKey;
-        };
-    };
-};
-declare const cardFormThemeBase: {
-    kinds: {
-        primary: {};
-        secondary: {};
-        tertiary: {};
-    };
-    paddingY: CardFormPaddingY;
-    paddingX: CardFormPaddingX;
-    shadow: CardFormShadow;
-    borderRadius: CardFormBorderRadius;
-    borderWidth: CardFormBorderWidth;
-    borderColor: CardFormBorderColor;
-    textAlign: CardFormTextAlign;
-    backgroundColor: CardFormBackgroundColor;
-    smBackgroundColor: CardFormBackgroundColor;
-    smBorderWidth: CardFormBorderWidth;
-    defaultDescriptionTypographyMap: {
-        readonly default: {
-            readonly type: TypographyTypeKey;
-            readonly size: TokenSizeKey;
-            readonly color: ThemeOrColorKey;
-        };
-        readonly link: {
-            readonly type: TypographyTypeKey;
-            readonly size: TokenSizeKey;
-            readonly color: ThemeOrColorKey;
-        };
-    };
-};
-type CardFormThemeKey = keyof typeof cardFormThemeBaseProps;
-type CardFormKind = keyof (typeof cardFormThemeBase)["kinds"];
-type CardFormKindProps = Record<CardFormKind, Partial<typeof cardFormThemeBaseProps>>;
-declare const defaultCardFormTheme: {
-    kinds: Partial<CardFormKindProps>;
-    paddingY: CardFormPaddingY;
-    paddingX: CardFormPaddingX;
-    shadow: CardFormShadow;
-    borderRadius: CardFormBorderRadius;
-    borderWidth: CardFormBorderWidth;
-    borderColor: CardFormBorderColor;
-    textAlign: CardFormTextAlign;
-    backgroundColor: CardFormBackgroundColor;
-    smBackgroundColor: CardFormBackgroundColor;
-    smBorderWidth: CardFormBorderWidth;
-    defaultDescriptionTypographyMap: {
-        readonly default: {
-            readonly type: TypographyTypeKey;
-            readonly size: TokenSizeKey;
-            readonly color: ThemeOrColorKey;
-        };
-        readonly link: {
-            readonly type: TypographyTypeKey;
-            readonly size: TokenSizeKey;
-            readonly color: ThemeOrColorKey;
-        };
-    };
-};
-
-type PaddingYKey = "short" | "regular";
-type PaddingY = number | {
-    [key in PaddingYKey]: number;
-};
-declare const buttonBorderRadiuses: readonly [8, 32, 999, "100%"];
-type ButtonBorderRadius = (typeof buttonBorderRadiuses)[number];
-declare const allowedButtonTypographyTypes: readonly ["Body", "Body Strong", "Title", "Label", "Label Moderate", "Label Strong"];
-type AllowedButtonTypographyTypes = (typeof allowedButtonTypographyTypes)[number];
-type ButtonTypographyArgs = {
-    type?: AllowedButtonTypographyTypes;
-    color?: ThemeOrColorKey;
-};
-declare const buttonsThemeBase: {
-    defaultSize: TokenSizeKey;
-    defaultTypographyType: AllowedButtonTypographyTypes;
-    defaultColor: ThemeOrColorKey;
-    defaultBorderRadius: ButtonBorderRadius;
-    defaultBackgroundColor: BackgroundColorKeyArg;
-    defaultBorderColor: BackgroundColorKeyArg;
-    defaultHoverBackgroundColor: BackgroundColorKeyArg;
-    defaultHoverBorderColor: BackgroundColorKeyArg;
-    defaultActiveBackgroundColor: BackgroundColorKeyArg;
-    defaultActiveBorderColor: BackgroundColorKeyArg;
-    defaultOutlineOffset: number;
-    defaultPaddingsY: {
-        ExtraSmall: PaddingY;
-        Small: PaddingY;
-        Schmedium: PaddingY;
-        Medium: PaddingY;
-        Mlarge: PaddingY;
-        Large: PaddingY;
-    };
-    defaultPaddingsX: {
-        ExtraSmall: number;
-        Small: number;
-        Schmedium: number;
-        Medium: number;
-        Mlarge: number;
-        Large: number;
-    };
-    kinds: {};
-};
-type ButtonsThemeKey = keyof typeof buttonsThemeBase;
-type ButtonKindsProps = Record<string, Partial<typeof buttonsThemeBase>>;
-declare const defaultButtonsTheme: {
-    kinds: ButtonKindsProps;
-    defaultSize: TokenSizeKey;
-    defaultTypographyType: AllowedButtonTypographyTypes;
-    defaultColor: ThemeOrColorKey;
-    defaultBorderRadius: ButtonBorderRadius;
-    defaultBackgroundColor: BackgroundColorKeyArg;
-    defaultBorderColor: BackgroundColorKeyArg;
-    defaultHoverBackgroundColor: BackgroundColorKeyArg;
-    defaultHoverBorderColor: BackgroundColorKeyArg;
-    defaultActiveBackgroundColor: BackgroundColorKeyArg;
-    defaultActiveBorderColor: BackgroundColorKeyArg;
-    defaultOutlineOffset: number;
-    defaultPaddingsY: {
-        ExtraSmall: PaddingY;
-        Small: PaddingY;
-        Schmedium: PaddingY;
-        Medium: PaddingY;
-        Mlarge: PaddingY;
-        Large: PaddingY;
-    };
-    defaultPaddingsX: {
-        ExtraSmall: number;
-        Small: number;
-        Schmedium: number;
-        Medium: number;
-        Mlarge: number;
-        Large: number;
-    };
-};
-
-declare enum Themes {
-    Light = "light",
-    Dark = "dark",
-    LightsparkDocsLight = "lightsparkDocsLight",
-    LightsparkDocsDark = "lightsparkDocsDark",
-    UmaAuthSdkLight = "umaAuthSdkLight",
-    UmaAuthSdkDark = "umaAuthSdkDark",
-    UmameDocsLight = "umameDocsLight",
-    UmameDocsDark = "umameDocsDark",
-    BridgeLight = "bridgeLight",
-    BridgeDark = "bridgeDark"
-}
-declare function isTheme(theme: unknown): theme is Themes;
-declare const baseThemeColors: {
-    bg: string;
-    smBg: string;
-    c02Neutral: string;
-    c02NeutralLight: string;
-    c05Neutral: string;
-    c1Neutral: string;
-    c15Neutral: string;
-    c2Neutral: string;
-    c25Neutral: string;
-    c3Neutral: string;
-    c4Neutral: string;
-    c5Neutral: string;
-    c6Neutral: string;
-    c7Neutral: string;
-    c8Neutral: string;
-    c9Neutral: string;
-    danger: string;
-    hcNeutral: string;
-    info: string;
-    lcNeutral: string;
-    link: string;
-    linkLight: string;
-    mcNeutral: string;
-    onInfoText: string;
-    onPrimaryText: string;
-    onSuccessText: string;
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    success: string;
-    text: string;
-    vlcNeutral: string;
-    warning: string;
-    transparent: string;
-};
-type ThemeColorKey = keyof typeof baseThemeColors;
-declare const themeOrColorKeyValues: readonly string[];
-type SurfaceThemeColorKey = [keyof LightsparkSurfaces, ThemeColorKey];
-type ThemeOrColorKey = ThemeColorKey | ColorKey | SurfaceThemeColorKey;
-declare const baseTheme: {
-    type: Themes;
-    typography: {
-        group: TypographyGroup;
-        fontFamilies: FontFamilies;
-        lineHeights: {
-            readonly "8xl": "72px";
-            readonly "7xl": "72px";
-            readonly "6xl": "60px";
-            readonly "5xl": "44px";
-            readonly "4xl": "40px";
-            readonly "3xl": "36px";
-            readonly "2xs": "14px";
-            readonly "2xl": "32px";
-            readonly lg: "24px";
-            readonly md: "20px";
-            readonly sm: "18px";
-            readonly xl: "28px";
-            readonly xs: "16px";
-        } | {
-            readonly "8xl": "72px";
-            readonly "7xl": "72px";
-            readonly "6xl": "60px";
-            readonly "5xl": "44px";
-            readonly "4xl": "40px";
-            readonly "3xl": "36px";
-            readonly "2xs": "14px";
-            readonly "2xl": "32px";
-            readonly lg: "24px";
-            readonly md: "20px";
-            readonly sm: "18px";
-            readonly xl: "28px";
-            readonly xs: "16px";
-        } | {
-            readonly "8xl": "72px";
-            readonly "7xl": "72px";
-            readonly "6xl": "72px";
-            readonly "5xl": "72px";
-            readonly "4xl": "60px";
-            readonly "3xl": "44px";
-            readonly "2xs": "16px";
-            readonly "2xl": "40px";
-            readonly lg: "32px";
-            readonly md: "28px";
-            readonly sm: "24px";
-            readonly xl: "36px";
-            readonly xs: "20px";
-        } | {
-            readonly "8xl": "72px";
-            readonly "7xl": "72px";
-            readonly "6xl": "72px";
-            readonly "5xl": "72px";
-            readonly "4xl": "60px";
-            readonly "3xl": "44px";
-            readonly "2xs": "16px";
-            readonly "2xl": "40px";
-            readonly lg: "32px";
-            readonly md: "28px";
-            readonly sm: "24px";
-            readonly xl: "36px";
-            readonly xs: "20px";
-        } | {
-            readonly "8xl": "72px";
-            readonly "7xl": "60px";
-            readonly "6xl": "44px";
-            readonly "5xl": "40px";
-            readonly "4xl": "36px";
-            readonly "3xl": "32px";
-            readonly "2xs": "16px";
-            readonly "2xl": "28px";
-            readonly lg: "22px";
-            readonly md: "20px";
-            readonly sm: "18px";
-            readonly xl: "24px";
-            readonly xs: "16px";
-        };
-        fontWeights: {
-            main: {
-                ExtraBold: number;
-                Bold: number;
-                SemiBold: number;
-                Medium: number;
-            };
-            code: {
-                Bold: number;
-                Regular: number;
-            };
-        };
-        fontSize: {
-            "2xs": string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-            "4xl": string;
-            "5xl": string;
-            "6xl": string;
-        } | {
-            "2xs": string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-            "4xl": string;
-            "5xl": string;
-            "6xl": string;
-        } | {
-            "2xs": string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-            "4xl": string;
-            "5xl": string;
-            "6xl": string;
-        } | {
-            "2xs": string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-            "4xl": string;
-            "5xl": string;
-            "6xl": string;
-        } | {
-            "2xs": string;
-            xs: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-            "4xl": string;
-            "5xl": string;
-            "6xl": string;
-            "7xl": string;
-        };
-        letterSpacing: {
-            "tight-max": string;
-            "tight-high": string;
-            "tight-medium": string;
-            "tight-low": string;
-            normal: string;
-            "loose-max": string;
-        } | {
-            "tight-max": string;
-            "tight-high": string;
-            "tight-medium": string;
-            "tight-low": string;
-            normal: string;
-            "loose-max": string;
-        } | {
-            tight: string;
-            normal: string;
-            loose: string;
-        } | {
-            tight: string;
-            normal: string;
-            loose: string;
-        } | {
-            tight: string;
-            normal: string;
-            wide: string;
-        };
-        textCase: {
-            none: string;
-            uppercase: string;
-        };
-        textDecoration: {
-            none: string;
-        };
-        paragraphIndent: {
-            0: string;
-        };
-        paragraphSpacing: {
-            default: string;
-            0: string;
-            16: string;
-            40: string;
-        };
-        types: {
-            Mobile: { [key in TypographyTypeKey]?: { [key_1 in TokenSizeKey]?: {
-                fontFamily: string;
-                fontWeight: string;
-                lineHeight: string;
-                fontSize: string;
-                letterSpacing: string;
-                paragraphSpacing: string;
-                paragraphIndent: string;
-                textCase: string;
-                textDecoration: string;
-            }; }; };
-            Desktop: { [key in TypographyTypeKey]?: { [key_1 in TokenSizeKey]?: {
-                fontFamily: string;
-                fontWeight: string;
-                lineHeight: string;
-                fontSize: string;
-                letterSpacing: string;
-                paragraphSpacing: string;
-                paragraphIndent: string;
-                textCase: string;
-                textDecoration: string;
-            }; }; };
-        };
-    };
-    hcNeutralFromBg: (bgHex: string) => string;
-    buttons: {
-        kinds: {
-            [x: string]: Partial<{
-                defaultSize: TokenSizeKey;
-                defaultTypographyType: AllowedButtonTypographyTypes;
-                defaultColor: ThemeOrColorKey;
-                defaultBorderRadius: ButtonBorderRadius;
-                defaultBackgroundColor: BackgroundColorKeyArg;
-                defaultBorderColor: BackgroundColorKeyArg;
-                defaultHoverBackgroundColor: BackgroundColorKeyArg;
-                defaultHoverBorderColor: BackgroundColorKeyArg;
-                defaultActiveBackgroundColor: BackgroundColorKeyArg;
-                defaultActiveBorderColor: BackgroundColorKeyArg;
-                defaultOutlineOffset: number;
-                defaultPaddingsY: {
-                    ExtraSmall: PaddingY;
-                    Small: PaddingY;
-                    Schmedium: PaddingY;
-                    Medium: PaddingY;
-                    Mlarge: PaddingY;
-                    Large: PaddingY;
-                };
-                defaultPaddingsX: {
-                    ExtraSmall: number;
-                    Small: number;
-                    Schmedium: number;
-                    Medium: number;
-                    Mlarge: number;
-                    Large: number;
-                };
-                kinds: {};
-            }>;
-        };
-        defaultSize: TokenSizeKey;
-        defaultTypographyType: AllowedButtonTypographyTypes;
-        defaultColor: ThemeOrColorKey;
-        defaultBorderRadius: ButtonBorderRadius;
-        defaultBackgroundColor: BackgroundColorKeyArg;
-        defaultBorderColor: BackgroundColorKeyArg;
-        defaultHoverBackgroundColor: BackgroundColorKeyArg;
-        defaultHoverBorderColor: BackgroundColorKeyArg;
-        defaultActiveBackgroundColor: BackgroundColorKeyArg;
-        defaultActiveBorderColor: BackgroundColorKeyArg;
-        defaultOutlineOffset: number;
-        defaultPaddingsY: {
-            ExtraSmall: PaddingY;
-            Small: PaddingY;
-            Schmedium: PaddingY;
-            Medium: PaddingY;
-            Mlarge: PaddingY;
-            Large: PaddingY;
-        };
-        defaultPaddingsX: {
-            ExtraSmall: number;
-            Small: number;
-            Schmedium: number;
-            Medium: number;
-            Mlarge: number;
-            Large: number;
-        };
-    };
-    loading: {
-        kinds: {
-            [x: string]: Partial<{
-                defaultIconName: IconName;
-                kinds: {};
-            }>;
-        };
-        defaultIconName: IconName;
-    };
-    cardForm: {
-        kinds: Partial<{
-            primary: Partial<{
-                readonly paddingY: CardFormPaddingY;
-                readonly paddingX: CardFormPaddingX;
-                readonly shadow: CardFormShadow;
-                readonly borderRadius: CardFormBorderRadius;
-                readonly borderWidth: CardFormBorderWidth;
-                readonly borderColor: CardFormBorderColor;
-                readonly textAlign: CardFormTextAlign;
-                readonly backgroundColor: CardFormBackgroundColor;
-                readonly smBackgroundColor: CardFormBackgroundColor;
-                readonly smBorderWidth: CardFormBorderWidth;
-                readonly defaultDescriptionTypographyMap: {
-                    readonly default: {
-                        readonly type: TypographyTypeKey;
-                        readonly size: TokenSizeKey;
-                        readonly color: ThemeOrColorKey;
-                    };
-                    readonly link: {
-                        readonly type: TypographyTypeKey;
-                        readonly size: TokenSizeKey;
-                        readonly color: ThemeOrColorKey;
-                    };
-                };
-            }>;
-            secondary: Partial<{
-                readonly paddingY: CardFormPaddingY;
-                readonly paddingX: CardFormPaddingX;
-                readonly shadow: CardFormShadow;
-                readonly borderRadius: CardFormBorderRadius;
-                readonly borderWidth: CardFormBorderWidth;
-                readonly borderColor: CardFormBorderColor;
-                readonly textAlign: CardFormTextAlign;
-                readonly backgroundColor: CardFormBackgroundColor;
-                readonly smBackgroundColor: CardFormBackgroundColor;
-                readonly smBorderWidth: CardFormBorderWidth;
-                readonly defaultDescriptionTypographyMap: {
-                    readonly default: {
-                        readonly type: TypographyTypeKey;
-                        readonly size: TokenSizeKey;
-                        readonly color: ThemeOrColorKey;
-                    };
-                    readonly link: {
-                        readonly type: TypographyTypeKey;
-                        readonly size: TokenSizeKey;
-                        readonly color: ThemeOrColorKey;
-                    };
-                };
-            }>;
-            tertiary: Partial<{
-                readonly paddingY: CardFormPaddingY;
-                readonly paddingX: CardFormPaddingX;
-                readonly shadow: CardFormShadow;
-                readonly borderRadius: CardFormBorderRadius;
-                readonly borderWidth: CardFormBorderWidth;
-                readonly borderColor: CardFormBorderColor;
-                readonly textAlign: CardFormTextAlign;
-                readonly backgroundColor: CardFormBackgroundColor;
-                readonly smBackgroundColor: CardFormBackgroundColor;
-                readonly smBorderWidth: CardFormBorderWidth;
-                readonly defaultDescriptionTypographyMap: {
-                    readonly default: {
-                        readonly type: TypographyTypeKey;
-                        readonly size: TokenSizeKey;
-                        readonly color: ThemeOrColorKey;
-                    };
-                    readonly link: {
-                        readonly type: TypographyTypeKey;
-                        readonly size: TokenSizeKey;
-                        readonly color: ThemeOrColorKey;
-                    };
-                };
-            }>;
-        }>;
-        paddingY: CardFormPaddingY;
-        paddingX: CardFormPaddingX;
-        shadow: CardFormShadow;
-        borderRadius: CardFormBorderRadius;
-        borderWidth: CardFormBorderWidth;
-        borderColor: CardFormBorderColor;
-        textAlign: CardFormTextAlign;
-        backgroundColor: CardFormBackgroundColor;
-        smBackgroundColor: CardFormBackgroundColor;
-        smBorderWidth: CardFormBorderWidth;
-        defaultDescriptionTypographyMap: {
-            readonly default: {
-                readonly type: TypographyTypeKey;
-                readonly size: TokenSizeKey;
-                readonly color: ThemeOrColorKey;
-            };
-            readonly link: {
-                readonly type: TypographyTypeKey;
-                readonly size: TokenSizeKey;
-                readonly color: ThemeOrColorKey;
-            };
-        };
-    };
-    badge: {
-        bg: ThemeOrColorKey;
-    };
-    inputBackground: string;
-    bg: string;
-    smBg: string;
-    c02Neutral: string;
-    c02NeutralLight: string;
-    c05Neutral: string;
-    c1Neutral: string;
-    c15Neutral: string;
-    c2Neutral: string;
-    c25Neutral: string;
-    c3Neutral: string;
-    c4Neutral: string;
-    c5Neutral: string;
-    c6Neutral: string;
-    c7Neutral: string;
-    c8Neutral: string;
-    c9Neutral: string;
-    danger: string;
-    hcNeutral: string;
-    info: string;
-    lcNeutral: string;
-    link: string;
-    linkLight: string;
-    mcNeutral: string;
-    onInfoText: string;
-    onPrimaryText: string;
-    onSuccessText: string;
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    success: string;
-    text: string;
-    vlcNeutral: string;
-    warning: string;
-    transparent: string;
-};
-type BaseTheme = typeof baseTheme;
-type LightsparkSurfaces = {
-    header: BaseTheme;
-    nav: BaseTheme;
-    content: BaseTheme;
-    controls: BaseTheme;
-};
-type LightsparkTheme = BaseTheme & LightsparkSurfaces;
-declare module "@emotion/react" {
-    interface Theme extends LightsparkTheme {
-    }
-}
-declare const themes: {
-    readonly light: LightsparkTheme;
-    readonly dark: LightsparkTheme;
-    readonly lightsparkDocsLight: LightsparkTheme;
-    readonly lightsparkDocsDark: LightsparkTheme;
-    readonly umaAuthSdkLight: LightsparkTheme;
-    readonly umaAuthSdkDark: LightsparkTheme;
-    readonly umameDocsLight: LightsparkTheme;
-    readonly umameDocsDark: LightsparkTheme;
-    readonly bridgeLight: LightsparkTheme;
-    readonly bridgeDark: LightsparkTheme;
-};
-declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
-    typography: {
-        group: TypographyGroup;
-        fontFamilies: FontFamilies;
-        lineHeights: {
-            readonly "8xl": "72px";
-            readonly "7xl": "72px";
-            readonly "6xl": "60px";
-            readonly "5xl": "44px";
-            readonly "4xl": "40px";
-            readonly "3xl": "36px";
-            readonly "2xs": "14px";
-            readonly "2xl": "32px";
-            readonly lg: "24px";
-            readonly md: "20px";
-            readonly sm: "18px";
-            readonly xl: "28px";
-            readonly xs: "16px";
-        } | {
-            readonly "8xl": "72px";
-            readonly "7xl": "72px";
-            readonly "6xl": "60px";
-            readonly "5xl": "44px";
-            readonly "4xl": "40px";
-            readonly "3xl": "36px";
-            readonly "2xs": "14px";
-            readonly "2xl": "32px";
-            readonly lg: "24px";
-            readonly md: "20px";
-            readonly sm: "18px";
-            readonly xl: "28px";
-            readonly xs: "16px";
-        } | {
-            readonly "8xl": "72px";
-            readonly "7xl": "72px";
-            readonly "6xl": "72px";
-            readonly "5xl": "72px";
-            readonly "4xl": "60px";
-            readonly "3xl": "44px";
-            readonly "2xs": "16px";
-            readonly "2xl": "40px";
-            readonly lg: "32px";
-            readonly md: "28px";
-            readonly sm: "24px";
-            readonly xl: "36px";
-            readonly xs: "20px";
-        } | {
-            readonly "8xl": "72px";
-            readonly "7xl": "72px";
-            readonly "6xl": "72px";
-            readonly "5xl": "72px";
-            readonly "4xl": "60px";
-            readonly "3xl": "44px";
-            readonly "2xs": "16px";
-            readonly "2xl": "40px";
-            readonly lg: "32px";
-            readonly md: "28px";
-            readonly sm: "24px";
-            readonly xl: "36px";
-            readonly xs: "20px";
-        } | {
-            readonly "8xl": "72px";
-            readonly "7xl": "60px";
-            readonly "6xl": "44px";
-            readonly "5xl": "40px";
-            readonly "4xl": "36px";
-            readonly "3xl": "32px";
-            readonly "2xs": "16px";
-            readonly "2xl": "28px";
-            readonly lg: "22px";
-            readonly md: "20px";
-            readonly sm: "18px";
-            readonly xl: "24px";
-            readonly xs: "16px";
-        };
-        fontWeights: {
-            main: {
-                ExtraBold: number;
-                Bold: number;
-                SemiBold: number;
-                Medium: number;
-            };
-            code: {
-                Bold: number;
-                Regular: number;
-            };
-        };
-        fontSize: {
-            "2xs": string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-            "4xl": string;
-            "5xl": string;
-            "6xl": string;
-        } | {
-            "2xs": string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-            "4xl": string;
-            "5xl": string;
-            "6xl": string;
-        } | {
-            "2xs": string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-            "4xl": string;
-            "5xl": string;
-            "6xl": string;
-        } | {
-            "2xs": string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-            "4xl": string;
-            "5xl": string;
-            "6xl": string;
-        } | {
-            "2xs": string;
-            xs: string;
-            md: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-            "4xl": string;
-            "5xl": string;
-            "6xl": string;
-            "7xl": string;
-        };
-        letterSpacing: {
-            "tight-max": string;
-            "tight-high": string;
-            "tight-medium": string;
-            "tight-low": string;
-            normal: string;
-            "loose-max": string;
-        } | {
-            "tight-max": string;
-            "tight-high": string;
-            "tight-medium": string;
-            "tight-low": string;
-            normal: string;
-            "loose-max": string;
-        } | {
-            tight: string;
-            normal: string;
-            loose: string;
-        } | {
-            tight: string;
-            normal: string;
-            loose: string;
-        } | {
-            tight: string;
-            normal: string;
-            wide: string;
-        };
-        textCase: {
-            none: string;
-            uppercase: string;
-        };
-        textDecoration: {
-            none: string;
-        };
-        paragraphIndent: {
-            0: string;
-        };
-        paragraphSpacing: {
-            default: string;
-            0: string;
-            16: string;
-            40: string;
-        };
-        types: {
-            Mobile: { [key in TypographyTypeKey]?: { [key_1 in TokenSizeKey]?: {
-                fontFamily: string;
-                fontWeight: string;
-                lineHeight: string;
-                fontSize: string;
-                letterSpacing: string;
-                paragraphSpacing: string;
-                paragraphIndent: string;
-                textCase: string;
-                textDecoration: string;
-            }; }; };
-            Desktop: { [key in TypographyTypeKey]?: { [key_1 in TokenSizeKey]?: {
-                fontFamily: string;
-                fontWeight: string;
-                lineHeight: string;
-                fontSize: string;
-                letterSpacing: string;
-                paragraphSpacing: string;
-                paragraphIndent: string;
-                textCase: string;
-                textDecoration: string;
-            }; }; };
-        };
-    };
-    type: Themes;
-    hcNeutralFromBg: (bgHex: string) => string;
-    buttons: {
-        kinds: {
-            [x: string]: Partial<{
-                defaultSize: TokenSizeKey;
-                defaultTypographyType: AllowedButtonTypographyTypes;
-                defaultColor: ThemeOrColorKey;
-                defaultBorderRadius: ButtonBorderRadius;
-                defaultBackgroundColor: BackgroundColorKeyArg;
-                defaultBorderColor: BackgroundColorKeyArg;
-                defaultHoverBackgroundColor: BackgroundColorKeyArg;
-                defaultHoverBorderColor: BackgroundColorKeyArg;
-                defaultActiveBackgroundColor: BackgroundColorKeyArg;
-                defaultActiveBorderColor: BackgroundColorKeyArg;
-                defaultOutlineOffset: number;
-                defaultPaddingsY: {
-                    ExtraSmall: PaddingY;
-                    Small: PaddingY;
-                    Schmedium: PaddingY;
-                    Medium: PaddingY;
-                    Mlarge: PaddingY;
-                    Large: PaddingY;
-                };
-                defaultPaddingsX: {
-                    ExtraSmall: number;
-                    Small: number;
-                    Schmedium: number;
-                    Medium: number;
-                    Mlarge: number;
-                    Large: number;
-                };
-                kinds: {};
-            }>;
-        };
-        defaultSize: TokenSizeKey;
-        defaultTypographyType: AllowedButtonTypographyTypes;
-        defaultColor: ThemeOrColorKey;
-        defaultBorderRadius: ButtonBorderRadius;
-        defaultBackgroundColor: BackgroundColorKeyArg;
-        defaultBorderColor: BackgroundColorKeyArg;
-        defaultHoverBackgroundColor: BackgroundColorKeyArg;
-        defaultHoverBorderColor: BackgroundColorKeyArg;
-        defaultActiveBackgroundColor: BackgroundColorKeyArg;
-        defaultActiveBorderColor: BackgroundColorKeyArg;
-        defaultOutlineOffset: number;
-        defaultPaddingsY: {
-            ExtraSmall: PaddingY;
-            Small: PaddingY;
-            Schmedium: PaddingY;
-            Medium: PaddingY;
-            Mlarge: PaddingY;
-            Large: PaddingY;
-        };
-        defaultPaddingsX: {
-            ExtraSmall: number;
-            Small: number;
-            Schmedium: number;
-            Medium: number;
-            Mlarge: number;
-            Large: number;
-        };
-    };
-    loading: {
-        kinds: {
-            [x: string]: Partial<{
-                defaultIconName: IconName;
-                kinds: {};
-            }>;
-        };
-        defaultIconName: IconName;
-    };
-    cardForm: {
-        kinds: Partial<{
-            primary: Partial<{
-                readonly paddingY: CardFormPaddingY;
-                readonly paddingX: CardFormPaddingX;
-                readonly shadow: CardFormShadow;
-                readonly borderRadius: CardFormBorderRadius;
-                readonly borderWidth: CardFormBorderWidth;
-                readonly borderColor: CardFormBorderColor;
-                readonly textAlign: CardFormTextAlign;
-                readonly backgroundColor: CardFormBackgroundColor;
-                readonly smBackgroundColor: CardFormBackgroundColor;
-                readonly smBorderWidth: CardFormBorderWidth;
-                readonly defaultDescriptionTypographyMap: {
-                    readonly default: {
-                        readonly type: TypographyTypeKey;
-                        readonly size: TokenSizeKey;
-                        readonly color: ThemeOrColorKey;
-                    };
-                    readonly link: {
-                        readonly type: TypographyTypeKey;
-                        readonly size: TokenSizeKey;
-                        readonly color: ThemeOrColorKey;
-                    };
-                };
-            }>;
-            secondary: Partial<{
-                readonly paddingY: CardFormPaddingY;
-                readonly paddingX: CardFormPaddingX;
-                readonly shadow: CardFormShadow;
-                readonly borderRadius: CardFormBorderRadius;
-                readonly borderWidth: CardFormBorderWidth;
-                readonly borderColor: CardFormBorderColor;
-                readonly textAlign: CardFormTextAlign;
-                readonly backgroundColor: CardFormBackgroundColor;
-                readonly smBackgroundColor: CardFormBackgroundColor;
-                readonly smBorderWidth: CardFormBorderWidth;
-                readonly defaultDescriptionTypographyMap: {
-                    readonly default: {
-                        readonly type: TypographyTypeKey;
-                        readonly size: TokenSizeKey;
-                        readonly color: ThemeOrColorKey;
-                    };
-                    readonly link: {
-                        readonly type: TypographyTypeKey;
-                        readonly size: TokenSizeKey;
-                        readonly color: ThemeOrColorKey;
-                    };
-                };
-            }>;
-            tertiary: Partial<{
-                readonly paddingY: CardFormPaddingY;
-                readonly paddingX: CardFormPaddingX;
-                readonly shadow: CardFormShadow;
-                readonly borderRadius: CardFormBorderRadius;
-                readonly borderWidth: CardFormBorderWidth;
-                readonly borderColor: CardFormBorderColor;
-                readonly textAlign: CardFormTextAlign;
-                readonly backgroundColor: CardFormBackgroundColor;
-                readonly smBackgroundColor: CardFormBackgroundColor;
-                readonly smBorderWidth: CardFormBorderWidth;
-                readonly defaultDescriptionTypographyMap: {
-                    readonly default: {
-                        readonly type: TypographyTypeKey;
-                        readonly size: TokenSizeKey;
-                        readonly color: ThemeOrColorKey;
-                    };
-                    readonly link: {
-                        readonly type: TypographyTypeKey;
-                        readonly size: TokenSizeKey;
-                        readonly color: ThemeOrColorKey;
-                    };
-                };
-            }>;
-        }>;
-        paddingY: CardFormPaddingY;
-        paddingX: CardFormPaddingX;
-        shadow: CardFormShadow;
-        borderRadius: CardFormBorderRadius;
-        borderWidth: CardFormBorderWidth;
-        borderColor: CardFormBorderColor;
-        textAlign: CardFormTextAlign;
-        backgroundColor: CardFormBackgroundColor;
-        smBackgroundColor: CardFormBackgroundColor;
-        smBorderWidth: CardFormBorderWidth;
-        defaultDescriptionTypographyMap: {
-            readonly default: {
-                readonly type: TypographyTypeKey;
-                readonly size: TokenSizeKey;
-                readonly color: ThemeOrColorKey;
-            };
-            readonly link: {
-                readonly type: TypographyTypeKey;
-                readonly size: TokenSizeKey;
-                readonly color: ThemeOrColorKey;
-            };
-        };
-    };
-    badge: {
-        bg: ThemeOrColorKey;
-    };
-    inputBackground: string;
-    bg: string;
-    smBg: string;
-    c02Neutral: string;
-    c02NeutralLight: string;
-    c05Neutral: string;
-    c1Neutral: string;
-    c15Neutral: string;
-    c2Neutral: string;
-    c25Neutral: string;
-    c3Neutral: string;
-    c4Neutral: string;
-    c5Neutral: string;
-    c6Neutral: string;
-    c7Neutral: string;
-    c8Neutral: string;
-    c9Neutral: string;
-    danger: string;
-    hcNeutral: string;
-    info: string;
-    lcNeutral: string;
-    link: string;
-    linkLight: string;
-    mcNeutral: string;
-    onInfoText: string;
-    onPrimaryText: string;
-    onSuccessText: string;
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    success: string;
-    text: string;
-    vlcNeutral: string;
-    warning: string;
-    transparent: string;
-    header: BaseTheme;
-    nav: BaseTheme;
-    content: BaseTheme;
-    controls: BaseTheme;
-};
-declare function isThemeColorKey(key: unknown): key is ThemeColorKey;
-declare function isThemeOrColorKey(key: unknown): key is ThemeOrColorKey;
-declare function getColor(theme: LightsparkTheme, key?: ThemeOrColorKey | undefined): string;
-type FontColorKey = ThemeOrColorKey | "inherit";
-declare function getFontColor(theme: LightsparkTheme, key?: FontColorKey | undefined, defaultColor?: ThemeColorKey | "inherit"): string;
-type BackgroundColorKey = ThemeOrColorKey | "transparent";
-type BackgroundColorKeyArg = BackgroundColorKey | [BackgroundColorKey, BackgroundColorKey];
-declare function isBackgroundColorKey(key: unknown): key is BackgroundColorKey;
-declare function isBackgroundColorKeyTuple(key: unknown): key is [BackgroundColorKey, BackgroundColorKey];
-declare function getBackgroundColor(theme: LightsparkTheme, key?: BackgroundColorKeyArg | undefined, defaultColor?: BackgroundColorKeyArg): string;
-declare const isDark: (theme: Theme) => boolean;
-declare const isLight: (theme: Theme) => boolean;
-declare const themeOr: (lightValue: string, darkValue: string) => ({ theme }: {
-    theme: Theme;
-}) => string;
-declare const themeOrWithKey: (lightValue: ThemeOrColorKey, darkValue: ThemeOrColorKey) => ({ theme }: {
-    theme: Theme;
-}) => string;
-declare function ifLight(style: CSSInterpolation): ({ theme }: {
-    theme: LightsparkTheme;
-}) => _emotion_react.SerializedStyles | "";
-declare function ifDark(style: CSSInterpolation): ({ theme }: {
-    theme: LightsparkTheme;
-}) => _emotion_react.SerializedStyles | "";
-declare function useThemeBg(): string;
-type ThemeProp = {
-    theme: Theme;
-};
-type WithTheme<T extends Record<string, unknown>> = T & ThemeProp;
-
-export { type AllowedButtonTypographyTypes as A, type ButtonTypographyArgs as B, type CardFormKind as C, getColor as D, getFontColor as E, type FontColorKey as F, type BackgroundColorKey as G, type BackgroundColorKeyArg as H, isBackgroundColorKey as I, isBackgroundColorKeyTuple as J, getBackgroundColor as K, type LightsparkTheme as L, isDark as M, isLight as N, themeOr as O, type PaddingYKey as P, themeOrWithKey as Q, ifLight as R, type SurfaceThemeColorKey as S, type ThemeOrColorKey as T, ifDark as U, useThemeBg as V, type WithTheme as W, type ButtonBorderRadius as a, type ThemeProp as b, Themes as c, type CardFormTextAlign as d, type CardFormShadow as e, type CardFormPaddingY as f, type CardFormPaddingX as g, type CardFormBorderWidth as h, type CardFormBorderRadius as i, type CardFormBorderColor as j, type CardFormBackgroundColor as k, cardFormThemeBase as l, type CardFormThemeKey as m, defaultCardFormTheme as n, type PaddingY as o, buttonBorderRadiuses as p, allowedButtonTypographyTypes as q, buttonsThemeBase as r, type ButtonsThemeKey as s, defaultButtonsTheme as t, isTheme as u, themeOrColorKeyValues as v, themes as w, setFonts as x, isThemeColorKey as y, isThemeOrColorKey as z };