cozy-ui 121.0.0 → 121.1.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 (21) 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 +1 -0
  6. package/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js +85 -0
  7. package/react/ToggleButton/Readme.md +60 -0
  8. package/react/ToggleButton/index.js +24 -1
  9. package/react/ToggleButtonGroup/Readme.md +79 -17
  10. package/stylus/cozy-ui/build.styl +2 -0
  11. package/stylus/utilities/border.styl +8 -0
  12. package/transpiled/react/MuiCozyTheme/overrides/makeDarkInvertedOverrides.d.ts +79 -0
  13. package/transpiled/react/MuiCozyTheme/overrides/makeDarkNormalOverrides.d.ts +79 -0
  14. package/transpiled/react/MuiCozyTheme/overrides/makeLightInvertedOverrides.d.ts +79 -0
  15. package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides.d.ts +79 -0
  16. package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js +79 -0
  17. package/transpiled/react/MuiCozyTheme/overrides/twake/makeDarkInvertedOverrides.d.ts +79 -0
  18. package/transpiled/react/MuiCozyTheme/overrides/twake/makeDarkNormalOverrides.d.ts +79 -0
  19. package/transpiled/react/MuiCozyTheme/overrides/twake/makeLightInvertedOverrides.d.ts +79 -0
  20. package/transpiled/react/MuiCozyTheme/overrides/twake/makeLightNormalOverrides.d.ts +79 -0
  21. package/transpiled/react/ToggleButton/index.js +26 -1
package/transpiled/react/MuiCozyTheme/overrides/twake/makeDarkInvertedOverrides.d.ts CHANGED
@@ -57,6 +57,85 @@ export function makeDarkInvertedTwakeOverrides(theme: any): {
57
57
  };
58
58
  };
59
59
  };
60
+ MuiToggleButtonGroup: {
61
+ groupedHorizontal: {
62
+ '&.rounded': {
63
+ marginRight: number;
64
+ '&:last-child': {
65
+ marginRight: number;
66
+ };
67
+ '&:not(:first-child)': {
68
+ borderTopLeftRadius: string;
69
+ borderBottomLeftRadius: string;
70
+ marginLeft: string;
71
+ borderLeft: string;
72
+ };
73
+ '&:not(:last-child)': {
74
+ '&.rounded': {
75
+ borderTopRightRadius: string;
76
+ borderBottomRightRadius: string;
77
+ };
78
+ };
79
+ };
80
+ };
81
+ };
82
+ MuiToggleButton: {
83
+ root: {
84
+ borderRadius: number;
85
+ color: any;
86
+ border: string;
87
+ padding: number;
88
+ '&$selected': {
89
+ color: any;
90
+ backgroundColor: string;
91
+ '&:not($disabled)': {
92
+ '&.customColor': {
93
+ '&-primary': {
94
+ color: any;
95
+ };
96
+ };
97
+ };
98
+ };
99
+ '&$disabled': {
100
+ color: any;
101
+ };
102
+ '&.rounded': {
103
+ border: number;
104
+ borderRadius: any;
105
+ padding: string;
106
+ '&$selected': {
107
+ backgroundColor: any;
108
+ '&:not($disabled)': {
109
+ '&.customColor': {
110
+ '&-primary': {
111
+ color: any;
112
+ backgroundColor: string;
113
+ '&:hover': {
114
+ textDecoration: string;
115
+ backgroundColor: string;
116
+ '@media (hover: none)': {
117
+ backgroundColor: string;
118
+ };
119
+ };
120
+ };
121
+ };
122
+ };
123
+ };
124
+ };
125
+ };
126
+ sizeSmall: {
127
+ padding: number;
128
+ '&.rounded': {
129
+ padding: string;
130
+ };
131
+ };
132
+ sizeLarge: {
133
+ padding: number;
134
+ '&.rounded': {
135
+ padding: number;
136
+ };
137
+ };
138
+ };
60
139
  MuiButton: {
61
140
  root: {
62
141
  borderRadius: number;
package/transpiled/react/MuiCozyTheme/overrides/twake/makeDarkNormalOverrides.d.ts CHANGED
@@ -57,6 +57,85 @@ export function makeDarkNormalTwakeOverrides(theme: any): {
57
57
  };
58
58
  };
59
59
  };
60
+ MuiToggleButtonGroup: {
61
+ groupedHorizontal: {
62
+ '&.rounded': {
63
+ marginRight: number;
64
+ '&:last-child': {
65
+ marginRight: number;
66
+ };
67
+ '&:not(:first-child)': {
68
+ borderTopLeftRadius: string;
69
+ borderBottomLeftRadius: string;
70
+ marginLeft: string;
71
+ borderLeft: string;
72
+ };
73
+ '&:not(:last-child)': {
74
+ '&.rounded': {
75
+ borderTopRightRadius: string;
76
+ borderBottomRightRadius: string;
77
+ };
78
+ };
79
+ };
80
+ };
81
+ };
82
+ MuiToggleButton: {
83
+ root: {
84
+ borderRadius: number;
85
+ color: any;
86
+ border: string;
87
+ padding: number;
88
+ '&$selected': {
89
+ color: any;
90
+ backgroundColor: string;
91
+ '&:not($disabled)': {
92
+ '&.customColor': {
93
+ '&-primary': {
94
+ color: any;
95
+ };
96
+ };
97
+ };
98
+ };
99
+ '&$disabled': {
100
+ color: any;
101
+ };
102
+ '&.rounded': {
103
+ border: number;
104
+ borderRadius: any;
105
+ padding: string;
106
+ '&$selected': {
107
+ backgroundColor: any;
108
+ '&:not($disabled)': {
109
+ '&.customColor': {
110
+ '&-primary': {
111
+ color: any;
112
+ backgroundColor: string;
113
+ '&:hover': {
114
+ textDecoration: string;
115
+ backgroundColor: string;
116
+ '@media (hover: none)': {
117
+ backgroundColor: string;
118
+ };
119
+ };
120
+ };
121
+ };
122
+ };
123
+ };
124
+ };
125
+ };
126
+ sizeSmall: {
127
+ padding: number;
128
+ '&.rounded': {
129
+ padding: string;
130
+ };
131
+ };
132
+ sizeLarge: {
133
+ padding: number;
134
+ '&.rounded': {
135
+ padding: number;
136
+ };
137
+ };
138
+ };
60
139
  MuiButton: {
61
140
  root: {
62
141
  borderRadius: number;
package/transpiled/react/MuiCozyTheme/overrides/twake/makeLightInvertedOverrides.d.ts CHANGED
@@ -57,6 +57,85 @@ export function makeLightInvertedTwakeOverrides(theme: any): {
57
57
  };
58
58
  };
59
59
  };
60
+ MuiToggleButtonGroup: {
61
+ groupedHorizontal: {
62
+ '&.rounded': {
63
+ marginRight: number;
64
+ '&:last-child': {
65
+ marginRight: number;
66
+ };
67
+ '&:not(:first-child)': {
68
+ borderTopLeftRadius: string;
69
+ borderBottomLeftRadius: string;
70
+ marginLeft: string;
71
+ borderLeft: string;
72
+ };
73
+ '&:not(:last-child)': {
74
+ '&.rounded': {
75
+ borderTopRightRadius: string;
76
+ borderBottomRightRadius: string;
77
+ };
78
+ };
79
+ };
80
+ };
81
+ };
82
+ MuiToggleButton: {
83
+ root: {
84
+ borderRadius: number;
85
+ color: any;
86
+ border: string;
87
+ padding: number;
88
+ '&$selected': {
89
+ color: any;
90
+ backgroundColor: string;
91
+ '&:not($disabled)': {
92
+ '&.customColor': {
93
+ '&-primary': {
94
+ color: any;
95
+ };
96
+ };
97
+ };
98
+ };
99
+ '&$disabled': {
100
+ color: any;
101
+ };
102
+ '&.rounded': {
103
+ border: number;
104
+ borderRadius: any;
105
+ padding: string;
106
+ '&$selected': {
107
+ backgroundColor: any;
108
+ '&:not($disabled)': {
109
+ '&.customColor': {
110
+ '&-primary': {
111
+ color: any;
112
+ backgroundColor: string;
113
+ '&:hover': {
114
+ textDecoration: string;
115
+ backgroundColor: string;
116
+ '@media (hover: none)': {
117
+ backgroundColor: string;
118
+ };
119
+ };
120
+ };
121
+ };
122
+ };
123
+ };
124
+ };
125
+ };
126
+ sizeSmall: {
127
+ padding: number;
128
+ '&.rounded': {
129
+ padding: string;
130
+ };
131
+ };
132
+ sizeLarge: {
133
+ padding: number;
134
+ '&.rounded': {
135
+ padding: number;
136
+ };
137
+ };
138
+ };
60
139
  MuiButton: {
61
140
  root: {
62
141
  borderRadius: number;
package/transpiled/react/MuiCozyTheme/overrides/twake/makeLightNormalOverrides.d.ts CHANGED
@@ -57,6 +57,85 @@ export function makeLightNormalTwakeOverrides(theme: any): {
57
57
  };
58
58
  };
59
59
  };
60
+ MuiToggleButtonGroup: {
61
+ groupedHorizontal: {
62
+ '&.rounded': {
63
+ marginRight: number;
64
+ '&:last-child': {
65
+ marginRight: number;
66
+ };
67
+ '&:not(:first-child)': {
68
+ borderTopLeftRadius: string;
69
+ borderBottomLeftRadius: string;
70
+ marginLeft: string;
71
+ borderLeft: string;
72
+ };
73
+ '&:not(:last-child)': {
74
+ '&.rounded': {
75
+ borderTopRightRadius: string;
76
+ borderBottomRightRadius: string;
77
+ };
78
+ };
79
+ };
80
+ };
81
+ };
82
+ MuiToggleButton: {
83
+ root: {
84
+ borderRadius: number;
85
+ color: any;
86
+ border: string;
87
+ padding: number;
88
+ '&$selected': {
89
+ color: any;
90
+ backgroundColor: string;
91
+ '&:not($disabled)': {
92
+ '&.customColor': {
93
+ '&-primary': {
94
+ color: any;
95
+ };
96
+ };
97
+ };
98
+ };
99
+ '&$disabled': {
100
+ color: any;
101
+ };
102
+ '&.rounded': {
103
+ border: number;
104
+ borderRadius: any;
105
+ padding: string;
106
+ '&$selected': {
107
+ backgroundColor: any;
108
+ '&:not($disabled)': {
109
+ '&.customColor': {
110
+ '&-primary': {
111
+ color: any;
112
+ backgroundColor: string;
113
+ '&:hover': {
114
+ textDecoration: string;
115
+ backgroundColor: string;
116
+ '@media (hover: none)': {
117
+ backgroundColor: string;
118
+ };
119
+ };
120
+ };
121
+ };
122
+ };
123
+ };
124
+ };
125
+ };
126
+ sizeSmall: {
127
+ padding: number;
128
+ '&.rounded': {
129
+ padding: string;
130
+ };
131
+ };
132
+ sizeLarge: {
133
+ padding: number;
134
+ '&.rounded': {
135
+ padding: number;
136
+ };
137
+ };
138
+ };
60
139
  MuiButton: {
61
140
  root: {
62
141
  borderRadius: number;
package/transpiled/react/ToggleButton/index.js CHANGED
@@ -1,2 +1,27 @@
1
- import ToggleButton from '@material-ui/lab/ToggleButton';
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["className", "rounded", "color"];
4
+ import MuiToggleButton from '@material-ui/lab/ToggleButton';
5
+ import cx from 'classnames';
6
+ import PropTypes from 'prop-types';
7
+ import React, { forwardRef } from 'react';
8
+ var ToggleButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
9
+ var className = _ref.className,
10
+ rounded = _ref.rounded,
11
+ color = _ref.color,
12
+ props = _objectWithoutProperties(_ref, _excluded);
13
+
14
+ return /*#__PURE__*/React.createElement(MuiToggleButton, _extends({
15
+ ref: ref,
16
+ className: cx(className, {
17
+ rounded: rounded
18
+ }, "customColor-".concat(color))
19
+ }, props));
20
+ });
21
+ ToggleButton.displayName = 'ToggleButton';
22
+ ToggleButton.propTypes = {
23
+ className: PropTypes.string,
24
+ rounded: PropTypes.bool,
25
+ color: PropTypes.string
26
+ };
2
27
  export default ToggleButton;