@codecademy/gamut-styles 17.9.1-alpha.2ea313.0 → 17.9.1-alpha.3e8b72.0

package/dist/themes/platform.d.ts

@@ -1,1157 +0,0 @@
-/**
- * @description This is an extended theme for the learning environment with an expanded set of tokens
- * That are not needed for the rest of the application.
- */
-export declare const platformTheme: Record<"breakpoints", {
-    c_base: string;
-    c_xs: string;
-    c_sm: string;
-    c_md: string;
-    c_lg: string;
-    c_xl: string;
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-}> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"breakpoints", {
-    c_base: string;
-    c_xs: string;
-    c_sm: string;
-    c_md: string;
-    c_lg: string;
-    c_xl: string;
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-}> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"elements", Record<"elements", import("@codecademy/variance").KeyAsVariable<{
-    readonly headerHeight: {
-        readonly base: "4rem";
-        readonly md: "5rem";
-    };
-    readonly headerZ: 15;
-}, "elements">>> & import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").MergeTheme<import("@codecademy/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
-    c_base: string;
-    c_xs: string;
-    c_sm: string;
-    c_md: string;
-    c_lg: string;
-    c_xl: string;
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-}> & import("@codecademy/variance/dist/createTheme/types").Merge<{
-    breakpoints: {
-        c_base: string;
-        c_xs: string;
-        c_sm: string;
-        c_md: string;
-        c_lg: string;
-        c_xl: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    borderRadii: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        full: string;
-    };
-    fontSize: {
-        readonly 64: string;
-        readonly 44: string;
-        readonly 34: string;
-        readonly 26: string;
-        readonly 22: string;
-        readonly 20: string;
-        readonly 18: string;
-        readonly 16: string;
-        readonly 14: string;
-    };
-    fontFamily: {
-        readonly accent: "\"Suisse\", \"Apercu\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
-        readonly base: "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
-        readonly monospace: "Monaco, Menlo, \"Ubuntu Mono\", \"Droid Sans Mono\", Consolas,\nmonospace";
-        readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n\"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
-    };
-    lineHeight: {
-        readonly base: 1.5;
-        readonly spacedTitle: 1.3;
-        readonly title: 1.2;
-    };
-    fontWeight: {
-        readonly base: 400;
-        readonly title: 700;
-        readonly 700: 700;
-        readonly 400: 400;
-    };
-    spacing: {
-        readonly 0: 0;
-        readonly 4: string;
-        readonly 8: string;
-        readonly 12: string;
-        readonly 16: string;
-        readonly 24: string;
-        readonly 32: string;
-        readonly 40: string;
-        readonly 48: string;
-        readonly 64: string;
-        readonly 96: string;
-    };
-    elements: {
-        readonly headerHeight: {
-            readonly base: "4rem";
-            readonly md: "5rem";
-        };
-        readonly headerZ: 15;
-    };
-} & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
-    readonly beige: "#FFF0E5";
-    readonly blue: "#1557FF";
-    readonly green: "#008A27";
-    readonly hyper: "#3A10E5";
-    readonly lightBlue: "#66C4FF";
-    readonly lightGreen: "#AEE938";
-    readonly navy: "#10162F";
-    readonly orange: "#FF8C00";
-    readonly paleBlue: "#F5FCFF";
-    readonly paleGreen: "#F5FFE3";
-    readonly palePink: "#FFF5FF";
-    readonly paleYellow: "#FFFAE5";
-    readonly pink: "#F966FF";
-    readonly paleRed: "#DC5879";
-    readonly red: "#E91C11";
-    readonly yellow: "#FFD300";
-    readonly black: "#000000";
-    readonly white: "#ffffff";
-    readonly "beige-100": "#FFF0E5";
-    readonly "blue-0": "#F5FCFF";
-    readonly "blue-100": "#D3F2FF";
-    readonly "blue-300": "#66C4FF";
-    readonly "blue-400": "#3388FF";
-    readonly "blue-500": "#1557FF";
-    readonly "blue-800": "#1D2340";
-    readonly "navy-100": string;
-    readonly "navy-300": string;
-    readonly "navy-400": string;
-    readonly "navy-500": string;
-    readonly "navy-800": "#10162F";
-    readonly "navy-200": string;
-    readonly "navy-600": string;
-    readonly "navy-700": string;
-    readonly "navy-900": "#0A0D1C";
-    readonly "green-0": "#F5FFE3";
-    readonly "green-100": "#EAFDC6";
-    readonly "green-400": "#AEE938";
-    readonly "green-700": "#008A27";
-    readonly "green-900": "#151C07";
-    readonly "yellow-0": "#FFFAE5";
-    readonly "yellow-400": "#CCA900";
-    readonly "yellow-500": "#FFD300";
-    readonly "yellow-900": "#211B00";
-    readonly "pink-0": "#FFF5FF";
-    readonly "pink-400": "#F966FF";
-    readonly "red-0": "#FBF1F0";
-    readonly "red-300": "#E85D7F";
-    readonly "red-400": "#DC5879";
-    readonly "red-500": "#E91C11";
-    readonly "red-600": "#BE1809";
-    readonly "red-900": "#280503";
-    readonly "orange-100": "#FFE8CC";
-    readonly "orange-500": "#FF8C00";
-    readonly "hyper-400": "#5533FF";
-    readonly "hyper-500": "#3A10E5";
-    readonly "gray-100": "#F5F5F5";
-    readonly "gray-300": "#E0E0E0";
-    readonly "gray-800": "#616161";
-    readonly "gray-200": "#EEEEEE";
-    readonly "gray-600": "#9E9E9E";
-    readonly "gray-900": "#424242";
-    readonly "white-100": string;
-    readonly "white-300": string;
-    readonly "white-400": string;
-    readonly "white-500": string;
-    readonly "white-200": string;
-    readonly "white-600": string;
-    readonly "white-700": string;
-}, "-">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
-    colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
-        text: {
-            _: "navy-800";
-            accent: "navy-900";
-            disabled: "navy-500";
-            secondary: "navy-600";
-        };
-        feedback: {
-            error: "red-600";
-            success: "green-700";
-            warning: "yellow";
-        };
-        background: {
-            _: "white";
-            contrast: "white";
-            current: "white";
-            primary: "beige";
-            selected: "navy-100";
-            disabled: "navy-200";
-            hover: "navy-200";
-            success: "green-0";
-            warning: "yellow-0";
-            error: "red-0";
-        };
-        shadow: {
-            primary: "navy-800";
-            secondary: "navy-600";
-        };
-        primary: {
-            _: "hyper-500";
-            hover: "hyper-400";
-            inverse: "yellow-500";
-        };
-        secondary: {
-            _: "navy-800";
-            hover: "navy-700";
-        };
-        danger: {
-            _: "red-500";
-            hover: "red-600";
-        };
-        interface: {
-            _: "hyper-500";
-            hover: "hyper-400";
-        };
-        border: {
-            primary: "navy-800";
-            secondary: "navy-600";
-            tertiary: "navy-300";
-            disabled: "navy-500";
-        };
-    } | {
-        text: {
-            _: "white";
-            accent: "beige";
-            disabled: "white-500";
-            secondary: "white-600";
-        };
-        feedback: {
-            error: "red-300";
-            success: "green-400";
-            warning: "yellow-0";
-        };
-        background: {
-            _: "navy-800";
-            contrast: "black";
-            current: "navy-800";
-            primary: "navy-900";
-            selected: "white-100";
-            disabled: "white-200";
-            hover: "white-200";
-            success: "green-900";
-            warning: "yellow-900";
-            error: "red-900";
-        };
-        shadow: {
-            primary: "white";
-            secondary: "white-600";
-        };
-        primary: {
-            _: "yellow-500";
-            hover: "yellow-400";
-            inverse: "hyper-500";
-        };
-        secondary: {
-            _: "white";
-            hover: "white-700";
-        };
-        danger: {
-            _: "red-300";
-            hover: "red-400";
-        };
-        interface: {
-            _: "yellow-500";
-            hover: "yellow-400";
-        };
-        border: {
-            primary: "white";
-            secondary: "white-600";
-            tertiary: "white-300";
-            disabled: "white-500";
-        };
-    }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
-        readonly beige: "#FFF0E5";
-        readonly blue: "#1557FF";
-        readonly green: "#008A27";
-        readonly hyper: "#3A10E5";
-        readonly lightBlue: "#66C4FF";
-        readonly lightGreen: "#AEE938";
-        readonly navy: "#10162F";
-        readonly orange: "#FF8C00";
-        readonly paleBlue: "#F5FCFF";
-        readonly paleGreen: "#F5FFE3";
-        readonly palePink: "#FFF5FF";
-        readonly paleYellow: "#FFFAE5";
-        readonly pink: "#F966FF";
-        readonly paleRed: "#DC5879";
-        readonly red: "#E91C11";
-        readonly yellow: "#FFD300";
-        readonly black: "#000000";
-        readonly white: "#ffffff";
-        readonly "beige-100": "#FFF0E5";
-        readonly "blue-0": "#F5FCFF";
-        readonly "blue-100": "#D3F2FF";
-        readonly "blue-300": "#66C4FF";
-        readonly "blue-400": "#3388FF";
-        readonly "blue-500": "#1557FF";
-        readonly "blue-800": "#1D2340";
-        readonly "navy-100": string;
-        readonly "navy-300": string;
-        readonly "navy-400": string;
-        readonly "navy-500": string;
-        readonly "navy-800": "#10162F";
-        readonly "navy-200": string;
-        readonly "navy-600": string;
-        readonly "navy-700": string;
-        readonly "navy-900": "#0A0D1C";
-        readonly "green-0": "#F5FFE3";
-        readonly "green-100": "#EAFDC6";
-        readonly "green-400": "#AEE938";
-        readonly "green-700": "#008A27";
-        readonly "green-900": "#151C07";
-        readonly "yellow-0": "#FFFAE5";
-        readonly "yellow-400": "#CCA900";
-        readonly "yellow-500": "#FFD300";
-        readonly "yellow-900": "#211B00";
-        readonly "pink-0": "#FFF5FF";
-        readonly "pink-400": "#F966FF";
-        readonly "red-0": "#FBF1F0";
-        readonly "red-300": "#E85D7F";
-        readonly "red-400": "#DC5879";
-        readonly "red-500": "#E91C11";
-        readonly "red-600": "#BE1809";
-        readonly "red-900": "#280503";
-        readonly "orange-100": "#FFE8CC";
-        readonly "orange-500": "#FF8C00";
-        readonly "hyper-400": "#5533FF";
-        readonly "hyper-500": "#3A10E5";
-        readonly "gray-100": "#F5F5F5";
-        readonly "gray-300": "#E0E0E0";
-        readonly "gray-800": "#616161";
-        readonly "gray-200": "#EEEEEE";
-        readonly "gray-600": "#9E9E9E";
-        readonly "gray-900": "#424242";
-        readonly "white-100": string;
-        readonly "white-300": string;
-        readonly "white-400": string;
-        readonly "white-500": string;
-        readonly "white-200": string;
-        readonly "white-600": string;
-        readonly "white-700": string;
-    }, "-">, "color">;
-    modes: import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
-        light: import("@codecademy/variance").LiteralPaths<{
-            text: {
-                _: "navy-800";
-                accent: "navy-900";
-                disabled: "navy-500";
-                secondary: "navy-600";
-            };
-            feedback: {
-                error: "red-600";
-                success: "green-700";
-                warning: "yellow";
-            };
-            background: {
-                _: "white";
-                contrast: "white";
-                current: "white";
-                primary: "beige";
-                selected: "navy-100";
-                disabled: "navy-200";
-                hover: "navy-200";
-                success: "green-0";
-                warning: "yellow-0";
-                error: "red-0";
-            };
-            shadow: {
-                primary: "navy-800";
-                secondary: "navy-600";
-            };
-            primary: {
-                _: "hyper-500";
-                hover: "hyper-400";
-                inverse: "yellow-500";
-            };
-            secondary: {
-                _: "navy-800";
-                hover: "navy-700";
-            };
-            danger: {
-                _: "red-500";
-                hover: "red-600";
-            };
-            interface: {
-                _: "hyper-500";
-                hover: "hyper-400";
-            };
-            border: {
-                primary: "navy-800";
-                secondary: "navy-600";
-                tertiary: "navy-300";
-                disabled: "navy-500";
-            };
-        }, "-", "_">;
-        dark: import("@codecademy/variance").LiteralPaths<{
-            text: {
-                _: "white";
-                accent: "beige";
-                disabled: "white-500";
-                secondary: "white-600";
-            };
-            feedback: {
-                error: "red-300";
-                success: "green-400";
-                warning: "yellow-0";
-            };
-            background: {
-                _: "navy-800";
-                contrast: "black";
-                current: "navy-800";
-                primary: "navy-900";
-                selected: "white-100";
-                disabled: "white-200";
-                hover: "white-200";
-                success: "green-900";
-                warning: "yellow-900";
-                error: "red-900";
-            };
-            shadow: {
-                primary: "white";
-                secondary: "white-600";
-            };
-            primary: {
-                _: "yellow-500";
-                hover: "yellow-400";
-                inverse: "hyper-500";
-            };
-            secondary: {
-                _: "white";
-                hover: "white-700";
-            };
-            danger: {
-                _: "red-300";
-                hover: "red-400";
-            };
-            interface: {
-                _: "yellow-500";
-                hover: "yellow-400";
-            };
-            border: {
-                primary: "white";
-                secondary: "white-600";
-                tertiary: "white-300";
-                disabled: "white-500";
-            };
-        }, "-", "_">;
-    }>;
-    mode: "light" | "dark";
-    _getColorValue: (color: import("@codecademy/variance").Path<{
-        readonly beige: "#FFF0E5";
-        readonly blue: "#1557FF";
-        readonly green: "#008A27";
-        readonly hyper: "#3A10E5";
-        readonly lightBlue: "#66C4FF";
-        readonly lightGreen: "#AEE938";
-        readonly navy: "#10162F";
-        readonly orange: "#FF8C00";
-        readonly paleBlue: "#F5FCFF";
-        readonly paleGreen: "#F5FFE3";
-        readonly palePink: "#FFF5FF";
-        readonly paleYellow: "#FFFAE5";
-        readonly pink: "#F966FF";
-        readonly paleRed: "#DC5879";
-        readonly red: "#E91C11";
-        readonly yellow: "#FFD300";
-        readonly black: "#000000";
-        readonly white: "#ffffff";
-        readonly "beige-100": "#FFF0E5";
-        readonly "blue-0": "#F5FCFF";
-        readonly "blue-100": "#D3F2FF";
-        readonly "blue-300": "#66C4FF";
-        readonly "blue-400": "#3388FF";
-        readonly "blue-500": "#1557FF";
-        readonly "blue-800": "#1D2340";
-        readonly "navy-100": string;
-        readonly "navy-300": string;
-        readonly "navy-400": string;
-        readonly "navy-500": string;
-        readonly "navy-800": "#10162F";
-        readonly "navy-200": string;
-        readonly "navy-600": string;
-        readonly "navy-700": string;
-        readonly "navy-900": "#0A0D1C";
-        readonly "green-0": "#F5FFE3";
-        readonly "green-100": "#EAFDC6";
-        readonly "green-400": "#AEE938";
-        readonly "green-700": "#008A27";
-        readonly "green-900": "#151C07";
-        readonly "yellow-0": "#FFFAE5";
-        readonly "yellow-400": "#CCA900";
-        readonly "yellow-500": "#FFD300";
-        readonly "yellow-900": "#211B00";
-        readonly "pink-0": "#FFF5FF";
-        readonly "pink-400": "#F966FF";
-        readonly "red-0": "#FBF1F0";
-        readonly "red-300": "#E85D7F";
-        readonly "red-400": "#DC5879";
-        readonly "red-500": "#E91C11";
-        readonly "red-600": "#BE1809";
-        readonly "red-900": "#280503";
-        readonly "orange-100": "#FFE8CC";
-        readonly "orange-500": "#FF8C00";
-        readonly "hyper-400": "#5533FF";
-        readonly "hyper-500": "#3A10E5";
-        readonly "gray-100": "#F5F5F5";
-        readonly "gray-300": "#E0E0E0";
-        readonly "gray-800": "#616161";
-        readonly "gray-200": "#EEEEEE";
-        readonly "gray-600": "#9E9E9E";
-        readonly "gray-900": "#424242";
-        readonly "white-100": string;
-        readonly "white-300": string;
-        readonly "white-400": string;
-        readonly "white-500": string;
-        readonly "white-200": string;
-        readonly "white-600": string;
-        readonly "white-700": string;
-    }, "-">) => string;
-}>, Record<"borders", import("@codecademy/variance").LiteralPaths<{
-    1: string;
-    2: string;
-}, "-">>>, import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
-    readonly lightBeige: "#FFFBF8";
-    readonly gold: "#8A7300";
-    readonly teal: "#006D82";
-    readonly purple: "#B3CCFF";
-    readonly 'comment-light': "#686C7B";
-    readonly 'comment-dark': "#84868D";
-    readonly 'indent-active-light': "#BCBDC4";
-    readonly 'indent-active-dark': "#3B3D49";
-    readonly 'indent-inactive-light': "#8E919D";
-    readonly 'indent-inactive-dark': "#5F616B";
-    readonly 'line-number-active-light': "#31374C";
-    readonly 'line-number-active-dark': "#CECFD2";
-    readonly 'line-number-inactive-light': "#686C7B";
-    readonly 'line-number-inactive-dark': "#84868D";
-    readonly "beige-0": "#FFFBF8";
-    readonly "pink-800": "#CA00D1";
-    readonly "orange-800": "#D14900";
-    readonly "gold-800": "#8A7300";
-    readonly "teal-500": "#006D82";
-    readonly "purple-300": "#B3CCFF";
-}, "-">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
-    colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
-        background: {
-            primary: "blue-0";
-        };
-        editor: {
-            attribute: "green-700";
-            annotation: "red-500";
-            atom: "pink-800";
-            basic: "navy-800";
-            comment: "comment-light";
-            constant: "orange-800";
-            decoration: "red-500";
-            invalid: "red-500";
-            key: "teal-500";
-            keyword: "blue-500";
-            number: "red-500";
-            operator: "red-500";
-            predefined: "navy-800";
-            property: "red-500";
-            regexp: "green-700";
-            string: "gold-800";
-            tag: "red-500";
-            text: "orange-800";
-            value: "gold-800";
-            variable: "green-700";
-            ui: {
-                background: "white";
-                text: "navy-800";
-                'indent-active': "indent-active-light";
-                'indent-inactive': "indent-inactive-light";
-                'line-number-active': "line-number-active-light";
-                'line-number-inactive': "line-number-inactive-light";
-            };
-        };
-    } | {
-        editor: {
-            attribute: "green-400";
-            annotation: "red-300";
-            atom: "pink-400";
-            basic: "white";
-            comment: "comment-dark";
-            constant: "orange-500";
-            decoration: "red-300";
-            invalid: "red-300";
-            key: "blue-300";
-            keyword: "purple-300";
-            number: "red-300";
-            operator: "red-300";
-            predefined: "white";
-            property: "red-300";
-            regexp: "green-400";
-            string: "yellow-500";
-            tag: "red-300";
-            text: "orange-500";
-            value: "yellow-500";
-            variable: "green-400";
-            ui: {
-                background: "navy-900";
-                text: "white";
-                'indent-active': "indent-active-dark";
-                'indent-inactive': "indent-inactive-dark";
-                'line-number-active': "line-number-active-dark";
-                'line-number-inactive': "line-number-inactive-dark";
-            };
-        };
-    }, "-", "_">, "colors"> & import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
-        readonly beige: "#FFF0E5";
-        readonly blue: "#1557FF";
-        readonly green: "#008A27";
-        readonly hyper: "#3A10E5";
-        readonly lightBlue: "#66C4FF";
-        readonly lightGreen: "#AEE938";
-        readonly navy: "#10162F";
-        readonly orange: "#FF8C00";
-        readonly paleBlue: "#F5FCFF";
-        readonly paleGreen: "#F5FFE3";
-        readonly palePink: "#FFF5FF";
-        readonly paleYellow: "#FFFAE5";
-        readonly pink: "#F966FF";
-        readonly paleRed: "#DC5879";
-        readonly red: "#E91C11";
-        readonly yellow: "#FFD300";
-        readonly black: "#000000";
-        readonly white: "#ffffff";
-        readonly "beige-100": "#FFF0E5";
-        readonly "blue-0": "#F5FCFF";
-        readonly "blue-100": "#D3F2FF";
-        readonly "blue-300": "#66C4FF";
-        readonly "blue-400": "#3388FF";
-        readonly "blue-500": "#1557FF";
-        readonly "blue-800": "#1D2340";
-        readonly "navy-100": string;
-        readonly "navy-300": string;
-        readonly "navy-400": string;
-        readonly "navy-500": string;
-        readonly "navy-800": "#10162F";
-        readonly "navy-200": string;
-        readonly "navy-600": string;
-        readonly "navy-700": string;
-        readonly "navy-900": "#0A0D1C";
-        readonly "green-0": "#F5FFE3";
-        readonly "green-100": "#EAFDC6";
-        readonly "green-400": "#AEE938";
-        readonly "green-700": "#008A27";
-        readonly "green-900": "#151C07";
-        readonly "yellow-0": "#FFFAE5";
-        readonly "yellow-400": "#CCA900";
-        readonly "yellow-500": "#FFD300";
-        readonly "yellow-900": "#211B00";
-        readonly "pink-0": "#FFF5FF";
-        readonly "pink-400": "#F966FF";
-        readonly "red-0": "#FBF1F0";
-        readonly "red-300": "#E85D7F";
-        readonly "red-400": "#DC5879";
-        readonly "red-500": "#E91C11";
-        readonly "red-600": "#BE1809";
-        readonly "red-900": "#280503";
-        readonly "orange-100": "#FFE8CC";
-        readonly "orange-500": "#FF8C00";
-        readonly "hyper-400": "#5533FF";
-        readonly "hyper-500": "#3A10E5";
-        readonly "gray-100": "#F5F5F5";
-        readonly "gray-300": "#E0E0E0";
-        readonly "gray-800": "#616161";
-        readonly "gray-200": "#EEEEEE";
-        readonly "gray-600": "#9E9E9E";
-        readonly "gray-900": "#424242";
-        readonly "white-100": string;
-        readonly "white-300": string;
-        readonly "white-400": string;
-        readonly "white-500": string;
-        readonly "white-200": string;
-        readonly "white-600": string;
-        readonly "white-700": string;
-    }, "-">, "color">, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
-        text: {
-            _: "navy-800";
-            accent: "navy-900";
-            disabled: "navy-500";
-            secondary: "navy-600";
-        };
-        feedback: {
-            error: "red-600";
-            success: "green-700";
-            warning: "yellow";
-        };
-        background: {
-            _: "white";
-            contrast: "white";
-            current: "white";
-            primary: "beige";
-            selected: "navy-100";
-            disabled: "navy-200";
-            hover: "navy-200";
-            success: "green-0";
-            warning: "yellow-0";
-            error: "red-0";
-        };
-        shadow: {
-            primary: "navy-800";
-            secondary: "navy-600";
-        };
-        primary: {
-            _: "hyper-500";
-            hover: "hyper-400";
-            inverse: "yellow-500";
-        };
-        secondary: {
-            _: "navy-800";
-            hover: "navy-700";
-        };
-        danger: {
-            _: "red-500";
-            hover: "red-600";
-        };
-        interface: {
-            _: "hyper-500";
-            hover: "hyper-400";
-        };
-        border: {
-            primary: "navy-800";
-            secondary: "navy-600";
-            tertiary: "navy-300";
-            disabled: "navy-500";
-        };
-    } | {
-        text: {
-            _: "white";
-            accent: "beige";
-            disabled: "white-500";
-            secondary: "white-600";
-        };
-        feedback: {
-            error: "red-300";
-            success: "green-400";
-            warning: "yellow-0";
-        };
-        background: {
-            _: "navy-800";
-            contrast: "black";
-            current: "navy-800";
-            primary: "navy-900";
-            selected: "white-100";
-            disabled: "white-200";
-            hover: "white-200";
-            success: "green-900";
-            warning: "yellow-900";
-            error: "red-900";
-        };
-        shadow: {
-            primary: "white";
-            secondary: "white-600";
-        };
-        primary: {
-            _: "yellow-500";
-            hover: "yellow-400";
-            inverse: "hyper-500";
-        };
-        secondary: {
-            _: "white";
-            hover: "white-700";
-        };
-        danger: {
-            _: "red-300";
-            hover: "red-400";
-        };
-        interface: {
-            _: "yellow-500";
-            hover: "yellow-400";
-        };
-        border: {
-            primary: "white";
-            secondary: "white-600";
-            tertiary: "white-300";
-            disabled: "white-500";
-        };
-    }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
-        readonly beige: "#FFF0E5";
-        readonly blue: "#1557FF";
-        readonly green: "#008A27";
-        readonly hyper: "#3A10E5";
-        readonly lightBlue: "#66C4FF";
-        readonly lightGreen: "#AEE938";
-        readonly navy: "#10162F";
-        readonly orange: "#FF8C00";
-        readonly paleBlue: "#F5FCFF";
-        readonly paleGreen: "#F5FFE3";
-        readonly palePink: "#FFF5FF";
-        readonly paleYellow: "#FFFAE5";
-        readonly pink: "#F966FF";
-        readonly paleRed: "#DC5879";
-        readonly red: "#E91C11";
-        readonly yellow: "#FFD300";
-        readonly black: "#000000";
-        readonly white: "#ffffff";
-        readonly "beige-100": "#FFF0E5";
-        readonly "blue-0": "#F5FCFF";
-        readonly "blue-100": "#D3F2FF";
-        readonly "blue-300": "#66C4FF";
-        readonly "blue-400": "#3388FF";
-        readonly "blue-500": "#1557FF";
-        readonly "blue-800": "#1D2340";
-        readonly "navy-100": string;
-        readonly "navy-300": string;
-        readonly "navy-400": string;
-        readonly "navy-500": string;
-        readonly "navy-800": "#10162F";
-        readonly "navy-200": string;
-        readonly "navy-600": string;
-        readonly "navy-700": string;
-        readonly "navy-900": "#0A0D1C";
-        readonly "green-0": "#F5FFE3";
-        readonly "green-100": "#EAFDC6";
-        readonly "green-400": "#AEE938";
-        readonly "green-700": "#008A27";
-        readonly "green-900": "#151C07";
-        readonly "yellow-0": "#FFFAE5";
-        readonly "yellow-400": "#CCA900";
-        readonly "yellow-500": "#FFD300";
-        readonly "yellow-900": "#211B00";
-        readonly "pink-0": "#FFF5FF";
-        readonly "pink-400": "#F966FF";
-        readonly "red-0": "#FBF1F0";
-        readonly "red-300": "#E85D7F";
-        readonly "red-400": "#DC5879";
-        readonly "red-500": "#E91C11";
-        readonly "red-600": "#BE1809";
-        readonly "red-900": "#280503";
-        readonly "orange-100": "#FFE8CC";
-        readonly "orange-500": "#FF8C00";
-        readonly "hyper-400": "#5533FF";
-        readonly "hyper-500": "#3A10E5";
-        readonly "gray-100": "#F5F5F5";
-        readonly "gray-300": "#E0E0E0";
-        readonly "gray-800": "#616161";
-        readonly "gray-200": "#EEEEEE";
-        readonly "gray-600": "#9E9E9E";
-        readonly "gray-900": "#424242";
-        readonly "white-100": string;
-        readonly "white-300": string;
-        readonly "white-400": string;
-        readonly "white-500": string;
-        readonly "white-200": string;
-        readonly "white-600": string;
-        readonly "white-700": string;
-    }, "-">, "color">>, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
-        readonly lightBeige: "#FFFBF8";
-        readonly gold: "#8A7300";
-        readonly teal: "#006D82";
-        readonly purple: "#B3CCFF";
-        readonly 'comment-light': "#686C7B";
-        readonly 'comment-dark': "#84868D";
-        readonly 'indent-active-light': "#BCBDC4";
-        readonly 'indent-active-dark': "#3B3D49";
-        readonly 'indent-inactive-light': "#8E919D";
-        readonly 'indent-inactive-dark': "#5F616B";
-        readonly 'line-number-active-light': "#31374C";
-        readonly 'line-number-active-dark': "#CECFD2";
-        readonly 'line-number-inactive-light': "#686C7B";
-        readonly 'line-number-inactive-dark': "#84868D";
-        readonly "beige-0": "#FFFBF8";
-        readonly "pink-800": "#CA00D1";
-        readonly "orange-800": "#D14900";
-        readonly "gold-800": "#8A7300";
-        readonly "teal-500": "#006D82";
-        readonly "purple-300": "#B3CCFF";
-    }, "-">, "color">>;
-    modes: import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
-        light: import("@codecademy/variance").LiteralPaths<{
-            text: {
-                _: "navy-800";
-                accent: "navy-900";
-                disabled: "navy-500";
-                secondary: "navy-600";
-            };
-            feedback: {
-                error: "red-600";
-                success: "green-700";
-                warning: "yellow";
-            };
-            background: {
-                _: "white";
-                contrast: "white";
-                current: "white";
-                primary: "beige";
-                selected: "navy-100";
-                disabled: "navy-200";
-                hover: "navy-200";
-                success: "green-0";
-                warning: "yellow-0";
-                error: "red-0";
-            };
-            shadow: {
-                primary: "navy-800";
-                secondary: "navy-600";
-            };
-            primary: {
-                _: "hyper-500";
-                hover: "hyper-400";
-                inverse: "yellow-500";
-            };
-            secondary: {
-                _: "navy-800";
-                hover: "navy-700";
-            };
-            danger: {
-                _: "red-500";
-                hover: "red-600";
-            };
-            interface: {
-                _: "hyper-500";
-                hover: "hyper-400";
-            };
-            border: {
-                primary: "navy-800";
-                secondary: "navy-600";
-                tertiary: "navy-300";
-                disabled: "navy-500";
-            };
-        }, "-", "_">;
-        dark: import("@codecademy/variance").LiteralPaths<{
-            text: {
-                _: "white";
-                accent: "beige";
-                disabled: "white-500";
-                secondary: "white-600";
-            };
-            feedback: {
-                error: "red-300";
-                success: "green-400";
-                warning: "yellow-0";
-            };
-            background: {
-                _: "navy-800";
-                contrast: "black";
-                current: "navy-800";
-                primary: "navy-900";
-                selected: "white-100";
-                disabled: "white-200";
-                hover: "white-200";
-                success: "green-900";
-                warning: "yellow-900";
-                error: "red-900";
-            };
-            shadow: {
-                primary: "white";
-                secondary: "white-600";
-            };
-            primary: {
-                _: "yellow-500";
-                hover: "yellow-400";
-                inverse: "hyper-500";
-            };
-            secondary: {
-                _: "white";
-                hover: "white-700";
-            };
-            danger: {
-                _: "red-300";
-                hover: "red-400";
-            };
-            interface: {
-                _: "yellow-500";
-                hover: "yellow-400";
-            };
-            border: {
-                primary: "white";
-                secondary: "white-600";
-                tertiary: "white-300";
-                disabled: "white-500";
-            };
-        }, "-", "_">;
-    }>, {
-        light: import("@codecademy/variance").LiteralPaths<{
-            background: {
-                primary: "blue-0";
-            };
-            editor: {
-                attribute: "green-700";
-                annotation: "red-500";
-                atom: "pink-800";
-                basic: "navy-800";
-                comment: "comment-light";
-                constant: "orange-800";
-                decoration: "red-500";
-                invalid: "red-500";
-                key: "teal-500";
-                keyword: "blue-500";
-                number: "red-500";
-                operator: "red-500";
-                predefined: "navy-800";
-                property: "red-500";
-                regexp: "green-700";
-                string: "gold-800";
-                tag: "red-500";
-                text: "orange-800";
-                value: "gold-800";
-                variable: "green-700";
-                ui: {
-                    background: "white";
-                    text: "navy-800";
-                    'indent-active': "indent-active-light";
-                    'indent-inactive': "indent-inactive-light";
-                    'line-number-active': "line-number-active-light";
-                    'line-number-inactive': "line-number-inactive-light";
-                };
-            };
-        }, "-", "_">;
-        dark: import("@codecademy/variance").LiteralPaths<{
-            editor: {
-                attribute: "green-400";
-                annotation: "red-300";
-                atom: "pink-400";
-                basic: "white";
-                comment: "comment-dark";
-                constant: "orange-500";
-                decoration: "red-300";
-                invalid: "red-300";
-                key: "blue-300";
-                keyword: "purple-300";
-                number: "red-300";
-                operator: "red-300";
-                predefined: "white";
-                property: "red-300";
-                regexp: "green-400";
-                string: "yellow-500";
-                tag: "red-300";
-                text: "orange-500";
-                value: "yellow-500";
-                variable: "green-400";
-                ui: {
-                    background: "navy-900";
-                    text: "white";
-                    'indent-active': "indent-active-dark";
-                    'indent-inactive': "indent-inactive-dark";
-                    'line-number-active': "line-number-active-dark";
-                    'line-number-inactive': "line-number-inactive-dark";
-                };
-            };
-        }, "-", "_">;
-    }>;
-    mode: "light" | "dark";
-    _getColorValue: (color: import("@codecademy/variance").Path<{
-        readonly beige: "#FFF0E5";
-        readonly blue: "#1557FF";
-        readonly green: "#008A27";
-        readonly hyper: "#3A10E5";
-        readonly lightBlue: "#66C4FF";
-        readonly lightGreen: "#AEE938";
-        readonly navy: "#10162F";
-        readonly orange: "#FF8C00";
-        readonly paleBlue: "#F5FCFF";
-        readonly paleGreen: "#F5FFE3";
-        readonly palePink: "#FFF5FF";
-        readonly paleYellow: "#FFFAE5";
-        readonly pink: "#F966FF";
-        readonly paleRed: "#DC5879";
-        readonly red: "#E91C11";
-        readonly yellow: "#FFD300";
-        readonly black: "#000000";
-        readonly white: "#ffffff";
-        readonly "beige-100": "#FFF0E5";
-        readonly "blue-0": "#F5FCFF";
-        readonly "blue-100": "#D3F2FF";
-        readonly "blue-300": "#66C4FF";
-        readonly "blue-400": "#3388FF";
-        readonly "blue-500": "#1557FF";
-        readonly "blue-800": "#1D2340";
-        readonly "navy-100": string;
-        readonly "navy-300": string;
-        readonly "navy-400": string;
-        readonly "navy-500": string;
-        readonly "navy-800": "#10162F";
-        readonly "navy-200": string;
-        readonly "navy-600": string;
-        readonly "navy-700": string;
-        readonly "navy-900": "#0A0D1C";
-        readonly "green-0": "#F5FFE3";
-        readonly "green-100": "#EAFDC6";
-        readonly "green-400": "#AEE938";
-        readonly "green-700": "#008A27";
-        readonly "green-900": "#151C07";
-        readonly "yellow-0": "#FFFAE5";
-        readonly "yellow-400": "#CCA900";
-        readonly "yellow-500": "#FFD300";
-        readonly "yellow-900": "#211B00";
-        readonly "pink-0": "#FFF5FF";
-        readonly "pink-400": "#F966FF";
-        readonly "red-0": "#FBF1F0";
-        readonly "red-300": "#E85D7F";
-        readonly "red-400": "#DC5879";
-        readonly "red-500": "#E91C11";
-        readonly "red-600": "#BE1809";
-        readonly "red-900": "#280503";
-        readonly "orange-100": "#FFE8CC";
-        readonly "orange-500": "#FF8C00";
-        readonly "hyper-400": "#5533FF";
-        readonly "hyper-500": "#3A10E5";
-        readonly "gray-100": "#F5F5F5";
-        readonly "gray-300": "#E0E0E0";
-        readonly "gray-800": "#616161";
-        readonly "gray-200": "#EEEEEE";
-        readonly "gray-600": "#9E9E9E";
-        readonly "gray-900": "#424242";
-        readonly "white-100": string;
-        readonly "white-300": string;
-        readonly "white-400": string;
-        readonly "white-500": string;
-        readonly "white-200": string;
-        readonly "white-600": string;
-        readonly "white-700": string;
-    }, "-"> | "text" | "secondary" | "background" | "primary" | "danger" | "interface" | "border-primary" | "text-disabled" | "text-accent" | "text-secondary" | "secondary-hover" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "shadow-secondary" | "shadow-primary" | "danger-hover" | "interface-hover" | "border-disabled" | "border-secondary" | "border-tertiary" | import("@codecademy/variance").Path<{
-        readonly lightBeige: "#FFFBF8";
-        readonly gold: "#8A7300";
-        readonly teal: "#006D82";
-        readonly purple: "#B3CCFF";
-        readonly 'comment-light': "#686C7B";
-        readonly 'comment-dark': "#84868D";
-        readonly 'indent-active-light': "#BCBDC4";
-        readonly 'indent-active-dark': "#3B3D49";
-        readonly 'indent-inactive-light': "#8E919D";
-        readonly 'indent-inactive-dark': "#5F616B";
-        readonly 'line-number-active-light': "#31374C";
-        readonly 'line-number-active-dark': "#CECFD2";
-        readonly 'line-number-inactive-light': "#686C7B";
-        readonly 'line-number-inactive-dark': "#84868D";
-        readonly "beige-0": "#FFFBF8";
-        readonly "pink-800": "#CA00D1";
-        readonly "orange-800": "#D14900";
-        readonly "gold-800": "#8A7300";
-        readonly "teal-500": "#006D82";
-        readonly "purple-300": "#B3CCFF";
-    }, "-">) => string;
-}> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
-export type PlatformThemeShape = typeof platformTheme;
-export interface PlatformTheme extends PlatformThemeShape {
-}