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