@codecademy/gamut-styles 14.0.2 → 14.0.3-alpha.4d61d4.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [14.0.3-alpha.4d61d4.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@14.0.2...@codecademy/gamut-styles@14.0.3-alpha.4d61d4.0) (2022-08-01)
+
+**Note:** Version bump only for package @codecademy/gamut-styles
+
+
+
+
+
 ### [14.0.2](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@14.0.1...@codecademy/gamut-styles@14.0.2) (2022-07-29)
 
 **Note:** Version bump only for package @codecademy/gamut-styles

package/babel.config.js

@@ -1,8 +1,18 @@
 module.exports = {
-  presets: ['codecademy', '@babel/preset-typescript'],
+  extends: '../../babel.defaults.js',
+  presets: [
+    [
+      '@nrwl/react/babel',
+      {
+        runtime: 'automatic',
+        useBuiltIns: 'usage',
+        importSource: '@emotion/react',
+      },
+    ],
+  ],
   plugins: [
     [
-      '@emotion',
+      '@emotion/babel-plugin',
       {
         sourceMap: true,
         autoLabel: 'always',
@@ -10,6 +20,4 @@ module.exports = {
       },
     ],
   ],
-  include: ['./src/**/*'],
-  ignore: ['__tests__', './**/*.d.ts'],
 };

package/dist/AssetProvider.js

@@ -1,22 +1,39 @@
+var _jsxFileName = "/home/circleci/repo/packages/gamut-styles/src/AssetProvider.tsx",
+    _this = this;
+
+import "core-js/modules/es.array.flat-map.js";
+import "core-js/modules/es.array.unscopables.flat-map.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.map.js";
 import React from 'react';
 import { Helmet } from 'react-helmet';
 import { webFonts } from './remoteAssets/fonts';
+import { jsxDEV as _jsxDEV } from "@emotion/react/jsx-dev-runtime";
 export var createFontLinks = function createFontLinks() {
   return webFonts.flatMap(function (_ref) {
     var filePath = _ref.filePath,
         extensions = _ref.extensions;
     return extensions.map(function (ext) {
-      return /*#__PURE__*/React.createElement("link", {
-        key: "".concat(filePath, "-").concat(ext),
+      return _jsxDEV("link", {
         rel: "preload",
-        href: "".concat(filePath, ".").concat(ext),
+        href: filePath + "." + ext,
         crossOrigin: "anonymous",
         as: "font",
-        type: "font/".concat(ext)
-      });
+        type: "font/" + ext
+      }, filePath + "-" + ext, false, {
+        fileName: _jsxFileName,
+        lineNumber: 9,
+        columnNumber: 7
+      }, _this);
     });
   });
 };
 export var AssetProvider = function AssetProvider() {
-  return /*#__PURE__*/React.createElement(Helmet, null, createFontLinks());
+  return _jsxDEV(Helmet, {
+    children: createFontLinks()
+  }, void 0, false, {
+    fileName: _jsxFileName,
+    lineNumber: 21,
+    columnNumber: 10
+  }, _this);
 };

package/dist/Background.js

@@ -1,45 +1,44 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
+import "core-js/modules/es.symbol.to-primitive.js";
+import "core-js/modules/es.date.to-primitive.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.number.constructor.js";
+import _objectWithoutPropertiesLoose from "/home/circleci/repo/node_modules/@nrwl/web/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js";
+var _excluded = ["bg"];
+
+var _jsxFileName = "/home/circleci/repo/packages/gamut-styles/src/Background.tsx",
+    _this = this;
+
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.entries.js";
+import "core-js/modules/es.array.reduce.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.assign.js";
 import { getContrast } from 'polished';
 import React, { forwardRef, useCallback, useMemo } from 'react';
 import { ColorMode, useColorModes } from './ColorMode';
+import { jsxDEV as _jsxDEV } from "@emotion/react/jsx-dev-runtime";
 
 var isColorAlias = function isColorAlias(mode, color) {
   return Object.keys(mode).includes(color);
 };
 
-export var Background = /*#__PURE__*/forwardRef(function Background(_ref, ref) {
+export var Background = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var bg = _ref.bg,
-      rest = _objectWithoutProperties(_ref, ["bg"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useColorModes = useColorModes(),
-      _useColorModes2 = _slicedToArray(_useColorModes, 4),
-      active = _useColorModes2[0],
-      activeColors = _useColorModes2[1],
-      modes = _useColorModes2[2],
-      getColorValue = _useColorModes2[3];
+      active = _useColorModes[0],
+      activeColors = _useColorModes[1],
+      modes = _useColorModes[2],
+      getColorValue = _useColorModes[3];
   /** If a color alias was used then look up the true color key from the active mode */
 
 
@@ -65,7 +64,7 @@ export var Background = /*#__PURE__*/forwardRef(function Background(_ref, ref) {
 
   var accessibleMode = useMemo(function () {
     var activeMode = modes[active],
-        otherModes = _objectWithoutProperties(modes, [active].map(_toPropertyKey));
+        otherModes = _objectWithoutPropertiesLoose(modes, [active].map(_toPropertyKey));
 
     var possibleModes = Object.entries(otherModes);
     /**
@@ -78,27 +77,25 @@ export var Background = /*#__PURE__*/forwardRef(function Background(_ref, ref) {
      */
 
     var _possibleModes$reduce = possibleModes.reduce(function (_ref2, _ref3) {
-      var _ref4 = _slicedToArray(_ref2, 2),
-          prevMode = _ref4[0],
-          prevContrast = _ref4[1];
-
-      var _ref5 = _slicedToArray(_ref3, 2),
-          mode = _ref5[0],
-          text = _ref5[1].text;
-
+      var prevMode = _ref2[0],
+          prevContrast = _ref2[1];
+      var mode = _ref3[0],
+          text = _ref3[1].text;
       var contrast = getTextContrast(text); // Keep the higher contrast mode.
 
-      // Keep the higher contrast mode.
       return contrast > prevContrast ? [mode, contrast] : [prevMode, prevContrast];
     }, [active, getTextContrast(activeMode.text)]),
-        _possibleModes$reduce2 = _slicedToArray(_possibleModes$reduce, 1),
-        highestContrastMode = _possibleModes$reduce2[0];
+        highestContrastMode = _possibleModes$reduce[0];
 
     return highestContrastMode;
   }, [modes, active, getTextContrast]);
-  return /*#__PURE__*/React.createElement(ColorMode, _extends({}, rest, {
+  return _jsxDEV(ColorMode, Object.assign({}, rest, {
     mode: accessibleMode,
     bg: bg,
     ref: ref
-  }));
+  }), void 0, false, {
+    fileName: _jsxFileName,
+    lineNumber: 86,
+    columnNumber: 12
+  }, _this);
 });