@spothero/ui 25.1.1 → 25.1.3-beta.1

package/dist/index.esm.js

@@ -57,8 +57,8 @@ function _objectWithoutProperties(e, t) {
     r,
     i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
@@ -66,7 +66,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -3814,7 +3814,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 +3831,7 @@ const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
       isInvalid,
       isDisabled,
       isRequired,
+      isHighlighted,
       rightElement,
       leftElement,
       rightElementStyles,
@@ -3864,10 +3865,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 +4627,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({
@@ -4640,9 +4646,9 @@ const ToggleButtonGroup = /*#__PURE__*/forwardRef((props, ref) => {
         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(_objectSpread2({}, defaultStyles), inactiveStyles), childrenStyles)
     } : {
-      sx: _objectSpread2(_objectSpread2({}, defaultStyles), activeStyles)
+      sx: _objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyles), activeStyles), childrenStyles)
     }));
   }));
 });