@codecademy/gamut-styles 13.2.1-alpha.db1dce.0 → 13.2.1-alpha.e00b8d.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.
@@ -1,9 +1,9 @@
1
- @codecademy/gamut-styles:build: cache hit, replaying output 29e9438ed59f9c1c
2
- @codecademy/gamut-styles:build: $ yarn build:clean && yarn build:compile && yarn build:transpile
3
- @codecademy/gamut-styles:build: $ rm -rf ./dist
4
- @codecademy/gamut-styles:build: $ tsc
5
- @codecademy/gamut-styles:build: $ babel ./src --out-dir ./dist --copy-files --extensions ".ts,.tsx"
6
- @codecademy/gamut-styles:build: Browserslist: caniuse-lite is outdated. Please run:
7
- @codecademy/gamut-styles:build:  npx browserslist@latest --update-db
8
- @codecademy/gamut-styles:build:  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
9
- @codecademy/gamut-styles:build: Successfully compiled 45 files with Babel (1987ms).
1
+ @codecademy/gamut-styles:build: cache hit, replaying output e66f180bc0c23b89
2
+ @codecademy/gamut-styles:build: $ yarn build:clean && yarn build:compile && yarn build:transpile
3
+ @codecademy/gamut-styles:build: $ rm -rf ./dist
4
+ @codecademy/gamut-styles:build: $ tsc
5
+ @codecademy/gamut-styles:build: $ babel ./src --out-dir ./dist --copy-files --extensions ".ts,.tsx"
6
+ @codecademy/gamut-styles:build: Browserslist: caniuse-lite is outdated. Please run:
7
+ @codecademy/gamut-styles:build:  npx browserslist@latest --update-db
8
+ @codecademy/gamut-styles:build:  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
9
+ @codecademy/gamut-styles:build: Successfully compiled 45 files with Babel (1491ms).
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ### [13.2.1-alpha.db1dce.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@13.2.0...@codecademy/gamut-styles@13.2.1-alpha.db1dce.0) (2022-07-05)
6
+ ### [13.2.1-alpha.e00b8d.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@13.2.0...@codecademy/gamut-styles@13.2.1-alpha.e00b8d.0) (2022-07-05)
7
7
 
8
8
  **Note:** Version bump only for package @codecademy/gamut-styles
9
9
 
@@ -7,7 +7,7 @@ export declare type ColorModes = keyof ColorModeConfig;
7
7
  export declare type ColorModeShape = ColorModeConfig[ColorModes];
8
8
  export declare type ColorAlias = keyof ColorModeShape;
9
9
  export declare type ColorModeProps = {
10
- mode: ColorModes;
10
+ mode: ColorModes | 'system';
11
11
  bg?: Colors;
12
12
  };
13
13
  export declare const providerProps: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").Compose<[import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
package/dist/ColorMode.js CHANGED
@@ -56,18 +56,20 @@ export function usePrefersDarkMode() {
56
56
  setPrefersDarkMode = _useState2[1];
57
57
 
58
58
  useEffect(function () {
59
- var mq = window.matchMedia('(prefers-color-scheme: dark)');
60
-
61
59
  function onChange(event) {
62
60
  setPrefersDarkMode(event.matches);
63
61
  }
64
62
 
65
- if (mq && 'addEventListener' in mq) {
66
- setPrefersDarkMode(mq.matches);
67
- mq.addEventListener('change', onChange);
68
- return function () {
69
- return mq.removeEventListener('change', onChange);
70
- };
63
+ if (window) {
64
+ var mq = window.matchMedia('(prefers-color-scheme: dark)');
65
+
66
+ if (mq && 'addEventListener' in mq) {
67
+ setPrefersDarkMode(mq.matches);
68
+ mq.addEventListener('change', onChange);
69
+ return function () {
70
+ return mq.removeEventListener('change', onChange);
71
+ };
72
+ }
71
73
  }
72
74
  }, []);
73
75
  return prefersDarkMode;
@@ -80,20 +82,24 @@ export var VariableProvider = /*#__PURE__*/_styled('div', _extends({}, {
80
82
  return variables;
81
83
  }, css({
82
84
  textColor: 'text'
83
- }), providerProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Db2xvck1vZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHZ0MiLCJmaWxlIjoiLi4vc3JjL0NvbG9yTW9kZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBzZXJpYWxpemVUb2tlbnMsXG4gIFN0eWxlUHJvcHMsXG4gIFRoZW1lUHJvcHMsXG4gIHZhcmlhbmNlLFxufSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgeyBDU1NPYmplY3QsIFRoZW1lLCBUaGVtZVByb3ZpZGVyLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1hcFZhbHVlcywgcGljayB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgUmVhY3QsIHtcbiAgQ29tcG9uZW50UHJvcHMsXG4gIGZvcndhcmRSZWYsXG4gIHVzZUVmZmVjdCxcbiAgdXNlTWVtbyxcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgYmFja2dyb3VuZCxcbiAgYm9yZGVyLFxuICBjb2xvcixcbiAgY3NzLFxuICBmbGV4LFxuICBncmlkLFxuICBsYXlvdXQsXG4gIHBvc2l0aW9uaW5nLFxuICBzcGFjZSxcbn0gZnJvbSAnLi92YXJpYW5jZS9wcm9wcyc7XG5pbXBvcnQgeyBzdHlsZWRPcHRpb25zIH0gZnJvbSAnLi92YXJpYW5jZS91dGlscyc7XG5cbmV4cG9ydCB0eXBlIENvbG9ycyA9IGtleW9mIFRoZW1lWydjb2xvcnMnXTtcbmV4cG9ydCB0eXBlIENvbG9yTW9kZUNvbmZpZyA9IFRoZW1lWydtb2RlcyddO1xuZXhwb3J0IHR5cGUgQ29sb3JNb2RlcyA9IGtleW9mIENvbG9yTW9kZUNvbmZpZztcbmV4cG9ydCB0eXBlIENvbG9yTW9kZVNoYXBlID0gQ29sb3JNb2RlQ29uZmlnW0NvbG9yTW9kZXNdO1xuZXhwb3J0IHR5cGUgQ29sb3JBbGlhcyA9IGtleW9mIENvbG9yTW9kZVNoYXBlO1xuXG5leHBvcnQgdHlwZSBDb2xvck1vZGVQcm9wcyA9IHtcbiAgbW9kZTogQ29sb3JNb2RlcztcbiAgYmc/OiBDb2xvcnM7XG59O1xuXG5leHBvcnQgY29uc3QgcHJvdmlkZXJQcm9wcyA9IHZhcmlhbmNlLmNvbXBvc2UoXG4gIGxheW91dCxcbiAgY29sb3IsXG4gIGdyaWQsXG4gIGZsZXgsXG4gIHBvc2l0aW9uaW5nLFxuICBzcGFjZSxcbiAgYm9yZGVyLFxuICBiYWNrZ3JvdW5kXG4pO1xuXG5leHBvcnQgY29uc3QgbW9kZUNvbG9yUHJvcHMgPSAoe1xuICB0aGVtZSxcbiAgbW9kZSxcbn06IFRoZW1lUHJvcHM8eyBtb2RlPzogQ29sb3JNb2RlcyB9PikgPT4ge1xuICBpZiAoIXRoZW1lIHx8ICFtb2RlIHx8IG1vZGUgPT09IHRoZW1lPy5tb2RlKSByZXR1cm4ge307XG4gIGNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZTtcbiAgcmV0dXJuIHNlcmlhbGl6ZVRva2VucyhcbiAgICBtYXBWYWx1ZXModGhlbWU/Lm1vZGVzW21vZGVdLCAoY29sb3IpID0+IGNvbG9yc1tjb2xvcl0pLFxuICAgICdjb2xvcicsXG4gICAgdGhlbWVcbiAgKS52YXJpYWJsZXM7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gdXNlQ29sb3JNb2RlcygpOiBbXG4gIENvbG9yTW9kZXMsXG4gIENvbG9yTW9kZVNoYXBlLFxuICBDb2xvck1vZGVDb25maWcsXG4gIChjb2xvcjogQ29sb3JzKSA9PiBzdHJpbmdcbl0ge1xuICBjb25zdCB7IG1vZGUsIG1vZGVzLCBfZ2V0Q29sb3JWYWx1ZTogZ2V0Q29sb3JWYWx1ZSB9ID0gdXNlVGhlbWUoKSB8fCB7fTtcbiAgcmV0dXJuIFttb2RlLCBtb2Rlcz8uW21vZGVdLCBtb2RlcywgZ2V0Q29sb3JWYWx1ZV07XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VDdXJyZW50TW9kZShtb2RlPzogQ29sb3JNb2Rlcykge1xuICBjb25zdCBbYWN0aXZlTW9kZV0gPSB1c2VDb2xvck1vZGVzKCk7XG4gIHJldHVybiBtb2RlID8/IGFjdGl2ZU1vZGU7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VQcmVmZXJzRGFya01vZGUoKSB7XG4gIGNvbnN0IFtwcmVmZXJzRGFya01vZGUsIHNldFByZWZlcnNEYXJrTW9kZV0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBtcSA9IHdpbmRvdy5tYXRjaE1lZGlhKCcocHJlZmVycy1jb2xvci1zY2hlbWU6IGRhcmspJyk7XG5cbiAgICBmdW5jdGlvbiBvbkNoYW5nZShldmVudDogTWVkaWFRdWVyeUxpc3RFdmVudCkge1xuICAgICAgc2V0UHJlZmVyc0RhcmtNb2RlKGV2ZW50Lm1hdGNoZXMpO1xuICAgIH1cblxuICAgIGlmIChtcSAmJiAnYWRkRXZlbnRMaXN0ZW5lcicgaW4gbXEpIHtcbiAgICAgIHNldFByZWZlcnNEYXJrTW9kZShtcS5tYXRjaGVzKTtcbiAgICAgIG1xLmFkZEV2ZW50TGlzdGVuZXIoJ2NoYW5nZScsIG9uQ2hhbmdlKTtcblxuICAgICAgcmV0dXJuICgpID0+IG1xLnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2NoYW5nZScsIG9uQ2hhbmdlKTtcbiAgICB9XG4gIH0sIFtdKTtcblxuICByZXR1cm4gcHJlZmVyc0RhcmtNb2RlO1xufVxuXG5leHBvcnQgY29uc3QgVmFyaWFibGVQcm92aWRlciA9IHN0eWxlZChcbiAgJ2RpdicsXG4gIHN0eWxlZE9wdGlvbnMoWyd2YXJpYWJsZXMnLCAnYWx3YXlzU2V0VmFyaWFibGVzJ10pXG4pPFxuICBTdHlsZVByb3BzPHR5cGVvZiBwcm92aWRlclByb3BzPiAmIHtcbiAgICB2YXJpYWJsZXM/OiBDU1NPYmplY3Q7XG4gICAgYWx3YXlzU2V0VmFyaWFibGVzPzogYm9vbGVhbjtcbiAgfVxuPigoeyB2YXJpYWJsZXMgfSkgPT4gdmFyaWFibGVzLCBjc3MoeyB0ZXh0Q29sb3I6ICd0ZXh0JyB9KSwgcHJvdmlkZXJQcm9wcyk7XG5cbmV4cG9ydCBjb25zdCBDb2xvck1vZGUgPSBmb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgT21pdDxDb21wb25lbnRQcm9wczx0eXBlb2YgVmFyaWFibGVQcm92aWRlcj4sICdiZyc+ICYgQ29sb3JNb2RlUHJvcHNcbj4oKHsgbW9kZSwgYWx3YXlzU2V0VmFyaWFibGVzLCBiZywgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCB7IG1vZGVzLCBtb2RlOiBhY3RpdmUsIGNvbG9ycyB9ID0gdGhlbWU7XG4gIGNvbnN0IGNvbnRleHRCZyA9IGJnID8gJ2JhY2tncm91bmQtY3VycmVudCcgOiB1bmRlZmluZWQ7XG5cbiAgLyoqIFNlcmlhbGl6ZSBjb2xvciB2YXJpYWJsZXMgZm9yIHRoZSBjdXJyZW50IG1vZGVcbiAgICogMS4gSWYgYWxsIHZhcmlhYmxlcyBhcmUgcmVxdXJpZWQgYWRkIGFsbCBtb2RlIHZhcmlhYmxlcyB0byB0aGUgY3VycmVudCBjb250ZXh0XG4gICAqIDIuIElmIHRoZSB1c2VyIGhhcyBzcGVjaWZpZWQgYSBiYWNrZ3JvdW5kIGNvbG9yIC0gc2V0IHRoYXQgY29sb3IgdG8gdGhlIGN1cnJlbnQtYmdcbiAgICogMy4gSWYgbm90XG4gICAqL1xuICBjb25zdCB7IHZhcmlhYmxlcyB9ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIHNlcmlhbGl6ZVRva2VucyhcbiAgICAgIG1hcFZhbHVlcyhtb2Rlc1ttb2RlXSwgKGNvbG9yLCBrZXkpID0+IHtcbiAgICAgICAgaWYgKGtleSA9PT0gJ2JhY2tncm91bmQtY3VycmVudCcgJiYgdHlwZW9mIGJnICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgICAgIHJldHVybiBjb2xvcnNbYmddO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBjb2xvcnNbY29sb3JdO1xuICAgICAgfSksXG4gICAgICAnY29sb3InLFxuICAgICAgdGhlbWVcbiAgICApO1xuICB9LCBbY29sb3JzLCBtb2RlLCBtb2RlcywgdGhlbWUsIGJnXSk7XG5cbiAgaWYgKGFjdGl2ZSA9PT0gbW9kZSkge1xuICAgIGNvbnN0IHZhcnMgPSBhbHdheXNTZXRWYXJpYWJsZXNcbiAgICAgID8gdmFyaWFibGVzXG4gICAgICA6IHBpY2sodmFyaWFibGVzLCBbJy0tY29sb3ItYmFja2dyb3VuZC1jdXJyZW50J10pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxWYXJpYWJsZVByb3ZpZGVyIHsuLi5yZXN0fSB2YXJpYWJsZXM9e3ZhcnN9IGJnPXtjb250ZXh0Qmd9IHJlZj17cmVmfSAvPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt7IG1vZGUgfX0+XG4gICAgICA8VmFyaWFibGVQcm92aWRlclxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgdmFyaWFibGVzPXt2YXJpYWJsZXN9XG4gICAgICAgIGJnPXtjb250ZXh0Qmd9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgLz5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcbiJdfQ== */");
85
+ }), providerProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Db2xvck1vZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVHZ0MiLCJmaWxlIjoiLi4vc3JjL0NvbG9yTW9kZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBzZXJpYWxpemVUb2tlbnMsXG4gIFN0eWxlUHJvcHMsXG4gIFRoZW1lUHJvcHMsXG4gIHZhcmlhbmNlLFxufSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgeyBDU1NPYmplY3QsIFRoZW1lLCBUaGVtZVByb3ZpZGVyLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1hcFZhbHVlcywgcGljayB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgUmVhY3QsIHtcbiAgQ29tcG9uZW50UHJvcHMsXG4gIGZvcndhcmRSZWYsXG4gIHVzZUVmZmVjdCxcbiAgdXNlTWVtbyxcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgYmFja2dyb3VuZCxcbiAgYm9yZGVyLFxuICBjb2xvcixcbiAgY3NzLFxuICBmbGV4LFxuICBncmlkLFxuICBsYXlvdXQsXG4gIHBvc2l0aW9uaW5nLFxuICBzcGFjZSxcbn0gZnJvbSAnLi92YXJpYW5jZS9wcm9wcyc7XG5pbXBvcnQgeyBzdHlsZWRPcHRpb25zIH0gZnJvbSAnLi92YXJpYW5jZS91dGlscyc7XG5cbmV4cG9ydCB0eXBlIENvbG9ycyA9IGtleW9mIFRoZW1lWydjb2xvcnMnXTtcbmV4cG9ydCB0eXBlIENvbG9yTW9kZUNvbmZpZyA9IFRoZW1lWydtb2RlcyddO1xuZXhwb3J0IHR5cGUgQ29sb3JNb2RlcyA9IGtleW9mIENvbG9yTW9kZUNvbmZpZztcbmV4cG9ydCB0eXBlIENvbG9yTW9kZVNoYXBlID0gQ29sb3JNb2RlQ29uZmlnW0NvbG9yTW9kZXNdO1xuZXhwb3J0IHR5cGUgQ29sb3JBbGlhcyA9IGtleW9mIENvbG9yTW9kZVNoYXBlO1xuXG5leHBvcnQgdHlwZSBDb2xvck1vZGVQcm9wcyA9IHtcbiAgbW9kZTogQ29sb3JNb2RlcyB8ICdzeXN0ZW0nO1xuICBiZz86IENvbG9ycztcbn07XG5cbmV4cG9ydCBjb25zdCBwcm92aWRlclByb3BzID0gdmFyaWFuY2UuY29tcG9zZShcbiAgbGF5b3V0LFxuICBjb2xvcixcbiAgZ3JpZCxcbiAgZmxleCxcbiAgcG9zaXRpb25pbmcsXG4gIHNwYWNlLFxuICBib3JkZXIsXG4gIGJhY2tncm91bmRcbik7XG5cbmV4cG9ydCBjb25zdCBtb2RlQ29sb3JQcm9wcyA9ICh7XG4gIHRoZW1lLFxuICBtb2RlLFxufTogVGhlbWVQcm9wczx7IG1vZGU/OiBDb2xvck1vZGVzIH0+KSA9PiB7XG4gIGlmICghdGhlbWUgfHwgIW1vZGUgfHwgbW9kZSA9PT0gdGhlbWU/Lm1vZGUpIHJldHVybiB7fTtcbiAgY29uc3QgeyBjb2xvcnMgfSA9IHRoZW1lO1xuICByZXR1cm4gc2VyaWFsaXplVG9rZW5zKFxuICAgIG1hcFZhbHVlcyh0aGVtZT8ubW9kZXNbbW9kZV0sIChjb2xvcikgPT4gY29sb3JzW2NvbG9yXSksXG4gICAgJ2NvbG9yJyxcbiAgICB0aGVtZVxuICApLnZhcmlhYmxlcztcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VDb2xvck1vZGVzKCk6IFtcbiAgQ29sb3JNb2RlcyxcbiAgQ29sb3JNb2RlU2hhcGUsXG4gIENvbG9yTW9kZUNvbmZpZyxcbiAgKGNvbG9yOiBDb2xvcnMpID0+IHN0cmluZ1xuXSB7XG4gIGNvbnN0IHsgbW9kZSwgbW9kZXMsIF9nZXRDb2xvclZhbHVlOiBnZXRDb2xvclZhbHVlIH0gPSB1c2VUaGVtZSgpIHx8IHt9O1xuICByZXR1cm4gW21vZGUsIG1vZGVzPy5bbW9kZV0sIG1vZGVzLCBnZXRDb2xvclZhbHVlXTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUN1cnJlbnRNb2RlKG1vZGU/OiBDb2xvck1vZGVzKSB7XG4gIGNvbnN0IFthY3RpdmVNb2RlXSA9IHVzZUNvbG9yTW9kZXMoKTtcbiAgcmV0dXJuIG1vZGUgPz8gYWN0aXZlTW9kZTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHVzZVByZWZlcnNEYXJrTW9kZSgpIHtcbiAgY29uc3QgW3ByZWZlcnNEYXJrTW9kZSwgc2V0UHJlZmVyc0RhcmtNb2RlXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZ1bmN0aW9uIG9uQ2hhbmdlKGV2ZW50OiBNZWRpYVF1ZXJ5TGlzdEV2ZW50KSB7XG4gICAgICBzZXRQcmVmZXJzRGFya01vZGUoZXZlbnQubWF0Y2hlcyk7XG4gICAgfVxuXG4gICAgaWYgKHdpbmRvdykge1xuICAgICAgY29uc3QgbXEgPSB3aW5kb3cubWF0Y2hNZWRpYSgnKHByZWZlcnMtY29sb3Itc2NoZW1lOiBkYXJrKScpO1xuXG4gICAgICBpZiAobXEgJiYgJ2FkZEV2ZW50TGlzdGVuZXInIGluIG1xKSB7XG4gICAgICAgIHNldFByZWZlcnNEYXJrTW9kZShtcS5tYXRjaGVzKTtcbiAgICAgICAgbXEuYWRkRXZlbnRMaXN0ZW5lcignY2hhbmdlJywgb25DaGFuZ2UpO1xuXG4gICAgICAgIHJldHVybiAoKSA9PiBtcS5yZW1vdmVFdmVudExpc3RlbmVyKCdjaGFuZ2UnLCBvbkNoYW5nZSk7XG4gICAgICB9XG4gICAgfVxuICB9LCBbXSk7XG5cbiAgcmV0dXJuIHByZWZlcnNEYXJrTW9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFZhcmlhYmxlUHJvdmlkZXIgPSBzdHlsZWQoXG4gICdkaXYnLFxuICBzdHlsZWRPcHRpb25zKFsndmFyaWFibGVzJywgJ2Fsd2F5c1NldFZhcmlhYmxlcyddKVxuKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgcHJvdmlkZXJQcm9wcz4gJiB7XG4gICAgdmFyaWFibGVzPzogQ1NTT2JqZWN0O1xuICAgIGFsd2F5c1NldFZhcmlhYmxlcz86IGJvb2xlYW47XG4gIH1cbj4oKHsgdmFyaWFibGVzIH0pID0+IHZhcmlhYmxlcywgY3NzKHsgdGV4dENvbG9yOiAndGV4dCcgfSksIHByb3ZpZGVyUHJvcHMpO1xuXG5leHBvcnQgY29uc3QgQ29sb3JNb2RlID0gZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIE9taXQ8Q29tcG9uZW50UHJvcHM8dHlwZW9mIFZhcmlhYmxlUHJvdmlkZXI+LCAnYmcnPiAmIENvbG9yTW9kZVByb3BzXG4+KCh7IG1vZGU6IHByZWZlcmVuY2UsIGFsd2F5c1NldFZhcmlhYmxlcywgYmcsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gIC8vIGNoZWNrcyBpZiB0aGUgdXNlciBoYXMgc2V0ICdzeXN0ZW0nIGFzIHRoZWlyIGNvbG9yIG1vZGUgcHJlZmVyZW5jZVxuICAvLyB0aGVuIHNldHMgdGhlIGNvbG9yIG1vZGVcbiAgY29uc3QgcHJlZmVyc0RhcmtNb2RlID0gdXNlUHJlZmVyc0RhcmtNb2RlKCk7XG4gIGNvbnN0IG1vZGUgPVxuICAgIHByZWZlcmVuY2UgPT09ICdzeXN0ZW0nID8gKHByZWZlcnNEYXJrTW9kZSA/ICdsaWdodCcgOiAnZGFyaycpIDogcHJlZmVyZW5jZTtcblxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgbW9kZXMsIG1vZGU6IGFjdGl2ZSwgY29sb3JzIH0gPSB0aGVtZTtcbiAgY29uc3QgY29udGV4dEJnID0gYmcgPyAnYmFja2dyb3VuZC1jdXJyZW50JyA6IHVuZGVmaW5lZDtcblxuICAvKiogU2VyaWFsaXplIGNvbG9yIHZhcmlhYmxlcyBmb3IgdGhlIGN1cnJlbnQgbW9kZVxuICAgKiAxLiBJZiBhbGwgdmFyaWFibGVzIGFyZSByZXF1aXJlZCBhZGQgYWxsIG1vZGUgdmFyaWFibGVzIHRvIHRoZSBjdXJyZW50IGNvbnRleHRcbiAgICogMi4gSWYgdGhlIHVzZXIgaGFzIHNwZWNpZmllZCBhIGJhY2tncm91bmQgY29sb3IgLSBzZXQgdGhhdCBjb2xvciB0byB0aGUgY3VycmVudC1iZ1xuICAgKiAzLiBJZiBub3RcbiAgICovXG4gIGNvbnN0IHsgdmFyaWFibGVzIH0gPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4gc2VyaWFsaXplVG9rZW5zKFxuICAgICAgbWFwVmFsdWVzKG1vZGVzW21vZGVdLCAoY29sb3IsIGtleSkgPT4ge1xuICAgICAgICBpZiAoa2V5ID09PSAnYmFja2dyb3VuZC1jdXJyZW50JyAmJiB0eXBlb2YgYmcgIT09ICd1bmRlZmluZWQnKSB7XG4gICAgICAgICAgcmV0dXJuIGNvbG9yc1tiZ107XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGNvbG9yc1tjb2xvcl07XG4gICAgICB9KSxcbiAgICAgICdjb2xvcicsXG4gICAgICB0aGVtZVxuICAgICk7XG4gIH0sIFtjb2xvcnMsIG1vZGUsIG1vZGVzLCB0aGVtZSwgYmddKTtcblxuICBpZiAoYWN0aXZlID09PSBtb2RlKSB7XG4gICAgY29uc3QgdmFycyA9IGFsd2F5c1NldFZhcmlhYmxlc1xuICAgICAgPyB2YXJpYWJsZXNcbiAgICAgIDogcGljayh2YXJpYWJsZXMsIFsnLS1jb2xvci1iYWNrZ3JvdW5kLWN1cnJlbnQnXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFZhcmlhYmxlUHJvdmlkZXIgey4uLnJlc3R9IHZhcmlhYmxlcz17dmFyc30gYmc9e2NvbnRleHRCZ30gcmVmPXtyZWZ9IC8+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e3sgbW9kZSB9fT5cbiAgICAgIDxWYXJpYWJsZVByb3ZpZGVyXG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICB2YXJpYWJsZXM9e3ZhcmlhYmxlc31cbiAgICAgICAgYmc9e2NvbnRleHRCZ31cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAvPlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuIl19 */");
84
86
  export var ColorMode = /*#__PURE__*/forwardRef(function ColorMode(_ref4, ref) {
85
- var mode = _ref4.mode,
87
+ var preference = _ref4.mode,
86
88
  alwaysSetVariables = _ref4.alwaysSetVariables,
87
89
  bg = _ref4.bg,
88
90
  rest = _objectWithoutProperties(_ref4, ["mode", "alwaysSetVariables", "bg"]);
89
91
 
92
+ // checks if the user has set 'system' as their color mode preference
93
+ // then sets the color mode
94
+ var prefersDarkMode = usePrefersDarkMode();
95
+ var mode = preference === 'system' ? prefersDarkMode ? 'light' : 'dark' : preference;
90
96
  var theme = useTheme();
91
97
  var modes = theme.modes,
92
98
  active = theme.mode,
93
99
  colors = theme.colors;
94
100
  var contextBg = bg ? 'background-current' : undefined;
95
101
  /** Serialize color variables for the current mode
96
- * 1. If all variables are requried add all mode variables to the current context
102
+ * 1. If all variables are required add all mode variables to the current context
97
103
  * 2. If the user has specified a background color - set that color to the current-bg
98
104
  * 3. If not
99
105
  */
@@ -1 +1 @@
1
- {"version":3,"file":"ColorMode.js","sourceRoot":"","sources":["../src/ColorMode.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EAGf,QAAQ,GACT,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAoB,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,KAAK,EAAE,EAEZ,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,UAAU,EACV,MAAM,EACN,KAAK,EACL,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,WAAW,EACX,KAAK,GACN,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAajD,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAC3C,MAAM,EACN,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,KAAK,EACL,MAAM,EACN,UAAU,CACX,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,IAAI,GAC8B,EAAE,EAAE;IACtC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,IAAI;QAAE,OAAO,EAAE,CAAC;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,OAAO,eAAe,CACpB,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACvD,OAAO,EACP,KAAK,CACN,CAAC,SAAS,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,UAAU,aAAa;IAM3B,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,QAAQ,EAAE,IAAI,EAAE,CAAC;IACxE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,IAAiB;IAC9C,MAAM,CAAC,UAAU,CAAC,GAAG,aAAa,EAAE,CAAC;IACrC,OAAO,IAAI,IAAI,UAAU,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QAE7D,SAAS,QAAQ,CAAC,KAA0B;YAC1C,kBAAkB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;QAED,IAAI,EAAE,IAAI,kBAAkB,IAAI,EAAE,EAAE;YAClC,kBAAkB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;YAC/B,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAExC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;SACzD;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CACpC,KAAK,EACL,aAAa,CAAC,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC,CACnD,CAKC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAGjC,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACnD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC;IAExD;;;;OAIG;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,eAAe,CACpB,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YACpC,IAAI,GAAG,KAAK,oBAAoB,IAAI,OAAO,EAAE,KAAK,WAAW,EAAE;gBAC7D,OAAO,MAAM,CAAC,EAAE,CAAC,CAAC;aACnB;YACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,EACF,OAAO,EACP,KAAK,CACN,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IAErC,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,MAAM,IAAI,GAAG,kBAAkB;YAC7B,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,CAAC,CAAC;QAEpD,OAAO,CACL,oBAAC,gBAAgB,OAAK,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,GAAI,CACzE,CAAC;KACH;IAED,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE;QAC5B,oBAAC,gBAAgB,OACX,IAAI,EACR,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,GACR,CACY,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"ColorMode.js","sourceRoot":"","sources":["../src/ColorMode.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EAGf,QAAQ,GACT,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAoB,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,KAAK,EAAE,EAEZ,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,UAAU,EACV,MAAM,EACN,KAAK,EACL,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,WAAW,EACX,KAAK,GACN,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAajD,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAC3C,MAAM,EACN,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,KAAK,EACL,MAAM,EACN,UAAU,CACX,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,IAAI,GAC8B,EAAE,EAAE;IACtC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,IAAI;QAAE,OAAO,EAAE,CAAC;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,OAAO,eAAe,CACpB,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACvD,OAAO,EACP,KAAK,CACN,CAAC,SAAS,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,UAAU,aAAa;IAM3B,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,QAAQ,EAAE,IAAI,EAAE,CAAC;IACxE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,IAAiB;IAC9C,MAAM,CAAC,UAAU,CAAC,GAAG,aAAa,EAAE,CAAC;IACrC,OAAO,IAAI,IAAI,UAAU,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,QAAQ,CAAC,KAA0B;YAC1C,kBAAkB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;QAED,IAAI,MAAM,EAAE;YACV,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;YAE7D,IAAI,EAAE,IAAI,kBAAkB,IAAI,EAAE,EAAE;gBAClC,kBAAkB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;gBAC/B,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;gBAExC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;aACzD;SACF;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CACpC,KAAK,EACL,aAAa,CAAC,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC,CACnD,CAKC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAGjC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/D,qEAAqE;IACrE,2BAA2B;IAC3B,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;IAC7C,MAAM,IAAI,GACR,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAE9E,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC;IAExD;;;;OAIG;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,eAAe,CACpB,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YACpC,IAAI,GAAG,KAAK,oBAAoB,IAAI,OAAO,EAAE,KAAK,WAAW,EAAE;gBAC7D,OAAO,MAAM,CAAC,EAAE,CAAC,CAAC;aACnB;YACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,EACF,OAAO,EACP,KAAK,CACN,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IAErC,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,MAAM,IAAI,GAAG,kBAAkB;YAC7B,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,4BAA4B,CAAC,CAAC,CAAC;QAEpD,OAAO,CACL,oBAAC,gBAAgB,OAAK,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,GAAI,CACzE,CAAC;KACH;IAED,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE;QAC5B,oBAAC,gBAAgB,OACX,IAAI,EACR,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,GACR,CACY,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -145,7 +145,6 @@ export declare const adminTheme: Record<"breakpoints", {
145
145
  };
146
146
  background: {
147
147
  _: "white";
148
- contrast: "white";
149
148
  current: "white";
150
149
  primary: "beige";
151
150
  selected: "navy-100";
@@ -185,7 +184,6 @@ export declare const adminTheme: Record<"breakpoints", {
185
184
  };
186
185
  background: {
187
186
  _: "navy-800";
188
- contrast: "black";
189
187
  current: "navy-800";
190
188
  primary: "navy-900";
191
189
  selected: "navy-700";
@@ -286,7 +284,6 @@ export declare const adminTheme: Record<"breakpoints", {
286
284
  };
287
285
  background: {
288
286
  _: "white";
289
- contrast: "white";
290
287
  current: "white";
291
288
  primary: "beige";
292
289
  selected: "navy-100";
@@ -327,7 +324,6 @@ export declare const adminTheme: Record<"breakpoints", {
327
324
  };
328
325
  background: {
329
326
  _: "navy-800";
330
- contrast: "black";
331
327
  current: "navy-800";
332
328
  primary: "navy-900";
333
329
  selected: "navy-700";
@@ -510,7 +506,6 @@ export declare const adminTheme: Record<"breakpoints", {
510
506
  };
511
507
  background: {
512
508
  _: "white";
513
- contrast: "white";
514
509
  current: "white";
515
510
  primary: "beige";
516
511
  selected: "navy-100";
@@ -550,7 +545,6 @@ export declare const adminTheme: Record<"breakpoints", {
550
545
  };
551
546
  background: {
552
547
  _: "navy-800";
553
- contrast: "black";
554
548
  current: "navy-800";
555
549
  primary: "navy-900";
556
550
  selected: "navy-700";
@@ -651,7 +645,6 @@ export declare const adminTheme: Record<"breakpoints", {
651
645
  };
652
646
  background: {
653
647
  _: "white";
654
- contrast: "white";
655
648
  current: "white";
656
649
  primary: "beige";
657
650
  selected: "navy-100";
@@ -692,7 +685,6 @@ export declare const adminTheme: Record<"breakpoints", {
692
685
  };
693
686
  background: {
694
687
  _: "navy-800";
695
- contrast: "black";
696
688
  current: "navy-800";
697
689
  primary: "navy-900";
698
690
  selected: "navy-700";
@@ -789,7 +781,7 @@ export declare const adminTheme: Record<"breakpoints", {
789
781
  readonly "gray-200": "#EEEEEE";
790
782
  readonly "gray-600": "#9E9E9E";
791
783
  readonly "gray-900": "#424242";
792
- }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "secondary-hover" | "danger-hover" | "interface-hover") => string;
784
+ }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "secondary-hover" | "danger-hover" | "interface-hover") => string;
793
785
  }> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
794
786
  export declare type AdminThemeShape = typeof adminTheme;
795
787
  export interface AdminTheme extends AdminThemeShape {
@@ -144,7 +144,6 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
144
144
  };
145
145
  background: {
146
146
  _: "white";
147
- contrast: "white";
148
147
  current: "white";
149
148
  primary: "beige";
150
149
  selected: "navy-100";
@@ -184,7 +183,6 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
184
183
  };
185
184
  background: {
186
185
  _: "navy-800";
187
- contrast: "black";
188
186
  current: "navy-800";
189
187
  primary: "navy-900";
190
188
  selected: "navy-700";
@@ -285,7 +283,6 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
285
283
  };
286
284
  background: {
287
285
  _: "white";
288
- contrast: "white";
289
286
  current: "white";
290
287
  primary: "beige";
291
288
  selected: "navy-100";
@@ -326,7 +323,6 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
326
323
  };
327
324
  background: {
328
325
  _: "navy-800";
329
- contrast: "black";
330
326
  current: "navy-800";
331
327
  primary: "navy-900";
332
328
  selected: "navy-700";
@@ -28,7 +28,6 @@ export var coreTheme = createTheme({
28
28
  },
29
29
  background: {
30
30
  _: 'white',
31
- contrast: 'white',
32
31
  current: 'white',
33
32
  primary: 'beige',
34
33
  selected: 'navy-100',
@@ -69,7 +68,6 @@ export var coreTheme = createTheme({
69
68
  },
70
69
  background: {
71
70
  _: 'navy-800',
72
- contrast: 'black',
73
71
  current: 'navy-800',
74
72
  primary: 'navy-900',
75
73
  selected: 'navy-700',
@@ -1 +1 @@
1
- {"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,QAAQ,EAAE,OAAO;YACjB,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;QACD,SAAS,EAAE;YACT,CAAC,EAAE,WAAW;YACd,KAAK,EAAE,WAAW;SACnB;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,UAAU;SACpB;QACD,UAAU,EAAE;YACV,CAAC,EAAE,UAAU;YACb,QAAQ,EAAE,OAAO;YACjB,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;QACD,SAAS,EAAE;YACT,CAAC,EAAE,YAAY;YACf,KAAK,EAAE,YAAY;SACpB;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"}
1
+ {"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;QACD,SAAS,EAAE;YACT,CAAC,EAAE,WAAW;YACd,KAAK,EAAE,WAAW;SACnB;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,UAAU;SACpB;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;QACD,SAAS,EAAE;YACT,CAAC,EAAE,YAAY;YACf,KAAK,EAAE,YAAY;SACpB;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"}
@@ -155,7 +155,6 @@ export declare const platformTheme: Record<"breakpoints", {
155
155
  };
156
156
  background: {
157
157
  _: "white";
158
- contrast: "white";
159
158
  current: "white";
160
159
  primary: "beige";
161
160
  selected: "navy-100";
@@ -195,7 +194,6 @@ export declare const platformTheme: Record<"breakpoints", {
195
194
  };
196
195
  background: {
197
196
  _: "navy-800";
198
- contrast: "black";
199
197
  current: "navy-800";
200
198
  primary: "navy-900";
201
199
  selected: "navy-700";
@@ -296,7 +294,6 @@ export declare const platformTheme: Record<"breakpoints", {
296
294
  };
297
295
  background: {
298
296
  _: "white";
299
- contrast: "white";
300
297
  current: "white";
301
298
  primary: "beige";
302
299
  selected: "navy-100";
@@ -337,7 +334,6 @@ export declare const platformTheme: Record<"breakpoints", {
337
334
  };
338
335
  background: {
339
336
  _: "navy-800";
340
- contrast: "black";
341
337
  current: "navy-800";
342
338
  primary: "navy-900";
343
339
  selected: "navy-700";
@@ -586,7 +582,6 @@ export declare const platformTheme: Record<"breakpoints", {
586
582
  };
587
583
  background: {
588
584
  _: "white";
589
- contrast: "white";
590
585
  current: "white";
591
586
  primary: "beige";
592
587
  selected: "navy-100";
@@ -626,7 +621,6 @@ export declare const platformTheme: Record<"breakpoints", {
626
621
  };
627
622
  background: {
628
623
  _: "navy-800";
629
- contrast: "black";
630
624
  current: "navy-800";
631
625
  primary: "navy-900";
632
626
  selected: "navy-700";
@@ -738,7 +732,6 @@ export declare const platformTheme: Record<"breakpoints", {
738
732
  };
739
733
  background: {
740
734
  _: "white";
741
- contrast: "white";
742
735
  current: "white";
743
736
  primary: "beige";
744
737
  selected: "navy-100";
@@ -779,7 +772,6 @@ export declare const platformTheme: Record<"breakpoints", {
779
772
  };
780
773
  background: {
781
774
  _: "navy-800";
782
- contrast: "black";
783
775
  current: "navy-800";
784
776
  primary: "navy-900";
785
777
  selected: "navy-700";
@@ -931,7 +923,7 @@ export declare const platformTheme: Record<"breakpoints", {
931
923
  readonly "gray-200": "#EEEEEE";
932
924
  readonly "gray-600": "#9E9E9E";
933
925
  readonly "gray-900": "#424242";
934
- }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "secondary-hover" | "danger-hover" | "interface-hover" | import("@codecademy/variance").Path<{
926
+ }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "secondary-hover" | "danger-hover" | "interface-hover" | import("@codecademy/variance").Path<{
935
927
  readonly lightBeige: "#FFFBF8";
936
928
  readonly gold: "#8A7300";
937
929
  readonly teal: "#027E97";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@codecademy/gamut-styles",
3
3
  "description": "Styleguide & Component library for codecademy.com",
4
- "version": "13.2.1-alpha.db1dce.0",
4
+ "version": "13.2.1-alpha.e00b8d.0",
5
5
  "author": "Jake Hiller <jake@codecademy.com>",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
@@ -39,5 +39,5 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "fee5110072b7d3aa54b6390573b4d021cefb7617"
42
+ "gitHead": "856107ff55a561dcfd106d2bbea15f7ffd8c271c"
43
43
  }