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

package/dist/variables/deprecated-colors.js

@@ -0,0 +1,151 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { flattenScale } from '@codecademy/variance';
+import { corePalette } from './colors';
+var black = corePalette.black,
+    white = corePalette.white;
+/**
+ * @deprecated
+ * Using these variables directly is no longer supported.
+ *
+ * Please use [`theme.colors`](https://gamut.codecademy.com/storybook/?path=/docs/foundations-theme--colors#standard-colors)
+ */
+
+export var interactiveColors = {
+  dark: corePalette.hyper,
+  light: corePalette.yellow
+};
+/**
+ * @deprecated
+ * Using these variables directly is no longer supported.
+ *
+ * Please use [`theme.colors`](https://gamut.codecademy.com/storybook/?path=/docs/foundations-theme--colors#standard-colors)
+ */
+
+export var editorColors = {
+  blue: '#83fff5',
+  deepPurple: '#cc7bc2',
+  gray: '#939598',
+  green: '#b4d353',
+  orange: '#ff8973',
+  purple: '#b3ccff',
+  red: '#e85d7f',
+  yellow: '#ffe083'
+};
+/**
+ * @deprecated
+ * Using these variables directly is no longer supported.
+ *
+ * Please use [`theme.colors`](https://gamut.codecademy.com/storybook/?path=/docs/foundations-theme--colors#standard-colors)
+ */
+
+export var platformColors = {
+  mint: {
+    '500': '#37c3be',
+    '600': '#2c9c98',
+    '700': '#217572'
+  },
+  purple: {
+    '200': '#c3c1d7',
+    '300': '#a5a1c2',
+    '400': '#8782ae',
+    '500': '#69639a',
+    '600': '#544f7b',
+    '700': '#3f3b5c',
+    '800': '#2a283e',
+    '900': '#15141f'
+  }
+};
+/**
+ * @deprecated
+ * Using these variables directly is no longer supported.
+ *
+ * Please use [`theme.colors`](https://gamut.codecademy.com/storybook/?path=/docs/foundations-theme--colors#standard-colors)
+ */
+
+export var swatches = {
+  beige: {
+    '0': '#FFF0E5'
+  },
+  blue: {
+    '0': '#F5FCFF',
+    '300': '#66C4FF',
+    '500': '#1557FF',
+    '800': '#1D2340',
+    '900': '#10162f'
+  },
+  green: {
+    '0': '#F5FFE3',
+    '400': '#AEE938',
+    '700': '#008A27'
+  },
+  yellow: {
+    '0': '#FFFAE5',
+    '400': '#CCA900',
+    '500': '#FFD300'
+  },
+  pink: {
+    '0': '#FFF5FF',
+    '400': '#F966FF'
+  },
+  red: {
+    '500': '#E91C11'
+  },
+  orange: {
+    '500': '#FF8C00'
+  },
+  hyper: {
+    '400': '#5533FF',
+    '500': '#3A10E5'
+  },
+  gray: {
+    '0': white,
+    '100': '#f6f5fa',
+    '200': '#dddce0',
+    '300': '#c4c3c7',
+    '400': '#a2a2a6',
+    '500': '#828285',
+    '600': '#646466',
+    '700': '#4b4b4d',
+    '800': '#323233',
+    '900': '#19191a'
+  }
+};
+/**
+ * @deprecated
+ * Using these variables directly is no longer supported.
+ *
+ * Please use [`theme.colors`](https://gamut.codecademy.com/storybook/?path=/docs/foundations-theme--colors#standard-colors)
+ */
+
+var trueColors = {
+  beige: swatches.beige[0],
+  blue: swatches.blue[500],
+  green: swatches.green[700],
+  hyper: swatches.hyper[500],
+  lightBlue: swatches.blue[300],
+  lightGreen: swatches.green[400],
+  navy: swatches.blue[900],
+  orange: swatches.orange[500],
+  paleBlue: swatches.blue[0],
+  paleGreen: swatches.green[0],
+  palePink: swatches.pink[0],
+  paleYellow: swatches.yellow[0],
+  pink: swatches.pink[400],
+  red: swatches.red[500],
+  yellow: swatches.yellow[500],
+  black: black,
+  white: white
+};
+/**
+ * @deprecated
+ * Using these variables directly is no longer supported.
+ *
+ * Please use [`theme.colors`](https://gamut.codecademy.com/storybook/?path=/docs/foundations-theme--colors#standard-colors)
+ */
+
+export var colors = _objectSpread(_objectSpread({}, flattenScale(swatches)), trueColors);

package/dist/variables/deprecated-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deprecated-colors.js","sourceRoot":"","sources":["../../src/variables/deprecated-colors.ts"],"names":[],"mappings":"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"}

package/dist/variables/elements.d.ts

@@ -0,0 +1,11 @@
+export declare const elements: {
+    readonly headerHeight: {
+        readonly base: "4rem";
+        readonly md: "5rem";
+    };
+    /**
+     * Semi-arbitrary z-index for global page headers.
+     * @remarks PLEASE talk to web platform before adding new z-index constants!
+     */
+    readonly headerZ: 15;
+};

package/dist/variables/elements.js

@@ -0,0 +1,12 @@
+export var elements = {
+  headerHeight: {
+    base: '4rem',
+    md: '5rem'
+  },
+
+  /**
+   * Semi-arbitrary z-index for global page headers.
+   * @remarks PLEASE talk to web platform before adding new z-index constants!
+   */
+  headerZ: 15
+};

package/dist/variables/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../src/variables/elements.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;IAE1C;;;OAGG;IACH,OAAO,EAAE,EAAE;CACH,CAAC"}

package/dist/variables/index.d.ts

@@ -0,0 +1,7 @@
+export * from './colors';
+export * from './responsive';
+export * from './spacing';
+export * from './typography';
+export * from './timing';
+export * from './elements';
+export * from './deprecated-colors';

package/dist/variables/index.js

@@ -0,0 +1,8 @@
+export * from './colors';
+export * from './responsive';
+export * from './spacing';
+export * from './typography';
+export * from './timing';
+export * from './elements'; // Deprecated variables
+
+export * from './deprecated-colors';

package/dist/variables/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/variables/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,uBAAuB;AACvB,cAAc,qBAAqB,CAAC"}

package/dist/variables/responsive.d.ts

@@ -0,0 +1,19 @@
+export declare const breakpoints: {
+    readonly xs: "480px";
+    readonly sm: "768px";
+    readonly md: "1024px";
+    readonly lg: "1200px";
+    readonly xl: "1440px";
+};
+export declare type MediaSize = keyof typeof breakpoints;
+export declare const mediaQueries: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export declare const contentWidths: {
+    md: "1200px";
+    max: "1440px";
+};

package/dist/variables/responsive.js

@@ -0,0 +1,23 @@
+export var breakpoints = {
+  xs: '480px',
+  sm: '768px',
+  md: '1024px',
+  lg: '1200px',
+  xl: '1440px'
+};
+
+var createMediaQuery = function createMediaQuery(size, direction) {
+  return "@media only screen and (".concat(direction, "-width: ").concat(breakpoints[size], ")");
+};
+
+export var mediaQueries = {
+  xs: createMediaQuery('xs', 'min'),
+  sm: createMediaQuery('sm', 'min'),
+  md: createMediaQuery('md', 'min'),
+  lg: createMediaQuery('lg', 'min'),
+  xl: createMediaQuery('xl', 'min')
+};
+export var contentWidths = {
+  md: breakpoints.lg,
+  max: breakpoints.xl
+};

package/dist/variables/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.js","sourceRoot":"","sources":["../../src/variables/responsive.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;CACJ,CAAC;AAIX,MAAM,gBAAgB,GAAG,CAAC,IAAe,EAAE,SAAwB,EAAE,EAAE,CACrE,2BAA2B,SAAS,WAAW,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;AAEtE,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;IACjC,EAAE,EAAE,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;IACjC,EAAE,EAAE,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;IACjC,EAAE,EAAE,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;IACjC,EAAE,EAAE,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,EAAE,EAAE,WAAW,CAAC,EAAE;IAClB,GAAG,EAAE,WAAW,CAAC,EAAE;CACpB,CAAC"}

package/dist/variables/spacing.d.ts

@@ -0,0 +1,13 @@
+export declare const 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;
+};

package/dist/variables/spacing.js

@@ -0,0 +1,14 @@
+import { pxRem } from '../styles/pxRem';
+export var spacing = {
+  0: 0,
+  4: pxRem(4),
+  8: pxRem(8),
+  12: pxRem(12),
+  16: pxRem(16),
+  24: pxRem(24),
+  32: pxRem(32),
+  40: pxRem(40),
+  48: pxRem(48),
+  64: pxRem(64),
+  96: pxRem(96)
+};

package/dist/variables/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/variables/spacing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IACX,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IACX,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;CACL,CAAC"}

package/dist/variables/timing.d.ts

@@ -0,0 +1,10 @@
+export declare const timingValues: {
+    fast: number;
+    medium: number;
+    slow: number;
+};
+export declare const timing: {
+    fast: string;
+    medium: string;
+    slow: string;
+};

package/dist/variables/timing.js

@@ -0,0 +1,10 @@
+export var timingValues = {
+  fast: 150,
+  medium: 200,
+  slow: 350
+};
+export var timing = {
+  fast: "".concat(timingValues.fast, "ms"),
+  medium: "".concat(timingValues.medium, "ms"),
+  slow: "".concat(timingValues.slow, "ms")
+};

package/dist/variables/timing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timing.js","sourceRoot":"","sources":["../../src/variables/timing.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,GAAG,YAAY,CAAC,IAAI,IAAI;IAC9B,MAAM,EAAE,GAAG,YAAY,CAAC,MAAM,IAAI;IAClC,IAAI,EAAE,GAAG,YAAY,CAAC,IAAI,IAAI;CAC/B,CAAC"}

package/dist/variables/typography.d.ts

@@ -0,0 +1,31 @@
+export declare const fontAccent = "\"Suisse\", \"Apercu\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
+export declare const fontBase = "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
+export declare const fontMonospace = "Monaco, Menlo, \"Ubuntu Mono\", \"Droid Sans Mono\", Consolas,\nmonospace";
+export declare const fontSystem = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n\"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
+export declare const 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";
+};
+export declare const 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;
+};
+export declare const lineHeight: {
+    readonly base: 1.5;
+    readonly title: 1.1;
+};
+export declare const fontWeight: {
+    readonly base: 400;
+    readonly title: 700;
+    readonly 700: 700;
+    readonly 400: 400;
+};

package/dist/variables/typography.js

@@ -0,0 +1,32 @@
+import { pxRem } from '../styles/pxRem';
+export var fontAccent = "\"Suisse\", \"Apercu\", -apple-system, BlinkMacSystemFont,\n\"Segoe UI\", \"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n\"Helvetica Neue\", sans-serif";
+export var fontBase = "\"Apercu\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
+export var fontMonospace = "Monaco, Menlo, \"Ubuntu Mono\", \"Droid Sans Mono\", Consolas,\nmonospace";
+export var fontSystem = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n\"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
+export var fontFamily = {
+  accent: fontAccent,
+  base: fontBase,
+  monospace: fontMonospace,
+  system: fontSystem
+};
+export var fontSize = {
+  64: pxRem(64),
+  44: pxRem(44),
+  34: pxRem(34),
+  26: pxRem(26),
+  22: pxRem(22),
+  20: pxRem(20),
+  18: pxRem(18),
+  16: pxRem(16),
+  14: pxRem(14)
+};
+export var lineHeight = {
+  base: 1.5,
+  title: 1.1
+};
+export var fontWeight = {
+  base: 400,
+  title: 700,
+  700: 700,
+  400: 400
+};

package/dist/variables/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/variables/typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,MAAM,UAAU,GAAG;;6BAEG,CAAC;AAE9B,MAAM,CAAC,MAAM,QAAQ,GAAG;;WAEb,CAAC;AAEZ,MAAM,CAAC,MAAM,aAAa,GAAG;UACnB,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;qEAC2C,CAAC;AAEtE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,aAAa;IACxB,MAAM,EAAE,UAAU;CACV,CAAC;AAEX,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;IACb,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;CACL,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;CACF,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;CACA,CAAC"}