@spothero/ui 21.6.0 → 21.6.2

package/dist/components/Popover/Popover.stories.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Variant = exports.Placement = exports.NoHeader = exports.NoCloseButton = void 0;
+exports.default = exports.Variant = exports.Placement = exports.NoHeader = exports.NoCloseButton = exports.NoArrow = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
@@ -67,4 +67,14 @@ const NoCloseButtonTemplate = props => /*#__PURE__*/_react.default.createElement
 const NoCloseButton = exports.NoCloseButton = NoCloseButtonTemplate.bind({});
 NoCloseButton.argTypes = {
   ...(0, _disableArgs.default)(['variant', 'placement'])
+};
+const NoArrowTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
+  defaultIsOpen: true
+}, props), /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger")), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, {
+  hideArrow: true,
+  header: "Confirmation!"
+}, "Are you sure you want to have that milkshake?"));
+const NoArrow = exports.NoArrow = NoArrowTemplate.bind({});
+NoArrow.argTypes = {
+  ...(0, _disableArgs.default)(['variant', 'placement'])
 };

package/dist/components/Popover/PopoverContent.js

@@ -18,18 +18,21 @@ const PopoverContent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     variant,
     children,
     hideCloseButton,
+    hideArrow,
+    popoverBodyProps,
     ...rest
   } = props;
   return /*#__PURE__*/_react.default.createElement(_react2.PopoverContent, (0, _extends2.default)({}, rest, {
     ref: ref
-  }), /*#__PURE__*/_react.default.createElement(_PopoverArrow.default, {
+  }), hideArrow ? null : /*#__PURE__*/_react.default.createElement(_PopoverArrow.default, {
     variant: variant
   }), hideCloseButton ? null : /*#__PURE__*/_react.default.createElement(_PopoverCloseButton.default, {
     variant: variant
-  }), header ? /*#__PURE__*/_react.default.createElement(_react2.PopoverHeader, null, header) : null, /*#__PURE__*/_react.default.createElement(_react2.PopoverBody, null, children));
+  }), header ? /*#__PURE__*/_react.default.createElement(_react2.PopoverHeader, null, header) : null, /*#__PURE__*/_react.default.createElement(_react2.PopoverBody, popoverBodyProps, children));
 });
 PopoverContent.defaultProps = {
   variant: 'light',
-  hideCloseButton: false
+  hideCloseButton: false,
+  hideArrow: false
 };
 var _default = exports.default = PopoverContent;

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

@@ -22,6 +22,12 @@ var _default = exports.default = {
         type: 'select',
         options: [_Tabs.SIZE_SMALL, _Tabs.SIZE_BODY, _Tabs.SIZE_HEADING]
       }
+    },
+    variant: {
+      control: {
+        type: 'select',
+        options: ['line', 'enclosed']
+      }
     }
   }
 };

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

@@ -35,6 +35,34 @@ const variants = {
         color: 'black'
       }
     }
+  },
+  enclosed: {
+    tablist: {
+      backgroundColor: 'white',
+      borderRadius: '8px',
+      borederColor: 'gray.200',
+      borderWidth: '1px',
+      paddingY: 1
+    },
+    tab: {
+      borderRadius: '6px',
+      marginX: 1,
+      _selected: {
+        fontWeight: 'semibold',
+        color: 'white',
+        backgroundColor: 'primary.default',
+        _hover: {
+          backgroundColor: 'primary.600'
+        }
+      },
+      _active: {
+        backgroundColor: 'gray.200'
+      },
+      _disabled: {
+        opacity: 0.4,
+        cursor: 'not-allowed'
+      }
+    }
   }
 };
 var _default = exports.default = (0, _merge.default)(_theme.default.components.Tabs, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "21.6.0",
+  "version": "21.6.2",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/components/index.js",
   "exports": "./dist/components/index.js",
@@ -94,10 +94,10 @@
     "webpack-merge": "5.1.4",
     "css-loader": "5.1.3",
     "sass-loader": "10.2.1",
-    "@spothero/browserslist-config": "4.0.0",
     "@spothero/babel-preset-spothero": "5.1.0",
-    "@spothero/eslint-config": "6.1.0",
+    "@spothero/browserslist-config": "4.0.0",
     "@spothero/core": "7.0.0",
+    "@spothero/eslint-config": "6.1.0",
     "@spothero/icons": "8.1.0",
     "@spothero/npm-publisher": "7.0.0",
     "@spothero/stylelint-config": "6.0.0",