import * as recoil from 'recoil';

declare const theme: recoil.RecoilState<boolean>;
declare const useDarkTheme: () => {
    setDarkTheme: () => void;
    setLightTheme: () => void;
    setPreferTheme: () => void;
    isDarkMode: boolean;
};

declare const vars: {
    color: {
        "neutral-container-lowest": string;
        "neutral-container-lowest-hover": string;
        "neutral-container-low": string;
        "neutral-container-low-hover": string;
        "neutral-container-mid": string;
        "neutral-container-mid-hover": string;
        "neutral-container-high": string;
        "neutral-container-high-hover": string;
        "neutral-container-highest": string;
        "neutral-container-static-lowest": string;
        "neutral-container-static-lowest-hover": string;
        "neutral-container-variation-lowest": string;
        "neutral-fill-overlay-lowest": string;
        "neutral-fill-overlay-lowest-hover": string;
        "neutral-fill-overlay-low": string;
        "neutral-fill-overlay-low-hover": string;
        "neutral-fill-overlay-mid": string;
        "neutral-fill-overlay-mid-hover": string;
        "neutral-fill-overlay-high": string;
        "neutral-fill-overlay-high-hover": string;
        "neutral-fill-overlay-highest": string;
        "neutral-fill-opaque-lowest": string;
        "neutral-fill-opaque-lowest-hover": string;
        "neutral-fill-opaque-low": string;
        "neutral-fill-opaque-low-hover": string;
        "neutral-fill-opaque-static-lowest": string;
        "neutral-label-primary": string;
        "neutral-label-secondary": string;
        "neutral-label-tertiary": string;
        "neutral-label-quaternary": string;
        "neutral-label-static-primary": string;
        "neutral-label-static-secondary": string;
        "neutral-border-overlay-strong": string;
        "neutral-border-overlay-normal": string;
        "neutral-border-overlay-subtle": string;
        "neutral-border-overlay-hint": string;
        "neutral-border-opaque-strong": string;
        "neutral-border-opaque-normal": string;
        "neutral-border-opaque-subtle": string;
        "inverse-container-lowest": string;
        "inverse-container-lowest-hover": string;
        "inverse-container-low": string;
        "inverse-container-low-hover": string;
        "inverse-container-mid": string;
        "inverse-container-mid-hover": string;
        "inverse-container-high": string;
        "inverse-container-high-hover": string;
        "inverse-container-static-high": string;
        "inverse-container-static-high-hover": string;
        "inverse-container-highest": string;
        "inverse-fill-opaque-lowest": string;
        "inverse-fill-opaque-lowest-hover": string;
        "inverse-fill-opaque-low": string;
        "inverse-fill-opaque-low-hover": string;
        "inverse-fill-opaque-mid": string;
        "inverse-fill-mid": string;
        "inverse-fill-mid-hover": string;
        "inverse-label-primary": string;
        "inverse-label-secondary": string;
        "inverse-label-tertiary": string;
        "inverse-label-quaternary": string;
        "inverse-label-static-primary": string;
        "inverse-label-static-secondary": string;
        "inverse-border-overlay-strong": string;
        "inverse-border-overlay-normal": string;
        "inverse-border-overlay-subtle": string;
        "inverse-border-overlay-hint": string;
        "inverse-border-opaque-strong": string;
        "inverse-border-opaque-normal": string;
        "inverse-border-opaque-subtle": string;
        "brand-container-mid": string;
        "brand-container-mid-hover": string;
        "brand-container-high": string;
        "brand-fill-mid": string;
        "brand-fill-mid-hover": string;
        "brand-fill-low": string;
        "brand-fill-low-hover": string;
        "brand-label-primary": string;
        "brand-label-secondary": string;
        "brand-label-variation-secondary": string;
        "brand-border-opaque-normal": string;
        "brand-border-opaque-strong": string;
        "brandinverse-container-mid": string;
        "brandinverse-container-mid-hover": string;
        "brandinverse-container-high": string;
        "brandinverse-fill-mid": string;
        "brandinverse-fill-mid-hover": string;
        "brandinverse-fill-low": string;
        "brandinverse-fill-low-hover": string;
        "brandinverse-label-primary": string;
        "brandinverse-label-secondary": string;
        "brandinverse-label-static-primary": string;
        "brandinverse-border-opaque-strong": string;
        "brandinverse-border-opaque-normal": string;
        "accent-label-primary": string;
        "accent-label-yellow": string;
        "accent-label-mint": string;
        "accent-label-cyan": string;
        "accent-label-purple": string;
        "accent-label-pink": string;
        "accent-fill-primary": string;
        "function-fill-positive-mid": string;
        "function-fill-negative-mid": string;
        "function-fill-negative-mid-hover": string;
        "function-fill-caution": string;
        "function-fill-highlight": string;
        "function-fill-selection": string;
        "function-fill-drag": string;
        "function-fill-positive-low": string;
        "function-fill-negative-low": string;
        "function-label-positive": string;
        "function-label-negative": string;
        "function-label-caution": string;
        "function-label-link": string;
        "cover-dim-page": string;
    };
    radius: {
        xxs: string;
        xs: string;
        s: string;
        m: string;
        l: string;
        xl: string;
        xxl: string;
    };
    opacity: {
        "0": string;
        "1": string;
        "4": string;
        "8": string;
        "12": string;
        "16": string;
        "20": string;
        "24": string;
        "28": string;
        "32": string;
        "36": string;
        "40": string;
        "44": string;
        "48": string;
        "50": string;
        "56": string;
        "64": string;
        "72": string;
        "80": string;
    };
    padding: {
        "component-50": string;
        "component-100": string;
        "component-150": string;
        "component-200": string;
        "component-300": string;
        "component-400": string;
        "component-500": string;
        "component-600": string;
        "component-700": string;
        "component-800": string;
        "component-900": string;
        "component-1000": string;
        "component-1100": string;
        "component-1300": string;
        "component-1500": string;
        "component-1700": string;
        "section-50": string;
        "section-100": string;
        "section-200": string;
        "section-300": string;
        "section-400": string;
        "section-500": string;
        "section-600": string;
        "section-700": string;
        "section-800": string;
        "section-900": string;
    };
    size: {
        "0": string;
        "1": string;
        "2": string;
        "3": string;
        "4": string;
        "6": string;
        "8": string;
        "10": string;
        "12": string;
        "14": string;
        "16": string;
        "18": string;
        "20": string;
        "24": string;
        "32": string;
        "40": string;
        "48": string;
        "56": string;
        "64": string;
        "80": string;
        "100": string;
        "120": string;
        "140": string;
        "160": string;
        "180": string;
        "200": string;
        minus6: string;
        minus4: string;
        minus2: string;
    };
    gap: {
        "positive-50": string;
        "positive-100": string;
        "positive-150": string;
        "positive-200": string;
        "positive-300": string;
        "positive-400": string;
        "positive-500": string;
        "positive-600": string;
        "positive-700": string;
        "positive-800": string;
        "positive-900": string;
    };
    shadow: {
        soft: string;
        normal: string;
        strong: string;
        heavy: string;
    };
    iconSize: {
        xs: string;
        s: string;
        m: string;
        l: string;
        xl: string;
    };
};

declare const classNames: {
    typography: {
        "lp-sys-typo-display2-accent-black": string;
        "lp-sys-typo-display3-accent-black": string;
        "lp-sys-typo-heading1-answer": string;
        "lp-sys-typo-heading2-answer": string;
        "lp-sys-typo-heading3-answer": string;
        "lp-sys-typo-heading4-answer": string;
        "lp-sys-typo-heading5-answer": string;
        "lp-sys-typo-heading6-answer": string;
        "lp-sys-typo-title1-accent-bold": string;
        "lp-sys-typo-title2-accent-bold": string;
        "lp-sys-typo-title3-accent-bold": string;
        "lp-sys-typo-title4-accent-bold": string;
        "lp-sys-typo-title5-accent-bold": string;
        "lp-sys-typo-title1-normal-bold": string;
        "lp-sys-typo-title2-normal-bold": string;
        "lp-sys-typo-title3-normal-bold": string;
        "lp-sys-typo-title4-normal-bold": string;
        "lp-sys-typo-title5-normal-bold": string;
        "lp-sys-typo-paragraph1-normal-bold": string;
        "lp-sys-typo-paragraph2-normal-bold": string;
        "lp-sys-typo-paragraph3-normal-bold": string;
        "lp-sys-typo-paragraph4-normal-bold": string;
        "lp-sys-typo-paragraph1-normal-medium": string;
        "lp-sys-typo-paragraph2-normal-medium": string;
        "lp-sys-typo-paragraph3-normal-medium": string;
        "lp-sys-typo-paragraph4-normal-medium": string;
        "lp-sys-typo-paragraph1-normal-regular": string;
        "lp-sys-typo-paragraph2-normal-regular": string;
        "lp-sys-typo-paragraph3-normal-regular": string;
        "lp-sys-typo-paragraph4-normal-regular": string;
        "lp-sys-typo-paragraph2-post-regular": string;
        "lp-sys-typo-paragraph3-post-regular": string;
        "lp-sys-typo-paragraph4-post-regular": string;
        "lp-sys-typo-paragraph2-answer-bold": string;
        "lp-sys-typo-paragraph2-answer-regular": string;
        "lp-sys-typo-caption1-normal-bold": string;
        "lp-sys-typo-caption2-normal-bold": string;
        "lp-sys-typo-caption3-normal-bold": string;
        "lp-sys-typo-caption1-normal-medium": string;
        "lp-sys-typo-caption2-normal-medium": string;
        "lp-sys-typo-caption3-normal-medium": string;
        "lp-sys-typo-caption1-normal-regular": string;
        "lp-sys-typo-caption2-normal-regular": string;
        "lp-sys-typo-caption3-normal-regular": string;
    };
};

declare const breakpointOrigin: {
    readonly xs: "0px";
    readonly s: "600px";
    readonly m: "1024px";
    readonly l: "1366px";
    readonly xl: "1536px";
    readonly xxl: "1920px";
    readonly xxxl: "2560px";
};
declare const breakpoint: {
    s: string;
    m: string;
    l: string;
    xl: string;
    xxl: string;
    xxxl: string;
};

export { breakpoint, breakpointOrigin, classNames, theme, useDarkTheme, vars };
