cozy-ui 122.1.1 → 122.2.0

package/.bundlemonrc

@@ -2,12 +2,10 @@
   "baseDir": ".",
   "files": [
     {
-      "path": "dist/cozy-ui.min.css",
-      "maxPercentIncrease": 10
+      "path": "dist/cozy-ui.min.css"
     },
     {
-      "path": "dist/cozy-ui.utils.min.css",
-      "maxPercentIncrease": 10
+      "path": "dist/cozy-ui.utils.min.css"
     },
     {
       "path": "transpiled/react/stylesheet.css"

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [122.2.0](https://github.com/cozy/cozy-ui/compare/v122.1.1...v122.2.0) (2025-04-10)
+
+
+### Features
+
+* **SearchBar:** Allow to disable hover ([7c97fe1](https://github.com/cozy/cozy-ui/commit/7c97fe1))
+
 ## [122.1.1](https://github.com/cozy/cozy-ui/compare/v122.1.0...v122.1.1) (2025-04-09)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "122.1.1",
+  "version": "122.2.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/SearchBar/Readme.md

@@ -10,7 +10,7 @@ import Radio from 'cozy-ui/transpiled/react/Radios'
 import FormControl from 'cozy-ui/transpiled/react/FormControl'
 import FormLabel from 'cozy-ui/transpiled/react/FormLabel'
 
-const initialVariants = [{ button: false, customIcon: false, disabledClear: false }]
+const initialVariants = [{ button: false, customIcon: false, disabledClear: false, disabledHover: false }]
 initialState = { size: 'small' }
 
 ;
@@ -55,6 +55,7 @@ initialState = { size: 'small' }
           elevation={0}
           size={state.size}
           disabledClear={variant.disabledClear}
+          disabledHover={variant.disabledHover}
           type={variant.button ? "button" : "search"}
           icon={variant.customIcon ? CloudIcon : undefined}
           label={variant.button ? <Typography color="primary">This is a label</Typography> : undefined}
@@ -64,6 +65,7 @@ initialState = { size: 'small' }
           elevation={10}
           size={state.size}
           disabledClear={variant.disabledClear}
+          disabledHover={variant.disabledHover}
           type={variant.button ? "button" : "search"}
           icon={variant.customIcon ? CloudIcon : undefined}
           label={variant.button ? <Typography color="primary">This is a label</Typography> : undefined}
@@ -73,6 +75,7 @@ initialState = { size: 'small' }
           disabled
           size={state.size}
           disabledClear={variant.disabledClear}
+          disabledHover={variant.disabledHover}
           type={variant.button ? "button" : "search"}
           icon={variant.customIcon ? CloudIcon : undefined}
           label={variant.button ? <Typography color="primary">This is a label</Typography> : undefined}

package/react/SearchBar/index.jsx

@@ -132,6 +132,7 @@ const SearchBar = forwardRef(
       componentsProps,
       disabledClear,
       disabledFocus,
+      disabledHover,
       className,
       defaultValue,
       value,
@@ -232,7 +233,11 @@ const SearchBar = forwardRef(
             <Icon icon={isTwakeTheme() ? CrossIcon : CrossCircleIcon} />
           </IconButton>
         )}
-        <span className={cx(classes.commonHighlight, classes.focusHighlight)} />
+        {!disabledHover && (
+          <span
+            className={cx(classes.commonHighlight, classes.focusHighlight)}
+          />
+        )}
         {disabled && (
           <span
             className={cx(classes.commonHighlight, classes.disableHighlight)}
@@ -252,6 +257,7 @@ SearchBar.defaultProps = {
   type: 'search',
   disabledClear: false,
   disabledFocus: false,
+  disabledHover: false,
   defaultValue: '',
   onChange: () => {},
   onFocus: () => {},
@@ -274,6 +280,7 @@ SearchBar.propTypes = {
   defaultValue: PropTypes.string,
   disabledClear: PropTypes.bool,
   disabledFocus: PropTypes.bool,
+  disabledHover: PropTypes.bool,
   elevation: PropTypes.number,
   placeholder: PropTypes.string,
   label: PropTypes.oneOfType([

package/transpiled/react/SearchBar/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["placeholder", "icon", "size", "type", "label", "componentsProps", "disabledClear", "disabledFocus", "className", "defaultValue", "value", "elevation", "disabled", "onChange", "onClear", "onFocus", "onBlur"];
+var _excluded = ["placeholder", "icon", "size", "type", "label", "componentsProps", "disabledClear", "disabledFocus", "disabledHover", "className", "defaultValue", "value", "elevation", "disabled", "onChange", "onClear", "onFocus", "onBlur"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -149,6 +149,7 @@ var SearchBar = /*#__PURE__*/forwardRef(function (_ref6, ref) {
       componentsProps = _ref6.componentsProps,
       disabledClear = _ref6.disabledClear,
       disabledFocus = _ref6.disabledFocus,
+      disabledHover = _ref6.disabledHover,
       className = _ref6.className,
       defaultValue = _ref6.defaultValue,
       value = _ref6.value,
@@ -248,7 +249,7 @@ var SearchBar = /*#__PURE__*/forwardRef(function (_ref6, ref) {
     onClick: handleClear
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: isTwakeTheme() ? CrossIcon : CrossCircleIcon
-  })), /*#__PURE__*/React.createElement("span", {
+  })), !disabledHover && /*#__PURE__*/React.createElement("span", {
     className: cx(classes.commonHighlight, classes.focusHighlight)
   }), disabled && /*#__PURE__*/React.createElement("span", {
     className: cx(classes.commonHighlight, classes.disableHighlight)
@@ -262,6 +263,7 @@ SearchBar.defaultProps = {
   type: 'search',
   disabledClear: false,
   disabledFocus: false,
+  disabledHover: false,
   defaultValue: '',
   onChange: function onChange() {},
   onFocus: function onFocus() {},
@@ -285,6 +287,7 @@ SearchBar.propTypes = {
   defaultValue: PropTypes.string,
   disabledClear: PropTypes.bool,
   disabledFocus: PropTypes.bool,
+  disabledHover: PropTypes.bool,
   elevation: PropTypes.number,
   placeholder: PropTypes.string,
   label: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.object]),