@spothero/ui 17.1.0-beta.3 → 17.1.0

package/dist/components/Alert/Alert.js

@@ -2,10 +2,18 @@
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
 
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+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 _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -21,8 +29,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _merge = _interopRequireDefault(require("lodash/merge"));
+
 var _react2 = require("@chakra-ui/react");
 
+var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
+
 var _times = _interopRequireDefault(require("@spothero/icons/times"));
 
 var _filledInfoCircle = _interopRequireDefault(require("@spothero/icons/filled-info-circle"));
@@ -35,7 +47,7 @@ var _Button = _interopRequireDefault(require("../Button/Button"));
 
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 
-var _styles = require("./styles");
+var _notifications = require("../../theme/base/notifications");
 
 var _excluded = ["status", "title", "buttonProps", "buttonText", "buttonOnBottom", "showDismiss", "onDismissClick", "showIcon", "description"];
 
@@ -45,7 +57,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 
 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 statusIconMapping = (_statusIconMapping = {}, (0, _defineProperty2.default)(_statusIconMapping, _styles.STATUSES.WARNING, _filledExclamationCircle.default), (0, _defineProperty2.default)(_statusIconMapping, _styles.STATUSES.SUCCESS, _filledCheckCircle.default), (0, _defineProperty2.default)(_statusIconMapping, _styles.STATUSES.ERROR, _filledExclamationCircle.default), (0, _defineProperty2.default)(_statusIconMapping, _styles.STATUSES.NEUTRAL, _filledInfoCircle.default), _statusIconMapping);
+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 statusIconMapping = (_statusIconMapping = {}, (0, _defineProperty2.default)(_statusIconMapping, _notifications.NOTIFICATION_STATUSES.WARNING, _filledExclamationCircle.default), (0, _defineProperty2.default)(_statusIconMapping, _notifications.NOTIFICATION_STATUSES.SUCCESS, _filledCheckCircle.default), (0, _defineProperty2.default)(_statusIconMapping, _notifications.NOTIFICATION_STATUSES.ERROR, _filledExclamationCircle.default), (0, _defineProperty2.default)(_statusIconMapping, _notifications.NOTIFICATION_STATUSES.NEUTRAL, _filledInfoCircle.default), _statusIconMapping);
 var Alert = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var status = _ref.status,
       title = _ref.title,
@@ -57,33 +73,28 @@ var Alert = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       showIcon = _ref.showIcon,
       description = _ref.description,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var style = (0, _react2.useStyleConfig)('Alert', {
-    'data-status': status
-  });
-  var IconVariant = statusIconMapping[status];
-  return /*#__PURE__*/_react.default.createElement(_react2.Alert, (0, _extends2.default)({
+  var IconVariant = statusIconMapping[status]; // the issue with storybook breaking with hooks is still a problem, but once that's resolved this should be memoized
+
+  var style = (0, _merge.default)(_objectSpread({}, _theme.default.components.Alert.baseStyle), _notifications.notificationBaseStyle, (0, _notifications.notificationStatusStyles)(status), (0, _notifications.notificationSizeStyles)(props.size));
+  return /*#__PURE__*/_react.default.createElement(_react2.Alert, (0, _extends2.default)({}, style.container, {
     "data-status": status
   }, props, {
     ref: ref
-  }), showIcon ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    sx: style.icon,
+  }), showIcon ? /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({}, style.icon, {
     as: IconVariant
-  }) : null, /*#__PURE__*/_react.default.createElement(_react2.VStack, {
+  })) : null, /*#__PURE__*/_react.default.createElement(_react2.VStack, {
     spacing: 0,
     alignItems: "flex-start"
-  }, title ? /*#__PURE__*/_react.default.createElement(_react2.AlertTitle, null, title) : null, description ? /*#__PURE__*/_react.default.createElement(_react2.AlertDescription, null, description) : null, buttonOnBottom && buttonText && buttonProps ? /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
-    sx: style.actionButton,
+  }, title ? /*#__PURE__*/_react.default.createElement(_react2.AlertTitle, style.title, title) : null, description ? /*#__PURE__*/_react.default.createElement(_react2.AlertDescription, style.description, description) : null, buttonOnBottom && buttonText && buttonProps ? /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, style.actionButton, {
     variant: "tertiary"
   }, buttonProps), buttonText) : null), /*#__PURE__*/_react.default.createElement(_react2.Flex, {
     alignItems: "center",
     marginLeft: "auto"
-  }, !buttonOnBottom && buttonText && buttonProps ? /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
-    sx: style.actionButton,
+  }, !buttonOnBottom && buttonText && buttonProps ? /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, style.actionButton, {
     variant: "tertiary"
-  }, buttonProps), buttonText) : null, showDismiss ? /*#__PURE__*/_react.default.createElement(_Button.default, {
-    sx: style.dismissButton,
+  }, buttonProps), buttonText) : null, showDismiss ? /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, style.dismissButton, {
     onClick: onDismissClick
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Icon.default, {
     width: 3,
     height: "auto",
     as: _times.default

package/dist/components/Alert/Alert.stories.js

@@ -1,5 +1,15 @@
 "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", {
@@ -7,16 +17,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Alert = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _react2 = require("@chakra-ui/react");
 
-// import {createSelectControl} from 'storybook/utils/create-control';
-// import disableArgs from 'storybook/utils/disable-args';
-// import Component from './Alert';
+var _createControl = require("storybook/utils/create-control");
+
+var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
+
+var _Alert = _interopRequireDefault(require("./Alert"));
+
+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 _default = {
   title: 'v2/Alert',
-  // component: Component,
+  component: _Alert.default,
   parameters: {
     removeBaseHtmlClass: true
   }
@@ -26,38 +47,34 @@ exports.default = _default;
 var AlertTemplate = function AlertTemplate(props) {
   return /*#__PURE__*/_react.default.createElement(_react2.VStack, {
     alignItems: "flex-start"
-  }, /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Alert story currently broken due to issues between current version of storybook, forwardref, and hooks. Updating storybook will likely help."));
-}; // const AlertTemplate = props => (
-//     <VStack alignItems="flex-start">
-//         <Text>Status: Success</Text>
-//         <Component status="success" {...props} />
-//         <Text>Status: Error</Text>
-//         <Component status="error" {...props} />
-//         <Text>Status: Warning</Text>
-//         <Component status="warning" {...props} />
-//         <Text>Status: Neutral</Text>
-//         <Component status="neutral" {...props} />
-//     </VStack>
-// );
-// AlertTemplate.propTypes = {};
-
-
-var Alert = AlertTemplate.bind({}); // Alert.argTypes = {
-//     ...createSelectControl('size', ['sm', 'md', 'lg']),
-//     ...disableArgs(['buttonProps', 'onDismissClick', 'status']),
-// };
-// Alert.args = {
-//     title: 'Hello',
-//     buttonOnBottom: false,
-//     buttonText: 'Action',
-//     description: 'This is an alert.',
-//     buttonProps: {
-//         onClick: () => console.log('Action clicked'),
-//     },
-//     showDismiss: true,
-//     onDismissClick: () => console.log('dismissed'),
-//     showIcon: true,
-//     size: 'md',
-// };
-
-exports.Alert = Alert;
+  }, /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Status: Success"), /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
+    status: "success"
+  }, props)), /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Status: Error"), /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
+    status: "error"
+  }, props)), /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Status: Warning"), /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
+    status: "warning"
+  }, props)), /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Status: Neutral"), /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
+    status: "neutral"
+  }, props)));
+};
+
+var Alert = AlertTemplate.bind({});
+exports.Alert = Alert;
+Alert.argTypes = _objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('size', ['sm', 'md', 'lg'])), (0, _disableArgs.default)(['buttonProps', 'onDismissClick', 'status']));
+Alert.args = {
+  title: 'Hello',
+  buttonOnBottom: false,
+  buttonText: 'Action',
+  description: 'This is an alert.',
+  buttonProps: {
+    onClick: function onClick() {
+      return console.log('Action clicked');
+    }
+  },
+  showDismiss: true,
+  onDismissClick: function onDismissClick() {
+    return console.log('dismissed');
+  },
+  showIcon: true,
+  size: 'md'
+};

package/dist/components/FormControl/FormControl.js

@@ -23,7 +23,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react2 = require("@chakra-ui/react");
 
-var _excluded = ["children", "label", "inputId", "helperText", "errorMessage", "isFieldset"];
+var _excluded = ["children", "label", "inputId", "helperText", "errorMessage", "isFieldset", "isOptional"];
 
 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); }
 
@@ -36,6 +36,7 @@ var FormControl = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       helperText = _ref.helperText,
       errorMessage = _ref.errorMessage,
       isFieldset = _ref.isFieldset,
+      isOptional = _ref.isOptional,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_react2.FormControl, (0, _extends2.default)({}, props, {
     ref: ref,
@@ -49,7 +50,7 @@ var FormControl = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     htmlFor: inputId,
     as: isFieldset ? 'legend' : 'label',
     requiredIndicator: "",
-    optionalIndicator: props !== null && props !== void 0 && props.isOptional && !(props !== null && props !== void 0 && props.isRequired) ? /*#__PURE__*/_react.default.createElement(_react2.Text, {
+    optionalIndicator: isOptional && !(props !== null && props !== void 0 && props.isRequired) ? /*#__PURE__*/_react.default.createElement(_react2.Text, {
       marginLeft: 1,
       as: "span",
       variant: "caption",

package/dist/components/Modal/Modal.js

@@ -31,6 +31,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @param {React.ReactNode} children - The header text of the modal
  * @param {()=>void} [onClose] - Callback invoked to close the Modal. Not required, but strongly suggested.
  * @param {('sm'|'md'|'lg')} [size] - The size of the modal. If unspecified, uses "md" styles.
+ * @param {object} [contentStyling] - Style props to be passed into the modal content
+ * @param {object} [headerStyling] - Style props to be passed into the modal header
+ * @param {object} [footerStyling] - Style props to be passed into the modal footer
  * @param {React.ReactNode} [header] - The node for the header. Likely just a string.
  * @param {React.ReactNode} [footer] - The node for the footer. Likely some  control buttons.
  * @param {React.ReactNode} [hideCloseButton] - Whether or not to show the close button
@@ -41,12 +44,18 @@ var Modal = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       footer = props.footer,
       children = props.children,
       hideCloseButton = props.hideCloseButton,
-      isMobile = props.isMobile;
+      isMobile = props.isMobile,
+      _props$contentStyling = props.contentStyling,
+      contentStyling = _props$contentStyling === void 0 ? {} : _props$contentStyling,
+      _props$headerStyling = props.headerStyling,
+      headerStyling = _props$headerStyling === void 0 ? {} : _props$headerStyling,
+      _props$footerStyling = props.footerStyling,
+      footerStyling = _props$footerStyling === void 0 ? {} : _props$footerStyling;
   return /*#__PURE__*/_react.default.createElement(_react2.Modal, (0, _extends2.default)({
     motionPreset: isMobile ? 'slideInBottom' : 'scale'
   }, props, {
     ref: ref
-  }), /*#__PURE__*/_react.default.createElement(_react2.ModalOverlay, null), /*#__PURE__*/_react.default.createElement(_react2.ModalContent, null, header ? /*#__PURE__*/_react.default.createElement(_react2.ModalHeader, null, header) : /*#__PURE__*/_react.default.createElement(_react2.Box, (0, _header.default)(props)), hideCloseButton ? null : /*#__PURE__*/_react.default.createElement(_react2.ModalCloseButton, null), /*#__PURE__*/_react.default.createElement(_react2.ModalBody, null, children), footer ? /*#__PURE__*/_react.default.createElement(_react2.ModalFooter, null, footer) : null));
+  }), /*#__PURE__*/_react.default.createElement(_react2.ModalOverlay, null), /*#__PURE__*/_react.default.createElement(_react2.ModalContent, contentStyling, header ? /*#__PURE__*/_react.default.createElement(_react2.ModalHeader, headerStyling, header) : /*#__PURE__*/_react.default.createElement(_react2.Box, (0, _header.default)(props)), hideCloseButton ? null : /*#__PURE__*/_react.default.createElement(_react2.ModalCloseButton, null), /*#__PURE__*/_react.default.createElement(_react2.ModalBody, null, children), footer ? /*#__PURE__*/_react.default.createElement(_react2.ModalFooter, footerStyling, footer) : null));
 });
 var _default = Modal;
 exports.default = _default;

package/dist/components/Toast/Toast.stories.js

@@ -0,0 +1,102 @@
+"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.Toast = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Alert = _interopRequireDefault(require("../Alert/Alert"));
+
+var _Button = _interopRequireDefault(require("../Button/Button"));
+
+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 _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/Toast',
+  component: _Alert.default,
+  parameters: {
+    importBy: 'useToast',
+    removeBaseHtmlClass: true,
+    chakraLink: 'https://chakra-ui.com/docs/components/toast'
+  }
+};
+exports.default = _default;
+
+var Template = function Template(props) {
+  var toast = (0, _react2.useToast)();
+
+  var addToast = function addToast() {
+    var toastRef = /*#__PURE__*/(0, _react.createRef)();
+
+    var close = function close() {
+      if (toastRef.current) {
+        toast.close(toastRef.current);
+      }
+    };
+
+    toastRef.current = toast({
+      position: 'bottom-left',
+      duration: 5000,
+      render: function render() {
+        return /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({}, props, {
+          onDismissClick: close
+        }));
+      }
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.VStack, {
+    alignItems: "flex-start",
+    marginBottom: 4
+  }, /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Note that Toast is not actually a component in and of itself. The \"Toast\" in these examples is created by using the useToast hook provided by Chakra and then using our Alert component as the custom component that is is rendered.")), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: addToast
+  }, "Show Toast"));
+};
+
+var Toast = Template.bind({});
+exports.Toast = Toast;
+Toast.argTypes = {
+  buttonProps: {
+    table: {
+      disable: true
+    }
+  },
+  buttonText: {
+    table: {
+      disable: true
+    }
+  },
+  buttonOnBottom: {
+    table: {
+      disable: true
+    }
+  },
+  onDismissClick: {
+    table: {
+      disable: true
+    }
+  }
+};
+Toast.args = {
+  title: 'Default Title',
+  description: 'This is a basic description',
+  status: 'neutral',
+  showDismiss: true,
+  showIcon: true
+};

package/dist/components/index.js

@@ -53,8 +53,6 @@ var _exportNames = {
   RadioGroup: true,
   AutoSuggestSelect: true,
   Badge: true,
-  DatepickerSingle: true,
-  DatepickerRange: true,
   Box: true,
   Flex: true,
   Fade: true,
@@ -63,6 +61,7 @@ var _exportNames = {
   HStack: true,
   useToken: true,
   useTheme: true,
+  useToast: true,
   ScaleFade: true,
   SlideFade: true,
   createIcon: true,
@@ -179,18 +178,6 @@ Object.defineProperty(exports, "Container", {
     return _Container.default;
   }
 });
-Object.defineProperty(exports, "DatepickerRange", {
-  enumerable: true,
-  get: function get() {
-    return _Datepicker.DatepickerRange;
-  }
-});
-Object.defineProperty(exports, "DatepickerSingle", {
-  enumerable: true,
-  get: function get() {
-    return _Datepicker.DatepickerSingle;
-  }
-});
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
   get: function get() {
@@ -485,6 +472,12 @@ Object.defineProperty(exports, "useTheme", {
     return _react.useTheme;
   }
 });
+Object.defineProperty(exports, "useToast", {
+  enumerable: true,
+  get: function get() {
+    return _react.useToast;
+  }
+});
 Object.defineProperty(exports, "useToken", {
   enumerable: true,
   get: function get() {
@@ -584,8 +577,6 @@ var _AutoSuggestSelect = require("./AutoSuggestSelect");
 
 var _Badge = _interopRequireDefault(require("./Badge/Badge"));
 
-var _Datepicker = require("./Datepicker");
-
 var _react = require("@chakra-ui/react");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/dist/components/styles.js

@@ -11,16 +11,10 @@ Object.defineProperty(exports, "Accordion", {
     return _styles2.default;
   }
 });
-Object.defineProperty(exports, "Alert", {
-  enumerable: true,
-  get: function get() {
-    return _styles6.default;
-  }
-});
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
   get: function get() {
-    return _styles12.default;
+    return _styles11.default;
   }
 });
 Object.defineProperty(exports, "Button", {
@@ -56,7 +50,7 @@ Object.defineProperty(exports, "Heading", {
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function get() {
-    return _styles9.default;
+    return _styles8.default;
   }
 });
 Object.defineProperty(exports, "Link", {
@@ -74,19 +68,19 @@ Object.defineProperty(exports, "List", {
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function get() {
-    return _styles10.default;
+    return _styles9.default;
   }
 });
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
   get: function get() {
-    return _styles8.default;
+    return _styles7.default;
   }
 });
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
   get: function get() {
-    return _styles11.default;
+    return _styles10.default;
   }
 });
 Object.defineProperty(exports, "Select", {
@@ -110,7 +104,7 @@ Object.defineProperty(exports, "Spinner", {
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
   get: function get() {
-    return _styles7.default;
+    return _styles6.default;
   }
 });
 Object.defineProperty(exports, "Table", {
@@ -158,18 +152,16 @@ var _styles4 = _interopRequireDefault(require("./Select/styles"));
 
 var _styles5 = _interopRequireDefault(require("./Checkbox/styles"));
 
-var _styles6 = _interopRequireDefault(require("./Alert/styles"));
-
-var _styles7 = _interopRequireDefault(require("./Switch/styles"));
+var _styles6 = _interopRequireDefault(require("./Switch/styles"));
 
-var _styles8 = _interopRequireDefault(require("./Popover/styles"));
+var _styles7 = _interopRequireDefault(require("./Popover/styles"));
 
-var _styles9 = _interopRequireDefault(require("./Input/styles"));
+var _styles8 = _interopRequireDefault(require("./Input/styles"));
 
-var _styles10 = _interopRequireDefault(require("./Modal/styles"));
+var _styles9 = _interopRequireDefault(require("./Modal/styles"));
 
-var _styles11 = _interopRequireDefault(require("./Radio/styles"));
+var _styles10 = _interopRequireDefault(require("./Radio/styles"));
 
 var _Skeleton = _interopRequireDefault(require("./Skeleton/Skeleton.styles"));
 
-var _styles12 = _interopRequireDefault(require("./Badge/styles"));
+var _styles11 = _interopRequireDefault(require("./Badge/styles"));

package/dist/theme/base/index.js

@@ -5,6 +5,12 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "NOTIFICATION_STATUSES", {
+  enumerable: true,
+  get: function get() {
+    return _notifications.NOTIFICATION_STATUSES;
+  }
+});
 Object.defineProperty(exports, "breakpoints", {
   enumerable: true,
   get: function get() {
@@ -35,6 +41,18 @@ Object.defineProperty(exports, "fonts", {
     return _typography.fonts;
   }
 });
+Object.defineProperty(exports, "notificationBaseStyle", {
+  enumerable: true,
+  get: function get() {
+    return _notifications.notificationBaseStyle;
+  }
+});
+Object.defineProperty(exports, "notificationStatusStyles", {
+  enumerable: true,
+  get: function get() {
+    return _notifications.notificationStatusStyles;
+  }
+});
 Object.defineProperty(exports, "sizes", {
   enumerable: true,
   get: function get() {
@@ -56,4 +74,6 @@ var _zindices = _interopRequireDefault(require("./zindices"));
 
 var _breakpoints = _interopRequireDefault(require("./breakpoints"));
 
-var _typography = require("./typography");
+var _typography = require("./typography");
+
+var _notifications = require("./notifications");