@spothero/ui 17.1.0 → 17.1.1

package/dist/components/styles.js

@@ -1,167 +1,146 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _styles2.default;
   }
 });
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _styles11.default;
   }
 });
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Button.default;
   }
 });
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _styles5.default;
   }
 });
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Divider.default;
   }
 });
 Object.defineProperty(exports, "GridItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _GridItem.default;
   }
 });
 Object.defineProperty(exports, "Heading", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Heading.default;
   }
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _styles8.default;
   }
 });
 Object.defineProperty(exports, "Link", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Link.default;
   }
 });
 Object.defineProperty(exports, "List", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _styles.default;
   }
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _styles9.default;
   }
 });
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _styles7.default;
   }
 });
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _styles10.default;
   }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _styles4.default;
   }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Skeleton.default;
   }
 });
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Spinner.default;
   }
 });
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _styles6.default;
   }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Table.default;
   }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _styles3.default;
   }
 });
 Object.defineProperty(exports, "Text", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Text.default;
   }
 });
-
 var _styles = _interopRequireDefault(require("./List/styles"));
-
 var _Table = _interopRequireDefault(require("./Table/Table.styles"));
-
 var _Text = _interopRequireDefault(require("./Text/Text.styles"));
-
 var _Link = _interopRequireDefault(require("./Link/Link.styles"));
-
 var _styles2 = _interopRequireDefault(require("./Accordion/styles"));
-
 var _Button = _interopRequireDefault(require("./Button/Button.styles"));
-
 var _GridItem = _interopRequireDefault(require("./Grid/GridItem.styles"));
-
 var _Spinner = _interopRequireDefault(require("./Spinner/Spinner.styles"));
-
 var _Heading = _interopRequireDefault(require("./Heading/Heading.styles"));
-
 var _Divider = _interopRequireDefault(require("./Divider/Divider.styles"));
-
 var _styles3 = _interopRequireDefault(require("./Tabs/styles"));
-
 var _styles4 = _interopRequireDefault(require("./Select/styles"));
-
 var _styles5 = _interopRequireDefault(require("./Checkbox/styles"));
-
 var _styles6 = _interopRequireDefault(require("./Switch/styles"));
-
 var _styles7 = _interopRequireDefault(require("./Popover/styles"));
-
 var _styles8 = _interopRequireDefault(require("./Input/styles"));
-
 var _styles9 = _interopRequireDefault(require("./Modal/styles"));
-
 var _styles10 = _interopRequireDefault(require("./Radio/styles"));
-
 var _Skeleton = _interopRequireDefault(require("./Skeleton/Skeleton.styles"));
-
 var _styles11 = _interopRequireDefault(require("./Badge/styles"));

package/dist/theme/base/breakpoints.js

@@ -4,16 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _themeTools = require("@chakra-ui/theme-tools");
-
 /**
  * The "base" breakpoint is Chakra's default non-responsive value (from 0 upwards).
  * While we don't explicitly enable a "mobile" breakpoint, we can consider "base" and
  * "mobile" the same for all intents and purposes for mobile-first responsive styling.
  * @see https://chakra-ui.com/docs/features/responsive-styles#customizing-breakpoints
  */
-var breakpoints = (0, _themeTools.createBreakpoints)({
+const breakpoints = (0, _themeTools.createBreakpoints)({
   mobileXL: '30rem',
   // 480px
   tablet: '48rem',
@@ -21,7 +19,6 @@ var breakpoints = (0, _themeTools.createBreakpoints)({
   desktop: '64rem',
   // 1024px
   desktopXL: '90rem' // 1440px
-
 });
 var _default = breakpoints;
 exports.default = _default;

package/dist/theme/base/colors.js

@@ -1,32 +1,13 @@
 "use strict";
 
-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 _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-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"));
-
-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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var white = '#ffffff';
-var black = '#000000';
-var brandBlue = '#0082ff';
-var gray = {
+const white = '#ffffff';
+const black = '#000000';
+const brandBlue = '#0082ff';
+const gray = {
   50: '#f6f7f9',
   100: '#e1e6ec',
   200: '#cbd4de',
@@ -38,7 +19,7 @@ var gray = {
   800: '#2f3f4b',
   900: '#26323c'
 };
-var blue = {
+const blue = {
   50: '#f6fbfd',
   100: '#e6f8fd',
   200: '#c0e9fb',
@@ -50,7 +31,7 @@ var blue = {
   800: '#1735a6',
   900: '#132b7f'
 };
-var navy = {
+const navy = {
   50: '#f4fafc',
   100: '#e4f7fb',
   200: '#bfebf6',
@@ -62,7 +43,7 @@ var navy = {
   800: '#194185',
   900: '#002d5b'
 };
-var green = {
+const green = {
   50: '#ecf8f7',
   100: '#d3f7ef',
   200: '#a4f3d9',
@@ -74,7 +55,7 @@ var green = {
   800: '#11703e',
   900: '#115a35'
 };
-var yellow = {
+const yellow = {
   50: '#f9f5e5',
   100: '#faf0bd',
   200: '#f6e67c',
@@ -86,7 +67,7 @@ var yellow = {
   800: '#8e440e',
   900: '#743710'
 };
-var red = {
+const red = {
   50: '#fdf9f8',
   100: '#fdeef3',
   200: '#fbcee6',
@@ -98,27 +79,33 @@ var red = {
   800: '#b4193c',
   900: '#901530'
 };
-var colors = {
-  primary: _objectSpread(_objectSpread({}, blue), {}, {
+const colors = {
+  primary: {
+    ...blue,
     default: blue['500']
-  }),
-  secondary: _objectSpread(_objectSpread({}, navy), {}, {
+  },
+  secondary: {
+    ...navy,
     default: navy['900']
-  }),
-  gray: _objectSpread(_objectSpread({}, gray), {}, {
+  },
+  gray: {
+    ...gray,
     light: gray['50'],
     medium: gray['200'],
     dark: gray['600']
-  }),
-  red: _objectSpread(_objectSpread({}, red), {}, {
+  },
+  red: {
+    ...red,
     default: red['700']
-  }),
-  green: _objectSpread(_objectSpread({}, green), {}, {
+  },
+  green: {
+    ...green,
     default: green['700']
-  }),
-  yellow: _objectSpread(_objectSpread({}, yellow), {}, {
+  },
+  yellow: {
+    ...yellow,
     default: yellow['400']
-  }),
+  },
   success: green['700'],
   warning: yellow['400'],
   error: red['700'],
@@ -138,11 +125,11 @@ var colors = {
   },
   background: {
     gray: gray['50'],
-    white: white
+    white
   },
-  white: white,
-  black: black,
-  brandBlue: brandBlue
+  white,
+  black,
+  brandBlue
 };
 var _default = colors;
 exports.default = _default;

package/dist/theme/base/index.js

@@ -1,79 +1,72 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "NOTIFICATION_STATUSES", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _notifications.NOTIFICATION_STATUSES;
   }
 });
 Object.defineProperty(exports, "breakpoints", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _breakpoints.default;
   }
 });
 Object.defineProperty(exports, "colors", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _colors.default;
   }
 });
 Object.defineProperty(exports, "fontSizes", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _typography.fontSizes;
   }
 });
 Object.defineProperty(exports, "fontWeights", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _typography.fontWeights;
   }
 });
 Object.defineProperty(exports, "fonts", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _typography.fonts;
   }
 });
 Object.defineProperty(exports, "notificationBaseStyle", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _notifications.notificationBaseStyle;
   }
 });
 Object.defineProperty(exports, "notificationStatusStyles", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _notifications.notificationStatusStyles;
   }
 });
 Object.defineProperty(exports, "sizes", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _sizes.default;
   }
 });
 Object.defineProperty(exports, "zIndices", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _zindices.default;
   }
 });
-
 var _sizes = _interopRequireDefault(require("./sizes"));
-
 var _colors = _interopRequireDefault(require("./colors"));
-
 var _zindices = _interopRequireDefault(require("./zindices"));
-
 var _breakpoints = _interopRequireDefault(require("./breakpoints"));
-
 var _typography = require("./typography");
-
 var _notifications = require("./notifications");

package/dist/theme/base/notifications.js

@@ -4,19 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.notificationStatusStyles = exports.notificationSizeStyles = exports.notificationBaseStyle = exports.NOTIFICATION_STATUSES = void 0;
-var NOTIFICATION_STATUSES = {
+const NOTIFICATION_STATUSES = {
   NEUTRAL: 'neutral',
   ERROR: 'error',
   WARNING: 'warning',
   SUCCESS: 'success'
 };
 exports.NOTIFICATION_STATUSES = NOTIFICATION_STATUSES;
-var NOTIFICATION_SIZES = {
+const NOTIFICATION_SIZES = {
   SM: 'sm',
   MD: 'md',
   LG: 'lg'
 };
-var notificationBaseStyle = {
+const notificationBaseStyle = {
   container: {
     paddingY: 2,
     borderRadius: 'base'
@@ -89,8 +89,7 @@ var notificationBaseStyle = {
   }
 };
 exports.notificationBaseStyle = notificationBaseStyle;
-
-var notificationStatusStyles = function notificationStatusStyles(status) {
+const notificationStatusStyles = status => {
   switch (status) {
     case NOTIFICATION_STATUSES.NEUTRAL:
       return {
@@ -109,7 +108,6 @@ var notificationStatusStyles = function notificationStatusStyles(status) {
           }
         }
       };
-
     case NOTIFICATION_STATUSES.WARNING:
       return {
         container: {
@@ -127,7 +125,6 @@ var notificationStatusStyles = function notificationStatusStyles(status) {
           }
         }
       };
-
     case NOTIFICATION_STATUSES.ERROR:
       return {
         container: {
@@ -145,7 +142,6 @@ var notificationStatusStyles = function notificationStatusStyles(status) {
           }
         }
       };
-
     case NOTIFICATION_STATUSES.SUCCESS:
       return {
         container: {
@@ -163,15 +159,12 @@ var notificationStatusStyles = function notificationStatusStyles(status) {
           }
         }
       };
-
     default:
       return {};
   }
 };
-
 exports.notificationStatusStyles = notificationStatusStyles;
-
-var notificationSizeStyles = function notificationSizeStyles(size) {
+const notificationSizeStyles = size => {
   switch (size) {
     case NOTIFICATION_SIZES.SM:
       return {
@@ -182,7 +175,6 @@ var notificationSizeStyles = function notificationSizeStyles(size) {
           fontSize: 'xs'
         }
       };
-
     case NOTIFICATION_SIZES.MD:
       return {
         title: {
@@ -192,7 +184,6 @@ var notificationSizeStyles = function notificationSizeStyles(size) {
           fontSize: 'sm'
         }
       };
-
     case NOTIFICATION_SIZES.LG:
       return {
         title: {
@@ -202,10 +193,8 @@ var notificationSizeStyles = function notificationSizeStyles(size) {
           fontSize: 'base'
         }
       };
-
     default:
       return {};
   }
 };
-
 exports.notificationSizeStyles = notificationSizeStyles;

package/dist/theme/base/sizes.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var container = {
+const container = {
   base: '100%',
   // 640px
   tablet: '45rem',
   // 720px
   desktop: '72rem' // 1152px
-
 };
-var sizes = {
-  container: container,
+
+const sizes = {
+  container,
   0: '0',
   0.5: '0.125rem',
   // 2px

package/dist/theme/base/typography.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fonts = exports.fontWeights = exports.fontSizes = void 0;
-var fonts = {
-  heading: "\"Open Sans\", sans-serif",
-  body: "\"Open Sans\", sans-serif"
+const fonts = {
+  heading: `"Open Sans", sans-serif`,
+  body: `"Open Sans", sans-serif`
 };
 exports.fonts = fonts;
-var fontSizes = {
+const fontSizes = {
   '5xl': '3.5rem',
   // 56px
   '4xl': '3rem',
@@ -29,10 +29,9 @@ var fontSizes = {
   sm: '0.875rem',
   // 14px
   xs: '0.75rem' // 12px
-
 };
 exports.fontSizes = fontSizes;
-var fontWeights = {
+const fontWeights = {
   light: 300,
   normal: 400,
   semibold: 600,

package/dist/theme/base/zindices.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var indices = {
+const indices = {
   hide: -100,
   // equivalent to $z-index-negative in fe-core (https://github.com/spothero/fe-core/blob/main/utils/_defaults.scss)
   auto: 'auto',
@@ -29,7 +29,6 @@ var indices = {
   layer9: 900,
   // equivalent to $z-index-notification in fe-core
   layer10: 1000 // equivalent to $z-index-top in fe-core
-
 };
 var _default = indices;
 exports.default = _default;