@spothero/ui 25.1.3 → 25.1.5

package/dist/index.esm.js

@@ -997,18 +997,20 @@ Button$1.defaultProps = {
   type: 'button'
 };
 
-const _excluded$s = ["header", "children"];
+const _excluded$s = ["header", "drawerCloseButton", "children", "headerProps"];
 const Drawer = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
       header,
-      children
+      drawerCloseButton,
+      children,
+      headerProps
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded$s);
   return /*#__PURE__*/React__default.createElement(Drawer$1, _extends$6({
     placement: "right"
   }, props, {
     ref: ref
-  }), /*#__PURE__*/React__default.createElement(DrawerOverlay, null), /*#__PURE__*/React__default.createElement(DrawerContent, null, /*#__PURE__*/React__default.createElement(DrawerHeader, null, header, /*#__PURE__*/React__default.createElement(DrawerCloseButton, null)), children));
+  }), /*#__PURE__*/React__default.createElement(DrawerOverlay, null), /*#__PURE__*/React__default.createElement(DrawerContent, null, /*#__PURE__*/React__default.createElement(DrawerHeader, headerProps, header, drawerCloseButton || /*#__PURE__*/React__default.createElement(DrawerCloseButton, null)), children));
 });
 Drawer.propTypes = {
   children: PropTypes.node.isRequired,
@@ -3814,7 +3816,7 @@ Select.propTypes = {
   rightElementStyles: PropTypes.object
 };
 
-const _excluded$8 = ["label", "helperText", "errorMessage", "isInvalid", "isDisabled", "isRequired", "rightElement", "leftElement", "rightElementStyles", "leftElementStyles", "buttonValue"];
+const _excluded$8 = ["label", "helperText", "errorMessage", "isInvalid", "isDisabled", "isRequired", "isHighlighted", "rightElement", "leftElement", "rightElementStyles", "leftElementStyles", "buttonValue"];
 
 /**
  * A component used in the homepage/midfunnel refresh of 2024
@@ -3831,6 +3833,7 @@ const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
       isInvalid,
       isDisabled,
       isRequired,
+      isHighlighted,
       rightElement,
       leftElement,
       rightElementStyles,
@@ -3864,10 +3867,13 @@ const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, props, {
     isDisabled: isDisabled,
     color: isInvalid || !label ? 'gray.600' : 'black',
-    borderColor: isInvalid ? 'error' : 'gray.200',
+    borderColor: isInvalid ? 'error' : isHighlighted ? 'primary.default' : 'gray.200',
     _focus: {
       borderColor: isInvalid ? 'error' : 'primary.default'
     },
+    _hover: {
+      borderColor: isHighlighted ? 'primary.default' : 'gray.300'
+    },
     paddingTop: label ? 'var(--chakra-sizes-5-5)' : '3',
     textTransform: "none"
   }), buttonValue));
@@ -4623,14 +4629,16 @@ const ToggleButtonGroup = /*#__PURE__*/forwardRef((props, ref) => {
     onChange,
     value,
     children,
-    groupProps
+    groupProps,
+    buttonGroupStyles: _buttonGroupStyles = {},
+    childrenStyles = {}
   } = props;
   if (!children) throw new Error('Children required');
 
   // iterate over array of child nodes to apply extended props
   return /*#__PURE__*/React__default.createElement(ButtonGroup, _extends$6({
     ref: ref,
-    sx: _objectSpread2({}, buttonGroupStyles)
+    sx: _objectSpread2(_objectSpread2({}, buttonGroupStyles), _buttonGroupStyles)
   }, groupProps), React__default.Children.map(children, CHILD => {
     var _CHILD$props3;
     return /*#__PURE__*/React__default.cloneElement(CHILD, _objectSpread2({
@@ -4639,10 +4647,8 @@ const ToggleButtonGroup = /*#__PURE__*/forwardRef((props, ref) => {
         if (value === (CHILD === null || CHILD === void 0 || (_CHILD$props = CHILD.props) === null || _CHILD$props === void 0 ? void 0 : _CHILD$props.value)) return;
         onChange(CHILD === null || CHILD === void 0 || (_CHILD$props2 = CHILD.props) === null || _CHILD$props2 === void 0 ? void 0 : _CHILD$props2.value);
       }
-    }, value !== (CHILD === null || CHILD === void 0 || (_CHILD$props3 = CHILD.props) === null || _CHILD$props3 === void 0 ? void 0 : _CHILD$props3.value) ? {
-      sx: _objectSpread2(_objectSpread2({}, defaultStyles), inactiveStyles)
-    } : {
-      sx: _objectSpread2(_objectSpread2({}, defaultStyles), activeStyles)
+    }, {
+      sx: _objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyles), value !== (CHILD === null || CHILD === void 0 || (_CHILD$props3 = CHILD.props) === null || _CHILD$props3 === void 0 ? void 0 : _CHILD$props3.value) ? inactiveStyles : activeStyles), childrenStyles)
     }));
   }));
 });