@spothero/ui 21.1.1-beta.0 → 21.2.0

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js

@@ -13,15 +13,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 /**
  * @example (
- * <ToggleButton onChange={handleChangeValue} value={value}>
+ * <ToggleButtonGroup onChange={handleChangeValue} value={value}>
  *  <Button value={value1}>label1</Button>
  *  <Button value={value2}>label2</Button>
- * </ToggleButton>
+ * </ToggleButtonGroup>
  * )
  * @note
  * must have multiple child elements
  */
-// const ToggleButtonGroup = forwardRef(({onChange, value, children, groupProps}, ref) => {
 const ToggleButtonGroup = /*#__PURE__*/(0, _react2.forwardRef)((props, ref) => {
   const {
     onChange,

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.js

@@ -38,11 +38,17 @@ const Template = props => {
     onChange: onChange
   }), /*#__PURE__*/_react.default.createElement(_Button.Button, {
     key: "single",
-    value: "single"
+    value: "single",
+    fontSize: "xs"
   }, "Single Bookings"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
     key: "multiple",
-    value: "multiple"
-  }, "Multiple Bookings")));
+    value: "multiple",
+    fontSize: "xs"
+  }, "Multiple Bookings"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    key: "blah",
+    value: "blah",
+    fontSize: "xs"
+  }, "Blah Bookings")));
 };
 const ToggleButtonGroup = Template.bind({});
 exports.ToggleButtonGroup = ToggleButtonGroup;

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

@@ -7,7 +7,6 @@ exports.inactiveStyles = exports.defaultStyles = exports.buttonGroupStyles = exp
 const defaultStyles = {
   border: 0,
   borderRadius: '4px',
-  fontSize: 'xs',
   fontWeight: 'normal',
   paddingX: 4,
   paddingY: 1,
@@ -20,7 +19,7 @@ const defaultStyles = {
 };
 exports.defaultStyles = defaultStyles;
 const inactiveStyles = {
-  color: 'gray.700',
+  color: 'black',
   borderColor: 'gray.100',
   bg: 'gray.100',
   _hover: {
@@ -34,6 +33,7 @@ exports.inactiveStyles = inactiveStyles;
 const activeStyles = {
   color: 'black',
   fontWeight: 'semibold',
+  boxShadow: 'sm',
   bg: 'white',
   _hover: {
     bg: 'white'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "21.1.1-beta.0",
+  "version": "21.2.0",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/components/index.js",
   "exports": "./dist/components/index.js",
@@ -97,8 +97,8 @@
     "sass-loader": "10.2.1",
     "@spothero/babel-preset-spothero": "5.0.0",
     "@spothero/browserslist-config": "4.0.0",
-    "@spothero/eslint-config": "6.0.0",
     "@spothero/core": "7.0.0",
+    "@spothero/eslint-config": "6.0.0",
     "@spothero/icons": "8.0.0",
     "@spothero/npm-publisher": "7.0.0",
     "@spothero/prettier-config": "4.0.0",