@codecademy/gamut-styles 12.1.1 → 12.1.2-alpha.a809e8.0

package/dist/themes/admin.js

@@ -1,11 +0,0 @@
-import { createTheme } from '@codecademy/variance';
-import { coreTheme } from './core';
-export var adminTheme = createTheme(coreTheme).addColorModes('light', {
-  light: {
-    primary: {
-      _: 'blue-500',
-      hover: 'blue-400'
-    }
-  },
-  dark: {}
-}).build();

package/dist/themes/admin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin.js","sourceRoot":"","sources":["../../src/themes/admin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC,SAAS,CAAC;KAC7C,aAAa,CAAC,OAAO,EAAE;IACtB,KAAK,EAAE;QACL,OAAO,EAAE;YACP,CAAC,EAAE,UAAU;YACb,KAAK,EAAE,UAAU;SAClB;KACF;IACD,IAAI,EAAE,EAAE;CACT,CAAC;KACD,KAAK,EAAE,CAAC"}

package/dist/themes/core.d.ts

@@ -1,416 +0,0 @@
-/**
- *  @description  This is the core theme that all other Codecademy themes are extended from
- * and is the only theme that gamut components are typed to. This ensures that gamut components
- * are guaranteed to be interoperable between all contexts, but with differing behaviors.
- */
-export declare const coreTheme: 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", {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-}> & import("@codecademy/variance/dist/createTheme/types").Merge<{
-    breakpoints: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: 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 title: 1.1;
-    };
-    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 "shadow-black-slight": string;
-    readonly "shadow-black-heavy": string;
-    readonly "shadow-white-slight": string;
-    readonly "shadow-white-heavy": string;
-    readonly "beige-100": "#FFF0E5";
-    readonly "blue-0": "#F5FCFF";
-    readonly "blue-300": "#66C4FF";
-    readonly "blue-400": "#3388FF";
-    readonly "blue-500": "#1557FF";
-    readonly "blue-800": "#1D2340";
-    readonly "navy-100": "#F3F3F5";
-    readonly "navy-300": "#C3C5CB";
-    readonly "navy-400": "#9FA2AC";
-    readonly "navy-500": "#707382";
-    readonly "navy-800": "#10162F";
-    readonly "navy-200": "#DBDCE0";
-    readonly "navy-600": "#585C6D";
-    readonly "navy-700": "#34394C";
-    readonly "navy-900": "#0A0D1C";
-    readonly "green-0": "#F5FFE3";
-    readonly "green-400": "#AEE938";
-    readonly "green-700": "#008A27";
-    readonly "yellow-0": "#FFFAE5";
-    readonly "yellow-400": "#CCA900";
-    readonly "yellow-500": "#FFD300";
-    readonly "pink-0": "#FFF5FF";
-    readonly "pink-400": "#F966FF";
-    readonly "red-100": "#DC5879";
-    readonly "red-0": "#E85D7F";
-    readonly "red-500": "#E91C11";
-    readonly "red-600": "#BE1809";
-    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";
-}, "-", "">, "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";
-        };
-        feedback: {
-            error: "red-600";
-            success: "green-700";
-            warning: "yellow";
-        };
-        background: {
-            _: "white";
-            current: "white";
-            primary: "beige";
-            selected: "navy-100";
-            disabled: "navy-200";
-            hover: "navy-200";
-        };
-        shadow: {
-            opaque: "shadow-white-heavy";
-            solid: "gray-200";
-        };
-        primary: {
-            _: "hyper-500";
-            hover: "hyper-400";
-        };
-        secondary: {
-            _: "navy-800";
-            hover: "navy-700";
-        };
-        danger: {
-            _: "red-500";
-            hover: "red-600";
-        };
-    } | {
-        text: {
-            _: "white";
-            accent: "beige";
-            disabled: "navy-200";
-        };
-        feedback: {
-            error: "red-0";
-            success: "green-0";
-            warning: "yellow";
-        };
-        background: {
-            _: "navy-800";
-            current: "navy-800";
-            primary: "navy-900";
-            selected: "navy-700";
-            disabled: "navy-500";
-            hover: "navy-900";
-        };
-        shadow: {
-            opaque: "shadow-black-heavy";
-            solid: "black";
-        };
-        primary: {
-            _: "yellow-500";
-            hover: "yellow-400";
-        };
-        secondary: {
-            _: "white";
-            hover: "navy-200";
-        };
-        danger: {
-            _: "red-0";
-            hover: "red-100";
-        };
-    }, "-", "_">, "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 "shadow-black-slight": string;
-        readonly "shadow-black-heavy": string;
-        readonly "shadow-white-slight": string;
-        readonly "shadow-white-heavy": string;
-        readonly "beige-100": "#FFF0E5";
-        readonly "blue-0": "#F5FCFF";
-        readonly "blue-300": "#66C4FF";
-        readonly "blue-400": "#3388FF";
-        readonly "blue-500": "#1557FF";
-        readonly "blue-800": "#1D2340";
-        readonly "navy-100": "#F3F3F5";
-        readonly "navy-300": "#C3C5CB";
-        readonly "navy-400": "#9FA2AC";
-        readonly "navy-500": "#707382";
-        readonly "navy-800": "#10162F";
-        readonly "navy-200": "#DBDCE0";
-        readonly "navy-600": "#585C6D";
-        readonly "navy-700": "#34394C";
-        readonly "navy-900": "#0A0D1C";
-        readonly "green-0": "#F5FFE3";
-        readonly "green-400": "#AEE938";
-        readonly "green-700": "#008A27";
-        readonly "yellow-0": "#FFFAE5";
-        readonly "yellow-400": "#CCA900";
-        readonly "yellow-500": "#FFD300";
-        readonly "pink-0": "#FFF5FF";
-        readonly "pink-400": "#F966FF";
-        readonly "red-100": "#DC5879";
-        readonly "red-0": "#E85D7F";
-        readonly "red-500": "#E91C11";
-        readonly "red-600": "#BE1809";
-        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";
-    }, "-", "">, "color">;
-    modes: import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
-        light: import("@codecademy/variance").LiteralPaths<{
-            text: {
-                _: "navy-800";
-                accent: "navy-900";
-                disabled: "navy-500";
-            };
-            feedback: {
-                error: "red-600";
-                success: "green-700";
-                warning: "yellow";
-            };
-            background: {
-                _: "white";
-                current: "white";
-                primary: "beige";
-                selected: "navy-100";
-                disabled: "navy-200";
-                hover: "navy-200";
-            };
-            shadow: {
-                opaque: "shadow-white-heavy";
-                solid: "gray-200";
-            };
-            primary: {
-                _: "hyper-500";
-                hover: "hyper-400";
-            };
-            secondary: {
-                _: "navy-800";
-                hover: "navy-700";
-            };
-            danger: {
-                _: "red-500";
-                hover: "red-600";
-            };
-        }, "-", "_">;
-        dark: import("@codecademy/variance").LiteralPaths<{
-            text: {
-                _: "white";
-                accent: "beige";
-                disabled: "navy-200";
-            };
-            feedback: {
-                error: "red-0";
-                success: "green-0";
-                warning: "yellow";
-            };
-            background: {
-                _: "navy-800";
-                current: "navy-800";
-                primary: "navy-900";
-                selected: "navy-700";
-                disabled: "navy-500";
-                hover: "navy-900";
-            };
-            shadow: {
-                opaque: "shadow-black-heavy";
-                solid: "black";
-            };
-            primary: {
-                _: "yellow-500";
-                hover: "yellow-400";
-            };
-            secondary: {
-                _: "white";
-                hover: "navy-200";
-            };
-            danger: {
-                _: "red-0";
-                hover: "red-100";
-            };
-        }, "-", "_">;
-    }>;
-    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 "shadow-black-slight": string;
-        readonly "shadow-black-heavy": string;
-        readonly "shadow-white-slight": string;
-        readonly "shadow-white-heavy": string;
-        readonly "beige-100": "#FFF0E5";
-        readonly "blue-0": "#F5FCFF";
-        readonly "blue-300": "#66C4FF";
-        readonly "blue-400": "#3388FF";
-        readonly "blue-500": "#1557FF";
-        readonly "blue-800": "#1D2340";
-        readonly "navy-100": "#F3F3F5";
-        readonly "navy-300": "#C3C5CB";
-        readonly "navy-400": "#9FA2AC";
-        readonly "navy-500": "#707382";
-        readonly "navy-800": "#10162F";
-        readonly "navy-200": "#DBDCE0";
-        readonly "navy-600": "#585C6D";
-        readonly "navy-700": "#34394C";
-        readonly "navy-900": "#0A0D1C";
-        readonly "green-0": "#F5FFE3";
-        readonly "green-400": "#AEE938";
-        readonly "green-700": "#008A27";
-        readonly "yellow-0": "#FFFAE5";
-        readonly "yellow-400": "#CCA900";
-        readonly "yellow-500": "#FFD300";
-        readonly "pink-0": "#FFF5FF";
-        readonly "pink-400": "#F966FF";
-        readonly "red-100": "#DC5879";
-        readonly "red-0": "#E85D7F";
-        readonly "red-500": "#E91C11";
-        readonly "red-600": "#BE1809";
-        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";
-    }, "-">) => string;
-}, Record<"breakpoints", {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-}>>, Record<"borders", import("@codecademy/variance").LiteralPaths<{
-    1: string;
-    2: string;
-}, "-", "">>, Record<"breakpoints", {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-}>>, import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
-export declare type CoreThemeShape = typeof coreTheme;
-export interface CoreTheme extends CoreThemeShape {
-}

package/dist/themes/core.js

@@ -1,96 +0,0 @@
-import { createTheme } from '@codecademy/variance';
-import { corePalette, elements, fontFamily, fontSize, fontWeight, lineHeight, mediaQueries, spacing } from '../variables';
-/**
- *  @description  This is the core theme that all other Codecademy themes are extended from
- * and is the only theme that gamut components are typed to. This ensures that gamut components
- * are guaranteed to be interoperable between all contexts, but with differing behaviors.
- */
-
-export var coreTheme = createTheme({
-  breakpoints: mediaQueries,
-  fontSize: fontSize,
-  fontFamily: fontFamily,
-  lineHeight: lineHeight,
-  fontWeight: fontWeight,
-  spacing: spacing,
-  elements: elements
-}).addColors(corePalette).addColorModes('light', {
-  light: {
-    text: {
-      _: 'navy-800',
-      accent: 'navy-900',
-      disabled: 'navy-500'
-    },
-    feedback: {
-      error: 'red-600',
-      success: 'green-700',
-      warning: 'yellow'
-    },
-    background: {
-      _: 'white',
-      current: 'white',
-      primary: 'beige',
-      selected: 'navy-100',
-      disabled: 'navy-200',
-      hover: 'navy-200'
-    },
-    shadow: {
-      opaque: 'shadow-white-heavy',
-      solid: 'gray-200'
-    },
-    primary: {
-      _: 'hyper-500',
-      hover: 'hyper-400'
-    },
-    secondary: {
-      _: 'navy-800',
-      hover: 'navy-700'
-    },
-    danger: {
-      _: 'red-500',
-      hover: 'red-600'
-    }
-  },
-  dark: {
-    text: {
-      _: 'white',
-      accent: 'beige',
-      disabled: 'navy-200'
-    },
-    feedback: {
-      error: 'red-0',
-      success: 'green-0',
-      warning: 'yellow'
-    },
-    background: {
-      _: 'navy-800',
-      current: 'navy-800',
-      primary: 'navy-900',
-      selected: 'navy-700',
-      disabled: 'navy-500',
-      hover: 'navy-900'
-    },
-    shadow: {
-      opaque: 'shadow-black-heavy',
-      solid: 'black'
-    },
-    primary: {
-      _: 'yellow-500',
-      hover: 'yellow-400'
-    },
-    secondary: {
-      _: 'white',
-      hover: 'navy-200'
-    },
-    danger: {
-      _: 'red-0',
-      hover: 'red-100'
-    }
-  }
-}).addScale('borders', function (_ref) {
-  var colors = _ref.colors;
-  return {
-    1: "1px solid ".concat(colors.secondary),
-    2: "2px solid ".concat(colors.secondary)
-  };
-}).createScaleVariables('elements').build();

package/dist/themes/core.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"core.js","sourceRoot":"","sources":["../../src/themes/core.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,OAAO,GACR,MAAM,cAAc,CAAC;AAEtB;;;;GAIG;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;IACnC,WAAW,EAAE,YAAY;IACzB,QAAQ;IACR,UAAU;IACV,UAAU;IACV,UAAU;IACV,OAAO;IACP,QAAQ;CACT,CAAC;KACC,SAAS,CAAC,WAAW,CAAC;KACtB,aAAa,CAAC,OAAO,EAAE;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE;QACjE,QAAQ,EAAE;YACR,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,WAAW;YACpB,OAAO,EAAE,QAAQ;SAClB;QACD,UAAU,EAAE;YACV,CAAC,EAAE,OAAO;YACV,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,UAAU;SAClB;QACD,OAAO,EAAE;YACP,CAAC,EAAE,WAAW;YACd,KAAK,EAAE,WAAW;SACnB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,UAAU;YACb,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,CAAC,EAAE,SAAS;YACZ,KAAK,EAAE,SAAS;SACjB;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC3D,QAAQ,EAAE;YACR,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,QAAQ;SAClB;QACD,UAAU,EAAE;YACV,CAAC,EAAE,UAAU;YACb,OAAO,EAAE,UAAU;YACnB,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,OAAO;SACf;QACD,OAAO,EAAE;YACP,CAAC,EAAE,YAAY;YACf,KAAK,EAAE,YAAY;SACpB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,OAAO;YACV,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,CAAC,EAAE,OAAO;YACV,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CAAC;KACD,QAAQ,CAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,aAAa,MAAM,CAAC,SAAS,EAAE;IAClC,CAAC,EAAE,aAAa,MAAM,CAAC,SAAS,EAAE;CACnC,CAAC,CAAC;KACF,oBAAoB,CAAC,UAAU,CAAC;KAChC,KAAK,EAAE,CAAC"}

package/dist/themes/index.d.ts

@@ -1,3 +0,0 @@
-export * from './core';
-export * from './platform';
-export * from './admin';

package/dist/themes/index.js

@@ -1,3 +0,0 @@
-export * from './core';
-export * from './platform';
-export * from './admin';

package/dist/themes/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}