cozy-ui 111.16.0 → 111.17.0

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.
Files changed (11) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cozy-ui.min.css +1 -1
  3. package/dist/cozy-ui.utils.min.css +1 -1
  4. package/package.json +1 -1
  5. package/react/Buttons/Readme.md +34 -5
  6. package/react/IconButton/Readme.md +20 -0
  7. package/react/SearchBar/index.jsx +4 -1
  8. package/react/__snapshots__/examples.spec.jsx.snap +16 -7
  9. package/stylus/utilities/border.styl +8 -8
  10. package/stylus/utilities/overflow.styl +4 -4
  11. package/transpiled/react/SearchBar/index.js +2 -2
package/react/__snapshots__/examples.spec.jsx.snap CHANGED
@@ -496,7 +496,7 @@ exports[`Buttons should render examples: Buttons 2`] = `
496
496
  exports[`Buttons should render examples: Buttons 3`] = `
497
497
  "<div data-testid=\\"mountNode\\">
498
498
  <div class=\\"MuiGrid-root MuiGrid-container\\">
499
- <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
499
+ <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3\\">
500
500
  <div class=\\"styles__Stack--s___22WMg\\">
501
501
  <div>startIcon</div>
502
502
  <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`] = `
505
505
  <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>
506
506
  </div>
507
507
  </div>
508
- <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
508
+ <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3\\">
509
509
  <div class=\\"styles__Stack--s___22WMg\\">
510
510
  <div>endIcon</div>
511
511
  <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`] = `
514
514
  <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>
515
515
  </div>
516
516
  </div>
517
- <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
517
+ <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3\\">
518
518
  <div class=\\"styles__Stack--s___22WMg\\">
519
519
  <div>label is only icon</div>
520
- <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>
521
- <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>
522
- <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>
523
- <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>
520
+ <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>
521
+ <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>
522
+ <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>
523
+ <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>
524
+ </div>
525
+ </div>
526
+ <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3\\">
527
+ <div class=\\"styles__Stack--s___22WMg\\">
528
+ <div>round icon button</div>
529
+ <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>
530
+ <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>
531
+ <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>
532
+ <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>
524
533
  </div>
525
534
  </div>
526
535
  </div>
package/stylus/utilities/border.styl CHANGED
@@ -2,27 +2,27 @@
2
2
  @require '../tools/mixins'
3
3
 
4
4
  bdrs-0()
5
- border-radius rem(0)
5
+ border-radius rem(0) !important // @stylint ignore
6
6
 
7
7
  bdrs-1()
8
- border-radius rem(2)
8
+ border-radius rem(2) !important // @stylint ignore
9
9
 
10
10
  bdrs-2()
11
- border-radius rem(3)
11
+ border-radius rem(3) !important // @stylint ignore
12
12
 
13
13
  bdrs-3()
14
- border-radius rem(4)
14
+ border-radius rem(4) !important // @stylint ignore
15
15
 
16
16
  bdrs-4()
17
- border-radius rem(8)
17
+ border-radius rem(8) !important // @stylint ignore
18
18
 
19
19
  bdrs-circle()
20
- border-radius 100%
20
+ border-radius 100% !important // @stylint ignore
21
21
 
22
22
  bdw-0()
23
- border-width rem(0)
23
+ border-width rem(0) !important // @stylint ignore
24
24
  bdw-1()
25
- border-width rem(2)
25
+ border-width rem(2) !important // @stylint ignore
26
26
 
27
27
  props = {
28
28
  'bdrs-0': 'bdrs-0',
package/stylus/utilities/overflow.styl CHANGED
@@ -3,16 +3,16 @@
3
3
  \*------------------------------------*/
4
4
 
5
5
  overflow-visible()
6
- overflow visible
6
+ overflow visible !important // @stylint ignore
7
7
 
8
8
  overflow-hidden()
9
- overflow hidden
9
+ overflow hidden !important // @stylint ignore
10
10
 
11
11
  overflow-scroll()
12
- overflow scroll
12
+ overflow scroll !important // @stylint ignore
13
13
 
14
14
  overflow-auto()
15
- overflow auto
15
+ overflow auto !important // @stylint ignore
16
16
 
17
17
  // Global classes
18
18
  global('.u-ov-visible', overflow-visible, mixin)
package/transpiled/react/SearchBar/index.js CHANGED
@@ -126,7 +126,7 @@ var useStyles = makeStyles(function (theme) {
126
126
  };
127
127
  });
128
128
  var SearchBar = /*#__PURE__*/forwardRef(function (_ref5, ref) {
129
- var _cx;
129
+ var _cx, _componentsProps$inpu;
130
130
 
131
131
  var placeholderProp = _ref5.placeholder,
132
132
  icon = _ref5.icon,
@@ -219,7 +219,7 @@ var SearchBar = /*#__PURE__*/forwardRef(function (_ref5, ref) {
219
219
  className: classes.icon,
220
220
  icon: icon
221
221
  }), /*#__PURE__*/React.createElement(InputBase, _extends({}, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.inputBase, {
222
- className: classes.inputBase,
222
+ 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),
223
223
  placeholder: disabled ? null : placeholder,
224
224
  value: disabled ? placeholder : spreadValue,
225
225
  disabled: disabled,