@spothero/ui 22.3.2 → 22.3.5

package/dist/components/styles.js

@@ -1,163 +1,164 @@
 "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", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Accordion", {
+_Object$defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () {
-    return _styles2.default;
+  get: function get() {
+    return _styles2["default"];
   }
 });
-Object.defineProperty(exports, "Badge", {
+_Object$defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () {
-    return _styles14.default;
+  get: function get() {
+    return _styles14["default"];
   }
 });
-Object.defineProperty(exports, "Button", {
+_Object$defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () {
-    return _Button.default;
+  get: function get() {
+    return _Button["default"];
   }
 });
-Object.defineProperty(exports, "ButtonRefreshed", {
+_Object$defineProperty(exports, "ButtonRefreshed", {
   enumerable: true,
-  get: function () {
-    return _styles11.default;
+  get: function get() {
+    return _styles11["default"];
   }
 });
-Object.defineProperty(exports, "Checkbox", {
+_Object$defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () {
-    return _styles5.default;
+  get: function get() {
+    return _styles5["default"];
   }
 });
-Object.defineProperty(exports, "Divider", {
+_Object$defineProperty(exports, "Divider", {
   enumerable: true,
-  get: function () {
-    return _Divider.default;
+  get: function get() {
+    return _Divider["default"];
   }
 });
-Object.defineProperty(exports, "Drawer", {
+_Object$defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () {
-    return _styles15.default;
+  get: function get() {
+    return _styles15["default"];
   }
 });
-Object.defineProperty(exports, "GridItem", {
+_Object$defineProperty(exports, "GridItem", {
   enumerable: true,
-  get: function () {
-    return _GridItem.default;
+  get: function get() {
+    return _GridItem["default"];
   }
 });
-Object.defineProperty(exports, "Heading", {
+_Object$defineProperty(exports, "Heading", {
   enumerable: true,
-  get: function () {
-    return _Heading.default;
+  get: function get() {
+    return _Heading["default"];
   }
 });
-Object.defineProperty(exports, "Input", {
+_Object$defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () {
-    return _styles8.default;
+  get: function get() {
+    return _styles8["default"];
   }
 });
-Object.defineProperty(exports, "InputRefreshed", {
+_Object$defineProperty(exports, "InputRefreshed", {
   enumerable: true,
-  get: function () {
-    return _styles9.default;
+  get: function get() {
+    return _styles9["default"];
   }
 });
-Object.defineProperty(exports, "Link", {
+_Object$defineProperty(exports, "Link", {
   enumerable: true,
-  get: function () {
-    return _Link.default;
+  get: function get() {
+    return _Link["default"];
   }
 });
-Object.defineProperty(exports, "List", {
+_Object$defineProperty(exports, "List", {
   enumerable: true,
-  get: function () {
-    return _styles.default;
+  get: function get() {
+    return _styles["default"];
   }
 });
-Object.defineProperty(exports, "Menu", {
+_Object$defineProperty(exports, "Menu", {
   enumerable: true,
-  get: function () {
-    return _Menu.default;
+  get: function get() {
+    return _Menu["default"];
   }
 });
-Object.defineProperty(exports, "Modal", {
+_Object$defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () {
-    return _styles12.default;
+  get: function get() {
+    return _styles12["default"];
   }
 });
-Object.defineProperty(exports, "Popover", {
+_Object$defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () {
-    return _styles7.default;
+  get: function get() {
+    return _styles7["default"];
   }
 });
-Object.defineProperty(exports, "Progress", {
+_Object$defineProperty(exports, "Progress", {
   enumerable: true,
-  get: function () {
-    return _Progress.default;
+  get: function get() {
+    return _Progress["default"];
   }
 });
-Object.defineProperty(exports, "Radio", {
+_Object$defineProperty(exports, "Radio", {
   enumerable: true,
-  get: function () {
-    return _styles13.default;
+  get: function get() {
+    return _styles13["default"];
   }
 });
-Object.defineProperty(exports, "Select", {
+_Object$defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () {
-    return _styles4.default;
+  get: function get() {
+    return _styles4["default"];
   }
 });
-Object.defineProperty(exports, "SelectRefreshed", {
+_Object$defineProperty(exports, "SelectRefreshed", {
   enumerable: true,
-  get: function () {
-    return _styles10.default;
+  get: function get() {
+    return _styles10["default"];
   }
 });
-Object.defineProperty(exports, "Skeleton", {
+_Object$defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function () {
-    return _Skeleton.default;
+  get: function get() {
+    return _Skeleton["default"];
   }
 });
-Object.defineProperty(exports, "Spinner", {
+_Object$defineProperty(exports, "Spinner", {
   enumerable: true,
-  get: function () {
-    return _Spinner.default;
+  get: function get() {
+    return _Spinner["default"];
   }
 });
-Object.defineProperty(exports, "Switch", {
+_Object$defineProperty(exports, "Switch", {
   enumerable: true,
-  get: function () {
-    return _styles6.default;
+  get: function get() {
+    return _styles6["default"];
   }
 });
-Object.defineProperty(exports, "Table", {
+_Object$defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () {
-    return _Table.default;
+  get: function get() {
+    return _Table["default"];
   }
 });
-Object.defineProperty(exports, "Tabs", {
+_Object$defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () {
-    return _styles3.default;
+  get: function get() {
+    return _styles3["default"];
   }
 });
-Object.defineProperty(exports, "Text", {
+_Object$defineProperty(exports, "Text", {
   enumerable: true,
-  get: function () {
-    return _Text.default;
+  get: function get() {
+    return _Text["default"];
   }
 });
 var _styles = _interopRequireDefault(require("./List/styles"));

package/dist/theme/base/breakpoints.js

@@ -1,9 +1,10 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _themeTools = require("@chakra-ui/theme-tools");
 /**
  * The "base" breakpoint is Chakra's default non-responsive value (from 0 upwards).
@@ -11,7 +12,7 @@ var _themeTools = require("@chakra-ui/theme-tools");
  * "mobile" the same for all intents and purposes for mobile-first responsive styling.
  * @see https://chakra-ui.com/docs/features/responsive-styles#customizing-breakpoints
  */
-const breakpoints = (0, _themeTools.createBreakpoints)({
+var breakpoints = (0, _themeTools.createBreakpoints)({
   mobileXL: '30rem',
   // 480px
   tablet: '48rem',
@@ -20,4 +21,4 @@ const breakpoints = (0, _themeTools.createBreakpoints)({
   // 1024px
   desktopXL: '90rem' // 1440px
 });
-var _default = exports.default = breakpoints;
+var _default = exports["default"] = breakpoints;

package/dist/theme/base/colors.js

@@ -1,14 +1,26 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
+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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-const white = '#ffffff';
-const black = '#000000';
-const brandBlue = '#0082ff';
-const modalOverlay = '#21212160';
-const gray = {
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+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; }
+var white = '#ffffff';
+var black = '#000000';
+var brandBlue = '#0082ff';
+var modalOverlay = '#21212160';
+var gray = {
   50: '#f6f7f9',
   100: '#e1e6ec',
   200: '#cbd4de',
@@ -20,7 +32,7 @@ const gray = {
   800: '#2f3f4b',
   900: '#26323c'
 };
-const blue = {
+var blue = {
   50: '#f6fbfd',
   100: '#e6f8fd',
   200: '#c0e9fb',
@@ -32,7 +44,7 @@ const blue = {
   800: '#1735a6',
   900: '#132b7f'
 };
-const navy = {
+var navy = {
   50: '#f4fafc',
   100: '#e4f7fb',
   200: '#bfebf6',
@@ -44,7 +56,7 @@ const navy = {
   800: '#194185',
   900: '#002d5b'
 };
-const green = {
+var green = {
   50: '#ecf8f7',
   100: '#d3f7ef',
   200: '#a4f3d9',
@@ -56,7 +68,7 @@ const green = {
   800: '#11703e',
   900: '#115a35'
 };
-const yellow = {
+var yellow = {
   50: '#f9f5e5',
   100: '#faf0bd',
   200: '#f6e67c',
@@ -68,7 +80,7 @@ const yellow = {
   800: '#8e440e',
   900: '#743710'
 };
-const red = {
+var red = {
   50: '#fdf9f8',
   100: '#fdeef3',
   200: '#fbcee6',
@@ -80,35 +92,29 @@ const red = {
   800: '#b4193c',
   900: '#901530'
 };
-const colors = {
-  gray: {
-    ...gray,
+var colors = {
+  gray: _objectSpread(_objectSpread({}, gray), {}, {
     light: gray['50'],
     medium: gray['200'],
     dark: gray['600']
-  },
-  blue,
-  navy,
-  red: {
-    ...red,
-    default: red['700']
-  },
-  green: {
-    ...green,
-    default: green['700']
-  },
-  yellow: {
-    ...yellow,
-    default: yellow['400']
-  },
-  primary: {
-    ...blue,
-    default: blue['500']
-  },
-  secondary: {
-    ...navy,
-    default: navy['900']
-  },
+  }),
+  blue: blue,
+  navy: navy,
+  red: _objectSpread(_objectSpread({}, red), {}, {
+    "default": red['700']
+  }),
+  green: _objectSpread(_objectSpread({}, green), {}, {
+    "default": green['700']
+  }),
+  yellow: _objectSpread(_objectSpread({}, yellow), {}, {
+    "default": yellow['400']
+  }),
+  primary: _objectSpread(_objectSpread({}, blue), {}, {
+    "default": blue['500']
+  }),
+  secondary: _objectSpread(_objectSpread({}, navy), {}, {
+    "default": navy['900']
+  }),
   success: green['700'],
   warning: yellow['400'],
   error: red['700'],
@@ -128,11 +134,11 @@ const colors = {
   },
   background: {
     gray: gray['50'],
-    white
+    white: white
   },
-  white,
-  black,
-  brandBlue,
-  modalOverlay
+  white: white,
+  black: black,
+  brandBlue: brandBlue,
+  modalOverlay: modalOverlay
 };
-var _default = exports.default = colors;
+var _default = exports["default"] = colors;

package/dist/theme/base/index.js

@@ -1,73 +1,74 @@
 "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", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "NOTIFICATION_STATUSES", {
+_Object$defineProperty(exports, "NOTIFICATION_STATUSES", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _notifications.NOTIFICATION_STATUSES;
   }
 });
-Object.defineProperty(exports, "breakpoints", {
+_Object$defineProperty(exports, "breakpoints", {
   enumerable: true,
-  get: function () {
-    return _breakpoints.default;
+  get: function get() {
+    return _breakpoints["default"];
   }
 });
-Object.defineProperty(exports, "colors", {
+_Object$defineProperty(exports, "colors", {
   enumerable: true,
-  get: function () {
-    return _colors.default;
+  get: function get() {
+    return _colors["default"];
   }
 });
-Object.defineProperty(exports, "fontSizes", {
+_Object$defineProperty(exports, "fontSizes", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _typography.fontSizes;
   }
 });
-Object.defineProperty(exports, "fontWeights", {
+_Object$defineProperty(exports, "fontWeights", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _typography.fontWeights;
   }
 });
-Object.defineProperty(exports, "fonts", {
+_Object$defineProperty(exports, "fonts", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _typography.fonts;
   }
 });
-Object.defineProperty(exports, "notificationBaseStyle", {
+_Object$defineProperty(exports, "notificationBaseStyle", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _notifications.notificationBaseStyle;
   }
 });
-Object.defineProperty(exports, "notificationStatusStyles", {
+_Object$defineProperty(exports, "notificationStatusStyles", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _notifications.notificationStatusStyles;
   }
 });
-Object.defineProperty(exports, "shadows", {
+_Object$defineProperty(exports, "shadows", {
   enumerable: true,
-  get: function () {
-    return _shadows.default;
+  get: function get() {
+    return _shadows["default"];
   }
 });
-Object.defineProperty(exports, "sizes", {
+_Object$defineProperty(exports, "sizes", {
   enumerable: true,
-  get: function () {
-    return _sizes.default;
+  get: function get() {
+    return _sizes["default"];
   }
 });
-Object.defineProperty(exports, "zIndices", {
+_Object$defineProperty(exports, "zIndices", {
   enumerable: true,
-  get: function () {
-    return _zindices.default;
+  get: function get() {
+    return _zindices["default"];
   }
 });
 var _sizes = _interopRequireDefault(require("./sizes"));

package/dist/theme/base/notifications.js

@@ -1,21 +1,22 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.notificationStatusStyles = exports.notificationSizeStyles = exports.notificationBaseStyle = exports.NOTIFICATION_STATUSES = void 0;
-const NOTIFICATION_STATUSES = exports.NOTIFICATION_STATUSES = {
+var NOTIFICATION_STATUSES = exports.NOTIFICATION_STATUSES = {
   NEUTRAL: 'neutral',
   ERROR: 'error',
   WARNING: 'warning',
   SUCCESS: 'success'
 };
-const NOTIFICATION_SIZES = {
+var NOTIFICATION_SIZES = {
   SM: 'sm',
   MD: 'md',
   LG: 'lg'
 };
-const notificationBaseStyle = exports.notificationBaseStyle = {
+var notificationBaseStyle = exports.notificationBaseStyle = {
   container: {
     paddingY: 2,
     borderRadius: 'base'
@@ -87,7 +88,7 @@ const notificationBaseStyle = exports.notificationBaseStyle = {
     }
   }
 };
-const notificationStatusStyles = status => {
+var notificationStatusStyles = exports.notificationStatusStyles = function notificationStatusStyles(status) {
   switch (status) {
     case NOTIFICATION_STATUSES.NEUTRAL:
       return {
@@ -161,8 +162,7 @@ const notificationStatusStyles = status => {
       return {};
   }
 };
-exports.notificationStatusStyles = notificationStatusStyles;
-const notificationSizeStyles = size => {
+var notificationSizeStyles = exports.notificationSizeStyles = function notificationSizeStyles(size) {
   switch (size) {
     case NOTIFICATION_SIZES.SM:
       return {
@@ -194,5 +194,4 @@ const notificationSizeStyles = size => {
     default:
       return {};
   }
-};
-exports.notificationSizeStyles = notificationSizeStyles;
+};

package/dist/theme/base/shadows.js

@@ -1,15 +1,16 @@
 "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", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-const shadows = {
+var shadows = {
   outline: '0 0 0 3px rgba(91, 170, 250, 0.7)',
   // primary.400, 70% opacity
   drawer: '-8px 0 16px 0 rgba(33,33,33,.1)'
 };
-var _default = exports.default = (0, _merge.default)(_theme.default.shadows, shadows);
+var _default = exports["default"] = (0, _merge["default"])(_theme["default"].shadows, shadows);

package/dist/theme/base/sizes.js

@@ -1,18 +1,19 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-const container = {
+exports["default"] = void 0;
+var container = {
   base: '100%',
   // 640px
   tablet: '45rem',
   // 720px
   desktop: '72rem' // 1152px
 };
-const sizes = {
-  container,
+var sizes = {
+  container: container,
   0: '0',
   0.5: '0.125rem',
   // 2px
@@ -85,4 +86,4 @@ const sizes = {
   max: 'max-content',
   min: 'min-content'
 };
-var _default = exports.default = sizes;
+var _default = exports["default"] = sizes;

package/dist/theme/base/typography.js

@@ -1,14 +1,15 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fonts = exports.fontWeights = exports.fontSizes = void 0;
-const fonts = exports.fonts = {
-  heading: `"Plus Jakarta Sans", sans-serif`,
-  body: `"Plus Jakarta Sans", sans-serif`
+var fonts = exports.fonts = {
+  heading: "\"Plus Jakarta Sans\", sans-serif",
+  body: "\"Plus Jakarta Sans\", sans-serif"
 };
-const fontSizes = exports.fontSizes = {
+var fontSizes = exports.fontSizes = {
   '5xl': '3.5rem',
   // 56px
   '4xl': '3rem',
@@ -29,7 +30,7 @@ const fontSizes = exports.fontSizes = {
   // 14px
   xs: '0.75rem' // 12px
 };
-const fontWeights = exports.fontWeights = {
+var fontWeights = exports.fontWeights = {
   light: 300,
   normal: 400,
   medium: 500,