@spothero/ui 17.1.0-beta.3 → 17.1.0

package/dist/{components/Alert/styles/index.js → theme/base/notifications.js}

@@ -1,40 +1,22 @@
 "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 = exports.STATUSES = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _merge = _interopRequireDefault(require("lodash/merge"));
-
-var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-
-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 STATUSES = {
+exports.notificationStatusStyles = exports.notificationSizeStyles = exports.notificationBaseStyle = exports.NOTIFICATION_STATUSES = void 0;
+var NOTIFICATION_STATUSES = {
   NEUTRAL: 'neutral',
   ERROR: 'error',
   WARNING: 'warning',
   SUCCESS: 'success'
 };
-exports.STATUSES = STATUSES;
-var _baseStyle = {
+exports.NOTIFICATION_STATUSES = NOTIFICATION_STATUSES;
+var NOTIFICATION_SIZES = {
+  SM: 'sm',
+  MD: 'md',
+  LG: 'lg'
+};
+var notificationBaseStyle = {
   container: {
     paddingY: 2,
     borderRadius: 'base'
@@ -77,12 +59,40 @@ var _baseStyle = {
   },
   title: {
     lineHeight: 1.4
+  },
+  variants: {},
+  sizes: {
+    sm: {
+      title: {
+        fontSize: 'xs'
+      },
+      description: {
+        fontSize: 'xs'
+      }
+    },
+    md: {
+      title: {
+        fontSize: 'sm'
+      },
+      description: {
+        fontSize: 'sm'
+      }
+    },
+    lg: {
+      title: {
+        fontSize: 'base'
+      },
+      description: {
+        fontSize: 'base'
+      }
+    }
   }
 };
+exports.notificationBaseStyle = notificationBaseStyle;
 
-var statusStyles = function statusStyles(status) {
+var notificationStatusStyles = function notificationStatusStyles(status) {
   switch (status) {
-    case STATUSES.NEUTRAL:
+    case NOTIFICATION_STATUSES.NEUTRAL:
       return {
         container: {
           background: 'gray.light'
@@ -100,7 +110,7 @@ var statusStyles = function statusStyles(status) {
         }
       };
 
-    case STATUSES.WARNING:
+    case NOTIFICATION_STATUSES.WARNING:
       return {
         container: {
           background: 'yellow.100'
@@ -118,7 +128,7 @@ var statusStyles = function statusStyles(status) {
         }
       };
 
-    case STATUSES.ERROR:
+    case NOTIFICATION_STATUSES.ERROR:
       return {
         container: {
           background: 'red.100'
@@ -136,7 +146,7 @@ var statusStyles = function statusStyles(status) {
         }
       };
 
-    case STATUSES.SUCCESS:
+    case NOTIFICATION_STATUSES.SUCCESS:
       return {
         container: {
           background: 'green.100'
@@ -159,39 +169,43 @@ var statusStyles = function statusStyles(status) {
   }
 };
 
-var overrides = {
-  baseStyle: function baseStyle(props) {
-    return (0, _merge.default)(_objectSpread({}, _theme.default.components.Alert.baseStyle), _baseStyle, statusStyles(props['data-status']));
-  },
-  variants: {},
-  sizes: {
-    sm: {
-      title: {
-        fontSize: 'xs'
-      },
-      description: {
-        fontSize: 'xs'
-      }
-    },
-    md: {
-      title: {
-        fontSize: 'sm'
-      },
-      description: {
-        fontSize: 'sm'
-      }
-    },
-    lg: {
-      title: {
-        fontSize: 'base'
-      },
-      description: {
-        fontSize: 'base'
-      }
-    }
+exports.notificationStatusStyles = notificationStatusStyles;
+
+var notificationSizeStyles = function notificationSizeStyles(size) {
+  switch (size) {
+    case NOTIFICATION_SIZES.SM:
+      return {
+        title: {
+          fontSize: 'xs'
+        },
+        description: {
+          fontSize: 'xs'
+        }
+      };
+
+    case NOTIFICATION_SIZES.MD:
+      return {
+        title: {
+          fontSize: 'sm'
+        },
+        description: {
+          fontSize: 'sm'
+        }
+      };
+
+    case NOTIFICATION_SIZES.LG:
+      return {
+        title: {
+          fontSize: 'base'
+        },
+        description: {
+          fontSize: 'base'
+        }
+      };
+
+    default:
+      return {};
   }
 };
 
-var _default = _objectSpread(_objectSpread({}, _theme.default.components.Alert), overrides);
-
-exports.default = _default;
+exports.notificationSizeStyles = notificationSizeStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "17.1.0-beta.3",
+  "version": "17.1.0",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/components/index.js",
   "exports": "./dist/components/index.js",
@@ -85,10 +85,10 @@
     "@spothero/npm-publisher": "*",
     "@spothero/prettier-config": "*",
     "@spothero/stylelint-config": "*",
-    "@storybook/addon-actions": "6.5.10",
-    "@storybook/addon-essentials": "6.5.10",
-    "@storybook/addon-links": "6.5.10",
-    "@storybook/react": "6.5.10",
+    "@storybook/addon-actions": "6.5.16",
+    "@storybook/addon-essentials": "6.5.16",
+    "@storybook/addon-links": "6.5.16",
+    "@storybook/react": "6.5.16",
     "@testing-library/jest-dom": "5.11.9",
     "@testing-library/react": "11.2.5",
     "@testing-library/user-event": "12.8.1",
@@ -129,7 +129,7 @@
     "@emotion/react": "11.1.5",
     "@emotion/styled": "11.1.5",
     "@spothero/utils": "*",
-    "@storybook/addon-a11y": "6.5.10",
+    "@storybook/addon-a11y": "6.5.16",
     "core-js": "3.6.5",
     "framer-motion": "4.1.17",
     "react-select": "5.4.0",

package/dist/components/Datepicker/Range/DatepickerRange.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("./utils/propTypes"));
-
-var _DatepickerRangeContext = require("./DatepickerRangeContext");
-
-var _components = require("./components");
-
-var DatepickerRange = function DatepickerRange(_ref) {
-  var initialStartDate = _ref.initialStartDate,
-      initialEndDate = _ref.initialEndDate,
-      disableBefore = _ref.disableBefore,
-      disableAfter = _ref.disableAfter,
-      onDateChange = _ref.onDateChange,
-      usePortal = _ref.usePortal,
-      useInputIcons = _ref.useInputIcons,
-      isStartInvalid = _ref.isStartInvalid,
-      startDateInputLabelText = _ref.startDateInputLabelText,
-      startDateInputPlaceholderText = _ref.startDateInputPlaceholderText,
-      startDateInputErrorText = _ref.startDateInputErrorText,
-      isEndInvalid = _ref.isEndInvalid,
-      endDateInputLabelText = _ref.endDateInputLabelText,
-      endDateInputPlaceholderText = _ref.endDateInputPlaceholderText,
-      endDateInputErrorText = _ref.endDateInputErrorText,
-      datepickerRangeOverrides = _ref.datepickerRangeOverrides;
-  return /*#__PURE__*/_react.default.createElement(_DatepickerRangeContext.DatepickerRangeProvider, {
-    initialStartDate: initialStartDate,
-    initialEndDate: initialEndDate,
-    disableBefore: disableBefore,
-    disableAfter: disableAfter,
-    isStartInvalid: isStartInvalid,
-    isEndInvalid: isEndInvalid
-  }, /*#__PURE__*/_react.default.createElement(_components.DatepickerRangeContainer, {
-    onDateChange: onDateChange,
-    usePortal: usePortal,
-    useInputIcons: useInputIcons,
-    startDateInputLabelText: startDateInputLabelText,
-    startDateInputPlaceholderText: startDateInputPlaceholderText,
-    startDateInputErrorText: startDateInputErrorText,
-    endDateInputLabelText: endDateInputLabelText,
-    endDateInputPlaceholderText: endDateInputPlaceholderText,
-    endDateInputErrorText: endDateInputErrorText,
-    datepickerRangeOverrides: datepickerRangeOverrides
-  }));
-};
-
-DatepickerRange.defaultProps = {
-  usePortal: false,
-  useInputIcons: true,
-  isStartInvalid: false,
-  startDateInputLabelText: 'Enter After',
-  startDateInputPlaceholderText: 'Select Start Date',
-  isEndInvalid: false,
-  endDateInputLabelText: 'Exit Before',
-  endDateInputPlaceholderText: 'Select End Date'
-};
-var _default = DatepickerRange;
-exports.default = _default;