cakeinpanic-ui 1.0.0

package/dist/types/theme/themes.d.ts

@@ -0,0 +1,898 @@
+import { ThemeName } from './constants.js';
+export declare const themeLight: {
+    name: ThemeName;
+    colors: {
+        darkThemeOpacity: string;
+        lightThemeOpacity: string;
+        lightModeVisibility: string;
+        darkModeVisibility: string;
+        lightDisplay: string;
+        darkDisplay: string;
+        secondary: string;
+        secondaryHover: string;
+        secondaryContrast: string;
+        background: string;
+        backgroundDarken: string;
+        backgroundSecondary: string;
+        backgroundBadge: string;
+        backgroundGradient: string;
+        foreground: string;
+        overlay: string;
+        shadowLight: string;
+        shadowDark: string;
+        text: string;
+        textSecondary: string;
+        accentText: string;
+        border: string;
+        borderActive: string;
+        borderHover: string;
+        borderLight: string;
+        accentBorder: string;
+        accentBorderHover: string;
+        borderSubtle: string;
+        controlBg: string;
+        accentControlBg: string;
+        popupMenuItemBgActiveHover: string;
+        primary: "#00a3ff";
+        primaryHover: "#009bf2";
+        primaryContrast: "#fff";
+        primaryVisited: "#4bbeff";
+        accent: "#27272e";
+        accentContrast: "#fff";
+        accentContrastSecondary: "rgba(255, 255, 255, 0.6)";
+        accentDarken: "rgba(0, 0, 0, .2)";
+        error: "#e14d4d";
+        errorHover: "#d44c4d";
+        errorContrast: "#fff";
+        warning: "#EC8600";
+        warningHover: "#f0a431";
+        warningContrast: "#fff";
+        warningBackground: "#FFFAE0";
+        textDark: "#273852";
+        success: "#53BA95";
+        successHover: "#4ba886";
+        successContrast: "#fff";
+    };
+    boxShadows: {
+        readonly xs: "0px 4px 8px 0px";
+        readonly sm: "0px 4px 12px 0px";
+        readonly md: "0px 4px 16px 0px";
+        readonly lg: "0px 8px 24px 0px";
+        readonly xl: "0px 8px 32px 0px";
+        readonly xxl: "0px 8px 44px 0px";
+    };
+    borderRadiuses: readonly [4, 6, 8, 10, 12];
+    borderRadiusesMap: {
+        readonly xs: 4;
+        readonly sm: 6;
+        readonly md: 8;
+        readonly lg: 10;
+        readonly xl: 20;
+    };
+    fontSizes: readonly [10, 12, 14, 16, 18, 20, 26, 32, 40, 50];
+    fontSizesMap: {
+        readonly xxxs: 10;
+        readonly xxs: 12;
+        readonly xs: 14;
+        readonly sm: 16;
+        readonly md: 18;
+        readonly lg: 20;
+        readonly xl: 26;
+        readonly xxl: 32;
+        readonly xxxl: 40;
+        readonly xxxxl: 50;
+    };
+    duration: {
+        readonly fast: "100ms";
+        readonly med: "150ms";
+        readonly norm: "200ms";
+    };
+    ease: {
+        readonly inSine: "cubic-bezier(0.47, 0, 0.745, 0.715)";
+        readonly outSine: "cubic-bezier(0.39, 0.575, 0.565, 1)";
+        readonly inOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)";
+        readonly inQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)";
+        readonly outQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
+        readonly inOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)";
+        readonly inCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
+        readonly outCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)";
+        readonly inOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)";
+        readonly inQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)";
+        readonly outQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)";
+        readonly inOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)";
+        readonly inQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
+        readonly outQuint: "cubic-bezier(0.23, 1, 0.32, 1)";
+        readonly inOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)";
+        readonly inExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)";
+        readonly outExpo: "cubic-bezier(0.19, 1, 0.22, 1)";
+        readonly inOutExpo: "cubic-bezier(1, 0, 0, 1)";
+        readonly inCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)";
+        readonly outCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)";
+        readonly inOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)";
+        readonly inBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
+        readonly outBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
+        readonly inOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
+    };
+    breakpoints: `${number}px`[];
+    breakpointsMap: {
+        sm: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+        md: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+        lg: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+        xl: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+    };
+    mediaQueries: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    space: readonly [4, 8, 16, 24, 32];
+    spaceMap: {
+        readonly xs: 4;
+        readonly sm: 8;
+        readonly md: 16;
+        readonly lg: 20;
+        readonly xl: 24;
+        readonly xxl: 32;
+    };
+};
+export declare const themeDark: {
+    name: ThemeName;
+    colors: {
+        darkThemeOpacity: string;
+        lightThemeOpacity: string;
+        lightModeVisibility: string;
+        darkModeVisibility: string;
+        lightDisplay: string;
+        darkDisplay: string;
+        secondary: string;
+        secondaryHover: string;
+        secondaryContrast: string;
+        background: string;
+        backgroundDarken: string;
+        backgroundSecondary: string;
+        backgroundBadge: string;
+        backgroundGradient: string;
+        foreground: string;
+        overlay: string;
+        shadowLight: string;
+        shadowDark: string;
+        text: string;
+        textSecondary: string;
+        accentText: string;
+        border: string;
+        borderActive: string;
+        borderHover: string;
+        borderLight: string;
+        accentBorder: string;
+        accentBorderHover: string;
+        borderSubtle: string;
+        controlBg: string;
+        accentControlBg: string;
+        popupMenuItemBgActiveHover: string;
+        primary: "#00a3ff";
+        primaryHover: "#009bf2";
+        primaryContrast: "#fff";
+        primaryVisited: "#4bbeff";
+        accent: "#27272e";
+        accentContrast: "#fff";
+        accentContrastSecondary: "rgba(255, 255, 255, 0.6)";
+        accentDarken: "rgba(0, 0, 0, .2)";
+        error: "#e14d4d";
+        errorHover: "#d44c4d";
+        errorContrast: "#fff";
+        warning: "#EC8600";
+        warningHover: "#f0a431";
+        warningContrast: "#fff";
+        warningBackground: "#FFFAE0";
+        textDark: "#273852";
+        success: "#53BA95";
+        successHover: "#4ba886";
+        successContrast: "#fff";
+    };
+    boxShadows: {
+        readonly xs: "0px 4px 8px 0px";
+        readonly sm: "0px 4px 12px 0px";
+        readonly md: "0px 4px 16px 0px";
+        readonly lg: "0px 8px 24px 0px";
+        readonly xl: "0px 8px 32px 0px";
+        readonly xxl: "0px 8px 44px 0px";
+    };
+    borderRadiuses: readonly [4, 6, 8, 10, 12];
+    borderRadiusesMap: {
+        readonly xs: 4;
+        readonly sm: 6;
+        readonly md: 8;
+        readonly lg: 10;
+        readonly xl: 20;
+    };
+    fontSizes: readonly [10, 12, 14, 16, 18, 20, 26, 32, 40, 50];
+    fontSizesMap: {
+        readonly xxxs: 10;
+        readonly xxs: 12;
+        readonly xs: 14;
+        readonly sm: 16;
+        readonly md: 18;
+        readonly lg: 20;
+        readonly xl: 26;
+        readonly xxl: 32;
+        readonly xxxl: 40;
+        readonly xxxxl: 50;
+    };
+    duration: {
+        readonly fast: "100ms";
+        readonly med: "150ms";
+        readonly norm: "200ms";
+    };
+    ease: {
+        readonly inSine: "cubic-bezier(0.47, 0, 0.745, 0.715)";
+        readonly outSine: "cubic-bezier(0.39, 0.575, 0.565, 1)";
+        readonly inOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)";
+        readonly inQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)";
+        readonly outQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
+        readonly inOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)";
+        readonly inCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
+        readonly outCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)";
+        readonly inOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)";
+        readonly inQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)";
+        readonly outQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)";
+        readonly inOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)";
+        readonly inQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
+        readonly outQuint: "cubic-bezier(0.23, 1, 0.32, 1)";
+        readonly inOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)";
+        readonly inExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)";
+        readonly outExpo: "cubic-bezier(0.19, 1, 0.22, 1)";
+        readonly inOutExpo: "cubic-bezier(1, 0, 0, 1)";
+        readonly inCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)";
+        readonly outCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)";
+        readonly inOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)";
+        readonly inBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
+        readonly outBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
+        readonly inOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
+    };
+    breakpoints: `${number}px`[];
+    breakpointsMap: {
+        sm: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+        md: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+        lg: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+        xl: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+    };
+    mediaQueries: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    space: readonly [4, 8, 16, 24, 32];
+    spaceMap: {
+        readonly xs: 4;
+        readonly sm: 8;
+        readonly md: 16;
+        readonly lg: 20;
+        readonly xl: 24;
+        readonly xxl: 32;
+    };
+};
+export declare const themeMap: {
+    light: {
+        name: ThemeName;
+        colors: {
+            darkThemeOpacity: string;
+            lightThemeOpacity: string;
+            lightModeVisibility: string;
+            darkModeVisibility: string;
+            lightDisplay: string;
+            darkDisplay: string;
+            secondary: string;
+            secondaryHover: string;
+            secondaryContrast: string;
+            background: string;
+            backgroundDarken: string;
+            backgroundSecondary: string;
+            backgroundBadge: string;
+            backgroundGradient: string;
+            foreground: string;
+            overlay: string;
+            shadowLight: string;
+            shadowDark: string;
+            text: string;
+            textSecondary: string;
+            accentText: string;
+            border: string;
+            borderActive: string;
+            borderHover: string;
+            borderLight: string;
+            accentBorder: string;
+            accentBorderHover: string;
+            borderSubtle: string;
+            controlBg: string;
+            accentControlBg: string;
+            popupMenuItemBgActiveHover: string;
+            primary: "#00a3ff";
+            primaryHover: "#009bf2";
+            primaryContrast: "#fff";
+            primaryVisited: "#4bbeff";
+            accent: "#27272e";
+            accentContrast: "#fff";
+            accentContrastSecondary: "rgba(255, 255, 255, 0.6)";
+            accentDarken: "rgba(0, 0, 0, .2)";
+            error: "#e14d4d";
+            errorHover: "#d44c4d";
+            errorContrast: "#fff";
+            warning: "#EC8600";
+            warningHover: "#f0a431";
+            warningContrast: "#fff";
+            warningBackground: "#FFFAE0";
+            textDark: "#273852";
+            success: "#53BA95";
+            successHover: "#4ba886";
+            successContrast: "#fff";
+        };
+        boxShadows: {
+            readonly xs: "0px 4px 8px 0px";
+            readonly sm: "0px 4px 12px 0px";
+            readonly md: "0px 4px 16px 0px";
+            readonly lg: "0px 8px 24px 0px";
+            readonly xl: "0px 8px 32px 0px";
+            readonly xxl: "0px 8px 44px 0px";
+        };
+        borderRadiuses: readonly [4, 6, 8, 10, 12];
+        borderRadiusesMap: {
+            readonly xs: 4;
+            readonly sm: 6;
+            readonly md: 8;
+            readonly lg: 10;
+            readonly xl: 20;
+        };
+        fontSizes: readonly [10, 12, 14, 16, 18, 20, 26, 32, 40, 50];
+        fontSizesMap: {
+            readonly xxxs: 10;
+            readonly xxs: 12;
+            readonly xs: 14;
+            readonly sm: 16;
+            readonly md: 18;
+            readonly lg: 20;
+            readonly xl: 26;
+            readonly xxl: 32;
+            readonly xxxl: 40;
+            readonly xxxxl: 50;
+        };
+        duration: {
+            readonly fast: "100ms";
+            readonly med: "150ms";
+            readonly norm: "200ms";
+        };
+        ease: {
+            readonly inSine: "cubic-bezier(0.47, 0, 0.745, 0.715)";
+            readonly outSine: "cubic-bezier(0.39, 0.575, 0.565, 1)";
+            readonly inOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)";
+            readonly inQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)";
+            readonly outQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
+            readonly inOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)";
+            readonly inCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
+            readonly outCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)";
+            readonly inOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)";
+            readonly inQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)";
+            readonly outQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)";
+            readonly inOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)";
+            readonly inQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
+            readonly outQuint: "cubic-bezier(0.23, 1, 0.32, 1)";
+            readonly inOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)";
+            readonly inExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)";
+            readonly outExpo: "cubic-bezier(0.19, 1, 0.22, 1)";
+            readonly inOutExpo: "cubic-bezier(1, 0, 0, 1)";
+            readonly inCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)";
+            readonly outCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)";
+            readonly inOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)";
+            readonly inBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
+            readonly outBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
+            readonly inOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
+        };
+        breakpoints: `${number}px`[];
+        breakpointsMap: {
+            sm: {
+                width: `${number}px`;
+                height: `${number}px`;
+            };
+            md: {
+                width: `${number}px`;
+                height: `${number}px`;
+            };
+            lg: {
+                width: `${number}px`;
+                height: `${number}px`;
+            };
+            xl: {
+                width: `${number}px`;
+                height: `${number}px`;
+            };
+        };
+        mediaQueries: {
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        space: readonly [4, 8, 16, 24, 32];
+        spaceMap: {
+            readonly xs: 4;
+            readonly sm: 8;
+            readonly md: 16;
+            readonly lg: 20;
+            readonly xl: 24;
+            readonly xxl: 32;
+        };
+    };
+    dark: {
+        name: ThemeName;
+        colors: {
+            darkThemeOpacity: string;
+            lightThemeOpacity: string;
+            lightModeVisibility: string;
+            darkModeVisibility: string;
+            lightDisplay: string;
+            darkDisplay: string;
+            secondary: string;
+            secondaryHover: string;
+            secondaryContrast: string;
+            background: string;
+            backgroundDarken: string;
+            backgroundSecondary: string;
+            backgroundBadge: string;
+            backgroundGradient: string;
+            foreground: string;
+            overlay: string;
+            shadowLight: string;
+            shadowDark: string;
+            text: string;
+            textSecondary: string;
+            accentText: string;
+            border: string;
+            borderActive: string;
+            borderHover: string;
+            borderLight: string;
+            accentBorder: string;
+            accentBorderHover: string;
+            borderSubtle: string;
+            controlBg: string;
+            accentControlBg: string;
+            popupMenuItemBgActiveHover: string;
+            primary: "#00a3ff";
+            primaryHover: "#009bf2";
+            primaryContrast: "#fff";
+            primaryVisited: "#4bbeff";
+            accent: "#27272e";
+            accentContrast: "#fff";
+            accentContrastSecondary: "rgba(255, 255, 255, 0.6)";
+            accentDarken: "rgba(0, 0, 0, .2)";
+            error: "#e14d4d";
+            errorHover: "#d44c4d";
+            errorContrast: "#fff";
+            warning: "#EC8600";
+            warningHover: "#f0a431";
+            warningContrast: "#fff";
+            warningBackground: "#FFFAE0";
+            textDark: "#273852";
+            success: "#53BA95";
+            successHover: "#4ba886";
+            successContrast: "#fff";
+        };
+        boxShadows: {
+            readonly xs: "0px 4px 8px 0px";
+            readonly sm: "0px 4px 12px 0px";
+            readonly md: "0px 4px 16px 0px";
+            readonly lg: "0px 8px 24px 0px";
+            readonly xl: "0px 8px 32px 0px";
+            readonly xxl: "0px 8px 44px 0px";
+        };
+        borderRadiuses: readonly [4, 6, 8, 10, 12];
+        borderRadiusesMap: {
+            readonly xs: 4;
+            readonly sm: 6;
+            readonly md: 8;
+            readonly lg: 10;
+            readonly xl: 20;
+        };
+        fontSizes: readonly [10, 12, 14, 16, 18, 20, 26, 32, 40, 50];
+        fontSizesMap: {
+            readonly xxxs: 10;
+            readonly xxs: 12;
+            readonly xs: 14;
+            readonly sm: 16;
+            readonly md: 18;
+            readonly lg: 20;
+            readonly xl: 26;
+            readonly xxl: 32;
+            readonly xxxl: 40;
+            readonly xxxxl: 50;
+        };
+        duration: {
+            readonly fast: "100ms";
+            readonly med: "150ms";
+            readonly norm: "200ms";
+        };
+        ease: {
+            readonly inSine: "cubic-bezier(0.47, 0, 0.745, 0.715)";
+            readonly outSine: "cubic-bezier(0.39, 0.575, 0.565, 1)";
+            readonly inOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)";
+            readonly inQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)";
+            readonly outQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
+            readonly inOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)";
+            readonly inCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
+            readonly outCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)";
+            readonly inOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)";
+            readonly inQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)";
+            readonly outQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)";
+            readonly inOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)";
+            readonly inQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
+            readonly outQuint: "cubic-bezier(0.23, 1, 0.32, 1)";
+            readonly inOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)";
+            readonly inExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)";
+            readonly outExpo: "cubic-bezier(0.19, 1, 0.22, 1)";
+            readonly inOutExpo: "cubic-bezier(1, 0, 0, 1)";
+            readonly inCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)";
+            readonly outCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)";
+            readonly inOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)";
+            readonly inBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
+            readonly outBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
+            readonly inOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
+        };
+        breakpoints: `${number}px`[];
+        breakpointsMap: {
+            sm: {
+                width: `${number}px`;
+                height: `${number}px`;
+            };
+            md: {
+                width: `${number}px`;
+                height: `${number}px`;
+            };
+            lg: {
+                width: `${number}px`;
+                height: `${number}px`;
+            };
+            xl: {
+                width: `${number}px`;
+                height: `${number}px`;
+            };
+        };
+        mediaQueries: {
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        space: readonly [4, 8, 16, 24, 32];
+        spaceMap: {
+            readonly xs: 4;
+            readonly sm: 8;
+            readonly md: 16;
+            readonly lg: 20;
+            readonly xl: 24;
+            readonly xxl: 32;
+        };
+    };
+};
+export declare const reverseThemeMap: WeakMap<{
+    name: ThemeName;
+    colors: {
+        darkThemeOpacity: string;
+        lightThemeOpacity: string;
+        lightModeVisibility: string;
+        darkModeVisibility: string;
+        lightDisplay: string;
+        darkDisplay: string;
+        secondary: string;
+        secondaryHover: string;
+        secondaryContrast: string;
+        background: string;
+        backgroundDarken: string;
+        backgroundSecondary: string;
+        backgroundBadge: string;
+        backgroundGradient: string;
+        foreground: string;
+        overlay: string;
+        shadowLight: string;
+        shadowDark: string;
+        text: string;
+        textSecondary: string;
+        accentText: string;
+        border: string;
+        borderActive: string;
+        borderHover: string;
+        borderLight: string;
+        accentBorder: string;
+        accentBorderHover: string;
+        borderSubtle: string;
+        controlBg: string;
+        accentControlBg: string;
+        popupMenuItemBgActiveHover: string;
+        primary: "#00a3ff";
+        primaryHover: "#009bf2";
+        primaryContrast: "#fff";
+        primaryVisited: "#4bbeff";
+        accent: "#27272e";
+        accentContrast: "#fff";
+        accentContrastSecondary: "rgba(255, 255, 255, 0.6)";
+        accentDarken: "rgba(0, 0, 0, .2)";
+        error: "#e14d4d";
+        errorHover: "#d44c4d";
+        errorContrast: "#fff";
+        warning: "#EC8600";
+        warningHover: "#f0a431";
+        warningContrast: "#fff";
+        warningBackground: "#FFFAE0";
+        textDark: "#273852";
+        success: "#53BA95";
+        successHover: "#4ba886";
+        successContrast: "#fff";
+    };
+    boxShadows: {
+        readonly xs: "0px 4px 8px 0px";
+        readonly sm: "0px 4px 12px 0px";
+        readonly md: "0px 4px 16px 0px";
+        readonly lg: "0px 8px 24px 0px";
+        readonly xl: "0px 8px 32px 0px";
+        readonly xxl: "0px 8px 44px 0px";
+    };
+    borderRadiuses: readonly [4, 6, 8, 10, 12];
+    borderRadiusesMap: {
+        readonly xs: 4;
+        readonly sm: 6;
+        readonly md: 8;
+        readonly lg: 10;
+        readonly xl: 20;
+    };
+    fontSizes: readonly [10, 12, 14, 16, 18, 20, 26, 32, 40, 50];
+    fontSizesMap: {
+        readonly xxxs: 10;
+        readonly xxs: 12;
+        readonly xs: 14;
+        readonly sm: 16;
+        readonly md: 18;
+        readonly lg: 20;
+        readonly xl: 26;
+        readonly xxl: 32;
+        readonly xxxl: 40;
+        readonly xxxxl: 50;
+    };
+    duration: {
+        readonly fast: "100ms";
+        readonly med: "150ms";
+        readonly norm: "200ms";
+    };
+    ease: {
+        readonly inSine: "cubic-bezier(0.47, 0, 0.745, 0.715)";
+        readonly outSine: "cubic-bezier(0.39, 0.575, 0.565, 1)";
+        readonly inOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)";
+        readonly inQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)";
+        readonly outQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
+        readonly inOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)";
+        readonly inCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
+        readonly outCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)";
+        readonly inOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)";
+        readonly inQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)";
+        readonly outQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)";
+        readonly inOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)";
+        readonly inQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
+        readonly outQuint: "cubic-bezier(0.23, 1, 0.32, 1)";
+        readonly inOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)";
+        readonly inExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)";
+        readonly outExpo: "cubic-bezier(0.19, 1, 0.22, 1)";
+        readonly inOutExpo: "cubic-bezier(1, 0, 0, 1)";
+        readonly inCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)";
+        readonly outCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)";
+        readonly inOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)";
+        readonly inBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
+        readonly outBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
+        readonly inOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
+    };
+    breakpoints: `${number}px`[];
+    breakpointsMap: {
+        sm: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+        md: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+        lg: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+        xl: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+    };
+    mediaQueries: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    space: readonly [4, 8, 16, 24, 32];
+    spaceMap: {
+        readonly xs: 4;
+        readonly sm: 8;
+        readonly md: 16;
+        readonly lg: 20;
+        readonly xl: 24;
+        readonly xxl: 32;
+    };
+}, ThemeName>;
+export declare const themeDefault: {
+    name: ThemeName;
+    colors: {
+        darkThemeOpacity: string;
+        lightThemeOpacity: string;
+        lightModeVisibility: string;
+        darkModeVisibility: string;
+        lightDisplay: string;
+        darkDisplay: string;
+        secondary: string;
+        secondaryHover: string;
+        secondaryContrast: string;
+        background: string;
+        backgroundDarken: string;
+        backgroundSecondary: string;
+        backgroundBadge: string;
+        backgroundGradient: string;
+        foreground: string;
+        overlay: string;
+        shadowLight: string;
+        shadowDark: string;
+        text: string;
+        textSecondary: string;
+        accentText: string;
+        border: string;
+        borderActive: string;
+        borderHover: string;
+        borderLight: string;
+        accentBorder: string;
+        accentBorderHover: string;
+        borderSubtle: string;
+        controlBg: string;
+        accentControlBg: string;
+        popupMenuItemBgActiveHover: string;
+        primary: "#00a3ff";
+        primaryHover: "#009bf2";
+        primaryContrast: "#fff";
+        primaryVisited: "#4bbeff";
+        accent: "#27272e";
+        accentContrast: "#fff";
+        accentContrastSecondary: "rgba(255, 255, 255, 0.6)";
+        accentDarken: "rgba(0, 0, 0, .2)";
+        error: "#e14d4d";
+        errorHover: "#d44c4d";
+        errorContrast: "#fff";
+        warning: "#EC8600";
+        warningHover: "#f0a431";
+        warningContrast: "#fff";
+        warningBackground: "#FFFAE0";
+        textDark: "#273852";
+        success: "#53BA95";
+        successHover: "#4ba886";
+        successContrast: "#fff";
+    };
+    boxShadows: {
+        readonly xs: "0px 4px 8px 0px";
+        readonly sm: "0px 4px 12px 0px";
+        readonly md: "0px 4px 16px 0px";
+        readonly lg: "0px 8px 24px 0px";
+        readonly xl: "0px 8px 32px 0px";
+        readonly xxl: "0px 8px 44px 0px";
+    };
+    borderRadiuses: readonly [4, 6, 8, 10, 12];
+    borderRadiusesMap: {
+        readonly xs: 4;
+        readonly sm: 6;
+        readonly md: 8;
+        readonly lg: 10;
+        readonly xl: 20;
+    };
+    fontSizes: readonly [10, 12, 14, 16, 18, 20, 26, 32, 40, 50];
+    fontSizesMap: {
+        readonly xxxs: 10;
+        readonly xxs: 12;
+        readonly xs: 14;
+        readonly sm: 16;
+        readonly md: 18;
+        readonly lg: 20;
+        readonly xl: 26;
+        readonly xxl: 32;
+        readonly xxxl: 40;
+        readonly xxxxl: 50;
+    };
+    duration: {
+        readonly fast: "100ms";
+        readonly med: "150ms";
+        readonly norm: "200ms";
+    };
+    ease: {
+        readonly inSine: "cubic-bezier(0.47, 0, 0.745, 0.715)";
+        readonly outSine: "cubic-bezier(0.39, 0.575, 0.565, 1)";
+        readonly inOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)";
+        readonly inQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)";
+        readonly outQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
+        readonly inOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)";
+        readonly inCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
+        readonly outCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)";
+        readonly inOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)";
+        readonly inQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)";
+        readonly outQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)";
+        readonly inOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)";
+        readonly inQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
+        readonly outQuint: "cubic-bezier(0.23, 1, 0.32, 1)";
+        readonly inOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)";
+        readonly inExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)";
+        readonly outExpo: "cubic-bezier(0.19, 1, 0.22, 1)";
+        readonly inOutExpo: "cubic-bezier(1, 0, 0, 1)";
+        readonly inCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)";
+        readonly outCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)";
+        readonly inOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)";
+        readonly inBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
+        readonly outBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
+        readonly inOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
+    };
+    breakpoints: `${number}px`[];
+    breakpointsMap: {
+        sm: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+        md: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+        lg: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+        xl: {
+            width: `${number}px`;
+            height: `${number}px`;
+        };
+    };
+    mediaQueries: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    space: readonly [4, 8, 16, 24, 32];
+    spaceMap: {
+        readonly xs: 4;
+        readonly sm: 8;
+        readonly md: 16;
+        readonly lg: 20;
+        readonly xl: 24;
+        readonly xxl: 32;
+    };
+};
+//# sourceMappingURL=themes.d.ts.map