@spothero/ui 23.0.1 → 24.0.0

package/dist/styles/index.d.ts

@@ -0,0 +1,2 @@
+declare const theme: Record<string, any>;
+export default theme;

package/package.json

@@ -1,30 +1,20 @@
 {
   "name": "@spothero/ui",
-  "version": "23.0.1",
+  "version": "24.0.0",
   "description": "SpotHero's React component UI library.",
-  "main": "./dist/components/index.js",
-  "exports": "./dist/components/index.js",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.esm.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "repository": "https://github.com/spothero/fe-monorepo",
   "files": [
     "dist"
   ],
-  "babel": {
-    "presets": [
-      "@spothero/spothero"
-    ],
-    "plugins": [
-      [
-        "module-resolver",
-        {
-          "alias": {
-            "components": "./src/components",
-            "theme": "./src/theme",
-            "utils": "./src/utils"
-          }
-        }
-      ]
-    ]
-  },
   "browserslist": {
     "target": "web",
     "extends": "@spothero/browserslist-config"
@@ -58,6 +48,11 @@
     "@babel/cli": "7.23.9",
     "@babel/core": "7.23.9",
     "@babel/runtime-corejs3": "7.14.7",
+    "@emotion/is-prop-valid": "1.3.1",
+    "@rollup/plugin-babel": "6.0.4",
+    "@rollup/plugin-typescript": "12.1.2",
+    "@rollup/plugin-node-resolve": "16.0.0",
+    "@rollup/plugin-commonjs": "28.0.2",
     "@storybook/addon-a11y": "7.6.19",
     "@storybook/addon-actions": "7.6.19",
     "@storybook/addon-essentials": "7.6.19",
@@ -69,6 +64,8 @@
     "@testing-library/jest-dom": "5.11.9",
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "12.8.1",
+    "@types/lodash": "4.14.199",
+    "@vitejs/plugin-react": "4.3.4",
     "autoprefixer": "9.8.5",
     "babel-jest": "29.2.2",
     "babel-loader": "8.2.2",
@@ -95,40 +92,42 @@
     "react-redux": "7.2.8",
     "redux": "4.1.2",
     "regenerator-runtime": "0.13.7",
+    "rollup": "4.28.1",
+    "rollup-plugin-dts": "6.1.1",
+    "rollup-plugin-peer-deps-external": "2.2.4",
     "sass-loader": "10.2.1",
     "start-server-and-test": "1.12.6",
     "storybook": "7.6.19",
     "style-loader": "1.2.1",
+    "vite-tsconfig-paths": "5.1.4",
+    "vitest": "2.1.8",
     "webpack-merge": "5.1.4",
     "@spothero/babel-preset-spothero": "5.1.0",
     "@spothero/core": "7.0.1",
-    "@spothero/browserslist-config": "4.0.0",
-    "@spothero/icons": "9.0.2",
     "@spothero/eslint-config": "6.1.0",
+    "@spothero/npm-publisher": "7.0.0",
+    "@spothero/icons": "9.1.2",
     "@spothero/prettier-config": "4.0.0",
     "@spothero/stylelint-config": "6.0.0",
-    "@spothero/npm-publisher": "7.0.0"
+    "@spothero/browserslist-config": "4.0.0"
   },
   "dependencies": {
     "@babel/preset-env": "7.23.9",
-    "@chakra-ui/react": "1.8.8",
-    "@chakra-ui/theme": "1.14.1",
-    "@chakra-ui/theme-tools": "1.3.6",
+    "@chakra-ui/react": "2.8.2",
     "@emotion/react": "11.1.5",
     "@emotion/styled": "11.1.5",
     "@faker-js/faker": "7.6.0",
     "core-js": "3.6.5",
-    "framer-motion": "4.1.17",
     "react-select": "5.4.0",
     "regenerator-runtime": "0.13.7",
     "ssr-window": "1.0.1",
     "transitionEnd": "1.0.2",
-    "@spothero/utils": "15.0.2"
+    "framer-motion": "10.18.0"
   },
   "peerDependencies": {
-    "classnames": "^2.2.6",
+    "classnames": "2.2.6",
     "lodash": "4.17.21",
-    "prop-types": "^15.7.2",
+    "prop-types": "15.7.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-redux": ">=7.0.0",
@@ -139,13 +138,11 @@
     "lint": "eslint .storybook src --ext .jsx,.js",
     "start": "NODE_OPTIONS=--openssl-legacy-provider storybook dev -p 6006",
     "test": "pnpm run test:unit",
-    "test:template": "NODE_ENV=test jest --config ./jest.config.json --bail --silent",
-    "test:unit": "pnpm run test:template",
-    "test:unit:watch": "DEBUG_PRINT_LIMIT=-1 pnpm run test:template -- --watch",
-    "build:v2": "BABEL_ENV=production babel src -d dist",
-    "build": "pnpm run clean && pnpm run build:v2",
+    "test:unit": "vitest --run",
+    "test:unit:watch": "DEBUG_PRINT_LIMIT=-1 vitest",
+    "build": "pnpm run clean && rollup -c --bundleConfigAsCjs",
     "release": "npm-release",
     "build-storybook": "NODE_OPTIONS=--openssl-legacy-provider storybook build -o ./docs/v2",
-    "publish-storybook": "pnpm run build:storybook"
+    "publish-storybook": "pnpm run build-storybook"
   }
 }

package/dist/components/Accordion/Accordion.stories.js

@@ -1,101 +0,0 @@
-"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 _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Accordion = void 0;
-var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
-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");
-var _faker = require("@faker-js/faker");
-var _Text = _interopRequireDefault(require("../Text/Text"));
-var _Heading = _interopRequireDefault(require("../Heading/Heading"));
-var _createControl = require("storybook/utils/create-control");
-var _index = require("./index");
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var _default = exports["default"] = {
-  title: 'v2/Accordion',
-  parameters: {
-    removeBaseHtmlClass: true
-  }
-};
-var AccordionTemplate = function AccordionTemplate(_ref) {
-  var index = _ref.index,
-    variant = _ref.variant,
-    allowToggle = _ref.allowToggle,
-    accordionText = _ref.accordionText,
-    allowMultiple = _ref.allowMultiple;
-  var multipleOptions = allowMultiple ? {
-    allowMultiple: allowMultiple,
-    defaultIndex: index
-  } : '';
-  var toggleOptions = allowToggle ? {
-    allowToggle: allowToggle
-  } : '';
-  var handleOnClick = function handleOnClick() {
-    // eslint-disable-next-line no-alert
-    alert('Hello World');
-  };
-  return /*#__PURE__*/_react["default"].createElement(_index.Accordion, (0, _extends2["default"])({}, toggleOptions, multipleOptions, {
-    variant: variant
-  }), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, null, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-    as: "h3"
-  }, /*#__PURE__*/_react["default"].createElement(_index.AccordionButton, null, /*#__PURE__*/_react["default"].createElement(_react2.Box, {
-    flex: "1",
-    textAlign: "left"
-  }, "Default Accordion"), /*#__PURE__*/_react["default"].createElement(_index.AccordionIcon, null))), /*#__PURE__*/_react["default"].createElement(_index.AccordionPanel, null, /*#__PURE__*/_react["default"].createElement(_Text["default"], null, accordionText))), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, null, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-    as: "h3"
-  }, /*#__PURE__*/_react["default"].createElement(_index.AccordionButton, null, /*#__PURE__*/_react["default"].createElement(_index.AccordionIcon, null), /*#__PURE__*/_react["default"].createElement(_react2.Box, {
-    flex: "1",
-    textAlign: "left"
-  }, "Right Aligned Accordion Icon"))), /*#__PURE__*/_react["default"].createElement(_index.AccordionPanel, null, /*#__PURE__*/_react["default"].createElement(_Text["default"], null, accordionText))), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, null, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-    as: "h3"
-  }, /*#__PURE__*/_react["default"].createElement(_index.AccordionButton, null, /*#__PURE__*/_react["default"].createElement(_react2.Box, {
-    flex: "1",
-    textAlign: "left"
-  }, "Accordion with Additional Action Button"), /*#__PURE__*/_react["default"].createElement(_index.AccordionActionButton, {
-    onClick: handleOnClick
-  }, "Action"), /*#__PURE__*/_react["default"].createElement(_index.AccordionIcon, null))), /*#__PURE__*/_react["default"].createElement(_index.AccordionPanel, null, /*#__PURE__*/_react["default"].createElement(_Text["default"], null, accordionText))));
-};
-var Accordion = exports.Accordion = (0, _bind["default"])(AccordionTemplate).call(AccordionTemplate, {});
-Accordion.argTypes = _objectSpread({
-  accordionText: {
-    control: {
-      type: 'text'
-    }
-  },
-  allowMultiple: {
-    control: {
-      type: 'boolean'
-    }
-  },
-  allowToggle: {
-    control: {
-      type: 'boolean'
-    }
-  },
-  index: {
-    control: {
-      type: 'number'
-    }
-  }
-}, (0, _createControl.createSelectControl)('variant', ['lined', 'contained']));
-Accordion.args = {
-  accordionText: _faker.faker.random.words(100),
-  allowMultiple: true,
-  allowToggle: true,
-  index: [0],
-  variant: 'lined'
-};

package/dist/components/Accordion/AccordionActionButton.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = require("@chakra-ui/react");
-var _react2 = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 AccordionActionButton = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
-  var children = _ref.children,
-    onClick = _ref.onClick;
-  var handleOnClick = function handleOnClick(e) {
-    if (onClick) {
-      e.preventDefault();
-    }
-    onClick === null || onClick === void 0 ? void 0 : onClick();
-  };
-  return /*#__PURE__*/_react2["default"].createElement(_react.Box, {
-    ref: ref,
-    fontSize: "sm",
-    role: "button",
-    onClick: handleOnClick,
-    color: "primary.default"
-  }, children);
-});
-var _default = exports["default"] = AccordionActionButton;

package/dist/components/Accordion/index.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-_Object$defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function get() {
-    return _react.Accordion;
-  }
-});
-_Object$defineProperty(exports, "AccordionActionButton", {
-  enumerable: true,
-  get: function get() {
-    return _AccordionActionButton["default"];
-  }
-});
-_Object$defineProperty(exports, "AccordionButton", {
-  enumerable: true,
-  get: function get() {
-    return _react.AccordionButton;
-  }
-});
-_Object$defineProperty(exports, "AccordionIcon", {
-  enumerable: true,
-  get: function get() {
-    return _react.AccordionIcon;
-  }
-});
-_Object$defineProperty(exports, "AccordionItem", {
-  enumerable: true,
-  get: function get() {
-    return _react.AccordionItem;
-  }
-});
-_Object$defineProperty(exports, "AccordionPanel", {
-  enumerable: true,
-  get: function get() {
-    return _react.AccordionPanel;
-  }
-});
-var _AccordionActionButton = _interopRequireDefault(require("./AccordionActionButton"));
-var _react = require("@chakra-ui/react");

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

@@ -1,77 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-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"));
-var baseStyle = {
-  icon: {
-    color: 'primary.default'
-  },
-  button: {
-    display: 'flex',
-    gridGap: 3.5,
-    alignItems: 'center',
-    fontSize: 'sm',
-    fontWeight: 'semibold',
-    _hover: {
-      backgroundColor: 'gray.50'
-    }
-  },
-  container: {
-    borderColor: 'gray.medium'
-  }
-};
-var variants = {
-  lined: {
-    button: {
-      px: 2,
-      py: 3
-    },
-    container: {
-      borderTopWidth: 1,
-      _last: {
-        borderBottomWidth: 1
-      }
-    },
-    panel: {
-      px: 2,
-      py: 3
-    }
-  },
-  contained: {
-    button: {
-      px: 4,
-      py: 3
-    },
-    container: {
-      borderLeftWidth: 1,
-      borderRightWidth: 1,
-      _first: {
-        borderTopLeftRadius: 4,
-        borderTopRightRadius: 4
-      },
-      _last: {
-        borderBottomLeftRadius: 4,
-        borderBottomRightRadius: 4
-      }
-    },
-    panel: {
-      p: 4,
-      borderColor: 'gray.medium',
-      borderTopWidth: 1
-    }
-  }
-};
-var defaultProps = {
-  variant: 'lined'
-};
-var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Accordion, {
-  variants: variants,
-  baseStyle: baseStyle,
-  defaultProps: defaultProps
-});

package/dist/components/Alert/Alert.js

@@ -1,91 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-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 _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-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 _x = _interopRequireDefault(require("@spothero/icons/x"));
-var _infoCircleFilled = _interopRequireDefault(require("@spothero/icons/info-circle-filled"));
-var _exclamationCircleFilled = _interopRequireDefault(require("@spothero/icons/exclamation-circle-filled"));
-var _checkmarkCircleFilled = _interopRequireDefault(require("@spothero/icons/checkmark-circle-filled"));
-var _Button = _interopRequireDefault(require("../Button/Button"));
-var _Icon = _interopRequireDefault(require("../Icon/Icon"));
-var _notifications = require("../../theme/base/notifications");
-var _excluded = ["status", "title", "buttonProps", "buttonText", "buttonOnBottom", "showDismiss", "onDismissClick", "showIcon", "description", "icon"];
-var _statusIconMapping;
-function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var statusIconMapping = (_statusIconMapping = {}, (0, _defineProperty2["default"])(_statusIconMapping, _notifications.NOTIFICATION_STATUSES.WARNING, _exclamationCircleFilled["default"]), (0, _defineProperty2["default"])(_statusIconMapping, _notifications.NOTIFICATION_STATUSES.SUCCESS, _checkmarkCircleFilled["default"]), (0, _defineProperty2["default"])(_statusIconMapping, _notifications.NOTIFICATION_STATUSES.ERROR, _exclamationCircleFilled["default"]), (0, _defineProperty2["default"])(_statusIconMapping, _notifications.NOTIFICATION_STATUSES.NEUTRAL, _infoCircleFilled["default"]), _statusIconMapping);
-var Alert = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var status = _ref.status,
-    title = _ref.title,
-    buttonProps = _ref.buttonProps,
-    buttonText = _ref.buttonText,
-    buttonOnBottom = _ref.buttonOnBottom,
-    showDismiss = _ref.showDismiss,
-    onDismissClick = _ref.onDismissClick,
-    showIcon = _ref.showIcon,
-    description = _ref.description,
-    icon = _ref.icon,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var IconVariant = icon || 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"], (0, _extends2["default"])({}, style.icon, {
-    as: IconVariant
-  })) : null, /*#__PURE__*/_react["default"].createElement(_react2.VStack, {
-    spacing: 0,
-    alignItems: "flex-start"
-  }, 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"])({}, style.actionButton, {
-    variant: "tertiary"
-  }, buttonProps), buttonText) : null, showDismiss ? /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({}, style.dismissButton, {
-    onClick: onDismissClick
-  }), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-    width: 6,
-    height: "auto",
-    as: _x["default"]
-  })) : null));
-});
-Alert.defaultProps = {
-  status: 'neutral',
-  title: null,
-  buttonProps: null,
-  buttonText: null,
-  buttonOnBottom: false,
-  showDismiss: false,
-  onDismissClick: null,
-  showIcon: true,
-  description: null,
-  size: 'md',
-  icon: null
-};
-var _default = exports["default"] = Alert;

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

@@ -1,64 +0,0 @@
-"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 _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Alert = void 0;
-var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
-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");
-var _createControl = require("storybook/utils/create-control");
-var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-var _Alert = _interopRequireDefault(require("./Alert"));
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var _default = exports["default"] = {
-  title: 'v2/Alert',
-  component: _Alert["default"],
-  parameters: {
-    removeBaseHtmlClass: true
-  }
-};
-var AlertTemplate = function AlertTemplate(props) {
-  return /*#__PURE__*/_react["default"].createElement(_react2.VStack, {
-    alignItems: "flex-start"
-  }, /*#__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 = exports.Alert = (0, _bind["default"])(AlertTemplate).call(AlertTemplate, {});
-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/Alert/index.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-_Object$defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Alert["default"];
-  }
-});
-var _Alert = _interopRequireDefault(require("./Alert"));