@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.cjs.js
CHANGED
|
@@ -3842,7 +3842,7 @@ Select.propTypes = {
|
|
|
3842
3842
|
rightElementStyles: PropTypes__default.default.object
|
|
3843
3843
|
};
|
|
3844
3844
|
|
|
3845
|
-
const _excluded$8 = ["label", "helperText", "errorMessage", "isInvalid", "isDisabled", "isRequired", "rightElement", "leftElement", "rightElementStyles", "leftElementStyles", "buttonValue"];
|
|
3845
|
+
const _excluded$8 = ["label", "helperText", "errorMessage", "isInvalid", "isDisabled", "isRequired", "isHighlighted", "rightElement", "leftElement", "rightElementStyles", "leftElementStyles", "buttonValue"];
|
|
3846
3846
|
|
|
3847
3847
|
/**
|
|
3848
3848
|
* A component used in the homepage/midfunnel refresh of 2024
|
|
@@ -3859,6 +3859,7 @@ const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
3859
3859
|
isInvalid,
|
|
3860
3860
|
isDisabled,
|
|
3861
3861
|
isRequired,
|
|
3862
|
+
isHighlighted,
|
|
3862
3863
|
rightElement,
|
|
3863
3864
|
leftElement,
|
|
3864
3865
|
rightElementStyles,
|
|
@@ -3892,10 +3893,13 @@ const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
3892
3893
|
}, props, {
|
|
3893
3894
|
isDisabled: isDisabled,
|
|
3894
3895
|
color: isInvalid || !label ? 'gray.600' : 'black',
|
|
3895
|
-
borderColor: isInvalid ? 'error' : 'gray.200',
|
|
3896
|
+
borderColor: isInvalid ? 'error' : isHighlighted ? 'primary.default' : 'gray.200',
|
|
3896
3897
|
_focus: {
|
|
3897
3898
|
borderColor: isInvalid ? 'error' : 'primary.default'
|
|
3898
3899
|
},
|
|
3900
|
+
_hover: {
|
|
3901
|
+
borderColor: isHighlighted ? 'primary.default' : 'gray.300'
|
|
3902
|
+
},
|
|
3899
3903
|
paddingTop: label ? 'var(--chakra-sizes-5-5)' : '3',
|
|
3900
3904
|
textTransform: "none"
|
|
3901
3905
|
}), buttonValue));
|