cozy-ui 111.16.0 → 111.18.0

package/react/SearchBar/index.jsx

@@ -195,7 +195,10 @@ const SearchBar = forwardRef(
             {icon && <Icon className={classes.icon} icon={icon} />}
             <InputBase
               {...componentsProps?.inputBase}
-              className={classes.inputBase}
+              className={cx(
+                classes.inputBase,
+                componentsProps?.inputBase?.className
+              )}
               placeholder={disabled ? null : placeholder}
               value={disabled ? placeholder : spreadValue}
               disabled={disabled}

package/react/__snapshots__/examples.spec.jsx.snap

@@ -496,7 +496,7 @@ exports[`Buttons should render examples: Buttons 2`] = `
 exports[`Buttons should render examples: Buttons 3`] = `
 "<div data-testid=\\"mountNode\\">
   <div class=\\"MuiGrid-root MuiGrid-container\\">
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
+    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3\\">
       <div class=\\"styles__Stack--s___22WMg\\">
         <div>startIcon</div>
         <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>primary</span></button></div>
@@ -505,7 +505,7 @@ exports[`Buttons should render examples: Buttons 3`] = `
         <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>text</span></button></div>
       </div>
     </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
+    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3\\">
       <div class=\\"styles__Stack--s___22WMg\\">
         <div>endIcon</div>
         <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
@@ -514,13 +514,22 @@ exports[`Buttons should render examples: Buttons 3`] = `
         <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
       </div>
     </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
+    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3\\">
       <div class=\\"styles__Stack--s___22WMg\\">
         <div>label is only icon</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary u-miw-auto MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary u-miw-auto MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost u-miw-auto MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary u-miw-auto MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button></div>
+        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary u-miw-auto MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary u-ml-1 u-miw-auto MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button></div>
+        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary u-miw-auto MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary u-ml-1 u-miw-auto MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button></div>
+        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost u-miw-auto MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost u-ml-1 u-miw-auto MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button></div>
+        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary u-miw-auto MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary u-ml-1 u-miw-auto MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button></div>
+      </div>
+    </div>
+    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3\\">
+      <div class=\\"styles__Stack--s___22WMg\\">
+        <div>round icon button</div>
+        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary u-ml-1 u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button></div>
+        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary u-ml-1 u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button></div>
+        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost u-ml-1 u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button></div>
+        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary u-ml-1 u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button></div>
       </div>
     </div>
   </div>

package/stylus/utilities/border.styl

@@ -2,27 +2,27 @@
 @require '../tools/mixins'
 
 bdrs-0()
-    border-radius rem(0)
+    border-radius rem(0) !important // @stylint ignore
 
 bdrs-1()
-    border-radius rem(2)
+    border-radius rem(2) !important // @stylint ignore
 
 bdrs-2()
-    border-radius rem(3)
+    border-radius rem(3) !important // @stylint ignore
 
 bdrs-3()
-    border-radius rem(4)
+    border-radius rem(4) !important // @stylint ignore
 
 bdrs-4()
-    border-radius rem(8)
+    border-radius rem(8) !important // @stylint ignore
 
 bdrs-circle()
-    border-radius 100%
+    border-radius 100% !important // @stylint ignore
 
 bdw-0()
-    border-width rem(0)
+    border-width rem(0) !important // @stylint ignore
 bdw-1()
-    border-width rem(2)
+    border-width rem(2) !important // @stylint ignore
 
 props = {
     'bdrs-0': 'bdrs-0',

package/stylus/utilities/overflow.styl

@@ -3,16 +3,16 @@
 \*------------------------------------*/
 
 overflow-visible()
-    overflow visible
+    overflow visible !important // @stylint ignore
 
 overflow-hidden()
-    overflow hidden
+    overflow hidden !important // @stylint ignore
 
 overflow-scroll()
-    overflow scroll
+    overflow scroll !important // @stylint ignore
 
 overflow-auto()
-    overflow auto
+    overflow auto !important // @stylint ignore
 
 // Global classes
 global('.u-ov-visible', overflow-visible, mixin)

package/transpiled/react/CozyDialogs/ConfirmDialog.js

@@ -53,7 +53,7 @@ var ConfirmDialog = function ConfirmDialog(props) {
     disableSpacing: true,
     className: cx('dialogActionsFluid', {
       columnLayout: actionsLayout == 'column'
-    })
+    }, dialogActionsProps.className)
   }), actions))));
 };
 

package/transpiled/react/CozyDialogs/Dialog.js

@@ -45,7 +45,7 @@ var Dialog = function Dialog(props) {
     disableSpacing: true,
     className: cx('dialogActionsFluid', {
       columnLayout: actionsLayout == 'column'
-    })
+    }, dialogActionsProps.className)
   }), actions))));
 };
 

package/transpiled/react/CozyDialogs/FixedActionsDialog.js

@@ -51,7 +51,7 @@ var FixedActionsDialog = function FixedActionsDialog(props) {
     disableSpacing: true,
     className: cx({
       columnLayout: actionsLayout == 'column'
-    })
+    }, dialogActionsProps.className)
   }), actions));
 };
 

package/transpiled/react/CozyDialogs/FixedDialog.js

@@ -41,7 +41,7 @@ var FixedDialog = function FixedDialog(props) {
     disableSpacing: true,
     className: cx({
       columnLayout: actionsLayout == 'column'
-    })
+    }, dialogActionsProps.className)
   }), actions));
 };
 

package/transpiled/react/CozyDialogs/IllustrationDialog.js

@@ -56,7 +56,7 @@ var IllustrationDialog = function IllustrationDialog(props) {
     disableSpacing: true,
     className: cx('dialogActionsFluid', {
       columnLayout: actionsLayout == 'column'
-    })
+    }, dialogActionsProps.className)
   }), actions))));
 };
 

package/transpiled/react/SearchBar/index.js

@@ -126,7 +126,7 @@ var useStyles = makeStyles(function (theme) {
   };
 });
 var SearchBar = /*#__PURE__*/forwardRef(function (_ref5, ref) {
-  var _cx;
+  var _cx, _componentsProps$inpu;
 
   var placeholderProp = _ref5.placeholder,
       icon = _ref5.icon,
@@ -219,7 +219,7 @@ var SearchBar = /*#__PURE__*/forwardRef(function (_ref5, ref) {
     className: classes.icon,
     icon: icon
   }), /*#__PURE__*/React.createElement(InputBase, _extends({}, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.inputBase, {
-    className: classes.inputBase,
+    className: cx(classes.inputBase, componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$inpu = componentsProps.inputBase) === null || _componentsProps$inpu === void 0 ? void 0 : _componentsProps$inpu.className),
     placeholder: disabled ? null : placeholder,
     value: disabled ? placeholder : spreadValue,
     disabled: disabled,