@codecademy/gamut-styles 13.2.1-alpha.f46e91.0 → 13.3.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 d93af4c3b773f942
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 (1625ms).
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 (1641ms).
package/CHANGELOG.md CHANGED
@@ -3,11 +3,12 @@
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.f46e91.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@13.2.0...@codecademy/gamut-styles@13.2.1-alpha.f46e91.0) (2022-07-12)
6
+ ## [13.3.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@13.2.0...@codecademy/gamut-styles@13.3.0) (2022-07-15)
7
7
 
8
- **Note:** Version bump only for package @codecademy/gamut-styles
9
8
 
9
+ ### Features
10
10
 
11
+ * **Tooltip:** Add tooltip placements ([8bb047c](https://github.com/Codecademy/gamut/commit/8bb047c61f783b919b04b7c0cc08c5e88fbed00b))
11
12
 
12
13
 
13
14
 
@@ -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 | 'system';
10
+ mode: ColorModes;
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<{
@@ -445,11 +445,7 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
445
445
  readonly property: "borderRightStyle";
446
446
  };
447
447
  readonly borderStyleTop: {
448
- readonly property: "borderTopStyle"; /** Serialize color variables for the current mode
449
- * 1. If all variables are required add all mode variables to the current context
450
- * 2. If the user has specified a background color - set that color to the current-bg
451
- * 3. If not
452
- */
448
+ readonly property: "borderTopStyle";
453
449
  };
454
450
  readonly borderStyleBottom: {
455
451
  readonly property: "borderBottomStyle";
@@ -869,11 +865,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
869
865
  readonly property: "borderRightStyle";
870
866
  }>;
871
867
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
872
- readonly property: "borderTopStyle"; /** Serialize color variables for the current mode
873
- * 1. If all variables are required add all mode variables to the current context
874
- * 2. If the user has specified a background color - set that color to the current-bg
875
- * 3. If not
876
- */
868
+ readonly property: "borderTopStyle";
877
869
  }>;
878
870
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
879
871
  readonly property: "borderBottomStyle";
@@ -1271,11 +1263,7 @@ export declare const ColorMode: React.ForwardRefExoticComponent<Pick<Omit<{
1271
1263
  readonly property: "borderRightStyle";
1272
1264
  }>;
1273
1265
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
1274
- readonly property: "borderTopStyle"; /** Serialize color variables for the current mode
1275
- * 1. If all variables are required add all mode variables to the current context
1276
- * 2. If the user has specified a background color - set that color to the current-bg
1277
- * 3. If not
1278
- */
1266
+ readonly property: "borderTopStyle";
1279
1267
  }>;
1280
1268
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
1281
1269
  readonly property: "borderBottomStyle";
package/dist/ColorMode.js CHANGED
@@ -56,20 +56,18 @@ export function usePrefersDarkMode() {
56
56
  setPrefersDarkMode = _useState2[1];
57
57
 
58
58
  useEffect(function () {
59
+ var mq = window.matchMedia('(prefers-color-scheme: dark)');
60
+
59
61
  function onChange(event) {
60
62
  setPrefersDarkMode(event.matches);
61
63
  }
62
64
 
63
- if (window && 'matchMedia' in 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
- }
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
+ };
73
71
  }
74
72
  }, []);
75
73
  return prefersDarkMode;
@@ -82,24 +80,20 @@ export var VariableProvider = /*#__PURE__*/_styled('div', _extends({}, {
82
80
  return variables;
83
81
  }, css({
84
82
  textColor: 'text'
85
- }), providerProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Db2xvck1vZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVHZ0MiLCJmaWxlIjoiLi4vc3JjL0NvbG9yTW9kZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBzZXJpYWxpemVUb2tlbnMsXG4gIFN0eWxlUHJvcHMsXG4gIFRoZW1lUHJvcHMsXG4gIHZhcmlhbmNlLFxufSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgeyBDU1NPYmplY3QsIFRoZW1lLCBUaGVtZVByb3ZpZGVyLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1hcFZhbHVlcywgcGljayB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgUmVhY3QsIHtcbiAgQ29tcG9uZW50UHJvcHMsXG4gIGZvcndhcmRSZWYsXG4gIHVzZUVmZmVjdCxcbiAgdXNlTWVtbyxcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgYmFja2dyb3VuZCxcbiAgYm9yZGVyLFxuICBjb2xvcixcbiAgY3NzLFxuICBmbGV4LFxuICBncmlkLFxuICBsYXlvdXQsXG4gIHBvc2l0aW9uaW5nLFxuICBzcGFjZSxcbn0gZnJvbSAnLi92YXJpYW5jZS9wcm9wcyc7XG5pbXBvcnQgeyBzdHlsZWRPcHRpb25zIH0gZnJvbSAnLi92YXJpYW5jZS91dGlscyc7XG5cbmV4cG9ydCB0eXBlIENvbG9ycyA9IGtleW9mIFRoZW1lWydjb2xvcnMnXTtcbmV4cG9ydCB0eXBlIENvbG9yTW9kZUNvbmZpZyA9IFRoZW1lWydtb2RlcyddO1xuZXhwb3J0IHR5cGUgQ29sb3JNb2RlcyA9IGtleW9mIENvbG9yTW9kZUNvbmZpZztcbmV4cG9ydCB0eXBlIENvbG9yTW9kZVNoYXBlID0gQ29sb3JNb2RlQ29uZmlnW0NvbG9yTW9kZXNdO1xuZXhwb3J0IHR5cGUgQ29sb3JBbGlhcyA9IGtleW9mIENvbG9yTW9kZVNoYXBlO1xuXG5leHBvcnQgdHlwZSBDb2xvck1vZGVQcm9wcyA9IHtcbiAgbW9kZTogQ29sb3JNb2RlcyB8ICdzeXN0ZW0nO1xuICBiZz86IENvbG9ycztcbn07XG5cbmV4cG9ydCBjb25zdCBwcm92aWRlclByb3BzID0gdmFyaWFuY2UuY29tcG9zZShcbiAgbGF5b3V0LFxuICBjb2xvcixcbiAgZ3JpZCxcbiAgZmxleCxcbiAgcG9zaXRpb25pbmcsXG4gIHNwYWNlLFxuICBib3JkZXIsXG4gIGJhY2tncm91bmRcbik7XG5cbmV4cG9ydCBjb25zdCBtb2RlQ29sb3JQcm9wcyA9ICh7XG4gIHRoZW1lLFxuICBtb2RlLFxufTogVGhlbWVQcm9wczx7IG1vZGU/OiBDb2xvck1vZGVzIH0+KSA9PiB7XG4gIGlmICghdGhlbWUgfHwgIW1vZGUgfHwgbW9kZSA9PT0gdGhlbWU/Lm1vZGUpIHJldHVybiB7fTtcbiAgY29uc3QgeyBjb2xvcnMgfSA9IHRoZW1lO1xuICByZXR1cm4gc2VyaWFsaXplVG9rZW5zKFxuICAgIG1hcFZhbHVlcyh0aGVtZT8ubW9kZXNbbW9kZV0sIChjb2xvcikgPT4gY29sb3JzW2NvbG9yXSksXG4gICAgJ2NvbG9yJyxcbiAgICB0aGVtZVxuICApLnZhcmlhYmxlcztcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VDb2xvck1vZGVzKCk6IFtcbiAgQ29sb3JNb2RlcyxcbiAgQ29sb3JNb2RlU2hhcGUsXG4gIENvbG9yTW9kZUNvbmZpZyxcbiAgKGNvbG9yOiBDb2xvcnMpID0+IHN0cmluZ1xuXSB7XG4gIGNvbnN0IHsgbW9kZSwgbW9kZXMsIF9nZXRDb2xvclZhbHVlOiBnZXRDb2xvclZhbHVlIH0gPSB1c2VUaGVtZSgpIHx8IHt9O1xuICByZXR1cm4gW21vZGUsIG1vZGVzPy5bbW9kZV0sIG1vZGVzLCBnZXRDb2xvclZhbHVlXTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUN1cnJlbnRNb2RlKG1vZGU/OiBDb2xvck1vZGVzKSB7XG4gIGNvbnN0IFthY3RpdmVNb2RlXSA9IHVzZUNvbG9yTW9kZXMoKTtcbiAgcmV0dXJuIG1vZGUgPz8gYWN0aXZlTW9kZTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHVzZVByZWZlcnNEYXJrTW9kZSgpIHtcbiAgY29uc3QgW3ByZWZlcnNEYXJrTW9kZSwgc2V0UHJlZmVyc0RhcmtNb2RlXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZ1bmN0aW9uIG9uQ2hhbmdlKGV2ZW50OiBNZWRpYVF1ZXJ5TGlzdEV2ZW50KSB7XG4gICAgICBzZXRQcmVmZXJzRGFya01vZGUoZXZlbnQubWF0Y2hlcyk7XG4gICAgfVxuXG4gICAgaWYgKHdpbmRvdyAmJiAnbWF0Y2hNZWRpYScgaW4gd2luZG93KSB7XG4gICAgICBjb25zdCBtcSA9IHdpbmRvdy5tYXRjaE1lZGlhKCcocHJlZmVycy1jb2xvci1zY2hlbWU6IGRhcmspJyk7XG5cbiAgICAgIGlmIChtcSAmJiAnYWRkRXZlbnRMaXN0ZW5lcicgaW4gbXEpIHtcbiAgICAgICAgc2V0UHJlZmVyc0RhcmtNb2RlKG1xLm1hdGNoZXMpO1xuICAgICAgICBtcS5hZGRFdmVudExpc3RlbmVyKCdjaGFuZ2UnLCBvbkNoYW5nZSk7XG5cbiAgICAgICAgcmV0dXJuICgpID0+IG1xLnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2NoYW5nZScsIG9uQ2hhbmdlKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtdKTtcblxuICByZXR1cm4gcHJlZmVyc0RhcmtNb2RlO1xufVxuXG5leHBvcnQgY29uc3QgVmFyaWFibGVQcm92aWRlciA9IHN0eWxlZChcbiAgJ2RpdicsXG4gIHN0eWxlZE9wdGlvbnMoWyd2YXJpYWJsZXMnLCAnYWx3YXlzU2V0VmFyaWFibGVzJ10pXG4pPFxuICBTdHlsZVByb3BzPHR5cGVvZiBwcm92aWRlclByb3BzPiAmIHtcbiAgICB2YXJpYWJsZXM/OiBDU1NPYmplY3Q7XG4gICAgYWx3YXlzU2V0VmFyaWFibGVzPzogYm9vbGVhbjtcbiAgfVxuPigoeyB2YXJpYWJsZXMgfSkgPT4gdmFyaWFibGVzLCBjc3MoeyB0ZXh0Q29sb3I6ICd0ZXh0JyB9KSwgcHJvdmlkZXJQcm9wcyk7XG5cbmV4cG9ydCBjb25zdCBDb2xvck1vZGUgPSBmb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgT21pdDxDb21wb25lbnRQcm9wczx0eXBlb2YgVmFyaWFibGVQcm92aWRlcj4sICdiZyc+ICYgQ29sb3JNb2RlUHJvcHNcbj4oKHsgbW9kZTogcHJlZmVyZW5jZSwgYWx3YXlzU2V0VmFyaWFibGVzLCBiZywgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgLy8gY2hlY2tzIGlmIHRoZSB1c2VyIGhhcyBzZXQgJ3N5c3RlbScgYXMgdGhlaXIgY29sb3IgbW9kZSBwcmVmZXJlbmNlXG4gIC8vIHRoZW4gc2V0cyB0aGUgY29sb3IgbW9kZVxuICBjb25zdCBwcmVmZXJzRGFya01vZGUgPSB1c2VQcmVmZXJzRGFya01vZGUoKTtcbiAgY29uc3QgbW9kZSA9XG4gICAgcHJlZmVyZW5jZSA9PT0gJ3N5c3RlbScgPyAocHJlZmVyc0RhcmtNb2RlID8gJ2RhcmsnIDogJ2xpZ2h0JykgOiBwcmVmZXJlbmNlO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgeyBtb2RlcywgbW9kZTogYWN0aXZlLCBjb2xvcnMgfSA9IHRoZW1lO1xuICBjb25zdCBjb250ZXh0QmcgPSBiZyA/ICdiYWNrZ3JvdW5kLWN1cnJlbnQnIDogdW5kZWZpbmVkO1xuXG4gIC8qKiBTZXJpYWxpemUgY29sb3IgdmFyaWFibGVzIGZvciB0aGUgY3VycmVudCBtb2RlXG4gICAqIDEuIElmIGFsbCB2YXJpYWJsZXMgYXJlIHJlcXVpcmVkIGFkZCBhbGwgbW9kZSB2YXJpYWJsZXMgdG8gdGhlIGN1cnJlbnQgY29udGV4dFxuICAgKiAyLiBJZiB0aGUgdXNlciBoYXMgc3BlY2lmaWVkIGEgYmFja2dyb3VuZCBjb2xvciAtIHNldCB0aGF0IGNvbG9yIHRvIHRoZSBjdXJyZW50LWJnXG4gICAqIDMuIElmIG5vdFxuICAgKi9cbiAgY29uc3QgeyB2YXJpYWJsZXMgfSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBzZXJpYWxpemVUb2tlbnMoXG4gICAgICBtYXBWYWx1ZXMobW9kZXNbbW9kZV0sIChjb2xvciwga2V5KSA9PiB7XG4gICAgICAgIGlmIChrZXkgPT09ICdiYWNrZ3JvdW5kLWN1cnJlbnQnICYmIHR5cGVvZiBiZyAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgICByZXR1cm4gY29sb3JzW2JnXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gY29sb3JzW2NvbG9yXTtcbiAgICAgIH0pLFxuICAgICAgJ2NvbG9yJyxcbiAgICAgIHRoZW1lXG4gICAgKTtcbiAgfSwgW2NvbG9ycywgbW9kZSwgbW9kZXMsIHRoZW1lLCBiZ10pO1xuXG4gIGlmIChhY3RpdmUgPT09IG1vZGUpIHtcbiAgICBjb25zdCB2YXJzID0gYWx3YXlzU2V0VmFyaWFibGVzXG4gICAgICA/IHZhcmlhYmxlc1xuICAgICAgOiBwaWNrKHZhcmlhYmxlcywgWyctLWNvbG9yLWJhY2tncm91bmQtY3VycmVudCddKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VmFyaWFibGVQcm92aWRlciB7Li4ucmVzdH0gdmFyaWFibGVzPXt2YXJzfSBiZz17Y29udGV4dEJnfSByZWY9e3JlZn0gLz5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17eyBtb2RlIH19PlxuICAgICAgPFZhcmlhYmxlUHJvdmlkZXJcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHZhcmlhYmxlcz17dmFyaWFibGVzfVxuICAgICAgICBiZz17Y29udGV4dEJnfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgIC8+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG4iXX0= */");
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== */");
86
84
  export var ColorMode = /*#__PURE__*/forwardRef(function ColorMode(_ref4, ref) {
87
- var preference = _ref4.mode,
85
+ var mode = _ref4.mode,
88
86
  alwaysSetVariables = _ref4.alwaysSetVariables,
89
87
  bg = _ref4.bg,
90
88
  rest = _objectWithoutProperties(_ref4, ["mode", "alwaysSetVariables", "bg"]);
91
89
 
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 ? 'dark' : 'light' : preference;
96
90
  var theme = useTheme();
97
91
  var modes = theme.modes,
98
92
  active = theme.mode,
99
93
  colors = theme.colors;
100
94
  var contextBg = bg ? 'background-current' : undefined;
101
95
  /** Serialize color variables for the current mode
102
- * 1. If all variables are required add all mode variables to the current context
96
+ * 1. If all variables are requried add all mode variables to the current context
103
97
  * 2. If the user has specified a background color - set that color to the current-bg
104
98
  * 3. If not
105
99
  */
@@ -1 +1 @@
1
- {"version":3,"file":"ColorMode.js","sourceRoot":"","sources":["../src/ColorMode.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ColorMode.js","sourceRoot":"","sources":["../src/ColorMode.tsx"],"names":[],"mappings":"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"}
@@ -145,6 +145,7 @@ export declare const adminTheme: Record<"breakpoints", {
145
145
  };
146
146
  background: {
147
147
  _: "white";
148
+ contrast: "white";
148
149
  current: "white";
149
150
  primary: "beige";
150
151
  selected: "navy-100";
@@ -184,6 +185,7 @@ export declare const adminTheme: Record<"breakpoints", {
184
185
  };
185
186
  background: {
186
187
  _: "navy-800";
188
+ contrast: "black";
187
189
  current: "navy-800";
188
190
  primary: "navy-900";
189
191
  selected: "navy-700";
@@ -284,6 +286,7 @@ export declare const adminTheme: Record<"breakpoints", {
284
286
  };
285
287
  background: {
286
288
  _: "white";
289
+ contrast: "white";
287
290
  current: "white";
288
291
  primary: "beige";
289
292
  selected: "navy-100";
@@ -324,6 +327,7 @@ export declare const adminTheme: Record<"breakpoints", {
324
327
  };
325
328
  background: {
326
329
  _: "navy-800";
330
+ contrast: "black";
327
331
  current: "navy-800";
328
332
  primary: "navy-900";
329
333
  selected: "navy-700";
@@ -506,6 +510,7 @@ export declare const adminTheme: Record<"breakpoints", {
506
510
  };
507
511
  background: {
508
512
  _: "white";
513
+ contrast: "white";
509
514
  current: "white";
510
515
  primary: "beige";
511
516
  selected: "navy-100";
@@ -545,6 +550,7 @@ export declare const adminTheme: Record<"breakpoints", {
545
550
  };
546
551
  background: {
547
552
  _: "navy-800";
553
+ contrast: "black";
548
554
  current: "navy-800";
549
555
  primary: "navy-900";
550
556
  selected: "navy-700";
@@ -645,6 +651,7 @@ export declare const adminTheme: Record<"breakpoints", {
645
651
  };
646
652
  background: {
647
653
  _: "white";
654
+ contrast: "white";
648
655
  current: "white";
649
656
  primary: "beige";
650
657
  selected: "navy-100";
@@ -685,6 +692,7 @@ export declare const adminTheme: Record<"breakpoints", {
685
692
  };
686
693
  background: {
687
694
  _: "navy-800";
695
+ contrast: "black";
688
696
  current: "navy-800";
689
697
  primary: "navy-900";
690
698
  selected: "navy-700";
@@ -781,7 +789,7 @@ export declare const adminTheme: Record<"breakpoints", {
781
789
  readonly "gray-200": "#EEEEEE";
782
790
  readonly "gray-600": "#9E9E9E";
783
791
  readonly "gray-900": "#424242";
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;
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;
785
793
  }> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
786
794
  export declare type AdminThemeShape = typeof adminTheme;
787
795
  export interface AdminTheme extends AdminThemeShape {
@@ -144,6 +144,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
144
144
  };
145
145
  background: {
146
146
  _: "white";
147
+ contrast: "white";
147
148
  current: "white";
148
149
  primary: "beige";
149
150
  selected: "navy-100";
@@ -183,6 +184,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
183
184
  };
184
185
  background: {
185
186
  _: "navy-800";
187
+ contrast: "black";
186
188
  current: "navy-800";
187
189
  primary: "navy-900";
188
190
  selected: "navy-700";
@@ -283,6 +285,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
283
285
  };
284
286
  background: {
285
287
  _: "white";
288
+ contrast: "white";
286
289
  current: "white";
287
290
  primary: "beige";
288
291
  selected: "navy-100";
@@ -323,6 +326,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
323
326
  };
324
327
  background: {
325
328
  _: "navy-800";
329
+ contrast: "black";
326
330
  current: "navy-800";
327
331
  primary: "navy-900";
328
332
  selected: "navy-700";
@@ -28,6 +28,7 @@ export var coreTheme = createTheme({
28
28
  },
29
29
  background: {
30
30
  _: 'white',
31
+ contrast: 'white',
31
32
  current: 'white',
32
33
  primary: 'beige',
33
34
  selected: 'navy-100',
@@ -68,6 +69,7 @@ export var coreTheme = createTheme({
68
69
  },
69
70
  background: {
70
71
  _: 'navy-800',
72
+ contrast: 'black',
71
73
  current: 'navy-800',
72
74
  primary: 'navy-900',
73
75
  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,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"}
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"}
@@ -155,6 +155,7 @@ export declare const platformTheme: Record<"breakpoints", {
155
155
  };
156
156
  background: {
157
157
  _: "white";
158
+ contrast: "white";
158
159
  current: "white";
159
160
  primary: "beige";
160
161
  selected: "navy-100";
@@ -194,6 +195,7 @@ export declare const platformTheme: Record<"breakpoints", {
194
195
  };
195
196
  background: {
196
197
  _: "navy-800";
198
+ contrast: "black";
197
199
  current: "navy-800";
198
200
  primary: "navy-900";
199
201
  selected: "navy-700";
@@ -294,6 +296,7 @@ export declare const platformTheme: Record<"breakpoints", {
294
296
  };
295
297
  background: {
296
298
  _: "white";
299
+ contrast: "white";
297
300
  current: "white";
298
301
  primary: "beige";
299
302
  selected: "navy-100";
@@ -334,6 +337,7 @@ export declare const platformTheme: Record<"breakpoints", {
334
337
  };
335
338
  background: {
336
339
  _: "navy-800";
340
+ contrast: "black";
337
341
  current: "navy-800";
338
342
  primary: "navy-900";
339
343
  selected: "navy-700";
@@ -582,6 +586,7 @@ export declare const platformTheme: Record<"breakpoints", {
582
586
  };
583
587
  background: {
584
588
  _: "white";
589
+ contrast: "white";
585
590
  current: "white";
586
591
  primary: "beige";
587
592
  selected: "navy-100";
@@ -621,6 +626,7 @@ export declare const platformTheme: Record<"breakpoints", {
621
626
  };
622
627
  background: {
623
628
  _: "navy-800";
629
+ contrast: "black";
624
630
  current: "navy-800";
625
631
  primary: "navy-900";
626
632
  selected: "navy-700";
@@ -732,6 +738,7 @@ export declare const platformTheme: Record<"breakpoints", {
732
738
  };
733
739
  background: {
734
740
  _: "white";
741
+ contrast: "white";
735
742
  current: "white";
736
743
  primary: "beige";
737
744
  selected: "navy-100";
@@ -772,6 +779,7 @@ export declare const platformTheme: Record<"breakpoints", {
772
779
  };
773
780
  background: {
774
781
  _: "navy-800";
782
+ contrast: "black";
775
783
  current: "navy-800";
776
784
  primary: "navy-900";
777
785
  selected: "navy-700";
@@ -923,7 +931,7 @@ export declare const platformTheme: Record<"breakpoints", {
923
931
  readonly "gray-200": "#EEEEEE";
924
932
  readonly "gray-600": "#9E9E9E";
925
933
  readonly "gray-900": "#424242";
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<{
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<{
927
935
  readonly lightBeige: "#FFFBF8";
928
936
  readonly gold: "#8A7300";
929
937
  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.f46e91.0",
4
+ "version": "13.3.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": "30dfcc94543b422097f62796544701c8bd5f5368"
42
+ "gitHead": "d81502447a8aa6d08d04f62016b0ba0cfdbd5084"
43
43
  }