@rescui/button 0.3.0 → 0.5.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 (5) hide show
  1. package/lib/button.d.ts +0 -2
  2. package/lib/button.js +16 -7
  3. package/lib/button.module.pcss.js +29 -29
  4. package/lib/index.css +190 -284
  5. package/package.json +6 -6
package/lib/button.d.ts CHANGED
@@ -21,8 +21,6 @@ export declare type ButtonProps = {
21
21
  theme?: Theme;
22
22
  /** [More about button types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type) */
23
23
  type?: ButtonType;
24
- /** Reduce horizontal padding. __Use only when providing external width (using className, flexbox, style={{width: 200px}}, etc.)__ */
25
- narrow?: boolean;
26
24
  /** Shows loading icon, use when some action related to button is in progress */
27
25
  busy?: boolean;
28
26
  /** @ignore */
package/lib/button.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import "core-js/modules/web.dom-collections.for-each.js";
2
2
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
3
3
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
4
- var _excluded = ["className", "children", "href", "type", "disabled", "size", "theme", "icon", "iconPosition", "narrow", "busy", "flat", "notFocusable", "highlighted", "shifted", "mode"];
4
+ var _excluded = ["className", "children", "href", "type", "disabled", "size", "theme", "icon", "iconPosition", "busy", "flat", "notFocusable", "highlighted", "shifted", "mode"];
5
5
 
6
6
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
7
7
 
@@ -64,7 +64,6 @@ function (_ref, ref) {
64
64
  icon = _ref.icon,
65
65
  _ref$iconPosition = _ref.iconPosition,
66
66
  iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
67
- narrow = _ref.narrow,
68
67
  _ref$busy = _ref.busy,
69
68
  busy = _ref$busy === void 0 ? false : _ref$busy,
70
69
  flat = _flatInstanceProperty(_ref),
@@ -98,6 +97,19 @@ function (_ref, ref) {
98
97
  var shiftedBottom = calculateShifted(shifted, 'bottom'); // check for ignored jsx values and empty string, more info https://reactjs.org/docs/jsx-in-depth.html#booleans-null-and-undefined-are-ignored
99
98
 
100
99
  var isWithoutText = children === null || typeof children === 'undefined' || children === false || children === true || children === '';
100
+ var iconSlot;
101
+
102
+ if ( /*#__PURE__*/React.isValidElement(icon) && busy) {
103
+ iconSlot = /*#__PURE__*/React.createElement(LoadingIcon, {
104
+ className: styles.icon
105
+ });
106
+ } else if ( /*#__PURE__*/React.isValidElement(icon)) {
107
+ iconSlot = /*#__PURE__*/cloneElement(icon, {
108
+ className: cn(icon.props.className, styles.icon)
109
+ });
110
+ }
111
+
112
+ var showBusyOverlay = ! /*#__PURE__*/React.isValidElement(icon) && busy;
101
113
  return /*#__PURE__*/React.createElement(ButtonTag, _objectSpread(_objectSpread({
102
114
  "data-test": 'button'
103
115
  }, restProps), {}, {
@@ -105,10 +117,8 @@ function (_ref, ref) {
105
117
  href: href,
106
118
  type: resolvedType,
107
119
  disabled: disabled,
108
- className: cn(styles.main, MODE_STYLES[mode], SIZE_STYLES[size], ICON_POSITION_STYLES[iconPosition], styles[theme], (_cn = {}, _defineProperty(_cn, styles.disabled, disabled), _defineProperty(_cn, styles.narrow, narrow), _defineProperty(_cn, _flatInstanceProperty(styles), flat), _defineProperty(_cn, styles.highlighted, highlighted), _defineProperty(_cn, styles.withIcon, !!icon), _defineProperty(_cn, styles.withoutText, isWithoutText), _defineProperty(_cn, styles.shiftedLeft, shiftedLeft), _defineProperty(_cn, styles.shiftedRight, shiftedRight), _defineProperty(_cn, styles.shiftedTop, shiftedTop), _defineProperty(_cn, styles.shiftedBottom, shiftedBottom), _defineProperty(_cn, styles.busy, busy), _cn), className)
109
- }), icon && /*#__PURE__*/cloneElement(icon, {
110
- className: cn(icon.props.className, styles.icon)
111
- }), busy && /*#__PURE__*/React.createElement(LoadingIcon, {
120
+ className: cn(styles.main, MODE_STYLES[mode], SIZE_STYLES[size], ICON_POSITION_STYLES[iconPosition], styles[theme], (_cn = {}, _defineProperty(_cn, styles.disabled, disabled), _defineProperty(_cn, styles.flatLeft, flat === 'left'), _defineProperty(_cn, styles.flatRight, flat === 'right'), _defineProperty(_cn, styles.highlighted, highlighted), _defineProperty(_cn, styles.withIcon, !!icon), _defineProperty(_cn, styles.withoutText, isWithoutText), _defineProperty(_cn, styles.shiftedLeft, shiftedLeft), _defineProperty(_cn, styles.shiftedRight, shiftedRight), _defineProperty(_cn, styles.shiftedTop, shiftedTop), _defineProperty(_cn, styles.shiftedBottom, shiftedBottom), _defineProperty(_cn, styles.busy, busy), _defineProperty(_cn, styles.busyOverlay, showBusyOverlay), _cn), className)
121
+ }), iconSlot, showBusyOverlay && /*#__PURE__*/React.createElement(LoadingIcon, {
112
122
  className: styles.busyIcon,
113
123
  size: ICON_SIZES[size],
114
124
  "data-test": "busy-icon"
@@ -169,7 +179,6 @@ Button.propTypes = {
169
179
 
170
180
  return null;
171
181
  }),
172
- narrow: PropTypes.bool,
173
182
  busy: PropTypes.bool,
174
183
  flat: PropTypes.oneOf(['left', 'right']),
175
184
  highlighted: PropTypes.bool,
package/lib/button.module.pcss.js CHANGED
@@ -1,32 +1,32 @@
1
1
  var styles = {
2
- "main": "_main_1m1br3i_17",
3
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1m1br3i_1",
4
- "busy": "_busy_1m1br3i_48",
5
- "light": "_light_1m1br3i_56",
6
- "disabled": "_disabled_1m1br3i_58",
7
- "dark": "_dark_1m1br3i_59",
8
- "alignIconLeft": "_alignIconLeft_1m1br3i_74",
9
- "alignIconRight": "_alignIconRight_1m1br3i_78",
10
- "sizeXs": "_sizeXs_1m1br3i_82",
11
- "sizeS": "_sizeS_1m1br3i_89",
12
- "sizeM": "_sizeM_1m1br3i_96",
13
- "sizeL": "_sizeL_1m1br3i_103",
14
- "withoutText": "_withoutText_1m1br3i_110",
15
- "withIcon": "_withIcon_1m1br3i_116",
16
- "flatRight": "_flatRight_1m1br3i_122",
17
- "flatLeft": "_flatLeft_1m1br3i_127",
18
- "modeClassic": "_modeClassic_1m1br3i_132",
19
- "busyIcon": "_busyIcon_1m1br3i_136",
20
- "modeRock": "_modeRock_1m1br3i_205",
21
- "modeTransparent": "_modeTransparent_1m1br3i_283",
22
- "modeOutline": "_modeOutline_1m1br3i_353",
23
- "modeClear": "_modeClear_1m1br3i_431",
24
- "highlighted": "_highlighted_1m1br3i_466",
25
- "narrow": "_narrow_1m1br3i_507",
26
- "shiftedLeft": "_shiftedLeft_1m1br3i_521",
27
- "shiftedRight": "_shiftedRight_1m1br3i_522",
28
- "shiftedTop": "_shiftedTop_1m1br3i_523",
29
- "shiftedBottom": "_shiftedBottom_1m1br3i_524",
30
- "icon": "_icon_1m1br3i_526"
2
+ "main": "_main_rerp27_17",
3
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_rerp27_1",
4
+ "busy": "_busy_rerp27_49",
5
+ "busyOverlay": "_busyOverlay_rerp27_53",
6
+ "light": "_light_rerp27_59",
7
+ "disabled": "_disabled_rerp27_61",
8
+ "dark": "_dark_rerp27_62",
9
+ "alignIconLeft": "_alignIconLeft_rerp27_77",
10
+ "alignIconRight": "_alignIconRight_rerp27_81",
11
+ "sizeXs": "_sizeXs_rerp27_85",
12
+ "sizeS": "_sizeS_rerp27_92",
13
+ "sizeM": "_sizeM_rerp27_99",
14
+ "sizeL": "_sizeL_rerp27_106",
15
+ "withoutText": "_withoutText_rerp27_113",
16
+ "withIcon": "_withIcon_rerp27_119",
17
+ "flatRight": "_flatRight_rerp27_125",
18
+ "flatLeft": "_flatLeft_rerp27_130",
19
+ "modeClassic": "_modeClassic_rerp27_135",
20
+ "busyIcon": "_busyIcon_rerp27_139",
21
+ "modeRock": "_modeRock_rerp27_208",
22
+ "modeTransparent": "_modeTransparent_rerp27_286",
23
+ "modeOutline": "_modeOutline_rerp27_356",
24
+ "modeClear": "_modeClear_rerp27_434",
25
+ "highlighted": "_highlighted_rerp27_469",
26
+ "shiftedLeft": "_shiftedLeft_rerp27_520",
27
+ "shiftedRight": "_shiftedRight_rerp27_521",
28
+ "shiftedTop": "_shiftedTop_rerp27_522",
29
+ "shiftedBottom": "_shiftedBottom_rerp27_523",
30
+ "icon": "_icon_rerp27_525"
31
31
  };
32
32
  export default styles;
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._main_1m1br3i_17{
1
+ ._main_rerp27_17{
2
2
  letter-spacing:0.0015em;
3
3
  color:rgba(25,25,28,0.7);
4
4
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
@@ -10,16 +10,16 @@
10
10
  line-height:24px;
11
11
  line-height:var(--rs-text-2-line-height, 24px);
12
12
  }
13
- ._rs-reset-letter-spacing_1m1br3i_1 ._main_1m1br3i_17{
13
+ ._rs-reset-letter-spacing_rerp27_1 ._main_rerp27_17{
14
14
  letter-spacing:normal;
15
15
  }
16
- ._main_1m1br3i_17:focus[data-focus-method='key']{
16
+ ._main_rerp27_17:focus[data-focus-method='key']{
17
17
  -webkit-box-shadow:rgba(22,125,255,0.8) 0 0 0 4px;
18
18
  -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(22,125,255,0.8)) 0 0 0 4px;
19
19
  box-shadow:rgba(22,125,255,0.8) 0 0 0 4px;
20
20
  box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(22,125,255,0.8)) 0 0 0 4px;
21
21
  }
22
- ._main_1m1br3i_17 {
22
+ ._main_rerp27_17 {
23
23
 
24
24
  position:relative;
25
25
  z-index:1;
@@ -45,15 +45,19 @@
45
45
  transition:color 100ms, background-color 100ms, border-color 100ms;
46
46
  }
47
47
 
48
- ._main_1m1br3i_17:hover,
49
- ._main_1m1br3i_17:focus,
50
- ._main_1m1br3i_17:active{
48
+ ._main_rerp27_17:hover,
49
+ ._main_rerp27_17:focus,
50
+ ._main_rerp27_17:active{
51
51
  outline:none;
52
52
 
53
53
  text-decoration:none;
54
54
  }
55
55
 
56
- ._main_1m1br3i_17._busy_1m1br3i_48{
56
+ ._main_rerp27_17._busy_rerp27_49{
57
+ pointer-events:none;
58
+ }
59
+
60
+ ._main_rerp27_17._busyOverlay_rerp27_53{
57
61
  display:-webkit-inline-box;
58
62
  display:-ms-inline-flexbox;
59
63
  display:inline-flex;
@@ -63,40 +67,38 @@
63
67
  -webkit-box-align:center;
64
68
  -ms-flex-align:center;
65
69
  align-items:center;
66
-
67
- pointer-events:none;
68
70
  }
69
71
 
70
- ._main_1m1br3i_17._busy_1m1br3i_48._light_1m1br3i_56,
71
- ._main_1m1br3i_17._busy_1m1br3i_48._light_1m1br3i_56:hover,
72
- ._main_1m1br3i_17._busy_1m1br3i_48._light_1m1br3i_56._disabled_1m1br3i_58,
73
- ._main_1m1br3i_17._busy_1m1br3i_48._dark_1m1br3i_59._disabled_1m1br3i_58,
74
- ._main_1m1br3i_17._busy_1m1br3i_48._dark_1m1br3i_59,
75
- ._main_1m1br3i_17._busy_1m1br3i_48._dark_1m1br3i_59:hover{
72
+ ._main_rerp27_17._busyOverlay_rerp27_53._light_rerp27_59,
73
+ ._main_rerp27_17._busyOverlay_rerp27_53._light_rerp27_59:hover,
74
+ ._main_rerp27_17._busyOverlay_rerp27_53._light_rerp27_59._disabled_rerp27_61,
75
+ ._main_rerp27_17._busyOverlay_rerp27_53._dark_rerp27_62._disabled_rerp27_61,
76
+ ._main_rerp27_17._busyOverlay_rerp27_53._dark_rerp27_62,
77
+ ._main_rerp27_17._busyOverlay_rerp27_53._dark_rerp27_62:hover{
76
78
  color:transparent;
77
79
  }
78
- ._dark_1m1br3i_59:focus[data-focus-method='key']{
80
+ ._dark_rerp27_62:focus[data-focus-method='key']{
79
81
  -webkit-box-shadow:rgba(76,166,255,0.8) 0 0 0 4px;
80
82
  -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(76,166,255,0.8)) 0 0 0 4px;
81
83
  box-shadow:rgba(76,166,255,0.8) 0 0 0 4px;
82
84
  box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(76,166,255,0.8)) 0 0 0 4px;
83
85
  }
84
- ._disabled_1m1br3i_58{
86
+ ._disabled_rerp27_61{
85
87
  pointer-events:none;
86
88
  }
87
- ._alignIconLeft_1m1br3i_74{
89
+ ._alignIconLeft_rerp27_77{
88
90
  -webkit-box-orient:horizontal;
89
91
  -webkit-box-direction:normal;
90
92
  -ms-flex-direction:row;
91
93
  flex-direction:row;
92
94
  }
93
- ._alignIconRight_1m1br3i_78{
95
+ ._alignIconRight_rerp27_81{
94
96
  -webkit-box-orient:horizontal;
95
97
  -webkit-box-direction:reverse;
96
98
  -ms-flex-direction:row-reverse;
97
99
  flex-direction:row-reverse;
98
100
  }
99
- ._sizeXs_1m1br3i_82{
101
+ ._sizeXs_rerp27_85{
100
102
  letter-spacing:0.0045em;
101
103
  color:rgba(25,25,28,0.7);
102
104
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
@@ -107,14 +109,14 @@
107
109
  line-height:20px;
108
110
  line-height:var(--rs-text-3-line-height, 20px);
109
111
  }
110
- ._rs-reset-letter-spacing_1m1br3i_1 ._sizeXs_1m1br3i_82{
112
+ ._rs-reset-letter-spacing_rerp27_1 ._sizeXs_rerp27_85{
111
113
  letter-spacing:normal;
112
114
  }
113
- ._sizeXs_1m1br3i_82 {
115
+ ._sizeXs_rerp27_85 {
114
116
  border-radius:4px;
115
117
  border-radius:var(--rs-button-xs-border-radius, var(--rs-button-border-radius, 4px));
116
118
  }
117
- ._sizeS_1m1br3i_89{
119
+ ._sizeS_rerp27_92{
118
120
  letter-spacing:0.0045em;
119
121
  color:rgba(25,25,28,0.7);
120
122
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
@@ -125,14 +127,14 @@
125
127
  line-height:20px;
126
128
  line-height:var(--rs-text-3-line-height, 20px);
127
129
  }
128
- ._rs-reset-letter-spacing_1m1br3i_1 ._sizeS_1m1br3i_89{
130
+ ._rs-reset-letter-spacing_rerp27_1 ._sizeS_rerp27_92{
129
131
  letter-spacing:normal;
130
132
  }
131
- ._sizeS_1m1br3i_89 {
133
+ ._sizeS_rerp27_92 {
132
134
  border-radius:24px;
133
135
  border-radius:var(--rs-button-s-border-radius, var(--rs-button-border-radius, 24px));
134
136
  }
135
- ._sizeM_1m1br3i_96{
137
+ ._sizeM_rerp27_99{
136
138
  letter-spacing:0.0015em;
137
139
  color:rgba(25,25,28,0.7);
138
140
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
@@ -144,14 +146,14 @@
144
146
  line-height:24px;
145
147
  line-height:var(--rs-text-2-line-height, 24px);
146
148
  }
147
- ._rs-reset-letter-spacing_1m1br3i_1 ._sizeM_1m1br3i_96{
149
+ ._rs-reset-letter-spacing_rerp27_1 ._sizeM_rerp27_99{
148
150
  letter-spacing:normal;
149
151
  }
150
- ._sizeM_1m1br3i_96 {
152
+ ._sizeM_rerp27_99 {
151
153
  border-radius:24px;
152
154
  border-radius:var(--rs-button-m-border-radius, var(--rs-button-border-radius, 24px));
153
155
  }
154
- ._sizeL_1m1br3i_103{
156
+ ._sizeL_rerp27_106{
155
157
  color:rgba(25,25,28,0.7);
156
158
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
157
159
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -164,7 +166,7 @@
164
166
  border-radius:36px;
165
167
  border-radius:var(--rs-button-l-border-radius, var(--rs-button-border-radius, 36px));
166
168
  }
167
- ._withoutText_1m1br3i_110{
169
+ ._withoutText_rerp27_113{
168
170
  display:-webkit-inline-box;
169
171
  display:-ms-inline-flexbox;
170
172
  display:inline-flex;
@@ -175,7 +177,7 @@
175
177
  -ms-flex-align:center;
176
178
  align-items:center;
177
179
  }
178
- ._withIcon_1m1br3i_116{
180
+ ._withIcon_rerp27_119{
179
181
  display:-webkit-inline-box;
180
182
  display:-ms-inline-flexbox;
181
183
  display:inline-flex;
@@ -186,700 +188,604 @@
186
188
  -ms-flex-align:center;
187
189
  align-items:center;
188
190
  }
189
- ._flatRight_1m1br3i_122{
191
+ ._flatRight_rerp27_125{
190
192
  border-top-right-radius:0;
191
193
  border-bottom-right-radius:0;
192
194
  }
193
- ._flatLeft_1m1br3i_127{
195
+ ._flatLeft_rerp27_130{
194
196
  border-top-left-radius:0;
195
197
  border-bottom-left-radius:0;
196
198
  }
197
- ._modeClassic_1m1br3i_132{
199
+ ._modeClassic_rerp27_135{
198
200
  color:#FFFFFF;
199
201
  background:#167DFF;
200
202
  background:var(--rs-color-primary-light-theme, #167DFF);
201
203
  }
202
- ._modeClassic_1m1br3i_132 ._busyIcon_1m1br3i_136{
204
+ ._modeClassic_rerp27_135 ._busyIcon_rerp27_139{
203
205
  color:#FFFFFF;
204
206
  }
205
- ._modeClassic_1m1br3i_132:focus{
207
+ ._modeClassic_rerp27_135:focus{
206
208
  color:#FFFFFF;
207
209
  background:#167DFF;
208
210
  background:var(--rs-color-primary-light-theme, #167DFF);
209
211
  }
210
212
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
211
- ._modeClassic_1m1br3i_132:hover{
213
+ ._modeClassic_rerp27_135:hover{
212
214
  color:#FFFFFF;
213
215
  background:rgba(22,125,255,0.8);
214
216
  background:var(--rs-color-primary-t-dim-light-theme, rgba(22,125,255,0.8));
215
217
  }
216
218
  }
217
- ._modeClassic_1m1br3i_132:active{
219
+ ._modeClassic_rerp27_135:active{
218
220
  color:#FFFFFF;
219
221
  background:#167DFF;
220
222
  background:var(--rs-color-primary-light-theme, #167DFF);
221
223
  }
222
- ._modeClassic_1m1br3i_132:active:focus:not(:hover)[data-focus-method='key']{
224
+ ._modeClassic_rerp27_135:active:focus:not(:hover)[data-focus-method='key']{
223
225
  background:rgba(22,125,255,0.8);
224
226
  background:var(--rs-color-primary-t-dim-light-theme, rgba(22,125,255,0.8));
225
227
  }
226
- ._modeClassic_1m1br3i_132._disabled_1m1br3i_58{
228
+ ._modeClassic_rerp27_135._disabled_rerp27_61{
227
229
  color:rgba(25,25,28,0.5);
228
230
  background:rgba(25,25,28,0.2);
229
231
  }
230
- ._modeClassic_1m1br3i_132._disabled_1m1br3i_58 ._busyIcon_1m1br3i_136{
232
+ ._modeClassic_rerp27_135._disabled_rerp27_61 ._busyIcon_rerp27_139{
231
233
  color:rgba(25,25,28,0.5);
232
234
  }
233
- ._modeClassic_1m1br3i_132._dark_1m1br3i_59{
235
+ ._modeClassic_rerp27_135._dark_rerp27_62{
234
236
  color:#FFFFFF;
235
237
  background:#4CA6ff;
236
238
  background:var(--rs-color-primary-dark-theme, #4CA6ff);
237
239
  }
238
- ._modeClassic_1m1br3i_132._dark_1m1br3i_59 ._busyIcon_1m1br3i_136{
240
+ ._modeClassic_rerp27_135._dark_rerp27_62 ._busyIcon_rerp27_139{
239
241
  color:#FFFFFF;
240
242
  }
241
243
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
242
- ._modeClassic_1m1br3i_132._dark_1m1br3i_59:hover{
244
+ ._modeClassic_rerp27_135._dark_rerp27_62:hover{
243
245
  color:#FFFFFF;
244
246
  background:rgba(76,166,255,0.8);
245
247
  background:var(--rs-color-primary-t-dim-dark-theme, rgba(76,166,255,0.8));
246
248
  }
247
249
  }
248
- ._modeClassic_1m1br3i_132._dark_1m1br3i_59:active{
250
+ ._modeClassic_rerp27_135._dark_rerp27_62:active{
249
251
  color:#FFFFFF;
250
252
  background:#4CA6ff;
251
253
  background:var(--rs-color-primary-dark-theme, #4CA6ff);
252
254
  }
253
- ._modeClassic_1m1br3i_132._dark_1m1br3i_59:active:focus:not(:hover)[data-focus-method='key']{
255
+ ._modeClassic_rerp27_135._dark_rerp27_62:active:focus:not(:hover)[data-focus-method='key']{
254
256
  background:rgba(76,166,255,0.8);
255
257
  background:var(--rs-color-primary-t-dim-dark-theme, rgba(76,166,255,0.8));
256
258
  }
257
- ._modeClassic_1m1br3i_132._dark_1m1br3i_59._disabled_1m1br3i_58{
259
+ ._modeClassic_rerp27_135._dark_rerp27_62._disabled_rerp27_61{
258
260
  color:rgba(255,255,255,0.5);
259
261
  background:rgba(255,255,255,0.2);
260
262
  }
261
- ._modeClassic_1m1br3i_132._dark_1m1br3i_59._disabled_1m1br3i_58 ._busyIcon_1m1br3i_136{
263
+ ._modeClassic_rerp27_135._dark_rerp27_62._disabled_rerp27_61 ._busyIcon_rerp27_139{
262
264
  color:rgba(255,255,255,0.5);
263
265
  }
264
- ._modeRock_1m1br3i_205{
266
+ ._modeRock_rerp27_208{
265
267
  color:#FFFFFF;
266
268
  color:var(--rs-rock-button-text-color, #FFFFFF);
267
269
  background-color:#19191C;
268
270
  background-color:var(--rs-rock-button-bg-color, #19191C);
269
271
  }
270
- ._modeRock_1m1br3i_205 ._busyIcon_1m1br3i_136{
272
+ ._modeRock_rerp27_208 ._busyIcon_rerp27_139{
271
273
  color:#FFFFFF;
272
274
  color:var(--rs-rock-button-text-color, #FFFFFF);
273
275
  }
274
- ._modeRock_1m1br3i_205:focus{
276
+ ._modeRock_rerp27_208:focus{
275
277
  color:#FFFFFF;
276
278
  color:var(--rs-rock-button-text-color, #FFFFFF);
277
279
  background-color:#19191C;
278
280
  background-color:var(--rs-rock-button-bg-color, #19191C);
279
281
  }
280
282
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
281
- ._modeRock_1m1br3i_205:hover{
283
+ ._modeRock_rerp27_208:hover{
282
284
  color:#FFFFFF;
283
285
  color:var(--rs-rock-button-text-color, #FFFFFF);
284
286
  background-color:rgba(25,25,28,0.8);
285
287
  background-color:var(--rs-rock-button-hover-bg-color, rgba(25,25,28,0.8));
286
288
  }
287
289
  }
288
- ._modeRock_1m1br3i_205:active{
290
+ ._modeRock_rerp27_208:active{
289
291
  color:#FFFFFF;
290
292
  color:var(--rs-rock-button-text-color, #FFFFFF);
291
293
  background-color:#19191C;
292
294
  background-color:var(--rs-rock-button-bg-color, #19191C);
293
295
  }
294
- ._modeRock_1m1br3i_205:active:focus:not(:hover)[data-focus-method='key']{
296
+ ._modeRock_rerp27_208:active:focus:not(:hover)[data-focus-method='key']{
295
297
  background-color:rgba(25,25,28,0.8);
296
298
  background-color:var(--rs-rock-button-hover-bg-color, rgba(25,25,28,0.8));
297
299
  }
298
- ._modeRock_1m1br3i_205._disabled_1m1br3i_58{
300
+ ._modeRock_rerp27_208._disabled_rerp27_61{
299
301
  color:rgba(25,25,28,0.5);
300
302
  color:var(--rs-rock-button-disabled-text-color, rgba(25,25,28,0.5));
301
303
  background-color:rgba(25,25,28,0.2);
302
304
  background-color:var(--rs-rock-button-disabled-bg-color, rgba(25,25,28,0.2));
303
305
  }
304
- ._modeRock_1m1br3i_205._disabled_1m1br3i_58 ._busyIcon_1m1br3i_136{
306
+ ._modeRock_rerp27_208._disabled_rerp27_61 ._busyIcon_rerp27_139{
305
307
  color:rgba(25,25,28,0.5);
306
308
  color:var(--rs-rock-button-disabled-text-color, rgba(25,25,28,0.5));
307
309
  }
308
- ._modeRock_1m1br3i_205._dark_1m1br3i_59{
310
+ ._modeRock_rerp27_208._dark_rerp27_62{
309
311
  color:#19191C;
310
312
  color:var(--rs-rock-button-text-color, #19191C);
311
313
  background-color:#FFFFFF;
312
314
  background-color:var(--rs-rock-button-bg-color, #FFFFFF);
313
315
  }
314
- ._modeRock_1m1br3i_205._dark_1m1br3i_59 ._busyIcon_1m1br3i_136{
316
+ ._modeRock_rerp27_208._dark_rerp27_62 ._busyIcon_rerp27_139{
315
317
  color:#19191C;
316
318
  color:var(--rs-rock-button-text-color, #19191C);
317
319
  }
318
- ._modeRock_1m1br3i_205._dark_1m1br3i_59:focus{
320
+ ._modeRock_rerp27_208._dark_rerp27_62:focus{
319
321
  color:#19191C;
320
322
  color:var(--rs-rock-button-text-color, #19191C);
321
323
  background-color:#FFFFFF;
322
324
  background-color:var(--rs-rock-button-bg-color, #FFFFFF);
323
325
  }
324
326
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
325
- ._modeRock_1m1br3i_205._dark_1m1br3i_59:hover{
327
+ ._modeRock_rerp27_208._dark_rerp27_62:hover{
326
328
  color:#19191C;
327
329
  color:var(--rs-rock-button-text-color, #19191C);
328
330
  background-color:rgba(255,255,255,0.8);
329
331
  background-color:var(--rs-rock-button-hover-bg-color, rgba(255,255,255,0.8));
330
332
  }
331
333
  }
332
- ._modeRock_1m1br3i_205._dark_1m1br3i_59:active{
334
+ ._modeRock_rerp27_208._dark_rerp27_62:active{
333
335
  color:#19191C;
334
336
  color:var(--rs-rock-button-text-color, #19191C);
335
337
  background-color:#FFFFFF;
336
338
  background-color:var(--rs-rock-button-bg-color, #FFFFFF);
337
339
  }
338
- ._modeRock_1m1br3i_205._dark_1m1br3i_59:active:focus:not(:hover)[data-focus-method='key']{
340
+ ._modeRock_rerp27_208._dark_rerp27_62:active:focus:not(:hover)[data-focus-method='key']{
339
341
  background-color:rgba(255,255,255,0.8);
340
342
  background-color:var(--rs-rock-button-hover-bg-color, rgba(255,255,255,0.8));
341
343
  }
342
- ._modeRock_1m1br3i_205._dark_1m1br3i_59._disabled_1m1br3i_58{
344
+ ._modeRock_rerp27_208._dark_rerp27_62._disabled_rerp27_61{
343
345
  color:rgba(255,255,255,0.5);
344
346
  color:var(--rs-rock-button-disabled-text-color, rgba(255,255,255,0.5));
345
347
  background-color:rgba(255,255,255,0.2);
346
348
  background-color:var(--rs-rock-button-disabled-bg-color, rgba(255,255,255,0.2));
347
349
  }
348
- ._modeRock_1m1br3i_205._dark_1m1br3i_59._disabled_1m1br3i_58 ._busyIcon_1m1br3i_136{
350
+ ._modeRock_rerp27_208._dark_rerp27_62._disabled_rerp27_61 ._busyIcon_rerp27_139{
349
351
  color:rgba(255,255,255,0.5);
350
352
  color:var(--rs-rock-button-disabled-text-color, rgba(255,255,255,0.5));
351
353
  }
352
- ._modeTransparent_1m1br3i_283{
354
+ ._modeTransparent_rerp27_286{
353
355
  color:#FFFFFF;
354
356
  background-color:rgba(25,25,28,0.5);
355
357
  }
356
- ._modeTransparent_1m1br3i_283 ._busyIcon_1m1br3i_136{
358
+ ._modeTransparent_rerp27_286 ._busyIcon_rerp27_139{
357
359
  color:#FFFFFF;
358
360
  }
359
- ._modeTransparent_1m1br3i_283:focus{
361
+ ._modeTransparent_rerp27_286:focus{
360
362
  color:#FFFFFF;
361
363
  background-color:rgba(25,25,28,0.5);
362
364
  }
363
365
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
364
- ._modeTransparent_1m1br3i_283:hover{
366
+ ._modeTransparent_rerp27_286:hover{
365
367
  color:#FFFFFF;
366
368
  background:rgba(25,25,28,0.8);
367
369
  }
368
370
  }
369
- ._modeTransparent_1m1br3i_283:active{
371
+ ._modeTransparent_rerp27_286:active{
370
372
  color:#FFFFFF;
371
373
  background:#19191C;
372
374
  }
373
- ._modeTransparent_1m1br3i_283._disabled_1m1br3i_58{
375
+ ._modeTransparent_rerp27_286._disabled_rerp27_61{
374
376
  color:rgba(255,255,255,0.5);
375
377
  background:rgba(25,25,28,0.4);
376
378
  }
377
- ._modeTransparent_1m1br3i_283._disabled_1m1br3i_58 ._busyIcon_1m1br3i_136{
379
+ ._modeTransparent_rerp27_286._disabled_rerp27_61 ._busyIcon_rerp27_139{
378
380
  color:rgba(255,255,255,0.5);
379
381
  }
380
- ._modeTransparent_1m1br3i_283._dark_1m1br3i_59{
382
+ ._modeTransparent_rerp27_286._dark_rerp27_62{
381
383
  color:#19191C;
382
384
  background:rgba(255,255,255,0.5);
383
385
  }
384
- ._modeTransparent_1m1br3i_283._dark_1m1br3i_59 ._busyIcon_1m1br3i_136{
386
+ ._modeTransparent_rerp27_286._dark_rerp27_62 ._busyIcon_rerp27_139{
385
387
  color:#19191C;
386
388
  }
387
- ._modeTransparent_1m1br3i_283._dark_1m1br3i_59:focus{
389
+ ._modeTransparent_rerp27_286._dark_rerp27_62:focus{
388
390
  color:#19191C;
389
391
  background:rgba(255,255,255,0.5);
390
392
  }
391
393
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
392
- ._modeTransparent_1m1br3i_283._dark_1m1br3i_59:hover{
394
+ ._modeTransparent_rerp27_286._dark_rerp27_62:hover{
393
395
  color:#19191C;
394
396
  background:rgba(255,255,255,0.8);
395
397
  }
396
398
  }
397
- ._modeTransparent_1m1br3i_283._dark_1m1br3i_59:active{
399
+ ._modeTransparent_rerp27_286._dark_rerp27_62:active{
398
400
  color:#19191C;
399
401
  background:#FFFFFF;
400
402
  }
401
- ._modeTransparent_1m1br3i_283._dark_1m1br3i_59._disabled_1m1br3i_58{
403
+ ._modeTransparent_rerp27_286._dark_rerp27_62._disabled_rerp27_61{
402
404
  color:rgba(25,25,28,0.5);
403
405
  background:rgba(255,255,255,0.4);
404
406
  }
405
- ._modeTransparent_1m1br3i_283._dark_1m1br3i_59._disabled_1m1br3i_58 ._busyIcon_1m1br3i_136{
407
+ ._modeTransparent_rerp27_286._dark_rerp27_62._disabled_rerp27_61 ._busyIcon_rerp27_139{
406
408
  color:rgba(25,25,28,0.5);
407
409
  }
408
- ._modeOutline_1m1br3i_353{
410
+ ._modeOutline_rerp27_356{
409
411
  color:#19191C;
410
412
  position:relative;
411
413
  border-style:solid;
412
414
  border-color:rgba(25,25,28,0.3);
413
415
  }
414
- ._modeOutline_1m1br3i_353 ._busyIcon_1m1br3i_136{
416
+ ._modeOutline_rerp27_356 ._busyIcon_rerp27_139{
415
417
  color:#19191C;
416
418
  }
417
- ._modeOutline_1m1br3i_353:focus{
419
+ ._modeOutline_rerp27_356:focus{
418
420
  color:#19191C;
419
421
  border-color:rgba(25,25,28,0.3);
420
422
  }
421
423
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
422
- ._modeOutline_1m1br3i_353:hover{
424
+ ._modeOutline_rerp27_356:hover{
423
425
  color:#19191C;
424
426
  background:rgba(25,25,28,0.1);
425
427
  border-color:rgba(25,25,28,0.3);
426
428
  }
427
429
  }
428
- ._modeOutline_1m1br3i_353:active{
430
+ ._modeOutline_rerp27_356:active{
429
431
  color:#19191C;
430
432
  background:rgba(25,25,28,0.1);
431
433
  border-color:#19191C;
432
434
  }
433
- ._modeOutline_1m1br3i_353._disabled_1m1br3i_58{
435
+ ._modeOutline_rerp27_356._disabled_rerp27_61{
434
436
  color:rgba(25,25,28,0.5);
435
437
  background:transparent;
436
438
  border-color:rgba(25,25,28,0.2);
437
439
  }
438
- ._modeOutline_1m1br3i_353._disabled_1m1br3i_58 ._busyIcon_1m1br3i_136{
440
+ ._modeOutline_rerp27_356._disabled_rerp27_61 ._busyIcon_rerp27_139{
439
441
  color:rgba(25,25,28,0.5);
440
442
  }
441
- ._modeOutline_1m1br3i_353._dark_1m1br3i_59{
443
+ ._modeOutline_rerp27_356._dark_rerp27_62{
442
444
  color:#FFFFFF;
443
445
  border-color:rgba(255,255,255,0.3);
444
446
  }
445
- ._modeOutline_1m1br3i_353._dark_1m1br3i_59 ._busyIcon_1m1br3i_136{
447
+ ._modeOutline_rerp27_356._dark_rerp27_62 ._busyIcon_rerp27_139{
446
448
  color:#FFFFFF;
447
449
  }
448
- ._modeOutline_1m1br3i_353._dark_1m1br3i_59:focus{
450
+ ._modeOutline_rerp27_356._dark_rerp27_62:focus{
449
451
  color:#FFFFFF;
450
452
  border-color:rgba(255,255,255,0.4);
451
453
  }
452
454
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
453
- ._modeOutline_1m1br3i_353._dark_1m1br3i_59:hover{
455
+ ._modeOutline_rerp27_356._dark_rerp27_62:hover{
454
456
  color:#FFFFFF;
455
457
  background:rgba(255,255,255,0.1);
456
458
  border-color:rgba(255,255,255,0.4);
457
459
  }
458
460
  }
459
- ._modeOutline_1m1br3i_353._dark_1m1br3i_59:active{
461
+ ._modeOutline_rerp27_356._dark_rerp27_62:active{
460
462
  color:#FFFFFF;
461
463
  background:rgba(255,255,255,0.1);
462
464
  border-color:#FFFFFF;
463
465
  }
464
- ._modeOutline_1m1br3i_353._dark_1m1br3i_59._disabled_1m1br3i_58{
466
+ ._modeOutline_rerp27_356._dark_rerp27_62._disabled_rerp27_61{
465
467
  color:rgba(255,255,255,0.5);
466
468
  background:transparent;
467
469
  border-color:rgba(255,255,255,0.2);
468
470
  }
469
- ._modeOutline_1m1br3i_353._dark_1m1br3i_59._disabled_1m1br3i_58 ._busyIcon_1m1br3i_136{
471
+ ._modeOutline_rerp27_356._dark_rerp27_62._disabled_rerp27_61 ._busyIcon_rerp27_139{
470
472
  color:rgba(255,255,255,0.5);
471
473
  }
472
- ._modeClear_1m1br3i_431{
474
+ ._modeClear_rerp27_434{
473
475
  color:#19191C;
474
476
  background:transparent;
475
477
  }
476
- ._modeClear_1m1br3i_431 ._busyIcon_1m1br3i_136{
478
+ ._modeClear_rerp27_434 ._busyIcon_rerp27_139{
477
479
  color:#19191C;
478
480
  }
479
- ._modeClear_1m1br3i_431:focus{
481
+ ._modeClear_rerp27_434:focus{
480
482
  color:#19191C;
481
483
  background:transparent;
482
484
  }
483
485
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
484
- ._modeClear_1m1br3i_431:hover{
486
+ ._modeClear_rerp27_434:hover{
485
487
  color:#19191C;
486
488
  background:rgba(25,25,28,0.1);
487
489
  }
488
490
  }
489
- ._modeClear_1m1br3i_431:active{
491
+ ._modeClear_rerp27_434:active{
490
492
  color:#19191C;
491
493
  background:rgba(25,25,28,0.2);
492
494
  }
493
- ._modeClear_1m1br3i_431._disabled_1m1br3i_58{
495
+ ._modeClear_rerp27_434._disabled_rerp27_61{
494
496
  color:rgba(25,25,28,0.5);
495
497
  background:transparent;
496
498
  }
497
- ._modeClear_1m1br3i_431._disabled_1m1br3i_58 ._busyIcon_1m1br3i_136{
499
+ ._modeClear_rerp27_434._disabled_rerp27_61 ._busyIcon_rerp27_139{
498
500
  color:rgba(25,25,28,0.5);
499
501
  }
500
- ._modeClear_1m1br3i_431._highlighted_1m1br3i_466{
502
+ ._modeClear_rerp27_434._highlighted_rerp27_469{
501
503
  color:#19191C;
502
504
  background:rgba(25,25,28,0.1);
503
505
  }
504
- ._modeClear_1m1br3i_431._dark_1m1br3i_59{
506
+ ._modeClear_rerp27_434._dark_rerp27_62{
505
507
  color:#FFFFFF;
506
508
  background:transparent;
507
509
  }
508
- ._modeClear_1m1br3i_431._dark_1m1br3i_59 ._busyIcon_1m1br3i_136{
510
+ ._modeClear_rerp27_434._dark_rerp27_62 ._busyIcon_rerp27_139{
509
511
  color:#FFFFFF;
510
512
  }
511
513
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
512
- ._modeClear_1m1br3i_431._dark_1m1br3i_59:hover{
514
+ ._modeClear_rerp27_434._dark_rerp27_62:hover{
513
515
  color:#FFFFFF;
514
516
  background:rgba(255,255,255,0.1);
515
517
  }
516
518
  }
517
- ._modeClear_1m1br3i_431._dark_1m1br3i_59:active{
519
+ ._modeClear_rerp27_434._dark_rerp27_62:active{
518
520
  color:#FFFFFF;
519
521
  background:rgba(255,255,255,0.2);
520
522
  }
521
- ._modeClear_1m1br3i_431._dark_1m1br3i_59._disabled_1m1br3i_58{
523
+ ._modeClear_rerp27_434._dark_rerp27_62._disabled_rerp27_61{
522
524
  color:rgba(255,255,255,0.5);
523
525
  }
524
- ._modeClear_1m1br3i_431._dark_1m1br3i_59._disabled_1m1br3i_58 ._busyIcon_1m1br3i_136{
526
+ ._modeClear_rerp27_434._dark_rerp27_62._disabled_rerp27_61 ._busyIcon_rerp27_139{
525
527
  color:rgba(255,255,255,0.5);
526
528
  }
527
- ._modeClear_1m1br3i_431._dark_1m1br3i_59._highlighted_1m1br3i_466{
529
+ ._modeClear_rerp27_434._dark_rerp27_62._highlighted_rerp27_469{
528
530
  color:#FFFFFF;
529
531
  background:rgba(255,255,255,0.1);
530
532
  }
531
- ._sizeXs_1m1br3i_82 {
533
+ ._sizeXs_rerp27_85 {
532
534
  padding: 2px 16px;
533
535
  border-width: 0px;
534
536
  }
535
- ._sizeS_1m1br3i_89 {
537
+ ._sizeS_rerp27_92 {
536
538
  padding: 6px 16px;
537
539
  border-width: 0px;
538
540
  }
539
- ._sizeM_1m1br3i_96 {
541
+ ._sizeM_rerp27_99 {
540
542
  padding: 8px 24px;
541
543
  border-width: 0px;
542
544
  }
543
- ._sizeL_1m1br3i_103 {
545
+ ._sizeL_rerp27_106 {
544
546
  padding: 12px 32px;
545
547
  border-width: 0px;
546
548
  }
547
- ._sizeXs_1m1br3i_82._narrow_1m1br3i_507 {
548
- padding: 2px 8px;
549
- border-width: 0px;
550
- }
551
- ._sizeS_1m1br3i_89._narrow_1m1br3i_507 {
552
- padding: 6px 8px;
553
- border-width: 0px;
554
- }
555
- ._sizeM_1m1br3i_96._narrow_1m1br3i_507 {
556
- padding: 8px 8px;
557
- border-width: 0px;
558
- }
559
- ._sizeL_1m1br3i_103._narrow_1m1br3i_507 {
560
- padding: 12px 12px;
561
- border-width: 0px;
562
- }
563
- ._sizeXs_1m1br3i_82._withoutText_1m1br3i_110 {
549
+ ._sizeXs_rerp27_85._withoutText_rerp27_113 {
564
550
  padding: 2px 2px;
565
551
  border-width: 0px;
566
552
  }
567
- ._sizeS_1m1br3i_89._withoutText_1m1br3i_110 {
553
+ ._sizeS_rerp27_92._withoutText_rerp27_113 {
568
554
  padding: 6px 6px;
569
555
  border-width: 0px;
570
556
  }
571
- ._sizeM_1m1br3i_96._withoutText_1m1br3i_110 {
557
+ ._sizeM_rerp27_99._withoutText_rerp27_113 {
572
558
  padding: 8px 8px;
573
559
  border-width: 0px;
574
560
  }
575
- ._sizeL_1m1br3i_103._withoutText_1m1br3i_110 {
561
+ ._sizeL_rerp27_106._withoutText_rerp27_113 {
576
562
  padding: 12px 12px;
577
563
  border-width: 0px;
578
564
  }
579
- ._sizeXs_1m1br3i_82._modeOutline_1m1br3i_353 {
565
+ ._sizeXs_rerp27_85._modeOutline_rerp27_356 {
580
566
  padding: 1px 15px;
581
567
  border-width: 1px;
582
568
  }
583
- ._sizeS_1m1br3i_89._modeOutline_1m1br3i_353 {
569
+ ._sizeS_rerp27_92._modeOutline_rerp27_356 {
584
570
  padding: 5px 15px;
585
571
  border-width: 1px;
586
572
  }
587
- ._sizeM_1m1br3i_96._modeOutline_1m1br3i_353 {
573
+ ._sizeM_rerp27_99._modeOutline_rerp27_356 {
588
574
  padding: 7px 23px;
589
575
  border-width: 1px;
590
576
  }
591
- ._sizeL_1m1br3i_103._modeOutline_1m1br3i_353 {
577
+ ._sizeL_rerp27_106._modeOutline_rerp27_356 {
592
578
  padding: 11px 31px;
593
579
  border-width: 1px;
594
580
  }
595
- ._sizeXs_1m1br3i_82._modeOutline_1m1br3i_353._narrow_1m1br3i_507 {
596
- padding: 1px 7px;
597
- border-width: 1px;
598
- }
599
- ._sizeS_1m1br3i_89._modeOutline_1m1br3i_353._narrow_1m1br3i_507 {
600
- padding: 5px 7px;
601
- border-width: 1px;
602
- }
603
- ._sizeM_1m1br3i_96._modeOutline_1m1br3i_353._narrow_1m1br3i_507 {
604
- padding: 7px 7px;
605
- border-width: 1px;
606
- }
607
- ._sizeL_1m1br3i_103._modeOutline_1m1br3i_353._narrow_1m1br3i_507 {
608
- padding: 11px 11px;
609
- border-width: 1px;
610
- }
611
- ._sizeXs_1m1br3i_82._modeOutline_1m1br3i_353._withoutText_1m1br3i_110 {
581
+ ._sizeXs_rerp27_85._modeOutline_rerp27_356._withoutText_rerp27_113 {
612
582
  padding: 1px 1px;
613
583
  border-width: 1px;
614
584
  }
615
- ._sizeS_1m1br3i_89._modeOutline_1m1br3i_353._withoutText_1m1br3i_110 {
585
+ ._sizeS_rerp27_92._modeOutline_rerp27_356._withoutText_rerp27_113 {
616
586
  padding: 5px 5px;
617
587
  border-width: 1px;
618
588
  }
619
- ._sizeM_1m1br3i_96._modeOutline_1m1br3i_353._withoutText_1m1br3i_110 {
589
+ ._sizeM_rerp27_99._modeOutline_rerp27_356._withoutText_rerp27_113 {
620
590
  padding: 7px 7px;
621
591
  border-width: 1px;
622
592
  }
623
- ._sizeL_1m1br3i_103._modeOutline_1m1br3i_353._withoutText_1m1br3i_110 {
593
+ ._sizeL_rerp27_106._modeOutline_rerp27_356._withoutText_rerp27_113 {
624
594
  padding: 11px 11px;
625
595
  border-width: 1px;
626
596
  }
627
- ._sizeXs_1m1br3i_82._modeOutline_1m1br3i_353:active {
597
+ ._sizeXs_rerp27_85._modeOutline_rerp27_356:active {
628
598
  padding: 0px 14px;
629
599
  border-width: 2px;
630
600
  }
631
- ._sizeS_1m1br3i_89._modeOutline_1m1br3i_353:active {
601
+ ._sizeS_rerp27_92._modeOutline_rerp27_356:active {
632
602
  padding: 4px 14px;
633
603
  border-width: 2px;
634
604
  }
635
- ._sizeM_1m1br3i_96._modeOutline_1m1br3i_353:active {
605
+ ._sizeM_rerp27_99._modeOutline_rerp27_356:active {
636
606
  padding: 6px 22px;
637
607
  border-width: 2px;
638
608
  }
639
- ._sizeL_1m1br3i_103._modeOutline_1m1br3i_353:active {
609
+ ._sizeL_rerp27_106._modeOutline_rerp27_356:active {
640
610
  padding: 10px 30px;
641
611
  border-width: 2px;
642
612
  }
643
- ._sizeXs_1m1br3i_82._modeOutline_1m1br3i_353._narrow_1m1br3i_507:active {
644
- padding: 0px 6px;
645
- border-width: 2px;
646
- }
647
- ._sizeS_1m1br3i_89._modeOutline_1m1br3i_353._narrow_1m1br3i_507:active {
648
- padding: 4px 6px;
649
- border-width: 2px;
650
- }
651
- ._sizeM_1m1br3i_96._modeOutline_1m1br3i_353._narrow_1m1br3i_507:active {
652
- padding: 6px 6px;
653
- border-width: 2px;
654
- }
655
- ._sizeL_1m1br3i_103._modeOutline_1m1br3i_353._narrow_1m1br3i_507:active {
656
- padding: 10px 10px;
657
- border-width: 2px;
658
- }
659
- ._sizeXs_1m1br3i_82._modeOutline_1m1br3i_353._withoutText_1m1br3i_110:active {
613
+ ._sizeXs_rerp27_85._modeOutline_rerp27_356._withoutText_rerp27_113:active {
660
614
  padding: 0px 0px;
661
615
  border-width: 2px;
662
616
  }
663
- ._sizeS_1m1br3i_89._modeOutline_1m1br3i_353._withoutText_1m1br3i_110:active {
617
+ ._sizeS_rerp27_92._modeOutline_rerp27_356._withoutText_rerp27_113:active {
664
618
  padding: 4px 4px;
665
619
  border-width: 2px;
666
620
  }
667
- ._sizeM_1m1br3i_96._modeOutline_1m1br3i_353._withoutText_1m1br3i_110:active {
621
+ ._sizeM_rerp27_99._modeOutline_rerp27_356._withoutText_rerp27_113:active {
668
622
  padding: 6px 6px;
669
623
  border-width: 2px;
670
624
  }
671
- ._sizeL_1m1br3i_103._modeOutline_1m1br3i_353._withoutText_1m1br3i_110:active {
625
+ ._sizeL_rerp27_106._modeOutline_rerp27_356._withoutText_rerp27_113:active {
672
626
  padding: 10px 10px;
673
627
  border-width: 2px;
674
628
  }
675
- ._modeClear_1m1br3i_431._shiftedLeft_1m1br3i_521._sizeXs_1m1br3i_82 {
629
+ ._modeClear_rerp27_434._shiftedLeft_rerp27_520._sizeXs_rerp27_85 {
676
630
  margin-left: -16px;
677
631
  }
678
- ._modeClear_1m1br3i_431._shiftedRight_1m1br3i_522._sizeXs_1m1br3i_82 {
632
+ ._modeClear_rerp27_434._shiftedRight_rerp27_521._sizeXs_rerp27_85 {
679
633
  margin-right: -16px;
680
634
  }
681
- ._modeClear_1m1br3i_431._shiftedTop_1m1br3i_523._sizeXs_1m1br3i_82 {
635
+ ._modeClear_rerp27_434._shiftedTop_rerp27_522._sizeXs_rerp27_85 {
682
636
  margin-top: -2px;
683
637
  }
684
- ._modeClear_1m1br3i_431._shiftedBottom_1m1br3i_524._sizeXs_1m1br3i_82 {
638
+ ._modeClear_rerp27_434._shiftedBottom_rerp27_523._sizeXs_rerp27_85 {
685
639
  margin-bottom: -2px;
686
640
  }
687
- ._modeClear_1m1br3i_431._shiftedLeft_1m1br3i_521._sizeS_1m1br3i_89 {
641
+ ._modeClear_rerp27_434._shiftedLeft_rerp27_520._sizeS_rerp27_92 {
688
642
  margin-left: -16px;
689
643
  }
690
- ._modeClear_1m1br3i_431._shiftedRight_1m1br3i_522._sizeS_1m1br3i_89 {
644
+ ._modeClear_rerp27_434._shiftedRight_rerp27_521._sizeS_rerp27_92 {
691
645
  margin-right: -16px;
692
646
  }
693
- ._modeClear_1m1br3i_431._shiftedTop_1m1br3i_523._sizeS_1m1br3i_89 {
647
+ ._modeClear_rerp27_434._shiftedTop_rerp27_522._sizeS_rerp27_92 {
694
648
  margin-top: -6px;
695
649
  }
696
- ._modeClear_1m1br3i_431._shiftedBottom_1m1br3i_524._sizeS_1m1br3i_89 {
650
+ ._modeClear_rerp27_434._shiftedBottom_rerp27_523._sizeS_rerp27_92 {
697
651
  margin-bottom: -6px;
698
652
  }
699
- ._modeClear_1m1br3i_431._shiftedLeft_1m1br3i_521._sizeM_1m1br3i_96 {
653
+ ._modeClear_rerp27_434._shiftedLeft_rerp27_520._sizeM_rerp27_99 {
700
654
  margin-left: -24px;
701
655
  }
702
- ._modeClear_1m1br3i_431._shiftedRight_1m1br3i_522._sizeM_1m1br3i_96 {
656
+ ._modeClear_rerp27_434._shiftedRight_rerp27_521._sizeM_rerp27_99 {
703
657
  margin-right: -24px;
704
658
  }
705
- ._modeClear_1m1br3i_431._shiftedTop_1m1br3i_523._sizeM_1m1br3i_96 {
659
+ ._modeClear_rerp27_434._shiftedTop_rerp27_522._sizeM_rerp27_99 {
706
660
  margin-top: -8px;
707
661
  }
708
- ._modeClear_1m1br3i_431._shiftedBottom_1m1br3i_524._sizeM_1m1br3i_96 {
662
+ ._modeClear_rerp27_434._shiftedBottom_rerp27_523._sizeM_rerp27_99 {
709
663
  margin-bottom: -8px;
710
664
  }
711
- ._modeClear_1m1br3i_431._shiftedLeft_1m1br3i_521._sizeL_1m1br3i_103 {
665
+ ._modeClear_rerp27_434._shiftedLeft_rerp27_520._sizeL_rerp27_106 {
712
666
  margin-left: -32px;
713
667
  }
714
- ._modeClear_1m1br3i_431._shiftedRight_1m1br3i_522._sizeL_1m1br3i_103 {
668
+ ._modeClear_rerp27_434._shiftedRight_rerp27_521._sizeL_rerp27_106 {
715
669
  margin-right: -32px;
716
670
  }
717
- ._modeClear_1m1br3i_431._shiftedTop_1m1br3i_523._sizeL_1m1br3i_103 {
671
+ ._modeClear_rerp27_434._shiftedTop_rerp27_522._sizeL_rerp27_106 {
718
672
  margin-top: -12px;
719
673
  }
720
- ._modeClear_1m1br3i_431._shiftedBottom_1m1br3i_524._sizeL_1m1br3i_103 {
674
+ ._modeClear_rerp27_434._shiftedBottom_rerp27_523._sizeL_rerp27_106 {
721
675
  margin-bottom: -12px;
722
676
  }
723
- ._modeClear_1m1br3i_431._shiftedLeft_1m1br3i_521._sizeXs_1m1br3i_82._narrow_1m1br3i_507 {
724
- margin-left: -8px;
725
- }
726
- ._modeClear_1m1br3i_431._shiftedRight_1m1br3i_522._sizeXs_1m1br3i_82._narrow_1m1br3i_507 {
727
- margin-right: -8px;
728
- }
729
- ._modeClear_1m1br3i_431._shiftedTop_1m1br3i_523._sizeXs_1m1br3i_82._narrow_1m1br3i_507 {
730
- margin-top: -2px;
731
- }
732
- ._modeClear_1m1br3i_431._shiftedBottom_1m1br3i_524._sizeXs_1m1br3i_82._narrow_1m1br3i_507 {
733
- margin-bottom: -2px;
734
- }
735
- ._modeClear_1m1br3i_431._shiftedLeft_1m1br3i_521._sizeS_1m1br3i_89._narrow_1m1br3i_507 {
736
- margin-left: -8px;
737
- }
738
- ._modeClear_1m1br3i_431._shiftedRight_1m1br3i_522._sizeS_1m1br3i_89._narrow_1m1br3i_507 {
739
- margin-right: -8px;
740
- }
741
- ._modeClear_1m1br3i_431._shiftedTop_1m1br3i_523._sizeS_1m1br3i_89._narrow_1m1br3i_507 {
742
- margin-top: -6px;
743
- }
744
- ._modeClear_1m1br3i_431._shiftedBottom_1m1br3i_524._sizeS_1m1br3i_89._narrow_1m1br3i_507 {
745
- margin-bottom: -6px;
746
- }
747
- ._modeClear_1m1br3i_431._shiftedLeft_1m1br3i_521._sizeM_1m1br3i_96._narrow_1m1br3i_507 {
748
- margin-left: -8px;
749
- }
750
- ._modeClear_1m1br3i_431._shiftedRight_1m1br3i_522._sizeM_1m1br3i_96._narrow_1m1br3i_507 {
751
- margin-right: -8px;
752
- }
753
- ._modeClear_1m1br3i_431._shiftedTop_1m1br3i_523._sizeM_1m1br3i_96._narrow_1m1br3i_507 {
754
- margin-top: -8px;
755
- }
756
- ._modeClear_1m1br3i_431._shiftedBottom_1m1br3i_524._sizeM_1m1br3i_96._narrow_1m1br3i_507 {
757
- margin-bottom: -8px;
758
- }
759
- ._modeClear_1m1br3i_431._shiftedLeft_1m1br3i_521._sizeL_1m1br3i_103._narrow_1m1br3i_507 {
760
- margin-left: -12px;
761
- }
762
- ._modeClear_1m1br3i_431._shiftedRight_1m1br3i_522._sizeL_1m1br3i_103._narrow_1m1br3i_507 {
763
- margin-right: -12px;
764
- }
765
- ._modeClear_1m1br3i_431._shiftedTop_1m1br3i_523._sizeL_1m1br3i_103._narrow_1m1br3i_507 {
766
- margin-top: -12px;
767
- }
768
- ._modeClear_1m1br3i_431._shiftedBottom_1m1br3i_524._sizeL_1m1br3i_103._narrow_1m1br3i_507 {
769
- margin-bottom: -12px;
770
- }
771
- ._modeClear_1m1br3i_431._shiftedLeft_1m1br3i_521._sizeXs_1m1br3i_82._withoutText_1m1br3i_110 {
677
+ ._modeClear_rerp27_434._shiftedLeft_rerp27_520._sizeXs_rerp27_85._withoutText_rerp27_113 {
772
678
  margin-left: -2px;
773
679
  }
774
- ._modeClear_1m1br3i_431._shiftedRight_1m1br3i_522._sizeXs_1m1br3i_82._withoutText_1m1br3i_110 {
680
+ ._modeClear_rerp27_434._shiftedRight_rerp27_521._sizeXs_rerp27_85._withoutText_rerp27_113 {
775
681
  margin-right: -2px;
776
682
  }
777
- ._modeClear_1m1br3i_431._shiftedTop_1m1br3i_523._sizeXs_1m1br3i_82._withoutText_1m1br3i_110 {
683
+ ._modeClear_rerp27_434._shiftedTop_rerp27_522._sizeXs_rerp27_85._withoutText_rerp27_113 {
778
684
  margin-top: -2px;
779
685
  }
780
- ._modeClear_1m1br3i_431._shiftedBottom_1m1br3i_524._sizeXs_1m1br3i_82._withoutText_1m1br3i_110 {
686
+ ._modeClear_rerp27_434._shiftedBottom_rerp27_523._sizeXs_rerp27_85._withoutText_rerp27_113 {
781
687
  margin-bottom: -2px;
782
688
  }
783
- ._modeClear_1m1br3i_431._shiftedLeft_1m1br3i_521._sizeS_1m1br3i_89._withoutText_1m1br3i_110 {
689
+ ._modeClear_rerp27_434._shiftedLeft_rerp27_520._sizeS_rerp27_92._withoutText_rerp27_113 {
784
690
  margin-left: -6px;
785
691
  }
786
- ._modeClear_1m1br3i_431._shiftedRight_1m1br3i_522._sizeS_1m1br3i_89._withoutText_1m1br3i_110 {
692
+ ._modeClear_rerp27_434._shiftedRight_rerp27_521._sizeS_rerp27_92._withoutText_rerp27_113 {
787
693
  margin-right: -6px;
788
694
  }
789
- ._modeClear_1m1br3i_431._shiftedTop_1m1br3i_523._sizeS_1m1br3i_89._withoutText_1m1br3i_110 {
695
+ ._modeClear_rerp27_434._shiftedTop_rerp27_522._sizeS_rerp27_92._withoutText_rerp27_113 {
790
696
  margin-top: -6px;
791
697
  }
792
- ._modeClear_1m1br3i_431._shiftedBottom_1m1br3i_524._sizeS_1m1br3i_89._withoutText_1m1br3i_110 {
698
+ ._modeClear_rerp27_434._shiftedBottom_rerp27_523._sizeS_rerp27_92._withoutText_rerp27_113 {
793
699
  margin-bottom: -6px;
794
700
  }
795
- ._modeClear_1m1br3i_431._shiftedLeft_1m1br3i_521._sizeM_1m1br3i_96._withoutText_1m1br3i_110 {
701
+ ._modeClear_rerp27_434._shiftedLeft_rerp27_520._sizeM_rerp27_99._withoutText_rerp27_113 {
796
702
  margin-left: -8px;
797
703
  }
798
- ._modeClear_1m1br3i_431._shiftedRight_1m1br3i_522._sizeM_1m1br3i_96._withoutText_1m1br3i_110 {
704
+ ._modeClear_rerp27_434._shiftedRight_rerp27_521._sizeM_rerp27_99._withoutText_rerp27_113 {
799
705
  margin-right: -8px;
800
706
  }
801
- ._modeClear_1m1br3i_431._shiftedTop_1m1br3i_523._sizeM_1m1br3i_96._withoutText_1m1br3i_110 {
707
+ ._modeClear_rerp27_434._shiftedTop_rerp27_522._sizeM_rerp27_99._withoutText_rerp27_113 {
802
708
  margin-top: -8px;
803
709
  }
804
- ._modeClear_1m1br3i_431._shiftedBottom_1m1br3i_524._sizeM_1m1br3i_96._withoutText_1m1br3i_110 {
710
+ ._modeClear_rerp27_434._shiftedBottom_rerp27_523._sizeM_rerp27_99._withoutText_rerp27_113 {
805
711
  margin-bottom: -8px;
806
712
  }
807
- ._modeClear_1m1br3i_431._shiftedLeft_1m1br3i_521._sizeL_1m1br3i_103._withoutText_1m1br3i_110 {
713
+ ._modeClear_rerp27_434._shiftedLeft_rerp27_520._sizeL_rerp27_106._withoutText_rerp27_113 {
808
714
  margin-left: -12px;
809
715
  }
810
- ._modeClear_1m1br3i_431._shiftedRight_1m1br3i_522._sizeL_1m1br3i_103._withoutText_1m1br3i_110 {
716
+ ._modeClear_rerp27_434._shiftedRight_rerp27_521._sizeL_rerp27_106._withoutText_rerp27_113 {
811
717
  margin-right: -12px;
812
718
  }
813
- ._modeClear_1m1br3i_431._shiftedTop_1m1br3i_523._sizeL_1m1br3i_103._withoutText_1m1br3i_110 {
719
+ ._modeClear_rerp27_434._shiftedTop_rerp27_522._sizeL_rerp27_106._withoutText_rerp27_113 {
814
720
  margin-top: -12px;
815
721
  }
816
- ._modeClear_1m1br3i_431._shiftedBottom_1m1br3i_524._sizeL_1m1br3i_103._withoutText_1m1br3i_110 {
722
+ ._modeClear_rerp27_434._shiftedBottom_rerp27_523._sizeL_rerp27_106._withoutText_rerp27_113 {
817
723
  margin-bottom: -12px;
818
724
  }
819
- ._icon_1m1br3i_526{
725
+ ._icon_rerp27_525{
820
726
  fill:currentColor;
821
727
  }
822
- ._sizeXs_1m1br3i_82 ._icon_1m1br3i_526 {
728
+ ._sizeXs_rerp27_85 ._icon_rerp27_525 {
823
729
  width: 20px;
824
730
  height: 20px;
825
731
  min-width: 20px;
826
732
  min-height: 20px;
827
733
  margin: 0 8px 0 -2px;
828
734
  }
829
- ._sizeS_1m1br3i_89 ._icon_1m1br3i_526 {
735
+ ._sizeS_rerp27_92 ._icon_rerp27_525 {
830
736
  width: 20px;
831
737
  height: 20px;
832
738
  min-width: 20px;
833
739
  min-height: 20px;
834
740
  margin: 0 8px 0 -2px;
835
741
  }
836
- ._sizeM_1m1br3i_96 ._icon_1m1br3i_526 {
742
+ ._sizeM_rerp27_99 ._icon_rerp27_525 {
837
743
  width: 24px;
838
744
  height: 24px;
839
745
  min-width: 24px;
840
746
  min-height: 24px;
841
- margin: 0 16px 0 -2px;
747
+ margin: 0 8px 0 -2px;
842
748
  }
843
- ._sizeL_1m1br3i_103 ._icon_1m1br3i_526 {
844
- width: 32px;
845
- height: 32px;
846
- min-width: 32px;
847
- min-height: 32px;
848
- margin: 0 20px 0 -2px;
749
+ ._sizeL_rerp27_106 ._icon_rerp27_525 {
750
+ width: 28px;
751
+ height: 28px;
752
+ min-width: 28px;
753
+ min-height: 28px;
754
+ margin: 0 16px 0 -2px;
849
755
  }
850
- ._sizeXs_1m1br3i_82._alignIconRight_1m1br3i_78 ._icon_1m1br3i_526 {
756
+ ._sizeXs_rerp27_85._alignIconRight_rerp27_81 ._icon_rerp27_525 {
851
757
  width: 20px;
852
758
  height: 20px;
853
759
  min-width: 20px;
854
760
  min-height: 20px;
855
761
  margin: 0 -2px 0 8px;
856
762
  }
857
- ._sizeS_1m1br3i_89._alignIconRight_1m1br3i_78 ._icon_1m1br3i_526 {
763
+ ._sizeS_rerp27_92._alignIconRight_rerp27_81 ._icon_rerp27_525 {
858
764
  width: 20px;
859
765
  height: 20px;
860
766
  min-width: 20px;
861
767
  min-height: 20px;
862
768
  margin: 0 -2px 0 8px;
863
769
  }
864
- ._sizeM_1m1br3i_96._alignIconRight_1m1br3i_78 ._icon_1m1br3i_526 {
770
+ ._sizeM_rerp27_99._alignIconRight_rerp27_81 ._icon_rerp27_525 {
865
771
  width: 24px;
866
772
  height: 24px;
867
773
  min-width: 24px;
868
774
  min-height: 24px;
869
- margin: 0 -2px 0 16px;
775
+ margin: 0 -2px 0 8px;
870
776
  }
871
- ._sizeL_1m1br3i_103._alignIconRight_1m1br3i_78 ._icon_1m1br3i_526 {
872
- width: 32px;
873
- height: 32px;
874
- min-width: 32px;
875
- min-height: 32px;
876
- margin: 0 -2px 0 20px;
777
+ ._sizeL_rerp27_106._alignIconRight_rerp27_81 ._icon_rerp27_525 {
778
+ width: 28px;
779
+ height: 28px;
780
+ min-width: 28px;
781
+ min-height: 28px;
782
+ margin: 0 -2px 0 16px;
877
783
  }
878
- ._withoutText_1m1br3i_110 ._icon_1m1br3i_526,
879
- ._withoutText_1m1br3i_110._alignIconRight_1m1br3i_78 ._icon_1m1br3i_526{
784
+ ._withoutText_rerp27_113 ._icon_rerp27_525,
785
+ ._withoutText_rerp27_113._alignIconRight_rerp27_81 ._icon_rerp27_525{
880
786
  margin:0;
881
787
  }
882
- ._busyIcon_1m1br3i_136{
788
+ ._busyIcon_rerp27_139{
883
789
  position:absolute;
884
790
  left:50%;
885
791
  top:50%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.3.0",
3
+ "version": "0.5.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -15,7 +15,7 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
- "@rescui/icons": "^0.2.0",
18
+ "@rescui/icons": "^0.5.1",
19
19
  "classnames": "^2.2.6",
20
20
  "core-js": "^3.9.1"
21
21
  },
@@ -25,15 +25,15 @@
25
25
  "react": ">=16.8.0 <18"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "^0.0.5",
28
+ "@rescui/colors": "^0.0.6",
29
29
  "@rescui/postcss-preset-library": "^0.0.4",
30
- "@rescui/scripts": "^0.1.3",
31
- "@rescui/typography": "^0.3.0",
30
+ "@rescui/scripts": "^0.1.4",
31
+ "@rescui/typography": "^0.5.0",
32
32
  "@rescui/visual-regression": "^0.0.1",
33
33
  "@types/classnames": "^2.2.11"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build"
37
37
  },
38
- "gitHead": "11daffddcc420a78b5708443363da65c55f28103"
38
+ "gitHead": "0303dab2dea78cc6ba3a4970148de62fca11a225"
39
39
  }