@codecademy/gamut-styles 13.1.0 → 13.1.1-alpha.76dfa1.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,6 +1,6 @@
1
- @codecademy/gamut-styles:build: cache hit, replaying output 9562eb125e89c411
1
+ @codecademy/gamut-styles:build: cache hit, replaying output e676f56814a8b82f
2
2
  @codecademy/gamut-styles:build: $ yarn build:clean && yarn build:compile && yarn build:transpile
3
3
  @codecademy/gamut-styles:build: $ rm -rf ./dist
4
4
  @codecademy/gamut-styles:build: $ tsc
5
5
  @codecademy/gamut-styles:build: $ babel ./src --out-dir ./dist --copy-files --extensions ".ts,.tsx"
6
- @codecademy/gamut-styles:build: Successfully compiled 45 files with Babel (1466ms).
6
+ @codecademy/gamut-styles:build: Successfully compiled 45 files with Babel (1605ms).
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
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.1.1-alpha.76dfa1.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@13.1.0...@codecademy/gamut-styles@13.1.1-alpha.76dfa1.0) (2022-05-09)
7
+
8
+ **Note:** Version bump only for package @codecademy/gamut-styles
9
+
10
+
11
+
12
+
13
+
6
14
  ## [13.1.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@13.0.2...@codecademy/gamut-styles@13.1.0) (2022-04-13)
7
15
 
8
16
 
package/dist/ColorMode.js CHANGED
@@ -21,7 +21,8 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
21
21
  import { serializeTokens, variance } from '@codecademy/variance';
22
22
  import { ThemeProvider, useTheme } from '@emotion/react';
23
23
  import { mapValues, pick } from 'lodash';
24
- import React, { forwardRef, useEffect, useMemo, useState } from 'react';
24
+ import React, { forwardRef, useMemo, useState } from 'react';
25
+ import { useIsomorphicLayoutEffect } from 'react-use';
25
26
  import { background, border, color, css, flex, grid, layout, positioning, space } from './variance/props';
26
27
  import { styledOptions } from './variance/utils';
27
28
  export var providerProps = variance.compose(layout, color, grid, flex, positioning, space, border, background);
@@ -55,7 +56,7 @@ export function usePrefersDarkMode() {
55
56
  prefersDarkMode = _useState2[0],
56
57
  setPrefersDarkMode = _useState2[1];
57
58
 
58
- useEffect(function () {
59
+ useIsomorphicLayoutEffect(function () {
59
60
  var mq = window.matchMedia('(prefers-color-scheme: dark)');
60
61
  setPrefersDarkMode(mq.matches);
61
62
 
@@ -64,6 +65,9 @@ export function usePrefersDarkMode() {
64
65
  }
65
66
 
66
67
  mq.addEventListener('change', onChange);
68
+ return function () {
69
+ return mq.removeEventListener('change', onChange);
70
+ };
67
71
  }, []);
68
72
  return prefersDarkMode;
69
73
  }
@@ -75,7 +79,7 @@ export var VariableProvider = /*#__PURE__*/_styled('div', _extends({}, {
75
79
  return variables;
76
80
  }, css({
77
81
  textColor: 'text'
78
- }), providerProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Db2xvck1vZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlHZ0MiLCJmaWxlIjoiLi4vc3JjL0NvbG9yTW9kZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBzZXJpYWxpemVUb2tlbnMsXG4gIFN0eWxlUHJvcHMsXG4gIFRoZW1lUHJvcHMsXG4gIHZhcmlhbmNlLFxufSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgeyBDU1NPYmplY3QsIFRoZW1lLCBUaGVtZVByb3ZpZGVyLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1hcFZhbHVlcywgcGljayB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgUmVhY3QsIHtcbiAgQ29tcG9uZW50UHJvcHMsXG4gIGZvcndhcmRSZWYsXG4gIHVzZUVmZmVjdCxcbiAgdXNlTWVtbyxcbiAgdXNlU3RhdGUsXG59IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgYmFja2dyb3VuZCxcbiAgYm9yZGVyLFxuICBjb2xvcixcbiAgY3NzLFxuICBmbGV4LFxuICBncmlkLFxuICBsYXlvdXQsXG4gIHBvc2l0aW9uaW5nLFxuICBzcGFjZSxcbn0gZnJvbSAnLi92YXJpYW5jZS9wcm9wcyc7XG5pbXBvcnQgeyBzdHlsZWRPcHRpb25zIH0gZnJvbSAnLi92YXJpYW5jZS91dGlscyc7XG5cbmV4cG9ydCB0eXBlIENvbG9ycyA9IGtleW9mIFRoZW1lWydjb2xvcnMnXTtcbmV4cG9ydCB0eXBlIENvbG9yTW9kZUNvbmZpZyA9IFRoZW1lWydtb2RlcyddO1xuZXhwb3J0IHR5cGUgQ29sb3JNb2RlcyA9IGtleW9mIENvbG9yTW9kZUNvbmZpZztcbmV4cG9ydCB0eXBlIENvbG9yTW9kZVNoYXBlID0gQ29sb3JNb2RlQ29uZmlnW0NvbG9yTW9kZXNdO1xuZXhwb3J0IHR5cGUgQ29sb3JBbGlhcyA9IGtleW9mIENvbG9yTW9kZVNoYXBlO1xuXG5leHBvcnQgdHlwZSBDb2xvck1vZGVQcm9wcyA9IHtcbiAgbW9kZTogQ29sb3JNb2RlcztcbiAgYmc/OiBDb2xvcnM7XG59O1xuXG5leHBvcnQgY29uc3QgcHJvdmlkZXJQcm9wcyA9IHZhcmlhbmNlLmNvbXBvc2UoXG4gIGxheW91dCxcbiAgY29sb3IsXG4gIGdyaWQsXG4gIGZsZXgsXG4gIHBvc2l0aW9uaW5nLFxuICBzcGFjZSxcbiAgYm9yZGVyLFxuICBiYWNrZ3JvdW5kXG4pO1xuXG5leHBvcnQgY29uc3QgbW9kZUNvbG9yUHJvcHMgPSAoe1xuICB0aGVtZSxcbiAgbW9kZSxcbn06IFRoZW1lUHJvcHM8eyBtb2RlPzogQ29sb3JNb2RlcyB9PikgPT4ge1xuICBpZiAoIXRoZW1lIHx8ICFtb2RlIHx8IG1vZGUgPT09IHRoZW1lPy5tb2RlKSByZXR1cm4ge307XG4gIGNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZTtcbiAgcmV0dXJuIHNlcmlhbGl6ZVRva2VucyhcbiAgICBtYXBWYWx1ZXModGhlbWU/Lm1vZGVzW21vZGVdLCAoY29sb3IpID0+IGNvbG9yc1tjb2xvcl0pLFxuICAgICdjb2xvcicsXG4gICAgdGhlbWVcbiAgKS52YXJpYWJsZXM7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gdXNlQ29sb3JNb2RlcygpOiBbXG4gIENvbG9yTW9kZXMsXG4gIENvbG9yTW9kZVNoYXBlLFxuICBDb2xvck1vZGVDb25maWcsXG4gIChjb2xvcjogQ29sb3JzKSA9PiBzdHJpbmdcbl0ge1xuICBjb25zdCB7IG1vZGUsIG1vZGVzLCBfZ2V0Q29sb3JWYWx1ZTogZ2V0Q29sb3JWYWx1ZSB9ID0gdXNlVGhlbWUoKSB8fCB7fTtcbiAgcmV0dXJuIFttb2RlLCBtb2Rlcz8uW21vZGVdLCBtb2RlcywgZ2V0Q29sb3JWYWx1ZV07XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VDdXJyZW50TW9kZShtb2RlPzogQ29sb3JNb2Rlcykge1xuICBjb25zdCBbYWN0aXZlTW9kZV0gPSB1c2VDb2xvck1vZGVzKCk7XG4gIHJldHVybiBtb2RlID8/IGFjdGl2ZU1vZGU7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VQcmVmZXJzRGFya01vZGUoKSB7XG4gIGNvbnN0IFtwcmVmZXJzRGFya01vZGUsIHNldFByZWZlcnNEYXJrTW9kZV0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBtcSA9IHdpbmRvdy5tYXRjaE1lZGlhKCcocHJlZmVycy1jb2xvci1zY2hlbWU6IGRhcmspJyk7XG4gICAgc2V0UHJlZmVyc0RhcmtNb2RlKG1xLm1hdGNoZXMpO1xuXG4gICAgZnVuY3Rpb24gb25DaGFuZ2UoZXZlbnQ6IE1lZGlhUXVlcnlMaXN0RXZlbnQpIHtcbiAgICAgIHNldFByZWZlcnNEYXJrTW9kZShldmVudC5tYXRjaGVzKTtcbiAgICB9XG5cbiAgICBtcS5hZGRFdmVudExpc3RlbmVyKCdjaGFuZ2UnLCBvbkNoYW5nZSk7XG4gIH0sIFtdKTtcblxuICByZXR1cm4gcHJlZmVyc0RhcmtNb2RlO1xufVxuXG5leHBvcnQgY29uc3QgVmFyaWFibGVQcm92aWRlciA9IHN0eWxlZChcbiAgJ2RpdicsXG4gIHN0eWxlZE9wdGlvbnMoWyd2YXJpYWJsZXMnLCAnYWx3YXlzU2V0VmFyaWFibGVzJ10pXG4pPFxuICBTdHlsZVByb3BzPHR5cGVvZiBwcm92aWRlclByb3BzPiAmIHtcbiAgICB2YXJpYWJsZXM/OiBDU1NPYmplY3Q7XG4gICAgYWx3YXlzU2V0VmFyaWFibGVzPzogYm9vbGVhbjtcbiAgfVxuPigoeyB2YXJpYWJsZXMgfSkgPT4gdmFyaWFibGVzLCBjc3MoeyB0ZXh0Q29sb3I6ICd0ZXh0JyB9KSwgcHJvdmlkZXJQcm9wcyk7XG5cbmV4cG9ydCBjb25zdCBDb2xvck1vZGUgPSBmb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgT21pdDxDb21wb25lbnRQcm9wczx0eXBlb2YgVmFyaWFibGVQcm92aWRlcj4sICdiZyc+ICYgQ29sb3JNb2RlUHJvcHNcbj4oKHsgbW9kZSwgYWx3YXlzU2V0VmFyaWFibGVzLCBiZywgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCB7IG1vZGVzLCBtb2RlOiBhY3RpdmUsIGNvbG9ycyB9ID0gdGhlbWU7XG4gIGNvbnN0IGNvbnRleHRCZyA9IGJnID8gJ2JhY2tncm91bmQtY3VycmVudCcgOiB1bmRlZmluZWQ7XG5cbiAgLyoqIFNlcmlhbGl6ZSBjb2xvciB2YXJpYWJsZXMgZm9yIHRoZSBjdXJyZW50IG1vZGVcbiAgICogMS4gSWYgYWxsIHZhcmlhYmxlcyBhcmUgcmVxdXJpZWQgYWRkIGFsbCBtb2RlIHZhcmlhYmxlcyB0byB0aGUgY3VycmVudCBjb250ZXh0XG4gICAqIDIuIElmIHRoZSB1c2VyIGhhcyBzcGVjaWZpZWQgYSBiYWNrZ3JvdW5kIGNvbG9yIC0gc2V0IHRoYXQgY29sb3IgdG8gdGhlIGN1cnJlbnQtYmdcbiAgICogMy4gSWYgbm90XG4gICAqL1xuICBjb25zdCB7IHZhcmlhYmxlcyB9ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIHNlcmlhbGl6ZVRva2VucyhcbiAgICAgIG1hcFZhbHVlcyhtb2Rlc1ttb2RlXSwgKGNvbG9yLCBrZXkpID0+IHtcbiAgICAgICAgaWYgKGtleSA9PT0gJ2JhY2tncm91bmQtY3VycmVudCcgJiYgdHlwZW9mIGJnICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgICAgIHJldHVybiBjb2xvcnNbYmddO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBjb2xvcnNbY29sb3JdO1xuICAgICAgfSksXG4gICAgICAnY29sb3InLFxuICAgICAgdGhlbWVcbiAgICApO1xuICB9LCBbY29sb3JzLCBtb2RlLCBtb2RlcywgdGhlbWUsIGJnXSk7XG5cbiAgaWYgKGFjdGl2ZSA9PT0gbW9kZSkge1xuICAgIGNvbnN0IHZhcnMgPSBhbHdheXNTZXRWYXJpYWJsZXNcbiAgICAgID8gdmFyaWFibGVzXG4gICAgICA6IHBpY2sodmFyaWFibGVzLCBbJy0tY29sb3ItYmFja2dyb3VuZC1jdXJyZW50J10pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxWYXJpYWJsZVByb3ZpZGVyIHsuLi5yZXN0fSB2YXJpYWJsZXM9e3ZhcnN9IGJnPXtjb250ZXh0Qmd9IHJlZj17cmVmfSAvPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt7IG1vZGUgfX0+XG4gICAgICA8VmFyaWFibGVQcm92aWRlclxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgdmFyaWFibGVzPXt2YXJpYWJsZXN9XG4gICAgICAgIGJnPXtjb250ZXh0Qmd9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgLz5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcbiJdfQ== */");
82
+ }), providerProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Db2xvck1vZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGZ0MiLCJmaWxlIjoiLi4vc3JjL0NvbG9yTW9kZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBzZXJpYWxpemVUb2tlbnMsXG4gIFN0eWxlUHJvcHMsXG4gIFRoZW1lUHJvcHMsXG4gIHZhcmlhbmNlLFxufSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgeyBDU1NPYmplY3QsIFRoZW1lLCBUaGVtZVByb3ZpZGVyLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1hcFZhbHVlcywgcGljayB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHMsIGZvcndhcmRSZWYsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlSXNvbW9ycGhpY0xheW91dEVmZmVjdCB9IGZyb20gJ3JlYWN0LXVzZSc7XG5cbmltcG9ydCB7XG4gIGJhY2tncm91bmQsXG4gIGJvcmRlcixcbiAgY29sb3IsXG4gIGNzcyxcbiAgZmxleCxcbiAgZ3JpZCxcbiAgbGF5b3V0LFxuICBwb3NpdGlvbmluZyxcbiAgc3BhY2UsXG59IGZyb20gJy4vdmFyaWFuY2UvcHJvcHMnO1xuaW1wb3J0IHsgc3R5bGVkT3B0aW9ucyB9IGZyb20gJy4vdmFyaWFuY2UvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBDb2xvcnMgPSBrZXlvZiBUaGVtZVsnY29sb3JzJ107XG5leHBvcnQgdHlwZSBDb2xvck1vZGVDb25maWcgPSBUaGVtZVsnbW9kZXMnXTtcbmV4cG9ydCB0eXBlIENvbG9yTW9kZXMgPSBrZXlvZiBDb2xvck1vZGVDb25maWc7XG5leHBvcnQgdHlwZSBDb2xvck1vZGVTaGFwZSA9IENvbG9yTW9kZUNvbmZpZ1tDb2xvck1vZGVzXTtcbmV4cG9ydCB0eXBlIENvbG9yQWxpYXMgPSBrZXlvZiBDb2xvck1vZGVTaGFwZTtcblxuZXhwb3J0IHR5cGUgQ29sb3JNb2RlUHJvcHMgPSB7XG4gIG1vZGU6IENvbG9yTW9kZXM7XG4gIGJnPzogQ29sb3JzO1xufTtcblxuZXhwb3J0IGNvbnN0IHByb3ZpZGVyUHJvcHMgPSB2YXJpYW5jZS5jb21wb3NlKFxuICBsYXlvdXQsXG4gIGNvbG9yLFxuICBncmlkLFxuICBmbGV4LFxuICBwb3NpdGlvbmluZyxcbiAgc3BhY2UsXG4gIGJvcmRlcixcbiAgYmFja2dyb3VuZFxuKTtcblxuZXhwb3J0IGNvbnN0IG1vZGVDb2xvclByb3BzID0gKHtcbiAgdGhlbWUsXG4gIG1vZGUsXG59OiBUaGVtZVByb3BzPHsgbW9kZT86IENvbG9yTW9kZXMgfT4pID0+IHtcbiAgaWYgKCF0aGVtZSB8fCAhbW9kZSB8fCBtb2RlID09PSB0aGVtZT8ubW9kZSkgcmV0dXJuIHt9O1xuICBjb25zdCB7IGNvbG9ycyB9ID0gdGhlbWU7XG4gIHJldHVybiBzZXJpYWxpemVUb2tlbnMoXG4gICAgbWFwVmFsdWVzKHRoZW1lPy5tb2Rlc1ttb2RlXSwgKGNvbG9yKSA9PiBjb2xvcnNbY29sb3JdKSxcbiAgICAnY29sb3InLFxuICAgIHRoZW1lXG4gICkudmFyaWFibGVzO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUNvbG9yTW9kZXMoKTogW1xuICBDb2xvck1vZGVzLFxuICBDb2xvck1vZGVTaGFwZSxcbiAgQ29sb3JNb2RlQ29uZmlnLFxuICAoY29sb3I6IENvbG9ycykgPT4gc3RyaW5nXG5dIHtcbiAgY29uc3QgeyBtb2RlLCBtb2RlcywgX2dldENvbG9yVmFsdWU6IGdldENvbG9yVmFsdWUgfSA9IHVzZVRoZW1lKCkgfHwge307XG4gIHJldHVybiBbbW9kZSwgbW9kZXM/Llttb2RlXSwgbW9kZXMsIGdldENvbG9yVmFsdWVdO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdXNlQ3VycmVudE1vZGUobW9kZT86IENvbG9yTW9kZXMpIHtcbiAgY29uc3QgW2FjdGl2ZU1vZGVdID0gdXNlQ29sb3JNb2RlcygpO1xuICByZXR1cm4gbW9kZSA/PyBhY3RpdmVNb2RlO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdXNlUHJlZmVyc0RhcmtNb2RlKCkge1xuICBjb25zdCBbcHJlZmVyc0RhcmtNb2RlLCBzZXRQcmVmZXJzRGFya01vZGVdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIHVzZUlzb21vcnBoaWNMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IG1xID0gd2luZG93Lm1hdGNoTWVkaWEoJyhwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyayknKTtcbiAgICBzZXRQcmVmZXJzRGFya01vZGUobXEubWF0Y2hlcyk7XG5cbiAgICBmdW5jdGlvbiBvbkNoYW5nZShldmVudDogTWVkaWFRdWVyeUxpc3RFdmVudCkge1xuICAgICAgc2V0UHJlZmVyc0RhcmtNb2RlKGV2ZW50Lm1hdGNoZXMpO1xuICAgIH1cblxuICAgIG1xLmFkZEV2ZW50TGlzdGVuZXIoJ2NoYW5nZScsIG9uQ2hhbmdlKTtcbiAgICByZXR1cm4gKCkgPT4gbXEucmVtb3ZlRXZlbnRMaXN0ZW5lcignY2hhbmdlJywgb25DaGFuZ2UpO1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIHByZWZlcnNEYXJrTW9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFZhcmlhYmxlUHJvdmlkZXIgPSBzdHlsZWQoXG4gICdkaXYnLFxuICBzdHlsZWRPcHRpb25zKFsndmFyaWFibGVzJywgJ2Fsd2F5c1NldFZhcmlhYmxlcyddKVxuKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgcHJvdmlkZXJQcm9wcz4gJiB7XG4gICAgdmFyaWFibGVzPzogQ1NTT2JqZWN0O1xuICAgIGFsd2F5c1NldFZhcmlhYmxlcz86IGJvb2xlYW47XG4gIH1cbj4oKHsgdmFyaWFibGVzIH0pID0+IHZhcmlhYmxlcywgY3NzKHsgdGV4dENvbG9yOiAndGV4dCcgfSksIHByb3ZpZGVyUHJvcHMpO1xuXG5leHBvcnQgY29uc3QgQ29sb3JNb2RlID0gZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIE9taXQ8Q29tcG9uZW50UHJvcHM8dHlwZW9mIFZhcmlhYmxlUHJvdmlkZXI+LCAnYmcnPiAmIENvbG9yTW9kZVByb3BzXG4+KCh7IG1vZGUsIGFsd2F5c1NldFZhcmlhYmxlcywgYmcsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgeyBtb2RlcywgbW9kZTogYWN0aXZlLCBjb2xvcnMgfSA9IHRoZW1lO1xuICBjb25zdCBjb250ZXh0QmcgPSBiZyA/ICdiYWNrZ3JvdW5kLWN1cnJlbnQnIDogdW5kZWZpbmVkO1xuXG4gIC8qKiBTZXJpYWxpemUgY29sb3IgdmFyaWFibGVzIGZvciB0aGUgY3VycmVudCBtb2RlXG4gICAqIDEuIElmIGFsbCB2YXJpYWJsZXMgYXJlIHJlcXVyaWVkIGFkZCBhbGwgbW9kZSB2YXJpYWJsZXMgdG8gdGhlIGN1cnJlbnQgY29udGV4dFxuICAgKiAyLiBJZiB0aGUgdXNlciBoYXMgc3BlY2lmaWVkIGEgYmFja2dyb3VuZCBjb2xvciAtIHNldCB0aGF0IGNvbG9yIHRvIHRoZSBjdXJyZW50LWJnXG4gICAqIDMuIElmIG5vdFxuICAgKi9cbiAgY29uc3QgeyB2YXJpYWJsZXMgfSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBzZXJpYWxpemVUb2tlbnMoXG4gICAgICBtYXBWYWx1ZXMobW9kZXNbbW9kZV0sIChjb2xvciwga2V5KSA9PiB7XG4gICAgICAgIGlmIChrZXkgPT09ICdiYWNrZ3JvdW5kLWN1cnJlbnQnICYmIHR5cGVvZiBiZyAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgICByZXR1cm4gY29sb3JzW2JnXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gY29sb3JzW2NvbG9yXTtcbiAgICAgIH0pLFxuICAgICAgJ2NvbG9yJyxcbiAgICAgIHRoZW1lXG4gICAgKTtcbiAgfSwgW2NvbG9ycywgbW9kZSwgbW9kZXMsIHRoZW1lLCBiZ10pO1xuXG4gIGlmIChhY3RpdmUgPT09IG1vZGUpIHtcbiAgICBjb25zdCB2YXJzID0gYWx3YXlzU2V0VmFyaWFibGVzXG4gICAgICA/IHZhcmlhYmxlc1xuICAgICAgOiBwaWNrKHZhcmlhYmxlcywgWyctLWNvbG9yLWJhY2tncm91bmQtY3VycmVudCddKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VmFyaWFibGVQcm92aWRlciB7Li4ucmVzdH0gdmFyaWFibGVzPXt2YXJzfSBiZz17Y29udGV4dEJnfSByZWY9e3JlZn0gLz5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17eyBtb2RlIH19PlxuICAgICAgPFZhcmlhYmxlUHJvdmlkZXJcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHZhcmlhYmxlcz17dmFyaWFibGVzfVxuICAgICAgICBiZz17Y29udGV4dEJnfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgIC8+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG4iXX0= */");
79
83
  export var ColorMode = /*#__PURE__*/forwardRef(function ColorMode(_ref4, ref) {
80
84
  var mode = _ref4.mode,
81
85
  alwaysSetVariables = _ref4.alwaysSetVariables,
@@ -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":"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,EAAkB,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAC;AAEtD,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,yBAAyB,CAAC,GAAG,EAAE;QAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QAC7D,kBAAkB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QAE/B,SAAS,QAAQ,CAAC,KAA0B;YAC1C,kBAAkB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;QAED,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC1D,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"}
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.1.0",
4
+ "version": "13.1.1-alpha.76dfa1.0",
5
5
  "author": "Jake Hiller <jake@codecademy.com>",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
@@ -19,7 +19,8 @@
19
19
  "dependencies": {
20
20
  "@codecademy/variance": "^0.20.0",
21
21
  "@emotion/is-prop-valid": "^1.1.0",
22
- "polished": "^4.1.2"
22
+ "polished": "^4.1.2",
23
+ "react-use": "^15.3.8"
23
24
  },
24
25
  "peerDependencies": {
25
26
  "@emotion/cache": "^11.4.0",
@@ -39,5 +40,5 @@
39
40
  "publishConfig": {
40
41
  "access": "public"
41
42
  },
42
- "gitHead": "285526a7aac5569beb8e10ae4a1d81258cf68851"
43
+ "gitHead": "610006486868b291eacaa4a01fda5695ed94cb3b"
43
44
  }