@codecademy/gamut-styles 17.1.3-alpha.8efe7d.0 → 17.1.3-alpha.a5381f.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/dist/AssetProvider.d.ts +2 -3
  2. package/dist/AssetProvider.js +15 -18
  3. package/dist/Background.d.ts +1 -1
  4. package/dist/Background.js +28 -45
  5. package/dist/ColorMode.d.ts +21 -23
  6. package/dist/ColorMode.js +70 -77
  7. package/dist/GamutProvider.js +20 -22
  8. package/dist/cache/createEmotionCache.js +11 -26
  9. package/dist/cache/stylisPlugins/focusVisible.js +4 -4
  10. package/dist/globals/Reboot.d.ts +1 -2
  11. package/dist/globals/Reboot.js +4 -6
  12. package/dist/globals/Typography.d.ts +1 -2
  13. package/dist/globals/Typography.js +18 -20
  14. package/dist/globals/Variables.js +12 -21
  15. package/dist/remoteAssets/fonts.js +8 -8
  16. package/dist/styles/boxShadow.js +10 -20
  17. package/dist/styles/fontSmoothing.js +5 -7
  18. package/dist/styles/noSelect.js +1 -1
  19. package/dist/styles/pxRem.js +3 -3
  20. package/dist/styles/responsive.js +4 -6
  21. package/dist/styles/screenReaderOnly.js +2 -2
  22. package/dist/styles/transitionConcat.js +4 -4
  23. package/dist/themes/admin.d.ts +2 -2
  24. package/dist/themes/admin.js +1 -1
  25. package/dist/themes/core.js +14 -12
  26. package/dist/themes/index.d.ts +0 -1
  27. package/dist/themes/index.js +1 -2
  28. package/dist/themes/platform.d.ts +2 -2
  29. package/dist/themes/platform.js +1 -1
  30. package/dist/utilities/themed.js +4 -2
  31. package/dist/variables/borderRadii.js +1 -1
  32. package/dist/variables/colors.d.ts +0 -100
  33. package/dist/variables/colors.js +19 -89
  34. package/dist/variables/deprecated-colors.d.ts +1 -1
  35. package/dist/variables/deprecated-colors.js +17 -16
  36. package/dist/variables/elements.js +1 -1
  37. package/dist/variables/responsive.js +4 -6
  38. package/dist/variables/spacing.js +1 -1
  39. package/dist/variables/timing.js +6 -6
  40. package/dist/variables/typography.js +14 -8
  41. package/dist/variance/config.js +49 -32
  42. package/dist/variance/index.js +1 -2
  43. package/dist/variance/props.js +16 -16
  44. package/dist/variance/utils.d.ts +3 -3
  45. package/dist/variance/utils.js +6 -14
  46. package/package.json +3 -3
  47. package/dist/themes/enterprise.d.ts +0 -1002
  48. package/dist/themes/enterprise.js +0 -68
@@ -1,31 +1,31 @@
1
- export var FONT_ASSET_PATH = "https://www.codecademy.com/gamut";
2
- export var webFonts = [{
3
- filePath: "".concat(FONT_ASSET_PATH, "/apercu-regular-pro"),
1
+ export const FONT_ASSET_PATH = `https://www.codecademy.com/gamut`;
2
+ export const webFonts = [{
3
+ filePath: `${FONT_ASSET_PATH}/apercu-regular-pro`,
4
4
  extensions: ['woff', 'woff2'],
5
5
  name: 'Apercu'
6
6
  }, {
7
- filePath: "".concat(FONT_ASSET_PATH, "/apercu-italic-pro"),
7
+ filePath: `${FONT_ASSET_PATH}/apercu-italic-pro`,
8
8
  extensions: ['woff', 'woff2'],
9
9
  name: 'Apercu',
10
10
  style: 'italic'
11
11
  }, {
12
- filePath: "".concat(FONT_ASSET_PATH, "/apercu-bold-pro"),
12
+ filePath: `${FONT_ASSET_PATH}/apercu-bold-pro`,
13
13
  extensions: ['woff', 'woff2'],
14
14
  name: 'Apercu',
15
15
  weight: 'bold'
16
16
  }, {
17
- filePath: "".concat(FONT_ASSET_PATH, "/apercu-bold-italic-pro"),
17
+ filePath: `${FONT_ASSET_PATH}/apercu-bold-italic-pro`,
18
18
  extensions: ['woff', 'woff2'],
19
19
  name: 'Apercu',
20
20
  weight: 'bold',
21
21
  style: 'italic'
22
22
  }, {
23
- filePath: "".concat(FONT_ASSET_PATH, "/SuisseIntlMono-Bold-WebS"),
23
+ filePath: `${FONT_ASSET_PATH}/SuisseIntlMono-Bold-WebS`,
24
24
  extensions: ['woff', 'woff2'],
25
25
  name: 'Suisse',
26
26
  weight: 'bold'
27
27
  }, {
28
- filePath: "".concat(FONT_ASSET_PATH, "/SuisseIntlMono-Regular-WebS"),
28
+ filePath: `${FONT_ASSET_PATH}/SuisseIntlMono-Regular-WebS`,
29
29
  extensions: ['woff', 'woff2'],
30
30
  name: 'Suisse'
31
31
  }];
@@ -1,11 +1,5 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
4
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
5
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
6
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
1
  import { css } from '@emotion/react';
8
- var shadowsForDepth = {
2
+ const shadowsForDepth = {
9
3
  1: {
10
4
  offsets: [1, 3, 1, 3],
11
5
  shades: [0.12, 0.24]
@@ -27,19 +21,15 @@ var shadowsForDepth = {
27
21
  shades: [0.3, 0.22]
28
22
  }
29
23
  };
30
- export var createShadow = function createShadow(depth) {
31
- var _shadowsForDepth$dept = shadowsForDepth[depth],
32
- _shadowsForDepth$dept2 = _slicedToArray(_shadowsForDepth$dept.offsets, 4),
33
- o1 = _shadowsForDepth$dept2[0],
34
- o2 = _shadowsForDepth$dept2[1],
35
- o3 = _shadowsForDepth$dept2[2],
36
- o4 = _shadowsForDepth$dept2[3],
37
- _shadowsForDepth$dept3 = _slicedToArray(_shadowsForDepth$dept.shades, 2),
38
- s1 = _shadowsForDepth$dept3[0],
39
- s2 = _shadowsForDepth$dept3[1];
40
- return " 0 ".concat(o1, "px ").concat(o2, "px rgba(0, 0, 0, ").concat(s1, "),\n 0 ").concat(o3, "px ").concat(o4, "px rgba(0, 0, 0, ").concat(s2, ")");
24
+ export const createShadow = depth => {
25
+ const {
26
+ offsets: [o1, o2, o3, o4],
27
+ shades: [s1, s2]
28
+ } = shadowsForDepth[depth];
29
+ return ` 0 ${o1}px ${o2}px rgba(0, 0, 0, ${s1}),
30
+ 0 ${o3}px ${o4}px rgba(0, 0, 0, ${s2})`;
41
31
  };
42
- export var boxShadow = function boxShadow() {
43
- var depth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
32
+ export const boxShadow = function () {
33
+ let depth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
44
34
  return /*#__PURE__*/css("box-shadow:", createShadow(depth), ";;label:boxShadow;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvYm94U2hhZG93LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDWSIsImZpbGUiOiIuLi8uLi9zcmMvc3R5bGVzL2JveFNoYWRvdy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IHR5cGUgU2hhZG93RGVwdGggPSBrZXlvZiB0eXBlb2Ygc2hhZG93c0ZvckRlcHRoO1xuXG5jb25zdCBzaGFkb3dzRm9yRGVwdGggPSB7XG4gIDE6IHtcbiAgICBvZmZzZXRzOiBbMSwgMywgMSwgM10sXG4gICAgc2hhZGVzOiBbMC4xMiwgMC4yNF0sXG4gIH0sXG4gIDI6IHtcbiAgICBvZmZzZXRzOiBbMywgNiwgMywgNl0sXG4gICAgc2hhZGVzOiBbMC4xOSwgMC4yM10sXG4gIH0sXG4gIDM6IHtcbiAgICBvZmZzZXRzOiBbMTAsIDIwLCA2LCA2XSxcbiAgICBzaGFkZXM6IFswLjI1LCAwLjIyXSxcbiAgfSxcbiAgNDoge1xuICAgIG9mZnNldHM6IFsxNCwgMjgsIDEwLCAxMF0sXG4gICAgc2hhZGVzOiBbMC4yNSwgMC4yMl0sXG4gIH0sXG4gIDU6IHtcbiAgICBvZmZzZXRzOiBbMTksIDM4LCAxNSwgMTJdLFxuICAgIHNoYWRlczogWzAuMywgMC4yMl0sXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgY3JlYXRlU2hhZG93ID0gKGRlcHRoOiBTaGFkb3dEZXB0aCkgPT4ge1xuICBjb25zdCB7XG4gICAgb2Zmc2V0czogW28xLCBvMiwgbzMsIG80XSxcbiAgICBzaGFkZXM6IFtzMSwgczJdLFxuICB9ID0gc2hhZG93c0ZvckRlcHRoW2RlcHRoXTtcbiAgcmV0dXJuIGAgMCAke28xfXB4ICR7bzJ9cHggcmdiYSgwLCAwLCAwLCAke3MxfSksXG4gIDAgJHtvM31weCAke280fXB4IHJnYmEoMCwgMCwgMCwgJHtzMn0pYDtcbn07XG5cbmV4cG9ydCBjb25zdCBib3hTaGFkb3cgPSAoZGVwdGg6IFNoYWRvd0RlcHRoID0gMSkgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGJveC1zaGFkb3c6ICR7Y3JlYXRlU2hhZG93KGRlcHRoKX07XG4gIGA7XG59O1xuIl19 */"));
45
35
  };
@@ -1,5 +1,5 @@
1
1
  import { variance } from '@codecademy/variance';
2
- var smoothing = {
2
+ const smoothing = {
3
3
  pixel: {
4
4
  WebkitFontSmoothing: 'antialiased',
5
5
  MozOsxFontSmoothing: 'grayscale'
@@ -9,21 +9,19 @@ var smoothing = {
9
9
  MozOsxFontSmoothing: 'auto'
10
10
  }
11
11
  };
12
- export var fontSmoothing = variance.create({
12
+ export const fontSmoothing = variance.create({
13
13
  fontSmoothing: {
14
14
  property: 'fontSmooth',
15
15
  scale: {
16
16
  pixel: 'pixel',
17
17
  subpixel: 'subpixel'
18
18
  },
19
- transform: function transform(value) {
20
- return smoothing[value];
21
- }
19
+ transform: value => smoothing[value]
22
20
  }
23
21
  });
24
- export var fontSmoothPixel = fontSmoothing({
22
+ export const fontSmoothPixel = fontSmoothing({
25
23
  fontSmoothing: 'pixel'
26
24
  });
27
- export var fontSmoothSubpixel = fontSmoothing({
25
+ export const fontSmoothSubpixel = fontSmoothing({
28
26
  fontSmoothing: 'subpixel'
29
27
  });
@@ -1,6 +1,6 @@
1
1
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
2
2
  import { css } from '@emotion/react';
3
- export var noSelect = process.env.NODE_ENV === "production" ? {
3
+ export const noSelect = process.env.NODE_ENV === "production" ? {
4
4
  name: "1ui1tha-noSelect",
5
5
  styles: "-webkit-touch-callout:none;user-select:none;label:noSelect;"
6
6
  } : {
@@ -1,4 +1,4 @@
1
- export var pxRem = function pxRem(pixelValue) {
2
- var parsedValue = typeof pixelValue === 'string' ? parseInt(pixelValue, 10) : pixelValue;
3
- return "".concat(parsedValue / 16, "rem");
1
+ export const pxRem = pixelValue => {
2
+ const parsedValue = typeof pixelValue === 'string' ? parseInt(pixelValue, 10) : pixelValue;
3
+ return `${parsedValue / 16}rem`;
4
4
  };
@@ -1,14 +1,12 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { mediaQueries } from '../variables/responsive';
3
- export var atViewport = function atViewport(size, content) {
4
- return /*#__PURE__*/css(mediaQueries[size], "{", content, ";};label:atViewport;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvcmVzcG9uc2l2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPUSIsImZpbGUiOiIuLi8uLi9zcmMvc3R5bGVzL3Jlc3BvbnNpdmUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IG1lZGlhUXVlcmllcywgTWVkaWFTaXplIH0gZnJvbSAnLi4vdmFyaWFibGVzL3Jlc3BvbnNpdmUnO1xuXG5leHBvcnQgY29uc3QgYXRWaWV3cG9ydCA9IChcbiAgc2l6ZTogTWVkaWFTaXplLFxuICBjb250ZW50OiBzdHJpbmcgfCBTZXJpYWxpemVkU3R5bGVzXG4pID0+IGNzc2BcbiAgJHttZWRpYVF1ZXJpZXNbc2l6ZV19IHtcbiAgICAke2NvbnRlbnR9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBzY3JlZW5TaXplTFRFID0gKFxuICBtYXg6IHN0cmluZyxcbiAgY29udGVudDogc3RyaW5nIHwgU2VyaWFsaXplZFN0eWxlc1xuKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke21heH0pIHtcbiAgICAgICR7Y29udGVudH1cbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3Qgc2NyZWVuU2l6ZUdURSA9IChcbiAgbWluOiBzdHJpbmcsXG4gIGNvbnRlbnQ6IHN0cmluZyB8IFNlcmlhbGl6ZWRTdHlsZXNcbikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHttaW59KSB7XG4gICAgICAke2NvbnRlbnR9XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IHNjcmVlblNpemVCZXR3ZWVuID0gKFxuICBtaW46IHN0cmluZyxcbiAgbWF4OiBzdHJpbmcsXG4gIGNvbnRlbnQ6IHN0cmluZyB8IFNlcmlhbGl6ZWRTdHlsZXNcbikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHttaW59KSBhbmQgKG1heC13aWR0aDogJHttYXh9KSB7XG4gICAgICAke2NvbnRlbnR9XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */"));
5
- };
6
- export var screenSizeLTE = function screenSizeLTE(max, content) {
3
+ export const atViewport = (size, content) => /*#__PURE__*/css(mediaQueries[size], "{", content, ";};label:atViewport;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvcmVzcG9uc2l2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPUSIsImZpbGUiOiIuLi8uLi9zcmMvc3R5bGVzL3Jlc3BvbnNpdmUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IG1lZGlhUXVlcmllcywgTWVkaWFTaXplIH0gZnJvbSAnLi4vdmFyaWFibGVzL3Jlc3BvbnNpdmUnO1xuXG5leHBvcnQgY29uc3QgYXRWaWV3cG9ydCA9IChcbiAgc2l6ZTogTWVkaWFTaXplLFxuICBjb250ZW50OiBzdHJpbmcgfCBTZXJpYWxpemVkU3R5bGVzXG4pID0+IGNzc2BcbiAgJHttZWRpYVF1ZXJpZXNbc2l6ZV19IHtcbiAgICAke2NvbnRlbnR9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBzY3JlZW5TaXplTFRFID0gKFxuICBtYXg6IHN0cmluZyxcbiAgY29udGVudDogc3RyaW5nIHwgU2VyaWFsaXplZFN0eWxlc1xuKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke21heH0pIHtcbiAgICAgICR7Y29udGVudH1cbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3Qgc2NyZWVuU2l6ZUdURSA9IChcbiAgbWluOiBzdHJpbmcsXG4gIGNvbnRlbnQ6IHN0cmluZyB8IFNlcmlhbGl6ZWRTdHlsZXNcbikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHttaW59KSB7XG4gICAgICAke2NvbnRlbnR9XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IHNjcmVlblNpemVCZXR3ZWVuID0gKFxuICBtaW46IHN0cmluZyxcbiAgbWF4OiBzdHJpbmcsXG4gIGNvbnRlbnQ6IHN0cmluZyB8IFNlcmlhbGl6ZWRTdHlsZXNcbikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHttaW59KSBhbmQgKG1heC13aWR0aDogJHttYXh9KSB7XG4gICAgICAke2NvbnRlbnR9XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */"));
4
+ export const screenSizeLTE = (max, content) => {
7
5
  return /*#__PURE__*/css("@media only screen and (max-width: ", max, "){", content, ";};label:screenSizeLTE;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvcmVzcG9uc2l2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQlkiLCJmaWxlIjoiLi4vLi4vc3JjL3N0eWxlcy9yZXNwb25zaXZlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBtZWRpYVF1ZXJpZXMsIE1lZGlhU2l6ZSB9IGZyb20gJy4uL3ZhcmlhYmxlcy9yZXNwb25zaXZlJztcblxuZXhwb3J0IGNvbnN0IGF0Vmlld3BvcnQgPSAoXG4gIHNpemU6IE1lZGlhU2l6ZSxcbiAgY29udGVudDogc3RyaW5nIHwgU2VyaWFsaXplZFN0eWxlc1xuKSA9PiBjc3NgXG4gICR7bWVkaWFRdWVyaWVzW3NpemVdfSB7XG4gICAgJHtjb250ZW50fVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3Qgc2NyZWVuU2l6ZUxURSA9IChcbiAgbWF4OiBzdHJpbmcsXG4gIGNvbnRlbnQ6IHN0cmluZyB8IFNlcmlhbGl6ZWRTdHlsZXNcbikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHttYXh9KSB7XG4gICAgICAke2NvbnRlbnR9XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IHNjcmVlblNpemVHVEUgPSAoXG4gIG1pbjogc3RyaW5nLFxuICBjb250ZW50OiBzdHJpbmcgfCBTZXJpYWxpemVkU3R5bGVzXG4pID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7bWlufSkge1xuICAgICAgJHtjb250ZW50fVxuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBzY3JlZW5TaXplQmV0d2VlbiA9IChcbiAgbWluOiBzdHJpbmcsXG4gIG1heDogc3RyaW5nLFxuICBjb250ZW50OiBzdHJpbmcgfCBTZXJpYWxpemVkU3R5bGVzXG4pID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7bWlufSkgYW5kIChtYXgtd2lkdGg6ICR7bWF4fSkge1xuICAgICAgJHtjb250ZW50fVxuICAgIH1cbiAgYDtcbn07XG4iXX0= */"));
8
6
  };
9
- export var screenSizeGTE = function screenSizeGTE(min, content) {
7
+ export const screenSizeGTE = (min, content) => {
10
8
  return /*#__PURE__*/css("@media only screen and (min-width: ", min, "){", content, ";};label:screenSizeGTE;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvcmVzcG9uc2l2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiLi4vLi4vc3JjL3N0eWxlcy9yZXNwb25zaXZlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBtZWRpYVF1ZXJpZXMsIE1lZGlhU2l6ZSB9IGZyb20gJy4uL3ZhcmlhYmxlcy9yZXNwb25zaXZlJztcblxuZXhwb3J0IGNvbnN0IGF0Vmlld3BvcnQgPSAoXG4gIHNpemU6IE1lZGlhU2l6ZSxcbiAgY29udGVudDogc3RyaW5nIHwgU2VyaWFsaXplZFN0eWxlc1xuKSA9PiBjc3NgXG4gICR7bWVkaWFRdWVyaWVzW3NpemVdfSB7XG4gICAgJHtjb250ZW50fVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3Qgc2NyZWVuU2l6ZUxURSA9IChcbiAgbWF4OiBzdHJpbmcsXG4gIGNvbnRlbnQ6IHN0cmluZyB8IFNlcmlhbGl6ZWRTdHlsZXNcbikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHttYXh9KSB7XG4gICAgICAke2NvbnRlbnR9XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IHNjcmVlblNpemVHVEUgPSAoXG4gIG1pbjogc3RyaW5nLFxuICBjb250ZW50OiBzdHJpbmcgfCBTZXJpYWxpemVkU3R5bGVzXG4pID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7bWlufSkge1xuICAgICAgJHtjb250ZW50fVxuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBzY3JlZW5TaXplQmV0d2VlbiA9IChcbiAgbWluOiBzdHJpbmcsXG4gIG1heDogc3RyaW5nLFxuICBjb250ZW50OiBzdHJpbmcgfCBTZXJpYWxpemVkU3R5bGVzXG4pID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7bWlufSkgYW5kIChtYXgtd2lkdGg6ICR7bWF4fSkge1xuICAgICAgJHtjb250ZW50fVxuICAgIH1cbiAgYDtcbn07XG4iXX0= */"));
11
9
  };
12
- export var screenSizeBetween = function screenSizeBetween(min, max, content) {
10
+ export const screenSizeBetween = (min, max, content) => {
13
11
  return /*#__PURE__*/css("@media only screen and (min-width: ", min, ") and (max-width: ", max, "){", content, ";};label:screenSizeBetween;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvcmVzcG9uc2l2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q1kiLCJmaWxlIjoiLi4vLi4vc3JjL3N0eWxlcy9yZXNwb25zaXZlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBtZWRpYVF1ZXJpZXMsIE1lZGlhU2l6ZSB9IGZyb20gJy4uL3ZhcmlhYmxlcy9yZXNwb25zaXZlJztcblxuZXhwb3J0IGNvbnN0IGF0Vmlld3BvcnQgPSAoXG4gIHNpemU6IE1lZGlhU2l6ZSxcbiAgY29udGVudDogc3RyaW5nIHwgU2VyaWFsaXplZFN0eWxlc1xuKSA9PiBjc3NgXG4gICR7bWVkaWFRdWVyaWVzW3NpemVdfSB7XG4gICAgJHtjb250ZW50fVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3Qgc2NyZWVuU2l6ZUxURSA9IChcbiAgbWF4OiBzdHJpbmcsXG4gIGNvbnRlbnQ6IHN0cmluZyB8IFNlcmlhbGl6ZWRTdHlsZXNcbikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHttYXh9KSB7XG4gICAgICAke2NvbnRlbnR9XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IHNjcmVlblNpemVHVEUgPSAoXG4gIG1pbjogc3RyaW5nLFxuICBjb250ZW50OiBzdHJpbmcgfCBTZXJpYWxpemVkU3R5bGVzXG4pID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7bWlufSkge1xuICAgICAgJHtjb250ZW50fVxuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBzY3JlZW5TaXplQmV0d2VlbiA9IChcbiAgbWluOiBzdHJpbmcsXG4gIG1heDogc3RyaW5nLFxuICBjb250ZW50OiBzdHJpbmcgfCBTZXJpYWxpemVkU3R5bGVzXG4pID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7bWlufSkgYW5kIChtYXgtd2lkdGg6ICR7bWF4fSkge1xuICAgICAgJHtjb250ZW50fVxuICAgIH1cbiAgYDtcbn07XG4iXX0= */"));
14
12
  };
@@ -1,6 +1,6 @@
1
1
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
2
2
  import { css } from '@emotion/react';
3
- export var screenReaderOnly = process.env.NODE_ENV === "production" ? {
3
+ export const screenReaderOnly = process.env.NODE_ENV === "production" ? {
4
4
  name: "ut38oz-screenReaderOnly",
5
5
  styles: "position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);border:0;label:screenReaderOnly;"
6
6
  } : {
@@ -9,7 +9,7 @@ export var screenReaderOnly = process.env.NODE_ENV === "production" ? {
9
9
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvc2NyZWVuUmVhZGVyT25seS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFbUMiLCJmaWxlIjoiLi4vLi4vc3JjL3N0eWxlcy9zY3JlZW5SZWFkZXJPbmx5LnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3Qgc2NyZWVuUmVhZGVyT25seSA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgY2xpcC1wYXRoOiBpbnNldCg1MCUpO1xuICBib3JkZXI6IDA7XG5gO1xuXG5leHBvcnQgY29uc3Qgc2NyZWVuUmVhZGVyT25seUZvY3VzYWJsZSA9IGNzc2BcbiAgJjphY3RpdmUsXG4gICY6Zm9jdXMge1xuICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgd2lkdGg6IGF1dG87XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgIGNsaXA6IGF1dG87XG4gICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICBjbGlwLXBhdGg6IG5vbmU7XG4gIH1cbmA7XG4iXX0= */",
10
10
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
11
11
  };
12
- export var screenReaderOnlyFocusable = process.env.NODE_ENV === "production" ? {
12
+ export const screenReaderOnlyFocusable = process.env.NODE_ENV === "production" ? {
13
13
  name: "13y3pk0-screenReaderOnlyFocusable",
14
14
  styles: "&:active,&:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;clip-path:none;};label:screenReaderOnlyFocusable;"
15
15
  } : {
@@ -1,7 +1,7 @@
1
1
  import { timing } from '../variables';
2
- export var transitionConcat = function transitionConcat(arrayOfProperties, transition) {
3
- var timingFn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'linear';
4
- var transitionString = "".concat(timing[transition], " ").concat(timingFn);
5
- var cssString = "".concat(arrayOfProperties.join(" ".concat(transitionString, ",")), " ").concat(transitionString);
2
+ export const transitionConcat = function (arrayOfProperties, transition) {
3
+ let timingFn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'linear';
4
+ const transitionString = `${timing[transition]} ${timingFn}`;
5
+ const cssString = `${arrayOfProperties.join(` ${transitionString},`)} ${transitionString}`;
6
6
  return cssString;
7
7
  };
@@ -795,7 +795,7 @@ export declare const adminTheme: Record<"breakpoints", {
795
795
  }, "-", "_">;
796
796
  }>;
797
797
  mode: "light" | "dark";
798
- _getColorValue: (color: "text" | import("@codecademy/variance").Path<{
798
+ _getColorValue: (color: import("@codecademy/variance").Path<{
799
799
  readonly beige: "#FFF0E5";
800
800
  readonly blue: "#1557FF";
801
801
  readonly green: "#008A27";
@@ -863,7 +863,7 @@ export declare const adminTheme: Record<"breakpoints", {
863
863
  readonly "white-200": string;
864
864
  readonly "white-600": string;
865
865
  readonly "white-700": string;
866
- }, "-"> | "secondary" | "background" | "primary" | "danger" | "interface" | "text-disabled" | "text-accent" | "text-secondary" | "shadow-opaque" | "shadow-solid" | "secondary-hover" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "danger-hover" | "interface-hover") => string;
866
+ }, "-"> | "text" | "secondary" | "background" | "primary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-disabled" | "text-accent" | "text-secondary" | "secondary-hover" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "danger-hover" | "interface-hover") => string;
867
867
  }> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
868
868
  export type AdminThemeShape = typeof adminTheme;
869
869
  export interface AdminTheme extends AdminThemeShape {
@@ -1,6 +1,6 @@
1
1
  import { createTheme } from '@codecademy/variance';
2
2
  import { coreTheme } from './core';
3
- export var adminTheme = createTheme(coreTheme).addColorModes('light', {
3
+ export const adminTheme = createTheme(coreTheme).addColorModes('light', {
4
4
  light: {
5
5
  primary: {
6
6
  _: 'blue-500',
@@ -7,15 +7,15 @@ import { borderRadii, corePalette, elements, fontFamily, fontSize, fontWeight, l
7
7
  * are guaranteed to be interoperable between all contexts, but with differing behaviors.
8
8
  */
9
9
 
10
- export var coreTheme = createTheme({
10
+ export const coreTheme = createTheme({
11
11
  breakpoints: mediaQueries,
12
- borderRadii: borderRadii,
13
- fontSize: fontSize,
14
- fontFamily: fontFamily,
15
- lineHeight: lineHeight,
16
- fontWeight: fontWeight,
17
- spacing: spacing,
18
- elements: elements
12
+ borderRadii,
13
+ fontSize,
14
+ fontFamily,
15
+ lineHeight,
16
+ fontWeight,
17
+ spacing,
18
+ elements
19
19
  }).addColors(corePalette).addColorModes('light', {
20
20
  light: {
21
21
  text: {
@@ -103,10 +103,12 @@ export var coreTheme = createTheme({
103
103
  hover: 'yellow-400'
104
104
  }
105
105
  }
106
- }).addScale('borders', function (_ref) {
107
- var colors = _ref.colors;
106
+ }).addScale('borders', _ref => {
107
+ let {
108
+ colors
109
+ } = _ref;
108
110
  return {
109
- 1: "1px solid ".concat(colors.secondary),
110
- 2: "2px solid ".concat(colors.secondary)
111
+ 1: `1px solid ${colors.secondary}`,
112
+ 2: `2px solid ${colors.secondary}`
111
113
  };
112
114
  }).createScaleVariables('elements').build();
@@ -1,4 +1,3 @@
1
1
  export * from './core';
2
2
  export * from './platform';
3
3
  export * from './admin';
4
- export * from './enterprise';
@@ -1,4 +1,3 @@
1
1
  export * from './core';
2
2
  export * from './platform';
3
- export * from './admin';
4
- export * from './enterprise';
3
+ export * from './admin';
@@ -929,7 +929,7 @@ export declare const platformTheme: Record<"breakpoints", {
929
929
  }, "-", "_">;
930
930
  }>;
931
931
  mode: "light" | "dark";
932
- _getColorValue: (color: "text" | import("@codecademy/variance").Path<{
932
+ _getColorValue: (color: import("@codecademy/variance").Path<{
933
933
  readonly beige: "#FFF0E5";
934
934
  readonly blue: "#1557FF";
935
935
  readonly green: "#008A27";
@@ -997,7 +997,7 @@ export declare const platformTheme: Record<"breakpoints", {
997
997
  readonly "white-200": string;
998
998
  readonly "white-600": string;
999
999
  readonly "white-700": string;
1000
- }, "-"> | "secondary" | "background" | "primary" | "danger" | "interface" | "text-disabled" | "text-accent" | "text-secondary" | "shadow-opaque" | "shadow-solid" | "secondary-hover" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "danger-hover" | "interface-hover" | import("@codecademy/variance").Path<{
1000
+ }, "-"> | "text" | "secondary" | "background" | "primary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-disabled" | "text-accent" | "text-secondary" | "secondary-hover" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "danger-hover" | "interface-hover" | import("@codecademy/variance").Path<{
1001
1001
  readonly lightBeige: "#FFFBF8";
1002
1002
  readonly gold: "#8A7300";
1003
1003
  readonly teal: "#027E97";
@@ -7,7 +7,7 @@ import { coreTheme } from './core';
7
7
  * That are not needed for the rest of the application.
8
8
  */
9
9
 
10
- export var platformTheme = createTheme(coreTheme).addColors(platformPalette).addColorModes('dark', {
10
+ export const platformTheme = createTheme(coreTheme).addColors(platformPalette).addColorModes('dark', {
11
11
  light: {
12
12
  editor: {
13
13
  attribute: 'green-700',
@@ -10,8 +10,10 @@ import get from 'lodash/get';
10
10
  */
11
11
 
12
12
  export function themed(path) {
13
- return function (_ref) {
14
- var theme = _ref.theme;
13
+ return _ref => {
14
+ let {
15
+ theme
16
+ } = _ref;
15
17
  return get(theme, path);
16
18
  };
17
19
  }
@@ -1,4 +1,4 @@
1
- export var borderRadii = {
1
+ export const borderRadii = {
2
2
  none: '0px',
3
3
  sm: '2px',
4
4
  md: '4px',
@@ -191,103 +191,3 @@ export declare const platformPalette: {
191
191
  readonly "teal-500": "#027E97";
192
192
  readonly "purple-300": "#B3CCFF";
193
193
  };
194
- export declare const enterpriseSwatches: {
195
- readonly blue: {
196
- readonly '50': "#F0F8FE";
197
- readonly '100': "#E0F2FE";
198
- readonly '200': "#B7DDF8";
199
- readonly '300': "#78BAE9";
200
- readonly '400': "#3498DF";
201
- readonly '500': "#0073C4";
202
- readonly '600': "#005998";
203
- readonly '700': "#00406C";
204
- readonly '800': "#002640";
205
- readonly '900': "#001626";
206
- };
207
- readonly gray: {
208
- readonly '50': "#F3F5F7";
209
- readonly '100': "#E1E6EA";
210
- readonly '200': "#CAD4DC";
211
- readonly '300': "#AAB8C1";
212
- readonly '400': "#80919C";
213
- readonly '500': "#6B7B85";
214
- readonly '600': "#56646E";
215
- readonly '700': "#404E58";
216
- readonly '800': "#2B3841";
217
- readonly '900': "#15222B";
218
- };
219
- readonly skyBlue: {
220
- readonly '100': "#E6FAFF";
221
- readonly '500': "#21B9E8";
222
- };
223
- readonly green: {
224
- readonly '0': "#EBF6E4";
225
- readonly '400': "#6EAB49";
226
- readonly '500': "#42811A";
227
- readonly '700': "#1D4C12";
228
- };
229
- readonly pink: {
230
- readonly '100': "#FEE7F2";
231
- readonly '400': "#DF659E";
232
- readonly '500': "#CD397E";
233
- };
234
- readonly yellow: {
235
- readonly '0': "#FEFAE8";
236
- readonly '500': "#E8C427";
237
- };
238
- readonly orange: {
239
- readonly '500': "#F2A036";
240
- };
241
- readonly red: {
242
- readonly '0': "#FBE8E8";
243
- readonly '100': "#F4C7C7";
244
- readonly '500': "#BE3636";
245
- readonly '600': "#932729";
246
- };
247
- };
248
- export declare const enterprisePalette: {
249
- readonly mulberryPink: "#CD397E";
250
- readonly blue: "#3498DF";
251
- readonly green: "#42811A";
252
- readonly skyBlue: "#21B9E8";
253
- readonly yellow: "#E8C427";
254
- readonly red: "#BE3636";
255
- readonly gray: "#6B7B85";
256
- readonly black: "#000C14";
257
- readonly "blue-100": "#E0F2FE";
258
- readonly "blue-300": "#78BAE9";
259
- readonly "blue-400": "#3498DF";
260
- readonly "blue-500": "#0073C4";
261
- readonly "blue-800": "#002640";
262
- readonly "green-0": "#EBF6E4";
263
- readonly "green-400": "#6EAB49";
264
- readonly "green-700": "#1D4C12";
265
- readonly "yellow-0": "#FEFAE8";
266
- readonly "yellow-500": "#E8C427";
267
- readonly "pink-400": "#DF659E";
268
- readonly "red-0": "#FBE8E8";
269
- readonly "red-100": "#F4C7C7";
270
- readonly "red-500": "#BE3636";
271
- readonly "red-600": "#932729";
272
- readonly "orange-500": "#F2A036";
273
- readonly "gray-100": "#E1E6EA";
274
- readonly "gray-300": "#AAB8C1";
275
- readonly "gray-800": "#2B3841";
276
- readonly "gray-200": "#CAD4DC";
277
- readonly "gray-600": "#56646E";
278
- readonly "gray-900": "#15222B";
279
- readonly "blue-200": "#B7DDF8";
280
- readonly "blue-600": "#005998";
281
- readonly "blue-700": "#00406C";
282
- readonly "blue-900": "#001626";
283
- readonly "blue-50": "#F0F8FE";
284
- readonly "green-500": "#42811A";
285
- readonly "pink-100": "#FEE7F2";
286
- readonly "pink-500": "#CD397E";
287
- readonly "gray-400": "#80919C";
288
- readonly "gray-500": "#6B7B85";
289
- readonly "gray-700": "#404E58";
290
- readonly "gray-50": "#F3F5F7";
291
- readonly "skyBlue-100": "#E6FAFF";
292
- readonly "skyBlue-500": "#21B9E8";
293
- };
@@ -1,19 +1,13 @@
1
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
1
  import { flattenScale } from '@codecademy/variance';
8
2
  import { rgba } from 'polished';
9
3
  /**
10
4
  * Core Colors
11
5
  */
12
6
 
13
- var black = '#000000';
14
- var white = '#ffffff';
15
- var navy = '#10162F';
16
- var effects = {
7
+ const black = '#000000';
8
+ const white = '#ffffff';
9
+ const navy = '#10162F';
10
+ const effects = {
17
11
  shadow: {
18
12
  black: {
19
13
  slight: rgba(black, 0.15),
@@ -25,7 +19,7 @@ var effects = {
25
19
  }
26
20
  }
27
21
  };
28
- export var coreSwatches = {
22
+ export const coreSwatches = {
29
23
  beige: {
30
24
  '100': '#FFF0E5'
31
25
  },
@@ -94,7 +88,7 @@ export var coreSwatches = {
94
88
  '700': rgba(white, 0.8)
95
89
  }
96
90
  };
97
- export var trueColors = {
91
+ export const trueColors = {
98
92
  beige: coreSwatches.beige[100],
99
93
  blue: coreSwatches.blue[500],
100
94
  green: coreSwatches.green[700],
@@ -111,16 +105,20 @@ export var trueColors = {
111
105
  paleRed: coreSwatches.red[100],
112
106
  red: coreSwatches.red[500],
113
107
  yellow: coreSwatches.yellow[500],
114
- black: black,
115
- white: white
108
+ black,
109
+ white
110
+ };
111
+ export const corePalette = {
112
+ ...flattenScale(coreSwatches),
113
+ ...flattenScale(effects),
114
+ ...trueColors
116
115
  };
117
- export var corePalette = _objectSpread(_objectSpread(_objectSpread({}, flattenScale(coreSwatches)), flattenScale(effects)), trueColors);
118
116
 
119
117
  /**
120
118
  * Platform Colors
121
119
  */
122
120
 
123
- export var platformSwatches = {
121
+ export const platformSwatches = {
124
122
  beige: {
125
123
  '0': '#FFFBF8'
126
124
  },
@@ -140,81 +138,13 @@ export var platformSwatches = {
140
138
  '300': '#B3CCFF'
141
139
  }
142
140
  };
143
- var truePlatformColors = {
141
+ const truePlatformColors = {
144
142
  lightBeige: platformSwatches.beige[0],
145
143
  gold: platformSwatches.gold[800],
146
144
  teal: platformSwatches.teal[500],
147
145
  purple: platformSwatches.purple[300]
148
146
  };
149
- export var platformPalette = _objectSpread(_objectSpread({}, flattenScale(platformSwatches)), truePlatformColors);
150
-
151
- /**
152
- * Enterprise Colors
153
- */
154
-
155
- var enterpriseBlack = '#000C14';
156
- export var enterpriseSwatches = {
157
- blue: {
158
- '50': '#F0F8FE',
159
- '100': '#E0F2FE',
160
- '200': '#B7DDF8',
161
- '300': '#78BAE9',
162
- '400': '#3498DF',
163
- '500': '#0073C4',
164
- '600': '#005998',
165
- '700': '#00406C',
166
- '800': '#002640',
167
- '900': '#001626'
168
- },
169
- gray: {
170
- '50': '#F3F5F7',
171
- '100': '#E1E6EA',
172
- '200': '#CAD4DC',
173
- '300': '#AAB8C1',
174
- '400': '#80919C',
175
- '500': '#6B7B85',
176
- '600': '#56646E',
177
- '700': '#404E58',
178
- '800': '#2B3841',
179
- '900': '#15222B'
180
- },
181
- skyBlue: {
182
- '100': '#E6FAFF',
183
- '500': '#21B9E8'
184
- },
185
- green: {
186
- '0': '#EBF6E4',
187
- '400': '#6EAB49',
188
- '500': '#42811A',
189
- '700': '#1D4C12'
190
- },
191
- pink: {
192
- '100': '#FEE7F2',
193
- '400': '#DF659E',
194
- '500': '#CD397E'
195
- },
196
- yellow: {
197
- '0': '#FEFAE8',
198
- '500': '#E8C427'
199
- },
200
- orange: {
201
- '500': '#F2A036'
202
- },
203
- red: {
204
- '0': '#FBE8E8',
205
- '100': '#F4C7C7',
206
- '500': '#BE3636',
207
- '600': '#932729'
208
- }
209
- };
210
- var trueEnterpriseColors = {
211
- mulberryPink: enterpriseSwatches.pink[500],
212
- blue: enterpriseSwatches.blue[400],
213
- green: enterpriseSwatches.green[500],
214
- skyBlue: enterpriseSwatches.skyBlue[500],
215
- yellow: enterpriseSwatches.yellow[500],
216
- red: enterpriseSwatches.red[500],
217
- gray: enterpriseSwatches.gray[500],
218
- black: enterpriseBlack
219
- };
220
- export var enterprisePalette = _objectSpread(_objectSpread({}, flattenScale(enterpriseSwatches)), trueEnterpriseColors);
147
+ export const platformPalette = {
148
+ ...flattenScale(platformSwatches),
149
+ ...truePlatformColors
150
+ };
@@ -149,8 +149,8 @@ export declare const colors: {
149
149
  readonly "gray-900": "#19191a";
150
150
  readonly "beige-0": "#FFF0E5";
151
151
  readonly "blue-900": "#10162f";
152
+ readonly "gray-0": "#ffffff";
152
153
  readonly "gray-400": "#a2a2a6";
153
154
  readonly "gray-500": "#828285";
154
155
  readonly "gray-700": "#4b4b4d";
155
- readonly "gray-0": "#ffffff";
156
156
  };