@spothero/ui 25.1.3-beta.0 → 25.1.3-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +6 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +6 -2
- package/dist/index.esm.js.map +1 -1
- package/package.json +3 -3
package/dist/index.esm.js
CHANGED
|
@@ -3814,7 +3814,7 @@ Select.propTypes = {
|
|
|
3814
3814
|
rightElementStyles: PropTypes.object
|
|
3815
3815
|
};
|
|
3816
3816
|
|
|
3817
|
-
const _excluded$8 = ["label", "helperText", "errorMessage", "isInvalid", "isDisabled", "isRequired", "rightElement", "leftElement", "rightElementStyles", "leftElementStyles", "buttonValue"];
|
|
3817
|
+
const _excluded$8 = ["label", "helperText", "errorMessage", "isInvalid", "isDisabled", "isRequired", "isHighlighted", "rightElement", "leftElement", "rightElementStyles", "leftElementStyles", "buttonValue"];
|
|
3818
3818
|
|
|
3819
3819
|
/**
|
|
3820
3820
|
* A component used in the homepage/midfunnel refresh of 2024
|
|
@@ -3831,6 +3831,7 @@ const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
3831
3831
|
isInvalid,
|
|
3832
3832
|
isDisabled,
|
|
3833
3833
|
isRequired,
|
|
3834
|
+
isHighlighted,
|
|
3834
3835
|
rightElement,
|
|
3835
3836
|
leftElement,
|
|
3836
3837
|
rightElementStyles,
|
|
@@ -3864,10 +3865,13 @@ const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
3864
3865
|
}, props, {
|
|
3865
3866
|
isDisabled: isDisabled,
|
|
3866
3867
|
color: isInvalid || !label ? 'gray.600' : 'black',
|
|
3867
|
-
borderColor: isInvalid ? 'error' : 'gray.200',
|
|
3868
|
+
borderColor: isInvalid ? 'error' : isHighlighted ? 'primary.default' : 'gray.200',
|
|
3868
3869
|
_focus: {
|
|
3869
3870
|
borderColor: isInvalid ? 'error' : 'primary.default'
|
|
3870
3871
|
},
|
|
3872
|
+
_hover: {
|
|
3873
|
+
borderColor: isHighlighted ? 'primary.default' : 'gray.300'
|
|
3874
|
+
},
|
|
3871
3875
|
paddingTop: label ? 'var(--chakra-sizes-5-5)' : '3',
|
|
3872
3876
|
textTransform: "none"
|
|
3873
3877
|
}), buttonValue));
|