@spothero/ui 17.0.3 → 17.1.0-beta.3

package/dist/components/Table/index.js

@@ -1,56 +1,59 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _Table.default;
   }
 });
 Object.defineProperty(exports, "TableCaption", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.TableCaption;
   }
 });
 Object.defineProperty(exports, "Tbody", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.Tbody;
   }
 });
 Object.defineProperty(exports, "Td", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.Td;
   }
 });
 Object.defineProperty(exports, "Tfoot", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.Tfoot;
   }
 });
 Object.defineProperty(exports, "Th", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.Th;
   }
 });
 Object.defineProperty(exports, "Thead", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.Thead;
   }
 });
 Object.defineProperty(exports, "Tr", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.Tr;
   }
 });
+
 var _Table = _interopRequireDefault(require("./Table"));
+
 var _react = require("@chakra-ui/react");

package/dist/components/Tabs/Tabs.js

@@ -1,34 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SIZE_SMALL = exports.SIZE_HEADING = exports.SIZE_BODY = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _react2 = require("@chakra-ui/react");
+
 var _combineSizeWithVariant = _interopRequireDefault(require("./combineSizeWithVariant"));
-const SIZE_SMALL = 'small';
+
+var _excluded = ["size"];
+
+var _sizeMapping;
+
+var SIZE_SMALL = 'small';
 exports.SIZE_SMALL = SIZE_SMALL;
-const SIZE_BODY = 'body';
+var SIZE_BODY = 'body';
 exports.SIZE_BODY = SIZE_BODY;
-const SIZE_HEADING = 'heading';
+var SIZE_HEADING = 'heading';
 exports.SIZE_HEADING = SIZE_HEADING;
-const sizeMapping = {
-  [SIZE_SMALL]: 'sm',
-  [SIZE_BODY]: 'md',
-  [SIZE_HEADING]: 'lg'
-};
-const Tabs = (0, _react2.forwardRef)((_ref, ref) => {
-  let {
-    size,
-    ...props
-  } = _ref;
+var sizeMapping = (_sizeMapping = {}, (0, _defineProperty2.default)(_sizeMapping, SIZE_SMALL, 'sm'), (0, _defineProperty2.default)(_sizeMapping, SIZE_BODY, 'md'), (0, _defineProperty2.default)(_sizeMapping, SIZE_HEADING, 'lg'), _sizeMapping);
+var Tabs = (0, _react2.forwardRef)(function (_ref, ref) {
+  var size = _ref.size,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_react2.Tabs, (0, _extends2.default)({
     size: sizeMapping[size]
   }, props, (0, _combineSizeWithVariant.default)({
-    size
+    size: size
   }), {
     ref: ref
   }));

package/dist/components/Tabs/Tabs.stories.js

@@ -1,16 +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$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 = exports.Tabs = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Tabs = _interopRequireWildcard(require("./Tabs"));
+
 var _index = require("./index");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _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 = {
   title: 'v2/Tabs',
   parameters: {
@@ -26,10 +40,12 @@ var _default = {
   }
 };
 exports.default = _default;
-const TabsTemplate = props => {
+
+var TabsTemplate = function TabsTemplate(props) {
   return /*#__PURE__*/_react.default.createElement(_Tabs.default, (0, _extends2.default)({
     variant: "line"
   }, props), /*#__PURE__*/_react.default.createElement(_index.TabList, null, /*#__PURE__*/_react.default.createElement(_index.Tab, null, "One"), /*#__PURE__*/_react.default.createElement(_index.Tab, null, "Two"), /*#__PURE__*/_react.default.createElement(_index.Tab, null, "Three")), /*#__PURE__*/_react.default.createElement(_index.TabPanels, null, /*#__PURE__*/_react.default.createElement(_index.TabPanel, null, /*#__PURE__*/_react.default.createElement("p", null, "one!")), /*#__PURE__*/_react.default.createElement(_index.TabPanel, null, /*#__PURE__*/_react.default.createElement("p", null, "two!")), /*#__PURE__*/_react.default.createElement(_index.TabPanel, null, /*#__PURE__*/_react.default.createElement("p", null, "three!"))));
 };
-const Tabs = TabsTemplate.bind({});
+
+var Tabs = TabsTemplate.bind({});
 exports.Tabs = Tabs;

package/dist/components/Tabs/combineSizeWithVariant.js

@@ -1,13 +1,20 @@
 "use strict";
 
 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 _index = _interopRequireDefault(require("./styles/index"));
+
 var _typography = require("../../theme/base/typography");
+
 var _Tabs = require("./Tabs");
+
 /**
  * ### `combineSizeWithVariant`
  * A function that takes in the `size` value, and the
@@ -19,20 +26,19 @@ var _Tabs = require("./Tabs");
  * @param {string} args.variant - The style variant for the Text component
  * @returns {Object} An object containing the merged styleProps from the `variant` and the `size` props
  */
+var combineSizeWithVariant = function combineSizeWithVariant(_ref) {
+  var _fontSizeMapping;
+
+  var size = _ref.size,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'line' : _ref$variant;
+  var fontSizeMapping = (_fontSizeMapping = {}, (0, _defineProperty2.default)(_fontSizeMapping, _Tabs.SIZE_SMALL, _typography.fontSizes.xs), (0, _defineProperty2.default)(_fontSizeMapping, _Tabs.SIZE_BODY, _typography.fontSizes.base), (0, _defineProperty2.default)(_fontSizeMapping, _Tabs.SIZE_HEADING, _typography.fontSizes.lg), _fontSizeMapping);
+
+  var styleProps = _index.default.variants["".concat(variant)];
 
-const combineSizeWithVariant = _ref => {
-  let {
-    size,
-    variant = 'line'
-  } = _ref;
-  const fontSizeMapping = {
-    [_Tabs.SIZE_SMALL]: _typography.fontSizes.xs,
-    [_Tabs.SIZE_BODY]: _typography.fontSizes.base,
-    [_Tabs.SIZE_HEADING]: _typography.fontSizes.lg
-  };
-  const styleProps = _index.default.variants[`${variant}`];
   styleProps.tab.fontSize = fontSizeMapping[size];
   return styleProps;
 };
+
 var _default = combineSizeWithVariant;
 exports.default = _default;

package/dist/components/Tabs/index.js

@@ -1,38 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "Tab", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.Tab;
   }
 });
 Object.defineProperty(exports, "TabList", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.TabList;
   }
 });
 Object.defineProperty(exports, "TabPanel", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.TabPanel;
   }
 });
 Object.defineProperty(exports, "TabPanels", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.TabPanels;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _Tabs.default;
   }
 });
+
 var _Tabs = _interopRequireDefault(require("./Tabs"));
+
 var _react = require("@chakra-ui/react");

package/dist/components/Tabs/styles/index.js

@@ -1,13 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _merge = _interopRequireDefault(require("lodash/merge"));
+
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-const variants = {
+
+var variants = {
   line: {
     tablist: {
       borderBottom: '2px solid',
@@ -40,7 +44,9 @@ const variants = {
     }
   }
 };
+
 var _default = (0, _merge.default)(_theme.default.components.Tabs, {
-  variants
+  variants: variants
 });
+
 exports.default = _default;

package/dist/components/Text/Text.js

@@ -1,28 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _react2 = require("@chakra-ui/react");
+
 var _options = _interopRequireDefault(require("./options"));
+
 var _Text = require("./Text.styles");
+
 var _combineAsWithVariant = _interopRequireDefault(require("./combineAsWithVariant"));
-const Text = (0, _react2.forwardRef)((_ref, ref) => {
-  let {
-    as,
-    variant,
-    ...props
-  } = _ref;
+
+var _excluded = ["as", "variant"];
+var Text = (0, _react2.forwardRef)(function (_ref, ref) {
+  var as = _ref.as,
+      variant = _ref.variant,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_react2.Text, (0, _extends2.default)({
     variant: variant,
     as: as
   }, (0, _combineAsWithVariant.default)({
-    as,
-    variant
+    as: as,
+    variant: variant
   }), props, {
     ref: ref
   }));

package/dist/components/Text/Text.stories.js

@@ -1,14 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Text = void 0;
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _Text = _interopRequireDefault(require("./Text"));
+
 var _options = _interopRequireDefault(require("./options"));
+
 var _Text2 = require("./Text.styles");
+
 var _default = {
   title: 'v2/Text',
   component: _Text.default,
@@ -19,7 +27,7 @@ var _default = {
     variant: {
       control: {
         type: 'select',
-        options: Object.keys(_Text2.variants)
+        options: (0, _keys.default)(_Text2.variants)
       }
     },
     as: {
@@ -36,8 +44,12 @@ var _default = {
   }
 };
 exports.default = _default;
-const Template = props => /*#__PURE__*/_react.default.createElement(_Text.default, props);
-const Text = Template.bind({});
+
+var Template = function Template(props) {
+  return /*#__PURE__*/_react.default.createElement(_Text.default, props);
+};
+
+var Text = Template.bind({});
 exports.Text = Text;
 Text.args = {
   children: 'Bonbon lollipop tiramisu cupcake bear claw cupcake. Icing candy canes cookie caramels wafer tootsie roll soufflé halvah. Ice cream tart gummies apple pie chocolate bar. Pastry gummies macaroon fruitcake donut sweet caramels candy. Oat cake marshmallow biscuit carrot cake fruitcake brownie pastry liquorice liquorice. Topping sweet gingerbread. Chupa chups caramels brownie. Icing jujubes chupa chups cookie. Carrot cake gummi bears powder apple pie donut pudding macaroon. Icing jelly cupcake powder jelly croissant pastry. Powder jelly fruitcake gummies sweet tootsie roll candy. Icing cheesecake toffee tart pastry lemon drops lemon drops bonbon wafer. Cheesecake ice cream wafer apple pie candy canes croissant. Sweet croissant pudding carrot cake oat cake chupa chups. Gingerbread lemon drops biscuit oat cake carrot cake. Chocolate cake jelly-o cake cake candy lollipop.'

package/dist/components/Text/Text.styles.js

@@ -1,47 +1,67 @@
 "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.variants = exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
 var _merge = _interopRequireDefault(require("lodash/merge"));
+
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
+
 var _typography = require("../../theme/base/typography");
-const baseStyle = {
+
+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 baseStyle = {
   lineHeight: 1.5,
   fontWeight: _typography.fontWeights.normal
 };
-const variants = {
-  body: {
-    ...baseStyle,
+var variants = {
+  body: _objectSpread(_objectSpread({}, baseStyle), {}, {
     fontSize: {
       base: _typography.fontSizes.base,
       desktop: _typography.fontSizes.base
     }
-  },
-  body2: {
-    ...baseStyle,
+  }),
+  body2: _objectSpread(_objectSpread({}, baseStyle), {}, {
     fontSize: {
       base: _typography.fontSizes.sm,
       desktop: _typography.fontSizes.sm
     }
-  },
-  caption: {
-    ...baseStyle,
+  }),
+  caption: _objectSpread(_objectSpread({}, baseStyle), {}, {
     fontSize: {
       base: _typography.fontSizes.xs,
       desktop: _typography.fontSizes.xs
     }
-  }
+  })
 };
 exports.variants = variants;
-const defaultProps = {
+var defaultProps = {
   variant: variants.body
 };
+
 var _default = (0, _merge.default)(_theme.default.components.Text, {
-  variants,
-  baseStyle,
-  defaultProps
+  variants: variants,
+  baseStyle: baseStyle,
+  defaultProps: defaultProps
 });
+
 exports.default = _default;

package/dist/components/Text/combineAsWithVariant.js

@@ -1,13 +1,36 @@
 "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"));
+
+var _freeze = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/freeze"));
+
 var _Text = require("./Text.styles");
+
 var _typography = require("../../theme/base/typography");
+
+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; }
+
 // Create list of commonly used html text elements
-const asOptions = Object.freeze({
+var asOptions = (0, _freeze.default)({
   bold: 'b',
   strong: 'strong',
   italic: 'i',
@@ -16,7 +39,6 @@ const asOptions = Object.freeze({
   strikethrough: 's',
   underline: 'u'
 });
-
 /**
  * ### `combineAsWithVariant`
  * A function that takes in the `as` value (the HTML element to render the Text component as), and the
@@ -36,67 +58,66 @@ const asOptions = Object.freeze({
  * @returns {Object} An object containing the merged styleProps from the `variant` and the `as` props
  */
 
-const combineAsWithVariant = _ref => {
-  let {
-    as,
-    variant
-  } = _ref;
-  const variantFontSizeBase = Number(_Text.variants[`${variant}`].fontSize.base.replace('rem', ''));
-  const variantFontSizeDesktop = Number(_Text.variants[`${variant}`].fontSize.desktop.replace('rem', ''));
-  let styleProps;
+var combineAsWithVariant = function combineAsWithVariant(_ref) {
+  var as = _ref.as,
+      variant = _ref.variant;
+  var variantFontSizeBase = Number(_Text.variants["".concat(variant)].fontSize.base.replace('rem', ''));
+  var variantFontSizeDesktop = Number(_Text.variants["".concat(variant)].fontSize.desktop.replace('rem', ''));
+  var styleProps;
+
   switch (as) {
     case asOptions.bold:
-      styleProps = {
-        ..._Text.variants[`${variant}`],
+      styleProps = _objectSpread(_objectSpread({}, _Text.variants["".concat(variant)]), {}, {
         fontWeight: _typography.fontWeights.semibold
-      };
+      });
       break;
+
     case asOptions.strong:
-      styleProps = {
-        ..._Text.variants[`${variant}`],
+      styleProps = _objectSpread(_objectSpread({}, _Text.variants["".concat(variant)]), {}, {
         fontWeight: _typography.fontWeights.semibold
-      };
+      });
       break;
+
     case asOptions.italic:
-      styleProps = {
-        ..._Text.variants[`${variant}`],
+      styleProps = _objectSpread(_objectSpread({}, _Text.variants["".concat(variant)]), {}, {
         fontStyle: 'italic'
-      };
+      });
       break;
+
     case asOptions.emphasis:
-      styleProps = {
-        ..._Text.variants[`${variant}`],
+      styleProps = _objectSpread(_objectSpread({}, _Text.variants["".concat(variant)]), {}, {
         fontStyle: 'italic'
-      };
+      });
       break;
+
     case asOptions.underline:
-      styleProps = {
-        ..._Text.variants[`${variant}`],
+      styleProps = _objectSpread(_objectSpread({}, _Text.variants["".concat(variant)]), {}, {
         textDecoration: 'underline'
-      };
+      });
       break;
+
     case asOptions.strikethrough:
-      styleProps = {
-        ..._Text.variants[`${variant}`],
+      styleProps = _objectSpread(_objectSpread({}, _Text.variants["".concat(variant)]), {}, {
         textDecoration: 'line-through'
-      };
+      });
       break;
+
     case asOptions.small:
-      styleProps = {
-        ..._Text.variants[`${variant}`],
+      styleProps = _objectSpread(_objectSpread({}, _Text.variants["".concat(variant)]), {}, {
         fontSize: {
-          base: `${variantFontSizeBase * 0.8}rem`,
-          desktop: `${variantFontSizeDesktop * 0.8}rem`
+          base: "".concat(variantFontSizeBase * 0.8, "rem"),
+          desktop: "".concat(variantFontSizeDesktop * 0.8, "rem")
         }
-      };
+      });
       break;
+
     default:
-      styleProps = {
-        ..._Text.variants[`${variant}`]
-      };
+      styleProps = _objectSpread({}, _Text.variants["".concat(variant)]);
       break;
   }
+
   return styleProps;
 };
+
 var _default = combineAsWithVariant;
 exports.default = _default;

package/dist/components/Text/options.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-const options = ['a', 'abbr', 'address', 'article', 'aside', 'b', 'bdi', 'bdo', 'blockquote', 'button', 'caption', 'cite', 'code', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'fieldset', 'figure', 'footer', 'form', 'header', 'hgroup', 'i', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'menu', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'pre', 'progress', 'q', 'rb', 'rp', 'rt', 'rtc', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video'];
+var options = ['a', 'abbr', 'address', 'article', 'aside', 'b', 'bdi', 'bdo', 'blockquote', 'button', 'caption', 'cite', 'code', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'fieldset', 'figure', 'footer', 'form', 'header', 'hgroup', 'i', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'menu', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'pre', 'progress', 'q', 'rb', 'rp', 'rt', 'rtc', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video'];
 var _default = options;
 exports.default = _default;