@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.5

package/lib/cjs/styles/ColorDocumentation.js

@@ -1,74 +1,44 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.ColorSchema = ColorSchema;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _trunc = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/math/trunc"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _sort = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/sort"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
 var _parseInt2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/parse-int"));
-
 var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
 var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactStately = require("react-stately");
-
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Box = _interopRequireDefault(require("../components/Box"));
-
+var _SelectField = _interopRequireDefault(require("../components/SelectField"));
 var _Text = _interopRequireDefault(require("../components/Text"));
-
 var _TextField = _interopRequireDefault(require("../components/TextField"));
-
 var _colors = require("./colors.js");
-
-var _SelectField = _interopRequireDefault(require("../components/SelectField"));
-
 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 exactMatchThreshold = 0.02;
-
 function Color(_ref) {
   var name = _ref.name,
-      hex = _ref.hex,
-      distanceFromReference = _ref.distanceFromReference,
-      referenceColor = _ref.referenceColor;
-
+    hex = _ref.hex,
+    distanceFromReference = _ref.distanceFromReference,
+    referenceColor = _ref.referenceColor;
   if (distanceFromReference < 0 || distanceFromReference > 1) {
     // eslint-disable-next-line no-console
     console.log("Please check color distance logic. Value ".concat(distanceFromReference, " is outside range [0, 1]"));
   }
-
   return (0, _react2.jsx)(_Box["default"], {
     key: name,
     isRow: true,
@@ -105,30 +75,26 @@ function Color(_ref) {
     color: "active"
   }, "Exact match(>", 100 - (0, _trunc["default"])(exactMatchThreshold * 100), "%)!"), distanceFromReference > exactMatchThreshold && (0, _react2.jsx)(_Text["default"], {
     variant: "subtitle"
-  }, "matchLevel: ", 100 - (0, _trunc["default"])(distanceFromReference * 100), "%"), (0, _react2.jsx)(_Text["default"], {
+  }, "matchLevel:", ' ', 100 - (0, _trunc["default"])(distanceFromReference * 100), "%"), (0, _react2.jsx)(_Text["default"], {
     variant: "bodyWeak"
   }, hex)));
 }
-
 Color.propTypes = {
   name: _propTypes["default"].string.isRequired,
   hex: _propTypes["default"].string.isRequired,
   distanceFromReference: _propTypes["default"].number,
   referenceColor: _propTypes["default"].string.isRequired
 };
-
 var Colors = /*#__PURE__*/_react["default"].memo(function (_ref2) {
   var _context, _context2;
-
   var distanceFromReferenceCb = _ref2.distanceFromReferenceCb,
-      referenceColor = _ref2.referenceColor;
+    referenceColor = _ref2.referenceColor;
   return (0, _react2.jsx)(_Box["default"], {
     gap: 20
   }, (0, _map["default"])(_context = (0, _sort["default"])(_context2 = (0, _map["default"])(_colors.flatColorList).call(_colors.flatColorList, function (_ref3) {
     var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
-        name = _ref4[0],
-        hex = _ref4[1];
-
+      name = _ref4[0],
+      hex = _ref4[1];
     return {
       name: name,
       hex: hex,
@@ -140,8 +106,8 @@ var Colors = /*#__PURE__*/_react["default"].memo(function (_ref2) {
     return distance1 - distance2;
   })).call(_context, function (_ref7) {
     var name = _ref7.name,
-        hex = _ref7.hex,
-        distance = _ref7.distance;
+      hex = _ref7.hex,
+      distance = _ref7.distance;
     return (0, _react2.jsx)(Color, {
       hex: hex,
       name: name,
@@ -151,49 +117,42 @@ var Colors = /*#__PURE__*/_react["default"].memo(function (_ref2) {
     });
   }));
 });
-
 Colors.propTypes = {
   distanceFromReferenceCb: _propTypes["default"].func.isRequired,
   referenceColor: _propTypes["default"].string.isRequired
 };
-
 function hexToRgb(input) {
   var _context8;
-
   var hex = input;
-
   if (!hex.match(/^#/)) {
     hex = "#".concat(hex);
   }
-
   if (hex.length === 4) {
     var _context3, _context4, _context5, _context6, _context7;
-
     hex = (0, _concat["default"])(_context3 = (0, _concat["default"])(_context4 = (0, _concat["default"])(_context5 = (0, _concat["default"])(_context6 = (0, _concat["default"])(_context7 = "#".concat(hex[1])).call(_context7, hex[1])).call(_context6, hex[2])).call(_context5, hex[2])).call(_context4, hex[3])).call(_context3, hex[3]);
   }
-
   return (0, _map["default"])(_context8 = [(0, _slice["default"])(hex).call(hex, 1, 3), (0, _slice["default"])(hex).call(hex, 3, 5), (0, _slice["default"])(hex).call(hex, 5, 7)]).call(_context8, function (x) {
     return (0, _parseInt2["default"])(x, 16);
   });
 }
-
 function rgbToHsl(rgb) {
   var _rgb = (0, _slicedToArray2["default"])(rgb, 3),
-      r = _rgb[0],
-      g = _rgb[1],
-      b = _rgb[2];
-
+    r = _rgb[0],
+    g = _rgb[1],
+    b = _rgb[2];
   r /= 255;
   g /= 255;
-  b /= 255; // Find greatest and smallest channel values
+  b /= 255;
 
+  // Find greatest and smallest channel values
   var cmin = Math.min(r, g, b);
   var cmax = Math.max(r, g, b);
   var delta = cmax - cmin;
   var h;
   var s;
-  var l; // Calculate hue
+  var l;
 
+  // Calculate hue
   if (delta === 0) {
     // No difference
     h = 0;
@@ -209,43 +168,47 @@ function rgbToHsl(rgb) {
     // eslint-disable-next-line no-mixed-operators
     h = (r - g) / delta + 4;
   }
+  h = Math.round(h * 60);
 
-  h = Math.round(h * 60); // Make negative hues positive behind 360°
-
+  // Make negative hues positive behind 360°
   if (h < 0) {
     h += 360;
-  } // Calculate lightness
+  }
 
+  // Calculate lightness
+  l = (cmax + cmin) / 2;
 
-  l = (cmax + cmin) / 2; // Calculate saturation
+  // Calculate saturation
   // eslint-disable-next-line no-mixed-operators
+  s = delta === 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
 
-  s = delta === 0 ? 0 : delta / (1 - Math.abs(2 * l - 1)); // Multiply l and s by 100
-
+  // Multiply l and s by 100
   s = +(s * 100).toFixed(1);
   l = +(l * 100).toFixed(1);
   return [h, s, l];
 }
-
 var matchers = {
   'RGB Average Diff': function RGBAverageDiff(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);
+      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);
     };
   },
   'RGB distance': function RGBDistance(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);
+      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);
     };
   },
   'By Hue Difference': function ByHueDifference(referenceValue) {
@@ -257,32 +220,25 @@ var matchers = {
       since hue is circle-like value from 0 to 359 degree
       we want to ensure 2 values of 1 and 359 would be treated as close
       */
-
       return Math.min(distance, 360 - distance) / 180;
     };
   }
 };
-
 function ColorSchema() {
   var _context9;
-
   var _useState = (0, _react.useState)('#FFFFFF'),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      inputValue = _useState2[0],
-      setInputValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
   var _useState3 = (0, _react.useState)((0, _keys["default"])(matchers)[0]),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      matcher = _useState4[0],
-      setMatcher = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    matcher = _useState4[0],
+    setMatcher = _useState4[1];
   var _useState5 = (0, _react.useState)('#FFFFFF'),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      referenceColor = _useState6[0],
-      setReferenceColor = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    referenceColor = _useState6[0],
+    setReferenceColor = _useState6[1];
   var filterCallback = _react["default"].useCallback(matchers[matcher](referenceColor), [referenceColor, matcher]);
-
   (0, _react.useEffect)(function () {
     var timerId = (0, _setTimeout2["default"])(function () {
       // let's debounce, re-rendering color list is heavy due to sorting

package/lib/cjs/styles/breakpoints.js

@@ -1,11 +1,9 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
 var _default = ['480px', '768px', '960px', '1280px', '1920px'];
 exports["default"] = _default;

package/lib/cjs/styles/colors.js

@@ -1,33 +1,20 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.white = exports.warning = exports.text = exports.success = exports.shadow = exports.neutral = exports.line = exports.focus = exports.flatColorList = exports["default"] = exports.decorativeLight = exports.decorativeDark = exports.decorative = exports.critical = exports.button = exports.black = exports.active = exports.accent = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _fill = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/fill"));
-
 var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
-
 var _entries = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/entries"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _chromaJs = _interopRequireDefault(require("chroma-js"));
-
 var _context, _context2;
-
 // SEMANTIC COLORS
 var active = '#4462ED';
 exports.active = active;
@@ -47,17 +34,16 @@ var warning = {
   bright: '#ffb91c',
   dark: '#b05b00',
   light: '#fff6e6'
-}; // NEUTRAL COLORS
+};
 
+// NEUTRAL COLORS
 exports.warning = warning;
 var black = '#000';
 exports.black = black;
 var white = '#fff';
 exports.white = white;
 var steps = 9;
-
 var neutralScale = _chromaJs["default"].scale(['#253746', 'white']).mode('lab');
-
 var neutral = {
   10: neutralScale(0).hex(),
   20: neutralScale(1 / steps).hex(),
@@ -74,9 +60,7 @@ exports.neutral = neutral;
 var accentBase = '303F5F';
 var accentLight = 'F7F8FD';
 var accentSteps = 8;
-
 var accentScale = _chromaJs["default"].scale([accentBase, accentLight]).mode('hsl');
-
 var accent = {
   5: (0, _chromaJs["default"])(accentBase).darken(1).hex(),
   10: (0, _chromaJs["default"])(accentBase).darken(0.5).hex(),
@@ -92,20 +76,17 @@ var accent = {
   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];
-
+  _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 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();
 };
-
 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';
 });
@@ -116,11 +97,13 @@ var decorativeDark = (0, _map["default"])(decorative).call(decorative, function
 exports.decorativeDark = decorativeDark;
 var decorativeLight = (0, _map["default"])(decorative).call(decorative, function (color) {
   return (0, _chromaJs["default"])(color).brighten(2).hex();
-}); // export const focus = chroma(accent[50]).alpha(0.75).hex();
+});
 
+// export const focus = chroma(accent[50]).alpha(0.75).hex();
 exports.decorativeLight = decorativeLight;
-var focus = (0, _chromaJs["default"])('#D033FF').hex(); // COMPONENT COLORS
+var focus = (0, _chromaJs["default"])('#D033FF').hex();
 
+// COMPONENT COLORS
 exports.focus = focus;
 var button = {
   primary: active,
@@ -168,35 +151,28 @@ var allColors = {
 };
 var _default = allColors;
 exports["default"] = _default;
-
 function flattenColors(obj) {
   var _context3, _context4;
-
   var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   return (0, _reduce["default"])(_context3 = (0, _map["default"])(_context4 = (0, _entries["default"])(obj)).call(_context4, function (_ref) {
     var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
-        key = _ref2[0],
-        value = _ref2[1];
-
+      key = _ref2[0],
+      value = _ref2[1];
     if (typeof value === 'string') {
       var _context5;
-
       return [(0, _concat["default"])(_context5 = "".concat(prefix)).call(_context5, key), value];
-    } else if ((0, _typeof2["default"])(value) === 'object') {
+    }
+    if ((0, _typeof2["default"])(value) === 'object') {
       var _context6;
-
       return flattenColors(value, (0, _concat["default"])(_context6 = "".concat(prefix)).call(_context6, key, "."));
     }
-
     return [];
   })).call(_context3, function (result, current) {
     var _context7, _context8;
-
     return typeof current[0] === 'string' ? (0, _concat["default"])(_context7 = []).call(_context7, result, [current]) : (0, _concat["default"])(_context8 = []).call(_context8, result, current);
   }, []);
 }
-/* used by Storybook's stories */
-
 
+/* used by Storybook's stories */
 var flatColorList = flattenColors(allColors);
 exports.flatColorList = flatColorList;

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

@@ -1,67 +1,37 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var checkbox = _interopRequireWildcard(require("../../components/Checkbox/Checkbox.styles"));
-
 var _ColorField = _interopRequireDefault(require("../../components/ColorField/ColorField.styles"));
-
 var _ComboBox = _interopRequireDefault(require("../../components/ComboBox/ComboBox.styles"));
-
 var _FileInputField = _interopRequireDefault(require("../../components/FileInputField/FileInputField.styles"));
-
 var input = _interopRequireWildcard(require("../../components/Input/Input.styles"));
-
 var label = _interopRequireWildcard(require("../../components/Label/Label.styles"));
-
 var _NumberField = _interopRequireDefault(require("../../components/NumberField/NumberField.styles"));
-
 var _Radio = _interopRequireDefault(require("../../components/Radio/Radio.styles"));
-
 var _Search = _interopRequireDefault(require("../../components/SearchField/Search.styles"));
-
 var select = _interopRequireWildcard(require("../../components/SelectField/Select.styles"));
-
 var switchable = _interopRequireWildcard(require("../../components/Switch/Switch.styles"));
-
 var _TextArea = _interopRequireDefault(require("../../components/TextArea/TextArea.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; }
-
 // 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), {}, {
@@ -76,5 +46,4 @@ var _default = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSp
   "switch": _objectSpread({}, switchable),
   search: _Search["default"]
 });
-
 exports["default"] = _default;

package/lib/cjs/styles/spacing.js

@@ -1,11 +1,9 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.button = void 0;
 var base = 10;
 var scale = {
@@ -20,8 +18,8 @@ var scale = {
   xl: base * 4,
   // 40
   xx: base * 6.5 // 65
-
 };
+
 var button = {
   vPadding: scale.xs,
   hPadding: scale.md

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

@@ -1,49 +1,30 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
+var _CompassOutlineIcon = _interopRequireDefault(require("mdi-react/CompassOutlineIcon"));
 var _HelpCircleOutlineIcon = _interopRequireDefault(require("mdi-react/HelpCircleOutlineIcon"));
-
 var _MenuDownIcon = _interopRequireDefault(require("mdi-react/MenuDownIcon"));
-
-var _CompassOutlineIcon = _interopRequireDefault(require("mdi-react/CompassOutlineIcon"));
-
 var _EnvironmentBreadcrumb = require("../../../components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories");
-
 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; }
-
 var CustomPopoverMenu = function CustomPopoverMenu() {
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, {
     onOpenChange: setIsOpen
   }, (0, _react2.jsx)(_index.IconButton, {
@@ -63,7 +44,6 @@ var CustomPopoverMenu = function CustomPopoverMenu() {
     key: "option3"
   }, "Third Option"))));
 };
-
 var HeaderBar = function HeaderBar() {
   var Rectangle = function Rectangle() {
     return (0, _react2.jsx)(_index.Box, {
@@ -73,7 +53,6 @@ var HeaderBar = function HeaderBar() {
       mx: 25
     });
   };
-
   return (0, _react2.jsx)(_index.Box, {
     ml: 230,
     px: 15,
@@ -119,6 +98,5 @@ var HeaderBar = function HeaderBar() {
     variant: "textEllipsis"
   }, "Alyssa Chambers"), (0, _react2.jsx)(CustomPopoverMenu, null))));
 };
-
 var _default = HeaderBar;
 exports["default"] = _default;