@pingux/astro 2.155.1 → 2.157.1-alpha.0

package/lib/cjs/recipes/PanelContent.stories.js

@@ -24,9 +24,8 @@ var _UserImage = _interopRequireDefault(require("../utils/devUtils/assets/UserIm
 var _statuses = _interopRequireDefault(require("../utils/devUtils/constants/statuses"));
 var _items = require("./items");
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var _default = {
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var _default = exports["default"] = {
   title: 'Recipes/Panel Content',
   parameters: {
     docs: {
@@ -36,7 +35,6 @@ var _default = {
     }
   }
 };
-exports["default"] = _default;
 var OverlayWrapper = function OverlayWrapper(_ref) {
   var _context, _context2, _context3;
   var children = _ref.children,
@@ -96,7 +94,7 @@ var OverlayWrapper = function OverlayWrapper(_ref) {
     onPress: state.close
   })), children));
 };
-var DisplayPanel = function DisplayPanel() {
+var DisplayPanel = exports.DisplayPanel = function DisplayPanel() {
   var _context4, _context5;
   var renderProfileTab = (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Box, {
     isRow: true,
@@ -188,7 +186,6 @@ var DisplayPanel = function DisplayPanel() {
     }, item), item.children);
   })));
 };
-exports.DisplayPanel = DisplayPanel;
 DisplayPanel.parameters = {
   design: {
     type: 'figma',
@@ -199,11 +196,14 @@ DisplayPanel.parameters = {
       rules: [{
         id: 'color-contrast',
         enabled: false
+      }, {
+        id: 'aria-required-children',
+        enabled: false
       }]
     }
   }
 };
-var ColorBlockButton = function ColorBlockButton(_ref2) {
+var ColorBlockButton = exports.ColorBlockButton = function ColorBlockButton(_ref2) {
   var _ref2$buttonData = _ref2.buttonData,
     buttonData = _ref2$buttonData === void 0 ? _items.colorBlockButtons[0] : _ref2$buttonData;
   return (0, _react2.jsx)(_index.Button, {
@@ -220,8 +220,7 @@ var ColorBlockButton = function ColorBlockButton(_ref2) {
     }
   }));
 };
-exports.ColorBlockButton = ColorBlockButton;
-var LabelValuePairs = function LabelValuePairs(_ref3) {
+var LabelValuePairs = exports.LabelValuePairs = function LabelValuePairs(_ref3) {
   var _ref3$fields = _ref3.fields,
     fields = _ref3$fields === void 0 ? _items.personalData.contactInfo.fields : _ref3$fields;
   return (0, _react2.jsx)(_index.Box, {
@@ -253,8 +252,7 @@ var LabelValuePairs = function LabelValuePairs(_ref3) {
     }, "Verified"))));
   }));
 };
-exports.LabelValuePairs = LabelValuePairs;
-var EditPanel = function EditPanel() {
+var EditPanel = exports.EditPanel = function EditPanel() {
   var _context7, _context8, _context9;
   return (0, _react2.jsx)(OverlayWrapper, {
     isEditPanel: true
@@ -281,7 +279,7 @@ var EditPanel = function EditPanel() {
     }), ['preferencesKey', 'customAttributesKey', 'jsonAttributesKey']),
     labelHeadingTag: "h2"
   }, (0, _map["default"])(_context9 = (0, _keys["default"])(_items.editData)).call(_context9, function (item) {
-    var _context10;
+    var _context0;
     return (0, _react2.jsx)(_index.Item, {
       "data-id": _items.editData[item].label,
       key: _items.editData[item].key,
@@ -295,7 +293,7 @@ var EditPanel = function EditPanel() {
       previewHeight: 40,
       previewWidth: 40,
       previewImage: _UserImage["default"]
-    }), (0, _map["default"])(_context10 = _items.editData[item].fields).call(_context10, function (_ref5) {
+    }), (0, _map["default"])(_context0 = _items.editData[item].fields).call(_context0, function (_ref5) {
       var label = _ref5.label,
         value = _ref5.value,
         slot = _ref5.slot;
@@ -353,7 +351,6 @@ var EditPanel = function EditPanel() {
     variant: "link"
   }, "Cancel")));
 };
-exports.EditPanel = EditPanel;
 EditPanel.parameters = {
   design: {
     type: 'figma',
@@ -368,7 +365,7 @@ EditPanel.parameters = {
     }
   }
 };
-var AddAttributeButton = function AddAttributeButton() {
+var AddAttributeButton = exports.AddAttributeButton = function AddAttributeButton() {
   return (0, _react2.jsx)(_index.Box, {
     sx: {
       position: 'relative',
@@ -383,5 +380,4 @@ var AddAttributeButton = function AddAttributeButton() {
     icon: _PlusIcon["default"],
     size: "xs"
   }), "Add"));
-};
-exports.AddAttributeButton = AddAttributeButton;
+};

package/lib/cjs/recipes/ScrollableListView.stories.js

@@ -17,13 +17,11 @@ var _reactStately = require("react-stately");
 var _FormSelectIcon = _interopRequireDefault(require("@pingux/mdi-react/FormSelectIcon"));
 var _index = require("../index");
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var _default = {
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var _default = exports["default"] = {
   title: 'Recipes/Scrollable List View'
 };
-exports["default"] = _default;
-var ScrollableListView = function ScrollableListView() {
+var ScrollableListView = exports.ScrollableListView = function ScrollableListView() {
   var unfilteredItems = [{
     key: 'Aardvark',
     name: 'Aardvark',
@@ -100,5 +98,4 @@ var ScrollableListView = function ScrollableListView() {
       key: "delete"
     }, "Delete user"))));
   })));
-};
-exports.ScrollableListView = ScrollableListView;
+};

package/lib/cjs/recipes/Slider.stories.js

@@ -24,12 +24,11 @@ var _Buttons = require("../components/Button/Buttons.styles");
 var _index = require("../index");
 var _figmaLinks = require("../utils/designUtils/figmaLinks.ts");
 var _react2 = require("@emotion/react");
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; } /* eslint-disable no-nested-ternary */
-var _default = {
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys(Object(t), !0)).call(_context6, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable no-nested-ternary */
+var _default = exports["default"] = {
   title: 'Recipes/Slider'
 };
-exports["default"] = _default;
 var sx = {
   sliderContainer: {
     position: 'relative',
@@ -91,7 +90,7 @@ var setSliderColor = function setSliderColor(thumbPosition) {
  * https://react-spectrum.adobe.com/react-aria/useSlider.html
  */
 
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Box, {
     mb: "xl"
   }, (0, _react2.jsx)(Slider, {
@@ -105,7 +104,6 @@ var Default = function Default() {
     step: 1
   })));
 };
-exports.Default = Default;
 Default.parameters = {
   design: {
     type: 'figma',

package/lib/cjs/recipes/TrialExperienceIndustryButtons.stories.js

@@ -14,10 +14,9 @@ var _hooks = require("../hooks");
 var _index = require("../index");
 var _figmaLinks = require("../utils/designUtils/figmaLinks.ts");
 var _react2 = require("@emotion/react");
-var _default = {
+var _default = exports["default"] = {
   title: 'Recipes/Trial Experience Buttons'
 };
-exports["default"] = _default;
 var sx = {
   contentProps: {
     maxWidth: '757px',
@@ -291,7 +290,7 @@ var buttons = [{
   name: 'Other',
   icon: otherSVG
 }];
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   var state = (0, _hooks.useModalState)();
   return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Modal, {
     isOpen: true,
@@ -337,7 +336,6 @@ var Default = function Default() {
     }, button.name)));
   })))));
 };
-exports.Default = Default;
 Default.parameters = {
   design: {
     type: 'figma',

package/lib/cjs/recipes/TrialExperienceStatusBar.stories.js

@@ -18,12 +18,10 @@ var _uuid = require("uuid");
 var _index = require("../index");
 var _figmaLinks = require("../utils/designUtils/figmaLinks.ts");
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var _default = {
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var _default = exports["default"] = {
   title: 'Recipes/Trial Experience Nav'
 };
-exports["default"] = _default;
 var ArtIcon = function ArtIcon() {
   return (0, _react2.jsx)("svg", {
     width: "24",
@@ -290,7 +288,7 @@ var LinkRow = function LinkRow(_ref2) {
     target: "_blank"
   }, title));
 };
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   // Open the `Story` addons tab to view the source code for full context.
   return (0, _react2.jsx)(_index.Box, {
     as: "nav",
@@ -308,7 +306,6 @@ var Default = function Default() {
     });
   })));
 };
-exports.Default = Default;
 Default.parameters = {
   design: {
     type: 'figma',

package/lib/cjs/recipes/items.js

@@ -12,7 +12,7 @@ var _FormSelectIcon = _interopRequireDefault(require("@pingux/mdi-react/FormSele
 var _index = require("../index");
 var _UserImage = _interopRequireDefault(require("../utils/devUtils/assets/UserImage.png"));
 var _react2 = require("@emotion/react");
-var items = [{
+var items = exports.items = [{
   email: 'dburkitt5@columbia.edu',
   firstName: 'Nicola',
   lastName: 'Burkitt',
@@ -78,8 +78,7 @@ var items = [{
   lastName: 'Idel',
   icon: _AccountIcon["default"]
 }];
-exports.items = items;
-var personalData = {
+var personalData = exports.personalData = {
   contactInfo: {
     label: 'Contact Info',
     key: 'contactInfoKey',
@@ -133,8 +132,7 @@ var personalData = {
     fields: []
   }
 };
-exports.personalData = personalData;
-var colorBlockButtons = [{
+var colorBlockButtons = exports.colorBlockButtons = [{
   text: 'Groups',
   subtext: '21',
   isConfigured: true
@@ -150,8 +148,7 @@ var colorBlockButtons = [{
   text: 'Roles',
   subtext: '0'
 }];
-exports.colorBlockButtons = colorBlockButtons;
-var editData = {
+var editData = exports.editData = {
   personalInfo: {
     label: 'Personal Info',
     key: 'personalInfoKey',
@@ -223,5 +220,4 @@ var editData = {
       value: ''
     }]
   }
-};
-exports.editData = editData;
+};

package/lib/cjs/styles/ColorDocumentation.js

@@ -27,8 +27,7 @@ var _Text = _interopRequireDefault(require("../components/Text"));
 var _TextField = _interopRequireDefault(require("../components/TextField"));
 var _colors = require("./colors");
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var exactMatchThreshold = 0.02;
 function Color(_ref) {
   var name = _ref.name,
@@ -161,11 +160,11 @@ function rgbToHsl(rgb) {
     h = (g - b) / delta % 6;
   } else if (cmax === g) {
     // Green is max
-    // eslint-disable-next-line no-mixed-operators
+
     h = (b - r) / delta + 2;
   } else {
     // Blue is max
-    // eslint-disable-next-line no-mixed-operators
+
     h = (r - g) / delta + 4;
   }
   h = Math.round(h * 60);
@@ -179,7 +178,7 @@ function rgbToHsl(rgb) {
   l = (cmax + cmin) / 2;
 
   // Calculate saturation
-  // eslint-disable-next-line no-mixed-operators
+
   s = delta === 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
 
   // Multiply l and s by 100
@@ -188,30 +187,21 @@ function rgbToHsl(rgb) {
   return [h, s, l];
 }
 var matchers = {
-  'RGB Average Diff': function RGBAverageDiff(referenceValue) {
+  'RGB Average Diff': function RGB_Average_Diff(referenceValue) {
     return function (entry) {
       var rgb1 = hexToRgb(entry);
       var rgb2 = hexToRgb(referenceValue);
-      // eslint-disable-next-line no-mixed-operators
-      return (Math.abs(rgb1[0] - rgb2[0])
-      // eslint-disable-next-line no-mixed-operators
-      + Math.abs(rgb1[1] - rgb2[1])
-      // eslint-disable-next-line no-mixed-operators
-      + Math.abs(rgb1[2] - rgb2[2])) / (3 * 256);
+      return (Math.abs(rgb1[0] - rgb2[0]) + Math.abs(rgb1[1] - rgb2[1]) + Math.abs(rgb1[2] - rgb2[2])) / (3 * 256);
     };
   },
-  'RGB distance': function RGBDistance(referenceValue) {
+  'RGB distance': function RGB_distance(referenceValue) {
     return function (entry) {
       var rgb1 = hexToRgb(entry);
       var rgb2 = hexToRgb(referenceValue);
-      // eslint-disable-next-line no-mixed-operators
-      return Math.sqrt(Math.pow(rgb1[0] - rgb2[0], 2) // eslint-disable-next-line no-mixed-operators
-      + Math.pow(rgb1[1] - rgb2[1], 2)
-      // eslint-disable-next-line no-mixed-operators
-      + Math.pow(rgb1[2] - rgb2[2], 2)) / (3 * 256);
+      return Math.sqrt(Math.pow(rgb1[0] - rgb2[0], 2) + Math.pow(rgb1[1] - rgb2[1], 2) + Math.pow(rgb1[2] - rgb2[2], 2)) / (3 * 256);
     };
   },
-  'By Hue Difference': function ByHueDifference(referenceValue) {
+  'By Hue Difference': function By_Hue_Difference(referenceValue) {
     return function (entry) {
       var h1 = rgbToHsl(hexToRgb(entry))[0];
       var h2 = rgbToHsl(hexToRgb(referenceValue))[0];

package/lib/cjs/styles/breakpoints.js

@@ -5,5 +5,4 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _default = ['480px', '768px', '960px', '1280px', '1920px'];
-exports["default"] = _default;
+var _default = exports["default"] = ['480px', '768px', '960px', '1280px', '1920px'];

package/lib/cjs/styles/colors.js

@@ -17,37 +17,31 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/hel
 var _chromaJs = _interopRequireDefault(require("chroma-js"));
 var _context, _context2;
 // SEMANTIC COLORS
-var active = '#4462ED';
-exports.active = active;
-var critical = {
+var active = exports.active = '#4462ED';
+var critical = exports.critical = {
   bright: '#a31300',
   dark: '#a31300',
   light: '#ffebe7',
   primaryDark: _chromaJs["default"].mix('#a31300', '#000000', 0.2).hex(),
   secondaryDark: _chromaJs["default"].mix('#a31300', '#000000', 0.4).hex()
 };
-exports.critical = critical;
-var success = {
+var success = exports.success = {
   bright: '#00A817',
   dark: '#008512',
   light: '#e6ffe9'
 };
-exports.success = success;
-var warning = {
+var warning = exports.warning = {
   bright: '#E86900',
   dark: '#C9450D',
   light: '#FFF6F2'
 };
 
 // NEUTRAL COLORS
-exports.warning = warning;
-var black = '#000';
-exports.black = black;
-var white = '#fff';
-exports.white = white;
+var black = exports.black = '#000';
+var white = exports.white = '#fff';
 var steps = 9;
 var neutralScale = _chromaJs["default"].scale(['#253746', 'white']).mode('lab');
-var neutral = {
+var neutral = exports.neutral = {
   10: neutralScale(0).hex(),
   20: neutralScale(1 / steps).hex(),
   30: neutralScale(2 / steps).hex(),
@@ -59,7 +53,6 @@ var neutral = {
   90: neutralScale(8 / steps).hex(),
   95: neutralScale(8.5 / steps).hex()
 };
-exports.neutral = neutral;
 var accentBase = '303F5F';
 var accentLight = 'F7F8FD';
 var accentSteps = 8;
@@ -67,7 +60,7 @@ var accentScale = _chromaJs["default"].scale([accentBase, accentLight]).mode('hs
 var slider = {
   track: '#E4E6E9'
 };
-var accent = {
+var accent = exports.accent = {
   5: (0, _chromaJs["default"])(accentBase).darken(1).hex(),
   10: (0, _chromaJs["default"])(accentBase).darken(0.5).hex(),
   20: accentScale(0).hex(),
@@ -81,41 +74,35 @@ var accent = {
   95: accentScale(7.5 / accentSteps).hex(),
   99: accentScale(8 / accentSteps).hex()
 };
-exports.accent = accent;
 var _chroma$hsl = (0, _chromaJs["default"])('#D033FF').hsl(),
   _chroma$hsl2 = (0, _slicedToArray2["default"])(_chroma$hsl, 3),
   cHue = _chroma$hsl2[0],
   cSaturation = _chroma$hsl2[1],
   cLightness = _chroma$hsl2[2];
-var getDecorativeColor = function getDecorativeColor(index) {
+var _getDecorativeColor = function getDecorativeColor(index) {
   var h = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : cHue;
   var s = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : cSaturation;
   var l = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : cLightness;
-  return index > 0 ? getDecorativeColor(index - 1, (h + 100) % 360, s, l * 0.95) : (0, _chromaJs["default"])(h, s, l, 'hsl').hex();
+  return index > 0 ? _getDecorativeColor(index - 1, (h + 100) % 360, s, l * 0.95) : (0, _chromaJs["default"])(h, s, l, 'hsl').hex();
 };
-var decorative = (0, _map["default"])(_context = (0, _fill["default"])(_context2 = Array(11)).call(_context2, 0)).call(_context, function (_v, index) {
-  return index !== 4 ? getDecorativeColor(index) : '#e30080';
+var decorative = exports.decorative = (0, _map["default"])(_context = (0, _fill["default"])(_context2 = Array(11)).call(_context2, 0)).call(_context, function (_v, index) {
+  return index !== 4 ? _getDecorativeColor(index) : '#e30080';
 });
-exports.decorative = decorative;
-var decorativeDark = (0, _map["default"])(decorative).call(decorative, function (color) {
+var decorativeDark = exports.decorativeDark = (0, _map["default"])(decorative).call(decorative, function (color) {
   return (0, _chromaJs["default"])(color).darken(2).hex();
 });
-exports.decorativeDark = decorativeDark;
-var decorativeLight = (0, _map["default"])(decorative).call(decorative, function (color) {
+var decorativeLight = exports.decorativeLight = (0, _map["default"])(decorative).call(decorative, function (color) {
   return (0, _chromaJs["default"])(color).brighten(2).hex();
 });
-exports.decorativeLight = decorativeLight;
-var getDarkerColor = function getDarkerColor(color, percentage) {
+var getDarkerColor = exports.getDarkerColor = function getDarkerColor(color, percentage) {
   return _chromaJs["default"].valid(color) ? _chromaJs["default"].mix(color, '#000000', percentage).hex() : '';
 };
 
 // export const focus = chroma(accent[50]).alpha(0.75).hex();
-exports.getDarkerColor = getDarkerColor;
-var focus = (0, _chromaJs["default"])('#D033FF').hex();
+var focus = exports.focus = (0, _chromaJs["default"])('#D033FF').hex();
 
 // COMPONENT COLORS
-exports.focus = focus;
-var button = {
+var button = exports.button = {
   primary: active,
   border: active,
   label: active,
@@ -124,14 +111,12 @@ var button = {
   hoverBackground: accent[95],
   focus: focus
 };
-exports.button = button;
-var line = {
+var line = exports.line = {
   regular: neutral[50],
   light: neutral[80],
   hairline: neutral[90]
 };
-exports.line = line;
-var text = {
+var text = exports.text = {
   primary: neutral[10],
   secondary: neutral[40],
   primaryLight: white,
@@ -139,12 +124,10 @@ var text = {
   button: button.label,
   active: active
 };
-exports.text = text;
 var background = accent[99];
 var backgroundBase = '#ffffff';
 var backgroundSecondary = accent[99];
-var shadow = (0, _chromaJs["default"])(neutral[10]).alpha(0.25).hex();
-exports.shadow = shadow;
+var shadow = exports.shadow = (0, _chromaJs["default"])(neutral[10]).alpha(0.25).hex();
 var badge = {
   textColor: 'white',
   background: neutral[10],
@@ -180,8 +163,7 @@ var allColors = {
   slider: slider,
   tooltip: tooltip
 };
-var _default = allColors;
-exports["default"] = _default;
+var _default = exports["default"] = allColors;
 function flattenColors(obj) {
   var _context3, _context4;
   var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -205,9 +187,8 @@ function flattenColors(obj) {
 }
 
 /* used by Storybook's stories */
-var flatColorList = flattenColors(allColors);
-exports.flatColorList = flatColorList;
-var getBaseHexColor = function getBaseHexColor(colorName) {
+var flatColorList = exports.flatColorList = flattenColors(allColors);
+var getBaseHexColor = exports.getBaseHexColor = function getBaseHexColor(colorName) {
   if (_chromaJs["default"].valid(colorName)) {
     return colorName;
   }
@@ -219,5 +200,4 @@ var getBaseHexColor = function getBaseHexColor(colorName) {
   } catch (error) {
     return accentBase;
   }
-};
-exports.getBaseHexColor = getBaseHexColor;
+};

package/lib/cjs/styles/forms/index.js

@@ -30,13 +30,12 @@ var select = _interopRequireWildcard(require("../../components/SelectField/Selec
 var switchable = _interopRequireWildcard(require("../../components/Switch/Switch.styles"));
 var _TextArea = _interopRequireDefault(require("../../components/TextArea/TextArea.styles"));
 var _TimeField = _interopRequireDefault(require("../../components/TimeField/TimeField.styles"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; } // 'switch' is a reserved keyword
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; } // 'switch' is a reserved keyword
 // See ThemeUI docs on variants and themes for intended structure
 // Variants should be defined in the approprate file.
-var _default = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, checkbox), {}, {
+var _default = exports["default"] = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, checkbox), {}, {
   colorField: _ColorField["default"],
   comboBox: _ComboBox["default"],
   datePicker: _DatePicker["default"],
@@ -49,5 +48,4 @@ var _default = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSp
   timeField: _TimeField["default"],
   "switch": _objectSpread({}, switchable),
   search: _Search["default"]
-});
-exports["default"] = _default;
+});

package/lib/cjs/styles/safariAgent.js

@@ -8,5 +8,4 @@ _Object$defineProperty(exports, "__esModule", {
 exports.isSafari = void 0;
 var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
 var _context, _context2;
-var isSafari = typeof navigator !== 'undefined' && !((0, _indexOf["default"])(_context = navigator.userAgent).call(_context, 'Chrome') > -1 && (0, _indexOf["default"])(_context2 = navigator.userAgent).call(_context2, 'Safari') > -1);
-exports.isSafari = isSafari;
+var isSafari = exports.isSafari = typeof navigator !== 'undefined' && !((0, _indexOf["default"])(_context = navigator.userAgent).call(_context, 'Chrome') > -1 && (0, _indexOf["default"])(_context2 = navigator.userAgent).call(_context2, 'Safari') > -1);

package/lib/cjs/styles/sizes.js

@@ -5,7 +5,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _default = {
+var _default = exports["default"] = {
   buttonHeight: 36,
   column: 400,
   container: {
@@ -15,5 +15,4 @@ var _default = {
     lg: '1200px',
     full: '100%'
   }
-};
-exports["default"] = _default;
+};

package/lib/cjs/styles/spacing.js

@@ -19,11 +19,8 @@ var scale = {
   // 40
   xx: base * 6.5 // 65
 };
-
-var button = {
+var button = exports.button = {
   vPadding: scale.xs,
   hPadding: scale.md
 };
-exports.button = button;
-var _default = scale;
-exports["default"] = _default;
+var _default = exports["default"] = scale;

package/lib/cjs/styles/templates/Nav/HeaderBar.js

@@ -18,8 +18,7 @@ var _EnvironmentBreadcrumb = require("../../../components/EnvironmentBreadcrumb/
 var _index = require("../../../index");
 var _NavData = require("./NavData");
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var CustomPopoverMenu = function CustomPopoverMenu() {
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -107,5 +106,4 @@ var HeaderBar = function HeaderBar() {
     variant: "textEllipsis"
   }, "Alyssa Chambers"), (0, _react2.jsx)(CustomPopoverMenu, null))));
 };
-var _default = HeaderBar;
-exports["default"] = _default;
+var _default = exports["default"] = HeaderBar;