@spothero/ui 21.2.2-beta.0 → 21.4.0-beta.1

package/dist/components/Divider/Divider.styles.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.colorScheme = void 0;
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-const colorScheme = {
+const colorScheme = exports.colorScheme = {
   low: {
     borderColor: 'gray.100'
   },
@@ -15,8 +15,6 @@ const colorScheme = {
     borderColor: 'gray.200'
   }
 };
-exports.colorScheme = colorScheme;
-var _default = (0, _merge.default)(_theme.default.components.Divider, {
+var _default = exports.default = (0, _merge.default)(_theme.default.components.Divider, {
   colorScheme
-});
-exports.default = _default;
+});

package/dist/components/Drawer/Drawer.js

@@ -8,8 +8,8 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@chakra-ui/react");
-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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Drawer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     header,
@@ -22,5 +22,4 @@ const Drawer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     ref: ref
   }), /*#__PURE__*/_react.default.createElement(_react2.DrawerOverlay, null), /*#__PURE__*/_react.default.createElement(_react2.DrawerContent, null, /*#__PURE__*/_react.default.createElement(_react2.DrawerHeader, null, header, /*#__PURE__*/_react.default.createElement(_react2.DrawerCloseButton, null)), children));
 });
-var _default = Drawer;
-exports.default = _default;
+var _default = exports.default = Drawer;

package/dist/components/Drawer/Drawer.stories.js

@@ -9,9 +9,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _Text = _interopRequireDefault(require("../Text/Text"));
 var _Button = require("../Button");
 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; }
-var _default = {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _default = exports.default = {
   title: 'v2/Drawer',
   component: _index.Drawer,
   subcomponents: {
@@ -25,7 +25,6 @@ var _default = {
     chakraLink: 'https://chakra-ui.com/docs/components/drawer'
   }
 };
-exports.default = _default;
 const Drawer = props => {
   const [isOpen, setIsOpen] = (0, _react.useState)(true);
   const toggleDrawer = () => setIsOpen(prevState => !prevState);

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

@@ -98,9 +98,8 @@ const sizes = {
     }
   }
 };
-var _default = (0, _merge.default)(_theme.default.components.Drawer, {
+var _default = exports.default = (0, _merge.default)(_theme.default.components.Drawer, {
   defaultProps,
   baseStyle,
   sizes
-});
-exports.default = _default;
+});

package/dist/components/FormControl/FormControl.js

@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react2 = require("@chakra-ui/react");
-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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const FormControl = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
@@ -20,6 +20,7 @@ const FormControl = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     errorMessage,
     isFieldset,
     isOptional,
+    customRequiredText,
     ...props
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_react2.FormControl, (0, _extends2.default)({}, props, {
@@ -33,7 +34,12 @@ const FormControl = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     fontSize: "sm",
     htmlFor: inputId,
     as: isFieldset ? 'legend' : 'label',
-    requiredIndicator: "",
+    requiredIndicator: props?.isRequired && customRequiredText ? /*#__PURE__*/_react.default.createElement(_react2.Text, {
+      marginLeft: 1,
+      as: "span",
+      variant: "caption",
+      color: "text.secondary.light"
+    }, customRequiredText) : null,
     optionalIndicator: isOptional && !props?.isRequired ? /*#__PURE__*/_react.default.createElement(_react2.Text, {
       marginLeft: 1,
       as: "span",
@@ -58,7 +64,7 @@ FormControl.propTypes = {
   children: _propTypes.default.element,
   isFieldset: _propTypes.default.bool,
   isOptional: _propTypes.default.bool,
-  isRequired: _propTypes.default.bool
+  isRequired: _propTypes.default.bool,
+  customRequiredText: _propTypes.default.string
 };
-var _default = FormControl;
-exports.default = _default;
+var _default = exports.default = FormControl;

package/dist/components/Grid/Grid.js

@@ -10,8 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react2 = require("@chakra-ui/react");
 var _Grid = require("./Grid.styles");
-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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Grid = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     isCompact,
@@ -28,5 +28,4 @@ Grid.propTypes = {
 Grid.defaultProps = {
   isCompact: false
 };
-var _default = Grid;
-exports.default = _default;
+var _default = exports.default = Grid;

package/dist/components/Grid/Grid.stories.js

@@ -27,7 +27,7 @@ const spanMap = {
   3: 4,
   4: 3
 };
-var _default = {
+var _default = exports.default = {
   title: 'v2/Grid',
   component: _Grid.default,
   subcomponents: {
@@ -42,7 +42,6 @@ var _default = {
     }
   }
 };
-exports.default = _default;
 const GridTemplate = (args, _ref) => {
   let {
     hasDarkBackground
@@ -57,8 +56,7 @@ const GridTemplate = (args, _ref) => {
     bg: hasDarkBackground ? 'primary.400' : 'primary.default'
   })))));
 };
-const Grid = GridTemplate.bind({});
-exports.Grid = Grid;
+const Grid = exports.Grid = GridTemplate.bind({});
 const GridItemTemplate = _ref2 => {
   let {
     isCompact,
@@ -72,8 +70,7 @@ const GridItemTemplate = _ref2 => {
     bg: "primary.default"
   }))));
 };
-const GridItemSpan = GridItemTemplate.bind({});
-exports.GridItemSpan = GridItemSpan;
+const GridItemSpan = exports.GridItemSpan = GridItemTemplate.bind({});
 GridItemSpan.storyName = 'GridItem - span prop';
 GridItemSpan.argTypes = {
   colSpan: rangeControl(12)
@@ -81,8 +78,7 @@ GridItemSpan.argTypes = {
 GridItemSpan.args = {
   colSpan: 12
 };
-const GridItemStartEnd = GridItemTemplate.bind({});
-exports.GridItemStartEnd = GridItemStartEnd;
+const GridItemStartEnd = exports.GridItemStartEnd = GridItemTemplate.bind({});
 GridItemStartEnd.storyName = 'GridItem - start/end prop';
 GridItemStartEnd.argTypes = {
   colStart: rangeControl(12),
@@ -106,8 +102,7 @@ const ColumnLayoutTemplate = _ref3 => {
     bg: "primary.default"
   })))));
 };
-const GridColumnLayout = ColumnLayoutTemplate.bind({});
-exports.GridColumnLayout = GridColumnLayout;
+const GridColumnLayout = exports.GridColumnLayout = ColumnLayoutTemplate.bind({});
 GridColumnLayout.storyName = 'Grid - MultiColumn Layout';
 GridColumnLayout.argTypes = {
   numberOfColumns: rangeControl(4)

package/dist/components/Grid/Grid.styles.js

@@ -5,15 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.compactStyles = exports.baseStyles = void 0;
 // NOTE: considering adding a specifc prop for grid row padding
-const baseStyles = {
+const baseStyles = exports.baseStyles = {
   gap: {
     base: 4,
     tablet: 8
   },
   templateColumns: 'repeat(12, 1fr)'
 };
-exports.baseStyles = baseStyles;
-const compactStyles = {
+const compactStyles = exports.compactStyles = {
   gap: 4
-};
-exports.compactStyles = compactStyles;
+};

package/dist/components/Grid/GridItem.js

@@ -9,10 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@chakra-ui/react");
 var _GridItem = _interopRequireDefault(require("./GridItem.styles"));
-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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const GridItem = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_react2.GridItem, (0, _extends2.default)({}, _GridItem.default, props, {
   ref: ref
 })));
-var _default = GridItem;
-exports.default = _default;
+var _default = exports.default = GridItem;

package/dist/components/Grid/GridItem.styles.js

@@ -10,5 +10,4 @@ exports.default = void 0;
 const styles = {
   colSpan: 12
 };
-var _default = styles;
-exports.default = _default;
+var _default = exports.default = styles;

package/dist/components/Heading/Heading.js

@@ -10,8 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react2 = require("@chakra-ui/react");
 var _Heading = require("./Heading.styles");
-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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Heading = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_react2.Heading, (0, _extends2.default)({}, props, {
   ref: ref,
   variant: props.variant || props.as || 'h2'
@@ -24,5 +24,4 @@ Heading.propTypes = {
   /** The styling that will be applied to the component regardless of the underlying html */
   variant: _propTypes.default.oneOf(Object.keys(_Heading.variants))
 };
-var _default = Heading;
-exports.default = _default;
+var _default = exports.default = Heading;

package/dist/components/Heading/Heading.stories.js

@@ -8,7 +8,7 @@ exports.default = exports.Heading = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Heading = require("./Heading.styles");
 var _Heading2 = _interopRequireDefault(require("./Heading"));
-var _default = {
+var _default = exports.default = {
   title: 'v2/Heading',
   component: _Heading2.default,
   parameters: {
@@ -34,10 +34,8 @@ var _default = {
     }
   }
 };
-exports.default = _default;
 const Template = props => /*#__PURE__*/_react.default.createElement(_Heading2.default, props);
-const Heading = Template.bind({});
-exports.Heading = Heading;
+const Heading = exports.Heading = Template.bind({});
 Heading.args = {
   children: 'Heading'
 };

package/dist/components/Heading/Heading.styles.js

@@ -9,7 +9,7 @@ const baseStyle = {
   lineHeight: 1.5,
   fontWeight: _typography.fontWeights.semibold
 };
-const variants = {
+const variants = exports.variants = {
   h1: {
     ...baseStyle,
     fontSize: {
@@ -53,13 +53,11 @@ const variants = {
     }
   }
 };
-exports.variants = variants;
 const defaultProps = {
   variant: variants.h2
 };
-var _default = {
+var _default = exports.default = {
   variants,
   baseStyle,
   defaultProps
-};
-exports.default = _default;
+};

package/dist/components/Icon/Icon.stories.js

@@ -6,25 +6,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Icon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var icons = _interopRequireWildcard(require("@spothero/icons"));
+var _icons = require("@spothero/icons");
 var _Icon = _interopRequireDefault(require("./Icon"));
-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; }
-var _default = {
+var _default = exports.default = {
   title: 'v2/Icon',
   component: _Icon.default,
   parameters: {
     removeBaseHtmlClass: true
   }
 };
-exports.default = _default;
-const Template = props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.keys(icons).map(icon => /*#__PURE__*/_react.default.createElement(_Icon.default, {
-  key: icon,
-  as: icons[icon],
+const Template = props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  as: _icons.HeroCar,
   color: "primary.default",
   height: "24",
+  width: "24"
+}), /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  as: _icons.S4BLogo,
+  color: "gray.dark",
+  height: "24",
+  width: "24",
+  paddingLeft: "16"
+}), /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  as: _icons.Shield,
+  color: "green.default",
+  height: "24",
   width: "24",
   paddingLeft: "16"
-})));
-const Icon = Template.bind({});
-exports.Icon = Icon;
+}));
+const Icon = exports.Icon = Template.bind({});

package/dist/components/Image/Image.js

@@ -72,5 +72,4 @@ Image.defaultProps = {
   quality: 50,
   cloudinaryCloudName: 'spothero'
 };
-var _default = Image;
-exports.default = _default;
+var _default = exports.default = Image;

package/dist/components/Image/Image.stories.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.StyledImage = exports.SSRImg = exports.LazyLoadImage = exports.DefaultImage = exports.CloudinaryImageTemplate = exports.CloudinaryImageId = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Image = _interopRequireDefault(require("./Image"));
-var _default = {
+var _default = exports.default = {
   title: 'v2/Image',
   component: _Image.default,
   parameters: {
@@ -15,19 +15,16 @@ var _default = {
     importBy: 'Image'
   }
 };
-exports.default = _default;
 const Template = props => /*#__PURE__*/_react.default.createElement(_Image.default, props);
 const LazyLoadTemplate = props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, "Scroll down to see lazy loaded image in action..."), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Image.default, props));
-const DefaultImage = Template.bind({});
-exports.DefaultImage = DefaultImage;
+const DefaultImage = exports.DefaultImage = Template.bind({});
 DefaultImage.args = {
   src: 'http://placehold.it/350x200',
   width: 350,
   height: 200,
   alt: 'Placeholder image'
 };
-const StyledImage = Template.bind({});
-exports.StyledImage = StyledImage;
+const StyledImage = exports.StyledImage = Template.bind({});
 StyledImage.args = {
   src: 'http://placehold.it/350x200',
   alt: 'Placeholder image',
@@ -44,16 +41,14 @@ StyledImage.args = {
     tablet: 52
   }
 };
-const SSRImg = Template.bind({});
-exports.SSRImg = SSRImg;
+const SSRImg = exports.SSRImg = Template.bind({});
 SSRImg.args = {
   src: 'http://placehold.it/350x200',
   width: 350,
   height: 200,
   alt: 'SSR image'
 };
-const CloudinaryImageId = Template.bind({});
-exports.CloudinaryImageId = CloudinaryImageId;
+const CloudinaryImageId = exports.CloudinaryImageId = Template.bind({});
 CloudinaryImageId.args = {
   cloudinaryImageId: 'html-emails/partner-hertz',
   htmlWidth: 186,
@@ -61,8 +56,7 @@ CloudinaryImageId.args = {
   quality: 50,
   alt: 'Cloudinary image ID'
 };
-const CloudinaryImageTemplate = Template.bind({});
-exports.CloudinaryImageTemplate = CloudinaryImageTemplate;
+const CloudinaryImageTemplate = exports.CloudinaryImageTemplate = Template.bind({});
 CloudinaryImageTemplate.args = {
   cloudinaryTemplate: 'https://res.cloudinary.com/spothero/image/upload/$w_{{WIDTH}},$h_{{HEIGHT}},$q_{{QUALITY}}/c_fill,f_auto,h_$h,q_$q,w_$w/html-emails/google',
   htmlWidth: 132,
@@ -70,8 +64,7 @@ CloudinaryImageTemplate.args = {
   quality: 80,
   alt: 'Cloudinary image template'
 };
-const LazyLoadImage = LazyLoadTemplate.bind({});
-exports.LazyLoadImage = LazyLoadImage;
+const LazyLoadImage = exports.LazyLoadImage = LazyLoadTemplate.bind({});
 LazyLoadImage.args = {
   src: 'https://res.cloudinary.com/spothero/image/upload/$w_1024,$h_704,$q_50/c_fill,f_auto,h_$h,q_$q,w_$w,x_375,y_250/v1577978927/rzm2xqhtgqxfv3isxmyy.jpg',
   width: 350,

package/dist/components/Input/Input.js

@@ -10,8 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react2 = require("@chakra-ui/react");
 var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
-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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Input = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     label,
@@ -21,6 +21,7 @@ const Input = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     isDisabled,
     isRequired,
     isOptional,
+    customRequiredText,
     ...props
   } = _ref;
   const classes = (0, _classnames.default)({
@@ -34,11 +35,11 @@ const Input = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     errorMessage: errorMessage,
     helperText: helperText,
     label: label,
-    inputId: props.id
+    inputId: props.id,
+    customRequiredText: customRequiredText
   }, /*#__PURE__*/_react.default.createElement(_react2.Input, (0, _extends2.default)({
     ref: ref,
     className: classes
   }, props)));
 });
-var _default = Input;
-exports.default = _default;
+var _default = exports.default = Input;

package/dist/components/Input/Input.stories.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireDefault(require("react"));
 var _Input = _interopRequireDefault(require("./Input"));
 var _react2 = require("@chakra-ui/react");
-var _default = {
+var _default = exports.default = {
   title: 'v2/Input',
   component: _Input.default,
   parameters: {
@@ -18,13 +18,11 @@ var _default = {
     chakraLink: 'https://chakra-ui.com/docs/components/input'
   }
 };
-exports.default = _default;
 const InputTemplate = props => /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
   variant: "outline",
   maxWidth: "200px"
 }, props));
-const Input = InputTemplate.bind({});
-exports.Input = Input;
+const Input = exports.Input = InputTemplate.bind({});
 Input.argTypes = {
   placeholder: {
     control: {

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

@@ -58,8 +58,7 @@ const variants = {
     }
   }
 };
-var _default = (0, _merge.default)(_theme.default.components.Input, {
+var _default = exports.default = (0, _merge.default)(_theme.default.components.Input, {
   baseStyle,
   variants
-});
-exports.default = _default;
+});

package/dist/components/Link/Link.stories.js

@@ -7,17 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Overview = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@chakra-ui/react");
-var _Share = _interopRequireDefault(require("../../../../fe-icons/dist/Share.js"));
+var _share = _interopRequireDefault(require("@spothero/icons/share"));
 var _Text = _interopRequireDefault(require("../Text/Text"));
 var _Link = _interopRequireDefault(require("./Link"));
-var _default = {
+var _default = exports.default = {
   title: 'v2/Link',
   component: _Link.default,
   parameters: {
     removeBaseHtmlClass: true
   }
 };
-exports.default = _default;
 const OverviewTemplate = (props, _ref) => {
   let {
     hasDarkBackground
@@ -37,7 +36,7 @@ const OverviewTemplate = (props, _ref) => {
   }, "Links can have", ' ', /*#__PURE__*/_react.default.createElement(_Link.default, {
     href: "#",
     variant: hasDarkBackground ? 'onDark' : 'standard'
-  }, "icons inline ", /*#__PURE__*/_react.default.createElement(_Share.default, {
+  }, "icons inline ", /*#__PURE__*/_react.default.createElement(_share.default, {
     width: "1rem"
   }))), /*#__PURE__*/_react.default.createElement(_Text.default, {
     color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
@@ -47,8 +46,7 @@ const OverviewTemplate = (props, _ref) => {
     variant: hasDarkBackground ? 'onDark' : 'standard'
   }, "React Router"), ' ', "and it will replace the ", /*#__PURE__*/_react.default.createElement("code", null, "a"), " tag with it's", ' ', /*#__PURE__*/_react.default.createElement("code", null, "Link"), "."));
 };
-const Overview = OverviewTemplate.bind({});
-exports.Overview = Overview;
+const Overview = exports.Overview = OverviewTemplate.bind({});
 Overview.parameters = {
   importBy: 'Link'
 };

package/dist/components/Link/Link.styles.js

@@ -30,17 +30,15 @@ const linkOnDark = {
     opacity: '.8'
   }
 };
-const variants = {
+const variants = exports.variants = {
   standard: baseStyle,
   onDark: linkOnDark
 };
-exports.variants = variants;
 const defaultProps = {
   variant: 'standard'
 };
-var _default = (0, _merge.default)(_theme.default.components.Link, {
+var _default = exports.default = (0, _merge.default)(_theme.default.components.Link, {
   baseStyle,
   variants,
   defaultProps
-});
-exports.default = _default;
+});

package/dist/components/List/List.js

@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@chakra-ui/react");
-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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const unorderedProps = {
   as: 'ul',
   styleType: 'disc'
@@ -61,5 +61,4 @@ List.propTypes = {
   /** Changes the underlying markdown to be an ordered or unorderd list, (unstyled will render a ul by default) */
   type: _propTypes.default.oneOf(Object.keys(TYPES))
 };
-var _default = List;
-exports.default = _default;
+var _default = exports.default = List;