@codecademy/gamut-styles 17.9.0 → 17.9.1-alpha.15bc3d.0

package/dist/AssetProvider.js

@@ -4,18 +4,15 @@ import { webFonts } from './remoteAssets/fonts';
  * Only preload woff2 fonts, since woff1 are only included as fallbacks.
  */
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-export const createFontLinks = () => webFonts.filter(f => f.extensions.includes('woff2')).map(_ref => {
-  let {
-    filePath
-  } = _ref;
-  return /*#__PURE__*/_jsx("link", {
-    as: "font",
-    crossOrigin: "anonymous",
-    href: `${filePath}.woff2`,
-    rel: "preload",
-    type: "font/woff2"
-  }, filePath);
-});
+export const createFontLinks = () => webFonts.filter(f => f.extensions.includes('woff2')).map(({
+  filePath
+}) => /*#__PURE__*/_jsx("link", {
+  as: "font",
+  crossOrigin: "anonymous",
+  href: `${filePath}.woff2`,
+  rel: "preload",
+  type: "font/woff2"
+}, filePath));
 export const AssetProvider = () => {
   return /*#__PURE__*/_jsx(_Fragment, {
     children: createFontLinks()

package/dist/Background.js

@@ -5,11 +5,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const isColorAlias = (mode, color) => {
   return Object.keys(mode).includes(color);
 };
-export const Background = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    bg,
-    ...rest
-  } = _ref;
+export const Background = /*#__PURE__*/forwardRef(({
+  bg,
+  ...rest
+}, ref) => {
   const [active, activeColors, modes, getColorValue] = useColorModes();
 
   /** If a color alias was used then look up the true color key from the active mode */
@@ -48,11 +47,9 @@ export const Background = /*#__PURE__*/forwardRef((_ref, ref) => {
      * it will likely fail to return a mode outside of the lightest and
      * darkest versions.
      */
-    const [highestContrastMode] = possibleModes.reduce((_ref2, _ref3) => {
-      let [prevMode, prevContrast] = _ref2;
-      let [mode, {
-        text
-      }] = _ref3;
+    const [highestContrastMode] = possibleModes.reduce(([prevMode, prevContrast], [mode, {
+      text
+    }]) => {
       const contrast = getTextContrast(text);
 
       // Keep the higher contrast mode.

package/dist/ColorMode.js

@@ -9,11 +9,10 @@ import { background, border, color, css, flex, grid, layout, positioning, space
 import { styledOptions } from './variance/utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const providerProps = variance.compose(layout, color, grid, flex, positioning, space, border, background);
-export const modeColorProps = _ref => {
-  let {
-    theme,
-    mode
-  } = _ref;
+export const modeColorProps = ({
+  theme,
+  mode
+}) => {
   if (!theme || !mode || mode === theme?.mode) return {};
   const {
     colors
@@ -66,21 +65,17 @@ export function usePrefersDarkMode() {
 export const VariableProvider = /*#__PURE__*/_styled('div', _extends({}, {
   target: "e1skjn880",
   label: "VariableProvider"
-}, styledOptions(['variables', 'alwaysSetVariables'])))(_ref2 => {
-  let {
-    variables
-  } = _ref2;
-  return variables;
-}, css({
+}, styledOptions(['variables', 'alwaysSetVariables'])))(({
+  variables
+}) => variables, css({
   textColor: 'text'
 }), providerProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Db2xvck1vZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9JZ0MiLCJmaWxlIjoiLi4vc3JjL0NvbG9yTW9kZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBzZXJpYWxpemVUb2tlbnMsXG4gIFN0eWxlUHJvcHMsXG4gIFRoZW1lUHJvcHMsXG4gIHZhcmlhbmNlLFxufSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgeyBDU1NPYmplY3QsIFRoZW1lLCBUaGVtZVByb3ZpZGVyLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBtYXBWYWx1ZXMgZnJvbSAnbG9kYXNoL21hcFZhbHVlcyc7XG5pbXBvcnQgcGljayBmcm9tICdsb2Rhc2gvcGljayc7XG5pbXBvcnQge1xuICBDb21wb25lbnRQcm9wcyxcbiAgY3JlYXRlQ29udGV4dCxcbiAgZm9yd2FyZFJlZixcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB0aGVtZSBhcyBHYW11dFRoZW1lIH0gZnJvbSAnLic7XG5pbXBvcnQge1xuICBiYWNrZ3JvdW5kLFxuICBib3JkZXIsXG4gIGNvbG9yLFxuICBjc3MsXG4gIGZsZXgsXG4gIGdyaWQsXG4gIGxheW91dCxcbiAgcG9zaXRpb25pbmcsXG4gIHNwYWNlLFxufSBmcm9tICcuL3ZhcmlhbmNlL3Byb3BzJztcbmltcG9ydCB7IHN0eWxlZE9wdGlvbnMgfSBmcm9tICcuL3ZhcmlhbmNlL3V0aWxzJztcblxuZXhwb3J0IHR5cGUgQ29sb3JzID0ga2V5b2YgVGhlbWVbJ2NvbG9ycyddO1xuZXhwb3J0IHR5cGUgQ29sb3JNb2RlQ29uZmlnID0gVGhlbWVbJ21vZGVzJ107XG5leHBvcnQgdHlwZSBDb2xvck1vZGVzID0ga2V5b2YgQ29sb3JNb2RlQ29uZmlnO1xuZXhwb3J0IHR5cGUgQ29sb3JNb2RlU2hhcGUgPSBDb2xvck1vZGVDb25maWdbQ29sb3JNb2Rlc107XG5leHBvcnQgdHlwZSBDb2xvckFsaWFzID0ga2V5b2YgQ29sb3JNb2RlU2hhcGU7XG5cbmV4cG9ydCB0eXBlIENvbG9yTW9kZVByb3BzID0ge1xuICBtb2RlOiBDb2xvck1vZGVzIHwgJ3N5c3RlbSc7XG4gIGJnPzogQ29sb3JzO1xufTtcblxuZXhwb3J0IGNvbnN0IHByb3ZpZGVyUHJvcHMgPSB2YXJpYW5jZS5jb21wb3NlKFxuICBsYXlvdXQsXG4gIGNvbG9yLFxuICBncmlkLFxuICBmbGV4LFxuICBwb3NpdGlvbmluZyxcbiAgc3BhY2UsXG4gIGJvcmRlcixcbiAgYmFja2dyb3VuZFxuKTtcblxuZXhwb3J0IGNvbnN0IG1vZGVDb2xvclByb3BzID0gKHtcbiAgdGhlbWUsXG4gIG1vZGUsXG59OiBUaGVtZVByb3BzPHsgbW9kZT86IENvbG9yTW9kZXMgfT4pID0+IHtcbiAgaWYgKCF0aGVtZSB8fCAhbW9kZSB8fCBtb2RlID09PSB0aGVtZT8ubW9kZSkgcmV0dXJuIHt9O1xuICBjb25zdCB7IGNvbG9ycyB9ID0gdGhlbWU7XG4gIHJldHVybiBzZXJpYWxpemVUb2tlbnMoXG4gICAgbWFwVmFsdWVzKHRoZW1lPy5tb2Rlc1ttb2RlXSwgKGNvbG9yKSA9PiBjb2xvcnNbY29sb3JdKSxcbiAgICAnY29sb3InLFxuICAgIHRoZW1lXG4gICkudmFyaWFibGVzO1xufTtcblxuaW50ZXJmYWNlIEJhY2tncm91bmRDdXJyZW50Q29udGV4dEludGVyZmFjZSB7XG4gICdiYWNrZ3JvdW5kLWN1cnJlbnQnPzoga2V5b2YgdHlwZW9mIEdhbXV0VGhlbWUuY29sb3JzO1xufVxuXG5jb25zdCBCYWNrZ3JvdW5kQ3VycmVudENvbnRleHQgPVxuICBjcmVhdGVDb250ZXh0PEJhY2tncm91bmRDdXJyZW50Q29udGV4dEludGVyZmFjZT4oe1xuICAgICdiYWNrZ3JvdW5kLWN1cnJlbnQnOiB1bmRlZmluZWQsXG4gIH0pO1xuXG5leHBvcnQgZnVuY3Rpb24gdXNlQ29sb3JNb2RlcygpOiBbXG4gIENvbG9yTW9kZXMsXG4gIENvbG9yTW9kZVNoYXBlLFxuICBDb2xvck1vZGVDb25maWcsXG4gIChjb2xvcjogQ29sb3JzKSA9PiBzdHJpbmdcbl0ge1xuICBjb25zdCBiZ0N1cnJlbnQgPSB1c2VDb250ZXh0KEJhY2tncm91bmRDdXJyZW50Q29udGV4dCk7XG4gIGNvbnN0IHsgbW9kZSwgbW9kZXMsIF9nZXRDb2xvclZhbHVlOiBnZXRDb2xvclZhbHVlIH0gPSB1c2VUaGVtZSgpIHx8IHt9O1xuICBjb25zdCBtb2Rlc0NvcHkgPSB7IC4uLm1vZGVzIH07XG5cbiAgaWYgKFxuICAgIGJnQ3VycmVudFsnYmFja2dyb3VuZC1jdXJyZW50J10gJiZcbiAgICBtb2Rlc0NvcHlbbW9kZV1bJ2JhY2tncm91bmQtY3VycmVudCddICE9PSBiZ0N1cnJlbnRbJ2JhY2tncm91bmQtY3VycmVudCddXG4gICkge1xuICAgIC8qIHNldHMgdGhlIGNvbG9yIHRvIHRoZSBjb3B5IG9mIG91ciBtb2RlcyBvYmplY3QsIGFuZCBjYXN0cyB0aGUgdHlwZSBhcyB0aGUgZGVmYXVsdCBjb2xvciB2YWx1ZXMgZm9yIGJhY2tncm91bmQtY3VycmVudC5cbiAgICB3ZSBjb3VsZCBwb3RlbnRpYWxseSBhbHRlciB0aGUgTWVyZ2UgdHlwZSB1dGlsaXR5IGZ1bmN0aW9uIGZyb20gY3JlYXRlVGhlbWUsIGJ1dCBzaW5jZSAnYmFja2dyb3VuZC1jdXJyZW50JyBpcyB0aGUgb25seSBleGNlcHRpb24gdG8gdGhlIHR5cGUtbWVyZ2luZyBydWxlICBhbmQgdGhpcyBpcyB0aGUgb25seSBwbGFjZSB3ZSBvdmVycmlkZSwgdGhpcyBzZWVtcyB0byBiZSBhIG1vcmUgc3RyYWlnaHRmb3J3YXJkICsgbG93ZXItcmlzayBzb2x1dGlvbi5cbiAgICAqL1xuXG4gICAgbW9kZXNDb3B5W21vZGVdWydiYWNrZ3JvdW5kLWN1cnJlbnQnXSA9IGJnQ3VycmVudFsnYmFja2dyb3VuZC1jdXJyZW50J10gYXNcbiAgICAgIHwgJ3doaXRlJ1xuICAgICAgfCAnbmF2eS04MDAnO1xuICB9XG5cbiAgcmV0dXJuIFttb2RlLCBtb2Rlc0NvcHk/Llttb2RlXSwgbW9kZXMsIGdldENvbG9yVmFsdWVdO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdXNlQ3VycmVudE1vZGUobW9kZT86IENvbG9yTW9kZXMpIHtcbiAgY29uc3QgW2FjdGl2ZU1vZGVdID0gdXNlQ29sb3JNb2RlcygpO1xuICByZXR1cm4gbW9kZSA/PyBhY3RpdmVNb2RlO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdXNlUHJlZmVyc0RhcmtNb2RlKCkge1xuICBjb25zdCBbcHJlZmVyc0RhcmtNb2RlLCBzZXRQcmVmZXJzRGFya01vZGVdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZnVuY3Rpb24gb25DaGFuZ2UoZXZlbnQ6IE1lZGlhUXVlcnlMaXN0RXZlbnQpIHtcbiAgICAgIHNldFByZWZlcnNEYXJrTW9kZShldmVudC5tYXRjaGVzKTtcbiAgICB9XG5cbiAgICBpZiAod2luZG93ICYmICdtYXRjaE1lZGlhJyBpbiB3aW5kb3cpIHtcbiAgICAgIGNvbnN0IG1xID0gd2luZG93Lm1hdGNoTWVkaWEoJyhwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyayknKTtcblxuICAgICAgaWYgKG1xICYmICdhZGRFdmVudExpc3RlbmVyJyBpbiBtcSkge1xuICAgICAgICBzZXRQcmVmZXJzRGFya01vZGUobXEubWF0Y2hlcyk7XG4gICAgICAgIG1xLmFkZEV2ZW50TGlzdGVuZXIoJ2NoYW5nZScsIG9uQ2hhbmdlKTtcblxuICAgICAgICByZXR1cm4gKCkgPT4gbXEucmVtb3ZlRXZlbnRMaXN0ZW5lcignY2hhbmdlJywgb25DaGFuZ2UpO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW10pO1xuXG4gIHJldHVybiBwcmVmZXJzRGFya01vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBWYXJpYWJsZVByb3ZpZGVyID0gc3R5bGVkKFxuICAnZGl2JyxcbiAgc3R5bGVkT3B0aW9ucyhbJ3ZhcmlhYmxlcycsICdhbHdheXNTZXRWYXJpYWJsZXMnXSlcbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIHByb3ZpZGVyUHJvcHM+ICYge1xuICAgIHZhcmlhYmxlcz86IENTU09iamVjdDtcbiAgICBhbHdheXNTZXRWYXJpYWJsZXM/OiBib29sZWFuO1xuICB9XG4+KCh7IHZhcmlhYmxlcyB9KSA9PiB2YXJpYWJsZXMsIGNzcyh7IHRleHRDb2xvcjogJ3RleHQnIH0pLCBwcm92aWRlclByb3BzKTtcblxuZXhwb3J0IGNvbnN0IENvbG9yTW9kZSA9IGZvcndhcmRSZWY8XG4gIEhUTUxEaXZFbGVtZW50LFxuICBPbWl0PENvbXBvbmVudFByb3BzPHR5cGVvZiBWYXJpYWJsZVByb3ZpZGVyPiwgJ2JnJz4gJiBDb2xvck1vZGVQcm9wc1xuPigoeyBtb2RlOiBwcmVmZXJlbmNlLCBhbHdheXNTZXRWYXJpYWJsZXMsIGJnLCAuLi5yZXN0IH0sIHJlZikgPT4ge1xuICAvLyBjaGVja3MgaWYgdGhlIHVzZXIgaGFzIHNldCAnc3lzdGVtJyBhcyB0aGVpciBjb2xvciBtb2RlIHByZWZlcmVuY2VcbiAgLy8gdGhlbiBzZXRzIHRoZSBjb2xvciBtb2RlXG4gIGNvbnN0IHByZWZlcnNEYXJrTW9kZSA9IHVzZVByZWZlcnNEYXJrTW9kZSgpO1xuICBjb25zdCBtb2RlID1cbiAgICBwcmVmZXJlbmNlID09PSAnc3lzdGVtJyA/IChwcmVmZXJzRGFya01vZGUgPyAnZGFyaycgOiAnbGlnaHQnKSA6IHByZWZlcmVuY2U7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCB7IG1vZGVzLCBtb2RlOiBhY3RpdmUsIGNvbG9ycyB9ID0gdGhlbWU7XG4gIGNvbnN0IGNvbnRleHRCZyA9IGJnID8gJ2JhY2tncm91bmQtY3VycmVudCcgOiB1bmRlZmluZWQ7XG4gIC8vIFRoaXMgbWFrZXMgc3VyZSB0aGUgYmFja2dyb3VuZC1jdXJyZW50IGNvbnRleHQgaXMgYWx3YXlzIHNldCB0byB0aGUgY29ycmVjdCBjb2xvciArIG5vdCB0aGUgc2VtYW50aWMgY29sb3IgbmFtZS5cbiAgY29uc3QgY3VycmVudFBhcmVudEJnID0gdXNlQ29udGV4dChCYWNrZ3JvdW5kQ3VycmVudENvbnRleHQpO1xuXG4gIGNvbnN0IGJnQ3VycmVudCA9XG4gICAgYmcgPT09ICdiYWNrZ3JvdW5kLWN1cnJlbnQnXG4gICAgICA/IGN1cnJlbnRQYXJlbnRCZ1snYmFja2dyb3VuZC1jdXJyZW50J11cbiAgICAgICAgPyBjdXJyZW50UGFyZW50QmdbJ2JhY2tncm91bmQtY3VycmVudCddXG4gICAgICAgIDogbW9kZXNbYWN0aXZlXVsnYmFja2dyb3VuZC1jdXJyZW50J11cbiAgICAgIDogYmc7XG5cbiAgLyoqIFNlcmlhbGl6ZSBjb2xvciB2YXJpYWJsZXMgZm9yIHRoZSBjdXJyZW50IG1vZGVcbiAgICogMS4gSWYgYWxsIHZhcmlhYmxlcyBhcmUgcmVxdWlyZWQgYWRkIGFsbCBtb2RlIHZhcmlhYmxlcyB0byB0aGUgY3VycmVudCBjb250ZXh0XG4gICAqIDIuIElmIHRoZSB1c2VyIGhhcyBzcGVjaWZpZWQgYSBiYWNrZ3JvdW5kIGNvbG9yIC0gc2V0IHRoYXQgY29sb3IgdG8gdGhlIGN1cnJlbnQtYmdcbiAgICogMy4gSWYgbm90XG4gICAqL1xuICBjb25zdCB7IHZhcmlhYmxlcyB9ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIHNlcmlhbGl6ZVRva2VucyhcbiAgICAgIG1hcFZhbHVlcyhtb2Rlc1ttb2RlXSwgKGNvbG9yLCBrZXkpID0+IHtcbiAgICAgICAgaWYgKGtleSA9PT0gJ2JhY2tncm91bmQtY3VycmVudCcgJiYgdHlwZW9mIGJnICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgICAgIHJldHVybiBjb2xvcnNbYmddO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBjb2xvcnNbY29sb3JdO1xuICAgICAgfSksXG4gICAgICAnY29sb3InLFxuICAgICAgdGhlbWVcbiAgICApO1xuICB9LCBbY29sb3JzLCBtb2RlLCBtb2RlcywgdGhlbWUsIGJnXSk7XG5cbiAgaWYgKGFjdGl2ZSA9PT0gbW9kZSkge1xuICAgIGNvbnN0IHZhcnMgPSBhbHdheXNTZXRWYXJpYWJsZXNcbiAgICAgID8gdmFyaWFibGVzXG4gICAgICA6IHBpY2sodmFyaWFibGVzLCBbJy0tY29sb3ItYmFja2dyb3VuZC1jdXJyZW50J10pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxCYWNrZ3JvdW5kQ3VycmVudENvbnRleHQuUHJvdmlkZXJcbiAgICAgICAgdmFsdWU9e3sgJ2JhY2tncm91bmQtY3VycmVudCc6IGJnQ3VycmVudCB9fVxuICAgICAgPlxuICAgICAgICA8VmFyaWFibGVQcm92aWRlciB7Li4ucmVzdH0gYmc9e2NvbnRleHRCZ30gcmVmPXtyZWZ9IHZhcmlhYmxlcz17dmFyc30gLz5cbiAgICAgIDwvQmFja2dyb3VuZEN1cnJlbnRDb250ZXh0LlByb3ZpZGVyPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt7IG1vZGUgfX0+XG4gICAgICA8VmFyaWFibGVQcm92aWRlclxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgYmc9e2NvbnRleHRCZ31cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHZhcmlhYmxlcz17dmFyaWFibGVzfVxuICAgICAgLz5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcbiJdfQ== */");
-export const ColorMode = /*#__PURE__*/forwardRef((_ref3, ref) => {
-  let {
-    mode: preference,
-    alwaysSetVariables,
-    bg,
-    ...rest
-  } = _ref3;
+export const ColorMode = /*#__PURE__*/forwardRef(({
+  mode: preference,
+  alwaysSetVariables,
+  bg,
+  ...rest
+}, ref) => {
   // checks if the user has set 'system' as their color mode preference
   // then sets the color mode
   const prefersDarkMode = usePrefersDarkMode();

package/dist/GamutProvider.js

@@ -11,16 +11,15 @@ export const GamutContext = /*#__PURE__*/React.createContext({
   hasCache: false
 });
 GamutContext.displayName = 'GamutContext';
-export const GamutProvider = _ref => {
-  let {
-    children,
-    cache,
-    theme = coreTheme,
-    variables,
-    useGlobals = true,
-    useCache = true,
-    nonce
-  } = _ref;
+export const GamutProvider = ({
+  children,
+  cache,
+  theme = coreTheme,
+  variables,
+  useGlobals = true,
+  useCache = true,
+  nonce
+}) => {
   const {
     hasGlobals,
     hasCache

package/dist/globals/Typography.js

@@ -8,16 +8,13 @@ const {
   fontWeight,
   lineHeight
 } = theme;
-const typographyGlobals = /*#__PURE__*/css(webFonts.map(_ref => {
-  let {
-    name,
-    style = 'normal',
-    weight = 'normal',
-    extensions,
-    filePath
-  } = _ref;
-  return /*#__PURE__*/css("@font-face{font-display:swap;font-family:'", name, "';font-style:", style, ";font-weight:", weight, ";src:", extensions.map(ext => `url("${filePath}.${ext}") format("${ext}")`).join(', '), ";};label:typographyGlobals;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWxzL1R5cG9ncmFwaHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVhIiwiZmlsZSI6Ii4uLy4uL3NyYy9nbG9iYWxzL1R5cG9ncmFwaHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHdlYkZvbnRzIH0gZnJvbSAnLi4vcmVtb3RlQXNzZXRzL2ZvbnRzJztcbmltcG9ydCB7IGNvcmVUaGVtZSBhcyB0aGVtZSB9IGZyb20gJy4uL3RoZW1lcyc7XG5cbmNvbnN0IHsgZm9udFNpemUsIHNwYWNpbmcsIGZvbnRXZWlnaHQsIGxpbmVIZWlnaHQgfSA9IHRoZW1lO1xuXG5jb25zdCB0eXBvZ3JhcGh5R2xvYmFscyA9IGNzc2BcbiAgJHt3ZWJGb250cy5tYXAoXG4gICAgKHtcbiAgICAgIG5hbWUsXG4gICAgICBzdHlsZSA9ICdub3JtYWwnLFxuICAgICAgd2VpZ2h0ID0gJ25vcm1hbCcsXG4gICAgICBleHRlbnNpb25zLFxuICAgICAgZmlsZVBhdGgsXG4gICAgfSkgPT4gY3NzYFxuICAgICAgQGZvbnQtZmFjZSB7XG4gICAgICAgIGZvbnQtZGlzcGxheTogc3dhcDtcbiAgICAgICAgZm9udC1mYW1pbHk6ICcke25hbWV9JztcbiAgICAgICAgZm9udC1zdHlsZTogJHtzdHlsZX07XG4gICAgICAgIGZvbnQtd2VpZ2h0OiAke3dlaWdodH07XG4gICAgICAgIHNyYzogJHtleHRlbnNpb25zXG4gICAgICAgICAgLm1hcCgoZXh0KSA9PiBgdXJsKFwiJHtmaWxlUGF0aH0uJHtleHR9XCIpIGZvcm1hdChcIiR7ZXh0fVwiKWApXG4gICAgICAgICAgLmpvaW4oJywgJyl9O1xuICAgICAgfVxuICAgIGBcbiAgKX1cblxuICBoMSxcbiAgaDIsXG4gIGgzLFxuICBoNCxcbiAgaDUsXG4gIGg2IHtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmdbMTZdfTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0LnRpdGxlfTtcbiAgICBsaW5lLWhlaWdodDogJHtsaW5lSGVpZ2h0LnRpdGxlfTtcbiAgfVxuXG4gIGgxIHtcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVbNjRdfTtcbiAgfVxuICBoMiB7XG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplWzQ0XX07XG4gIH1cbiAgaDMge1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZVszNF19O1xuICB9XG4gIGg0IHtcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVbMjZdfTtcbiAgfVxuICBoNSB7XG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplWzIyXX07XG4gIH1cbiAgaDYge1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZVsyMF19O1xuICB9XG5cbiAgc21hbGwge1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZVsxNF19O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHQuYmFzZX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUeXBvZ3JhcGh5ID0gKCkgPT4gPEdsb2JhbCBzdHlsZXM9e3R5cG9ncmFwaHlHbG9iYWxzfSAvPjtcbiJdfQ== */"));
-}), " h1,h2,h3,h4,h5,h6{margin-bottom:", spacing[16], ";font-weight:", fontWeight.title, ";line-height:", lineHeight.title, ";}h1{font-size:", fontSize[64], ";}h2{font-size:", fontSize[44], ";}h3{font-size:", fontSize[34], ";}h4{font-size:", fontSize[26], ";}h5{font-size:", fontSize[22], ";}h6{font-size:", fontSize[20], ";}small{font-size:", fontSize[14], ";font-weight:", fontWeight.base, ";};label:typographyGlobals;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWxzL1R5cG9ncmFwaHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU82QiIsImZpbGUiOiIuLi8uLi9zcmMvZ2xvYmFscy9UeXBvZ3JhcGh5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB3ZWJGb250cyB9IGZyb20gJy4uL3JlbW90ZUFzc2V0cy9mb250cyc7XG5pbXBvcnQgeyBjb3JlVGhlbWUgYXMgdGhlbWUgfSBmcm9tICcuLi90aGVtZXMnO1xuXG5jb25zdCB7IGZvbnRTaXplLCBzcGFjaW5nLCBmb250V2VpZ2h0LCBsaW5lSGVpZ2h0IH0gPSB0aGVtZTtcblxuY29uc3QgdHlwb2dyYXBoeUdsb2JhbHMgPSBjc3NgXG4gICR7d2ViRm9udHMubWFwKFxuICAgICh7XG4gICAgICBuYW1lLFxuICAgICAgc3R5bGUgPSAnbm9ybWFsJyxcbiAgICAgIHdlaWdodCA9ICdub3JtYWwnLFxuICAgICAgZXh0ZW5zaW9ucyxcbiAgICAgIGZpbGVQYXRoLFxuICAgIH0pID0+IGNzc2BcbiAgICAgIEBmb250LWZhY2Uge1xuICAgICAgICBmb250LWRpc3BsYXk6IHN3YXA7XG4gICAgICAgIGZvbnQtZmFtaWx5OiAnJHtuYW1lfSc7XG4gICAgICAgIGZvbnQtc3R5bGU6ICR7c3R5bGV9O1xuICAgICAgICBmb250LXdlaWdodDogJHt3ZWlnaHR9O1xuICAgICAgICBzcmM6ICR7ZXh0ZW5zaW9uc1xuICAgICAgICAgIC5tYXAoKGV4dCkgPT4gYHVybChcIiR7ZmlsZVBhdGh9LiR7ZXh0fVwiKSBmb3JtYXQoXCIke2V4dH1cIilgKVxuICAgICAgICAgIC5qb2luKCcsICcpfTtcbiAgICAgIH1cbiAgICBgXG4gICl9XG5cbiAgaDEsXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1LFxuICBoNiB7XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nWzE2XX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodC50aXRsZX07XG4gICAgbGluZS1oZWlnaHQ6ICR7bGluZUhlaWdodC50aXRsZX07XG4gIH1cblxuICBoMSB7XG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplWzY0XX07XG4gIH1cbiAgaDIge1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZVs0NF19O1xuICB9XG4gIGgzIHtcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVbMzRdfTtcbiAgfVxuICBoNCB7XG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplWzI2XX07XG4gIH1cbiAgaDUge1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZVsyMl19O1xuICB9XG4gIGg2IHtcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVbMjBdfTtcbiAgfVxuXG4gIHNtYWxsIHtcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVbMTRdfTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0LmJhc2V9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVHlwb2dyYXBoeSA9ICgpID0+IDxHbG9iYWwgc3R5bGVzPXt0eXBvZ3JhcGh5R2xvYmFsc30gLz47XG4iXX0= */"));
+const typographyGlobals = /*#__PURE__*/css(webFonts.map(({
+  name,
+  style = 'normal',
+  weight = 'normal',
+  extensions,
+  filePath
+}) => /*#__PURE__*/css("@font-face{font-display:swap;font-family:'", name, "';font-style:", style, ";font-weight:", weight, ";src:", extensions.map(ext => `url("${filePath}.${ext}") format("${ext}")`).join(', '), ";};label:typographyGlobals;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWxzL1R5cG9ncmFwaHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVhIiwiZmlsZSI6Ii4uLy4uL3NyYy9nbG9iYWxzL1R5cG9ncmFwaHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHdlYkZvbnRzIH0gZnJvbSAnLi4vcmVtb3RlQXNzZXRzL2ZvbnRzJztcbmltcG9ydCB7IGNvcmVUaGVtZSBhcyB0aGVtZSB9IGZyb20gJy4uL3RoZW1lcyc7XG5cbmNvbnN0IHsgZm9udFNpemUsIHNwYWNpbmcsIGZvbnRXZWlnaHQsIGxpbmVIZWlnaHQgfSA9IHRoZW1lO1xuXG5jb25zdCB0eXBvZ3JhcGh5R2xvYmFscyA9IGNzc2BcbiAgJHt3ZWJGb250cy5tYXAoXG4gICAgKHtcbiAgICAgIG5hbWUsXG4gICAgICBzdHlsZSA9ICdub3JtYWwnLFxuICAgICAgd2VpZ2h0ID0gJ25vcm1hbCcsXG4gICAgICBleHRlbnNpb25zLFxuICAgICAgZmlsZVBhdGgsXG4gICAgfSkgPT4gY3NzYFxuICAgICAgQGZvbnQtZmFjZSB7XG4gICAgICAgIGZvbnQtZGlzcGxheTogc3dhcDtcbiAgICAgICAgZm9udC1mYW1pbHk6ICcke25hbWV9JztcbiAgICAgICAgZm9udC1zdHlsZTogJHtzdHlsZX07XG4gICAgICAgIGZvbnQtd2VpZ2h0OiAke3dlaWdodH07XG4gICAgICAgIHNyYzogJHtleHRlbnNpb25zXG4gICAgICAgICAgLm1hcCgoZXh0KSA9PiBgdXJsKFwiJHtmaWxlUGF0aH0uJHtleHR9XCIpIGZvcm1hdChcIiR7ZXh0fVwiKWApXG4gICAgICAgICAgLmpvaW4oJywgJyl9O1xuICAgICAgfVxuICAgIGBcbiAgKX1cblxuICBoMSxcbiAgaDIsXG4gIGgzLFxuICBoNCxcbiAgaDUsXG4gIGg2IHtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmdbMTZdfTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0LnRpdGxlfTtcbiAgICBsaW5lLWhlaWdodDogJHtsaW5lSGVpZ2h0LnRpdGxlfTtcbiAgfVxuXG4gIGgxIHtcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVbNjRdfTtcbiAgfVxuICBoMiB7XG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplWzQ0XX07XG4gIH1cbiAgaDMge1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZVszNF19O1xuICB9XG4gIGg0IHtcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVbMjZdfTtcbiAgfVxuICBoNSB7XG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplWzIyXX07XG4gIH1cbiAgaDYge1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZVsyMF19O1xuICB9XG5cbiAgc21hbGwge1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZVsxNF19O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHQuYmFzZX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUeXBvZ3JhcGh5ID0gKCkgPT4gPEdsb2JhbCBzdHlsZXM9e3R5cG9ncmFwaHlHbG9iYWxzfSAvPjtcbiJdfQ== */"))), " h1,h2,h3,h4,h5,h6{margin-bottom:", spacing[16], ";font-weight:", fontWeight.title, ";line-height:", lineHeight.title, ";}h1{font-size:", fontSize[64], ";}h2{font-size:", fontSize[44], ";}h3{font-size:", fontSize[34], ";}h4{font-size:", fontSize[26], ";}h5{font-size:", fontSize[22], ";}h6{font-size:", fontSize[20], ";}small{font-size:", fontSize[14], ";font-weight:", fontWeight.base, ";};label:typographyGlobals;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWxzL1R5cG9ncmFwaHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU82QiIsImZpbGUiOiIuLi8uLi9zcmMvZ2xvYmFscy9UeXBvZ3JhcGh5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB3ZWJGb250cyB9IGZyb20gJy4uL3JlbW90ZUFzc2V0cy9mb250cyc7XG5pbXBvcnQgeyBjb3JlVGhlbWUgYXMgdGhlbWUgfSBmcm9tICcuLi90aGVtZXMnO1xuXG5jb25zdCB7IGZvbnRTaXplLCBzcGFjaW5nLCBmb250V2VpZ2h0LCBsaW5lSGVpZ2h0IH0gPSB0aGVtZTtcblxuY29uc3QgdHlwb2dyYXBoeUdsb2JhbHMgPSBjc3NgXG4gICR7d2ViRm9udHMubWFwKFxuICAgICh7XG4gICAgICBuYW1lLFxuICAgICAgc3R5bGUgPSAnbm9ybWFsJyxcbiAgICAgIHdlaWdodCA9ICdub3JtYWwnLFxuICAgICAgZXh0ZW5zaW9ucyxcbiAgICAgIGZpbGVQYXRoLFxuICAgIH0pID0+IGNzc2BcbiAgICAgIEBmb250LWZhY2Uge1xuICAgICAgICBmb250LWRpc3BsYXk6IHN3YXA7XG4gICAgICAgIGZvbnQtZmFtaWx5OiAnJHtuYW1lfSc7XG4gICAgICAgIGZvbnQtc3R5bGU6ICR7c3R5bGV9O1xuICAgICAgICBmb250LXdlaWdodDogJHt3ZWlnaHR9O1xuICAgICAgICBzcmM6ICR7ZXh0ZW5zaW9uc1xuICAgICAgICAgIC5tYXAoKGV4dCkgPT4gYHVybChcIiR7ZmlsZVBhdGh9LiR7ZXh0fVwiKSBmb3JtYXQoXCIke2V4dH1cIilgKVxuICAgICAgICAgIC5qb2luKCcsICcpfTtcbiAgICAgIH1cbiAgICBgXG4gICl9XG5cbiAgaDEsXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1LFxuICBoNiB7XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nWzE2XX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udFdlaWdodC50aXRsZX07XG4gICAgbGluZS1oZWlnaHQ6ICR7bGluZUhlaWdodC50aXRsZX07XG4gIH1cblxuICBoMSB7XG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplWzY0XX07XG4gIH1cbiAgaDIge1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZVs0NF19O1xuICB9XG4gIGgzIHtcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVbMzRdfTtcbiAgfVxuICBoNCB7XG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplWzI2XX07XG4gIH1cbiAgaDUge1xuICAgIGZvbnQtc2l6ZTogJHtmb250U2l6ZVsyMl19O1xuICB9XG4gIGg2IHtcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVbMjBdfTtcbiAgfVxuXG4gIHNtYWxsIHtcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVbMTRdfTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0LmJhc2V9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVHlwb2dyYXBoeSA9ICgpID0+IDxHbG9iYWwgc3R5bGVzPXt0eXBvZ3JhcGh5R2xvYmFsc30gLz47XG4iXX0= */"));
 export const Typography = () => /*#__PURE__*/_jsx(Global, {
   styles: typographyGlobals
 });

package/dist/globals/Variables.js

@@ -1,22 +1,15 @@
 import { css, Global } from '@emotion/react';
 import * as React from 'react';
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-const scopeVariables = function (vars) {
-  let scope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ':root';
-  return /*#__PURE__*/css({
-    [scope]: vars
-  }, ";label:scopeVariables;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWxzL1ZhcmlhYmxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0UiLCJmaWxlIjoiLi4vLi4vc3JjL2dsb2JhbHMvVmFyaWFibGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENTU09iamVjdCB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBzY29wZVZhcmlhYmxlcyA9ICh2YXJzOiBDU1NPYmplY3QsIHNjb3BlID0gJzpyb290JykgPT5cbiAgY3NzKHsgW3Njb3BlXTogdmFycyB9KTtcblxuZXhwb3J0IGNvbnN0IFZhcmlhYmxlczogUmVhY3QuRkM8e1xuICB2YXJpYWJsZXM6IFJlY29yZDxzdHJpbmcsIENTU09iamVjdD47XG59PiA9ICh7IHZhcmlhYmxlcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtPYmplY3QuZW50cmllcyh2YXJpYWJsZXMpLm1hcCgoW2tleSwgdmFyc10pID0+IChcbiAgICAgICAgPEdsb2JhbCBrZXk9e2tleX0gc3R5bGVzPXtzY29wZVZhcmlhYmxlcyh2YXJzKX0gLz5cbiAgICAgICkpfVxuICAgIDwvPlxuICApO1xufTtcbiJdfQ== */"));
-};
-export const Variables = _ref => {
-  let {
-    variables
-  } = _ref;
+const scopeVariables = (vars, scope = ':root') => /*#__PURE__*/css({
+  [scope]: vars
+}, ";label:scopeVariables;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWxzL1ZhcmlhYmxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0UiLCJmaWxlIjoiLi4vLi4vc3JjL2dsb2JhbHMvVmFyaWFibGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENTU09iamVjdCB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBzY29wZVZhcmlhYmxlcyA9ICh2YXJzOiBDU1NPYmplY3QsIHNjb3BlID0gJzpyb290JykgPT5cbiAgY3NzKHsgW3Njb3BlXTogdmFycyB9KTtcblxuZXhwb3J0IGNvbnN0IFZhcmlhYmxlczogUmVhY3QuRkM8e1xuICB2YXJpYWJsZXM6IFJlY29yZDxzdHJpbmcsIENTU09iamVjdD47XG59PiA9ICh7IHZhcmlhYmxlcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtPYmplY3QuZW50cmllcyh2YXJpYWJsZXMpLm1hcCgoW2tleSwgdmFyc10pID0+IChcbiAgICAgICAgPEdsb2JhbCBrZXk9e2tleX0gc3R5bGVzPXtzY29wZVZhcmlhYmxlcyh2YXJzKX0gLz5cbiAgICAgICkpfVxuICAgIDwvPlxuICApO1xufTtcbiJdfQ== */"));
+export const Variables = ({
+  variables
+}) => {
   return /*#__PURE__*/_jsx(_Fragment, {
-    children: Object.entries(variables).map(_ref2 => {
-      let [key, vars] = _ref2;
-      return /*#__PURE__*/_jsx(Global, {
-        styles: scopeVariables(vars)
-      }, key);
-    })
+    children: Object.entries(variables).map(([key, vars]) => /*#__PURE__*/_jsx(Global, {
+      styles: scopeVariables(vars)
+    }, key))
   });
 };

package/dist/styles/boxShadow.js

@@ -29,7 +29,6 @@ export const createShadow = depth => {
   return ` 0 ${o1}px ${o2}px rgba(0, 0, 0, ${s1}),
   0 ${o3}px ${o4}px rgba(0, 0, 0, ${s2})`;
 };
-export const boxShadow = function () {
-  let depth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+export const boxShadow = (depth = 1) => {
   return /*#__PURE__*/css("box-shadow:", createShadow(depth), ";;label:boxShadow;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvYm94U2hhZG93LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDWSIsImZpbGUiOiIuLi8uLi9zcmMvc3R5bGVzL2JveFNoYWRvdy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IHR5cGUgU2hhZG93RGVwdGggPSBrZXlvZiB0eXBlb2Ygc2hhZG93c0ZvckRlcHRoO1xuXG5jb25zdCBzaGFkb3dzRm9yRGVwdGggPSB7XG4gIDE6IHtcbiAgICBvZmZzZXRzOiBbMSwgMywgMSwgM10sXG4gICAgc2hhZGVzOiBbMC4xMiwgMC4yNF0sXG4gIH0sXG4gIDI6IHtcbiAgICBvZmZzZXRzOiBbMywgNiwgMywgNl0sXG4gICAgc2hhZGVzOiBbMC4xOSwgMC4yM10sXG4gIH0sXG4gIDM6IHtcbiAgICBvZmZzZXRzOiBbMTAsIDIwLCA2LCA2XSxcbiAgICBzaGFkZXM6IFswLjI1LCAwLjIyXSxcbiAgfSxcbiAgNDoge1xuICAgIG9mZnNldHM6IFsxNCwgMjgsIDEwLCAxMF0sXG4gICAgc2hhZGVzOiBbMC4yNSwgMC4yMl0sXG4gIH0sXG4gIDU6IHtcbiAgICBvZmZzZXRzOiBbMTksIDM4LCAxNSwgMTJdLFxuICAgIHNoYWRlczogWzAuMywgMC4yMl0sXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgY3JlYXRlU2hhZG93ID0gKGRlcHRoOiBTaGFkb3dEZXB0aCkgPT4ge1xuICBjb25zdCB7XG4gICAgb2Zmc2V0czogW28xLCBvMiwgbzMsIG80XSxcbiAgICBzaGFkZXM6IFtzMSwgczJdLFxuICB9ID0gc2hhZG93c0ZvckRlcHRoW2RlcHRoXTtcbiAgcmV0dXJuIGAgMCAke28xfXB4ICR7bzJ9cHggcmdiYSgwLCAwLCAwLCAke3MxfSksXG4gIDAgJHtvM31weCAke280fXB4IHJnYmEoMCwgMCwgMCwgJHtzMn0pYDtcbn07XG5cbmV4cG9ydCBjb25zdCBib3hTaGFkb3cgPSAoZGVwdGg6IFNoYWRvd0RlcHRoID0gMSkgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGJveC1zaGFkb3c6ICR7Y3JlYXRlU2hhZG93KGRlcHRoKX07XG4gIGA7XG59O1xuIl19 */"));
 };

package/dist/styles/transitionConcat.js

@@ -1,6 +1,5 @@
 import { timing } from '../variables';
-export const transitionConcat = function (arrayOfProperties, transition) {
-  let timingFn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'linear';
+export const transitionConcat = (arrayOfProperties, transition, timingFn = 'linear') => {
   const transitionString = `${timing[transition]} ${timingFn}`;
   const cssString = `${arrayOfProperties.join(` ${transitionString},`)} ${transitionString}`;
   return cssString;

package/dist/themes/core.js

@@ -124,12 +124,9 @@ export const coreTheme = createTheme({
       disabled: 'white-500'
     }
   }
-}).addScale('borders', _ref => {
-  let {
-    colors
-  } = _ref;
-  return {
-    1: `1px solid ${colors['border-primary']}`,
-    2: `2px solid ${colors['border-primary']}`
-  };
-}).createScaleVariables('elements').build();
+}).addScale('borders', ({
+  colors
+}) => ({
+  1: `1px solid ${colors['border-primary']}`,
+  2: `2px solid ${colors['border-primary']}`
+})).createScaleVariables('elements').build();

package/dist/utilities/themed.js

@@ -10,10 +10,7 @@ import get from 'lodash/get';
  */
 
 export function themed(path) {
-  return _ref => {
-    let {
-      theme
-    } = _ref;
-    return get(theme, path);
-  };
+  return ({
+    theme
+  }) => get(theme, path);
 }

package/dist/variance/utils.js

@@ -7,8 +7,7 @@ const allPropnames = ['mode', 'variant', ...Object.keys(allProps)];
  * props like `color` and `width`.
  */
 const validPropnames = allPropnames.filter(isPropValid);
-export function createStyledOptions() {
-  let additional = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+export function createStyledOptions(additional = []) {
   // Cache possible valid prop names to prevent searching a larger list.
   const additionalExclusions = additional.filter(isPropValid);
   return {

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@codecademy/gamut-styles",
   "description": "Styleguide & Component library for codecademy.com",
-  "version": "17.9.0",
+  "version": "17.9.1-alpha.15bc3d.0",
   "author": "Jake Hiller <jake@codecademy.com>",
   "dependencies": {
-    "@codecademy/variance": "0.24.0",
+    "@codecademy/variance": "0.24.1-alpha.15bc3d.0",
     "@emotion/is-prop-valid": "^1.1.0",
     "polished": "^4.1.2"
   },
@@ -34,5 +34,5 @@
   "scripts": {
     "build": "nx build @codecademy/gamut-styles"
   },
-  "gitHead": "fe4d63384c2030420b652c35859317498e87b9c4"
+  "gitHead": "73906cca76c51cd028d7f07502844c2133ac57b3"
 }