@rescui/button 0.13.2 → 0.14.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 (4) hide show
  1. package/lib/button.js +6 -2
  2. package/lib/button.p.module.css.js +31 -31
  3. package/lib/index.css +183 -183
  4. package/package.json +6 -6
package/lib/button.js CHANGED
@@ -128,12 +128,16 @@ function (_ref, forwardedRef) {
128
128
  href: href,
129
129
  disabled: disabled,
130
130
  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.multiline, multiline), _defineProperty(_cn, styles.allowMultiline, allowMultiline), _defineProperty(_cn, styles.busy, busy), _defineProperty(_cn, styles.busyOverlay, showBusyOverlay), _cn), className)
131
- };
131
+ }; // Google Translate replaces TextNodes on page which is leading to a React error on manipulating buttonChildren e.g. when switching to the busy state.
132
+ // To prevent this we wrap text node in a span element which itself will not be replaced by Google Translate.
133
+ // More info here: https://github.com/facebook/react/issues/11538
134
+
135
+ var buttonContent = !isWithoutText && typeof children === 'string' ? /*#__PURE__*/React.createElement("span", null, children) : children;
132
136
  var buttonChildren = /*#__PURE__*/React.createElement(React.Fragment, null, iconSlot, showBusyOverlay && /*#__PURE__*/React.createElement(LoadingIcon, {
133
137
  className: styles.busyIcon,
134
138
  size: size,
135
139
  "data-test": "busy-icon"
136
- }), children);
140
+ }), buttonContent);
137
141
 
138
142
  if (notFocusable) {
139
143
  if (href) {
package/lib/button.p.module.css.js CHANGED
@@ -1,34 +1,34 @@
1
1
  var styles = {
2
- "main": "_main_t1uype_17",
3
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_t1uype_1",
4
- "busy": "_busy_t1uype_49",
5
- "busyOverlay": "_busyOverlay_t1uype_53",
6
- "light": "_light_t1uype_59",
7
- "disabled": "_disabled_t1uype_61",
8
- "dark": "_dark_t1uype_62",
9
- "alignIconLeft": "_alignIconLeft_t1uype_78",
10
- "alignIconRight": "_alignIconRight_t1uype_82",
11
- "sizeXs": "_sizeXs_t1uype_86",
12
- "sizeS": "_sizeS_t1uype_93",
13
- "sizeM": "_sizeM_t1uype_100",
14
- "sizeL": "_sizeL_t1uype_107",
15
- "allowMultiline": "_allowMultiline_t1uype_115",
16
- "multiline": "_multiline_t1uype_119",
17
- "withoutText": "_withoutText_t1uype_139",
18
- "withIcon": "_withIcon_t1uype_145",
19
- "busyIcon": "_busyIcon_t1uype_151",
20
- "flatRight": "_flatRight_t1uype_159",
21
- "flatLeft": "_flatLeft_t1uype_164",
22
- "modeClassic": "_modeClassic_t1uype_169",
23
- "modeRock": "_modeRock_t1uype_242",
24
- "modeTransparent": "_modeTransparent_t1uype_320",
25
- "modeOutline": "_modeOutline_t1uype_390",
26
- "modeClear": "_modeClear_t1uype_479",
27
- "highlighted": "_highlighted_t1uype_514",
28
- "shiftedLeft": "_shiftedLeft_t1uype_565",
29
- "shiftedRight": "_shiftedRight_t1uype_566",
30
- "shiftedTop": "_shiftedTop_t1uype_567",
31
- "shiftedBottom": "_shiftedBottom_t1uype_568",
32
- "icon": "_icon_t1uype_570"
2
+ "main": "_main_1uycb5t_17",
3
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1uycb5t_1",
4
+ "busy": "_busy_1uycb5t_49",
5
+ "busyOverlay": "_busyOverlay_1uycb5t_53",
6
+ "light": "_light_1uycb5t_59",
7
+ "disabled": "_disabled_1uycb5t_61",
8
+ "dark": "_dark_1uycb5t_62",
9
+ "alignIconLeft": "_alignIconLeft_1uycb5t_78",
10
+ "alignIconRight": "_alignIconRight_1uycb5t_82",
11
+ "sizeXs": "_sizeXs_1uycb5t_86",
12
+ "sizeS": "_sizeS_1uycb5t_93",
13
+ "sizeM": "_sizeM_1uycb5t_100",
14
+ "sizeL": "_sizeL_1uycb5t_107",
15
+ "allowMultiline": "_allowMultiline_1uycb5t_115",
16
+ "multiline": "_multiline_1uycb5t_119",
17
+ "withoutText": "_withoutText_1uycb5t_139",
18
+ "withIcon": "_withIcon_1uycb5t_145",
19
+ "busyIcon": "_busyIcon_1uycb5t_151",
20
+ "flatRight": "_flatRight_1uycb5t_159",
21
+ "flatLeft": "_flatLeft_1uycb5t_164",
22
+ "modeClassic": "_modeClassic_1uycb5t_169",
23
+ "modeRock": "_modeRock_1uycb5t_242",
24
+ "modeTransparent": "_modeTransparent_1uycb5t_320",
25
+ "modeOutline": "_modeOutline_1uycb5t_390",
26
+ "modeClear": "_modeClear_1uycb5t_479",
27
+ "highlighted": "_highlighted_1uycb5t_514",
28
+ "shiftedLeft": "_shiftedLeft_1uycb5t_565",
29
+ "shiftedRight": "_shiftedRight_1uycb5t_566",
30
+ "shiftedTop": "_shiftedTop_1uycb5t_567",
31
+ "shiftedBottom": "_shiftedBottom_1uycb5t_568",
32
+ "icon": "_icon_1uycb5t_570"
33
33
  };
34
34
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._main_t1uype_17{
1
+ ._main_1uycb5t_17{
2
2
  letter-spacing:0.0015em;
3
3
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
4
4
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -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_t1uype_1 ._main_t1uype_17{
13
+ ._rs-reset-letter-spacing_1uycb5t_1 ._main_1uycb5t_17{
14
14
  letter-spacing:normal;
15
15
  }
16
- ._main_t1uype_17:focus[data-focus-method='key']{
16
+ ._main_1uycb5t_17:focus[data-focus-method='key']{
17
17
  -webkit-box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
18
18
  -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
19
19
  box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
20
20
  box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
21
21
  }
22
- ._main_t1uype_17 {
22
+ ._main_1uycb5t_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_t1uype_17:hover,
49
- ._main_t1uype_17:focus,
50
- ._main_t1uype_17:active{
48
+ ._main_1uycb5t_17:hover,
49
+ ._main_1uycb5t_17:focus,
50
+ ._main_1uycb5t_17:active{
51
51
  outline:none;
52
52
 
53
53
  text-decoration:none;
54
54
  }
55
55
 
56
- ._main_t1uype_17._busy_t1uype_49{
56
+ ._main_1uycb5t_17._busy_1uycb5t_49{
57
57
  pointer-events:none;
58
58
  }
59
59
 
60
- ._main_t1uype_17._busyOverlay_t1uype_53{
60
+ ._main_1uycb5t_17._busyOverlay_1uycb5t_53{
61
61
  display:-webkit-inline-box;
62
62
  display:-ms-inline-flexbox;
63
63
  display:inline-flex;
@@ -69,37 +69,37 @@
69
69
  align-items:center;
70
70
  }
71
71
 
72
- ._main_t1uype_17._busyOverlay_t1uype_53._light_t1uype_59,
73
- ._main_t1uype_17._busyOverlay_t1uype_53._light_t1uype_59:hover,
74
- ._main_t1uype_17._busyOverlay_t1uype_53._light_t1uype_59._disabled_t1uype_61,
75
- ._main_t1uype_17._busyOverlay_t1uype_53._dark_t1uype_62._disabled_t1uype_61,
76
- ._main_t1uype_17._busyOverlay_t1uype_53._dark_t1uype_62,
77
- ._main_t1uype_17._busyOverlay_t1uype_53._dark_t1uype_62:focus,
78
- ._main_t1uype_17._busyOverlay_t1uype_53._dark_t1uype_62:hover{
72
+ ._main_1uycb5t_17._busyOverlay_1uycb5t_53._light_1uycb5t_59,
73
+ ._main_1uycb5t_17._busyOverlay_1uycb5t_53._light_1uycb5t_59:hover,
74
+ ._main_1uycb5t_17._busyOverlay_1uycb5t_53._light_1uycb5t_59._disabled_1uycb5t_61,
75
+ ._main_1uycb5t_17._busyOverlay_1uycb5t_53._dark_1uycb5t_62._disabled_1uycb5t_61,
76
+ ._main_1uycb5t_17._busyOverlay_1uycb5t_53._dark_1uycb5t_62,
77
+ ._main_1uycb5t_17._busyOverlay_1uycb5t_53._dark_1uycb5t_62:focus,
78
+ ._main_1uycb5t_17._busyOverlay_1uycb5t_53._dark_1uycb5t_62:hover{
79
79
  color:transparent;
80
80
  }
81
- ._dark_t1uype_62:focus[data-focus-method='key']{
81
+ ._dark_1uycb5t_62:focus[data-focus-method='key']{
82
82
  -webkit-box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
83
83
  -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
84
84
  box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
85
85
  box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
86
86
  }
87
- ._disabled_t1uype_61{
87
+ ._disabled_1uycb5t_61{
88
88
  pointer-events:none;
89
89
  }
90
- ._alignIconLeft_t1uype_78{
90
+ ._alignIconLeft_1uycb5t_78{
91
91
  -webkit-box-orient:horizontal;
92
92
  -webkit-box-direction:normal;
93
93
  -ms-flex-direction:row;
94
94
  flex-direction:row;
95
95
  }
96
- ._alignIconRight_t1uype_82{
96
+ ._alignIconRight_1uycb5t_82{
97
97
  -webkit-box-orient:horizontal;
98
98
  -webkit-box-direction:reverse;
99
99
  -ms-flex-direction:row-reverse;
100
100
  flex-direction:row-reverse;
101
101
  }
102
- ._sizeXs_t1uype_86{
102
+ ._sizeXs_1uycb5t_86{
103
103
  letter-spacing:0.0045em;
104
104
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
105
105
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -110,14 +110,14 @@
110
110
  line-height:20px;
111
111
  line-height:var(--rs-text-3-line-height, 20px);
112
112
  }
113
- ._rs-reset-letter-spacing_t1uype_1 ._sizeXs_t1uype_86{
113
+ ._rs-reset-letter-spacing_1uycb5t_1 ._sizeXs_1uycb5t_86{
114
114
  letter-spacing:normal;
115
115
  }
116
- ._sizeXs_t1uype_86 {
116
+ ._sizeXs_1uycb5t_86 {
117
117
  border-radius:4px;
118
118
  border-radius:var(--rs-button-xs-border-radius, var(--rs-button-border-radius, 4px));
119
119
  }
120
- ._sizeS_t1uype_93{
120
+ ._sizeS_1uycb5t_93{
121
121
  letter-spacing:0.0045em;
122
122
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
123
123
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -128,14 +128,14 @@
128
128
  line-height:20px;
129
129
  line-height:var(--rs-text-3-line-height, 20px);
130
130
  }
131
- ._rs-reset-letter-spacing_t1uype_1 ._sizeS_t1uype_93{
131
+ ._rs-reset-letter-spacing_1uycb5t_1 ._sizeS_1uycb5t_93{
132
132
  letter-spacing:normal;
133
133
  }
134
- ._sizeS_t1uype_93 {
134
+ ._sizeS_1uycb5t_93 {
135
135
  border-radius:24px;
136
136
  border-radius:var(--rs-button-s-border-radius, var(--rs-button-border-radius, 24px));
137
137
  }
138
- ._sizeM_t1uype_100{
138
+ ._sizeM_1uycb5t_100{
139
139
  letter-spacing:0.0015em;
140
140
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
141
141
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -147,14 +147,14 @@
147
147
  line-height:24px;
148
148
  line-height:var(--rs-text-2-line-height, 24px);
149
149
  }
150
- ._rs-reset-letter-spacing_t1uype_1 ._sizeM_t1uype_100{
150
+ ._rs-reset-letter-spacing_1uycb5t_1 ._sizeM_1uycb5t_100{
151
151
  letter-spacing:normal;
152
152
  }
153
- ._sizeM_t1uype_100 {
153
+ ._sizeM_1uycb5t_100 {
154
154
  border-radius:24px;
155
155
  border-radius:var(--rs-button-m-border-radius, var(--rs-button-border-radius, 24px));
156
156
  }
157
- ._sizeL_t1uype_107{
157
+ ._sizeL_1uycb5t_107{
158
158
  letter-spacing:normal;
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;
160
160
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -168,26 +168,26 @@
168
168
  border-radius:36px;
169
169
  border-radius:var(--rs-button-l-border-radius, var(--rs-button-border-radius, 36px));
170
170
  }
171
- ._allowMultiline_t1uype_115{
171
+ ._allowMultiline_1uycb5t_115{
172
172
  white-space:normal;
173
173
  }
174
- ._multiline_t1uype_119._sizeXs_t1uype_86{
174
+ ._multiline_1uycb5t_119._sizeXs_1uycb5t_86{
175
175
  border-radius:4px;
176
176
  border-radius:var(--rs-button-xs-border-radius, var(--rs-button-border-radius, 4px));
177
177
  }
178
- ._multiline_t1uype_119._sizeS_t1uype_93{
178
+ ._multiline_1uycb5t_119._sizeS_1uycb5t_93{
179
179
  border-radius:4px;
180
180
  border-radius:var(--rs-button-s-border-radius, var(--rs-button-border-radius, 4px));
181
181
  }
182
- ._multiline_t1uype_119._sizeM_t1uype_100{
182
+ ._multiline_1uycb5t_119._sizeM_1uycb5t_100{
183
183
  border-radius:8px;
184
184
  border-radius:var(--rs-button-m-border-radius, var(--rs-button-border-radius, 8px));
185
185
  }
186
- ._multiline_t1uype_119._sizeL_t1uype_107{
186
+ ._multiline_1uycb5t_119._sizeL_1uycb5t_107{
187
187
  border-radius:12px;
188
188
  border-radius:var(--rs-button-l-border-radius, var(--rs-button-border-radius, 12px));
189
189
  }
190
- ._withoutText_t1uype_139{
190
+ ._withoutText_1uycb5t_139{
191
191
  display:-webkit-inline-box;
192
192
  display:-ms-inline-flexbox;
193
193
  display:inline-flex;
@@ -198,7 +198,7 @@
198
198
  -ms-flex-align:center;
199
199
  align-items:center;
200
200
  }
201
- ._withIcon_t1uype_145{
201
+ ._withIcon_1uycb5t_145{
202
202
  display:-webkit-inline-box;
203
203
  display:-ms-inline-flexbox;
204
204
  display:inline-flex;
@@ -209,7 +209,7 @@
209
209
  -ms-flex-align:center;
210
210
  align-items:center;
211
211
  }
212
- ._busyIcon_t1uype_151{
212
+ ._busyIcon_1uycb5t_151{
213
213
  position:absolute;
214
214
  top:50%;
215
215
  left:50%;
@@ -218,226 +218,226 @@
218
218
 
219
219
  transform:translate(-50%, -50%);
220
220
  }
221
- ._flatRight_t1uype_159{
221
+ ._flatRight_1uycb5t_159{
222
222
  border-top-right-radius:0;
223
223
  border-bottom-right-radius:0;
224
224
  }
225
- ._flatLeft_t1uype_164{
225
+ ._flatLeft_1uycb5t_164{
226
226
  border-top-left-radius:0;
227
227
  border-bottom-left-radius:0;
228
228
  }
229
- ._modeClassic_t1uype_169{
229
+ ._modeClassic_1uycb5t_169{
230
230
  color:#FFFFFF;
231
231
  background:#6B57FF;
232
232
  background:var(--rs-color-primary-light-theme, #6B57FF);
233
233
  }
234
- ._modeClassic_t1uype_169 ._busyIcon_t1uype_151{
234
+ ._modeClassic_1uycb5t_169 ._busyIcon_1uycb5t_151{
235
235
  color:#FFFFFF;
236
236
  }
237
- ._modeClassic_t1uype_169:focus{
237
+ ._modeClassic_1uycb5t_169:focus{
238
238
  color:#FFFFFF;
239
239
  background:#6B57FF;
240
240
  background:var(--rs-color-primary-light-theme, #6B57FF);
241
241
  }
242
242
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
243
- ._modeClassic_t1uype_169:hover{
243
+ ._modeClassic_1uycb5t_169:hover{
244
244
  color:#FFFFFF;
245
245
  background:rgba(107, 87, 255, 0.8);
246
246
  background:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
247
247
  }
248
248
  }
249
- ._modeClassic_t1uype_169:active{
249
+ ._modeClassic_1uycb5t_169:active{
250
250
  color:#FFFFFF;
251
251
  background:#6B57FF;
252
252
  background:var(--rs-color-primary-light-theme, #6B57FF);
253
253
  }
254
- ._modeClassic_t1uype_169:active:focus:not(:hover)[data-focus-method='key']{
254
+ ._modeClassic_1uycb5t_169:active:focus:not(:hover)[data-focus-method='key']{
255
255
  background:rgba(107, 87, 255, 0.8);
256
256
  background:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
257
257
  }
258
- ._modeClassic_t1uype_169._disabled_t1uype_61{
258
+ ._modeClassic_1uycb5t_169._disabled_1uycb5t_61{
259
259
  color:rgba(25,25,28,0.5);
260
260
  background:rgba(25,25,28,0.2);
261
261
  }
262
- ._modeClassic_t1uype_169._disabled_t1uype_61 ._busyIcon_t1uype_151{
262
+ ._modeClassic_1uycb5t_169._disabled_1uycb5t_61 ._busyIcon_1uycb5t_151{
263
263
  color:rgba(25,25,28,0.5);
264
264
  }
265
- ._modeClassic_t1uype_169._dark_t1uype_62{
265
+ ._modeClassic_1uycb5t_169._dark_1uycb5t_62{
266
266
  color:#FFFFFF;
267
267
  background:#8473FF;
268
268
  background:var(--rs-color-primary-dark-theme, #8473FF);
269
269
  }
270
- ._modeClassic_t1uype_169._dark_t1uype_62 ._busyIcon_t1uype_151{
270
+ ._modeClassic_1uycb5t_169._dark_1uycb5t_62 ._busyIcon_1uycb5t_151{
271
271
  color:#FFFFFF;
272
272
  }
273
273
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
274
- ._modeClassic_t1uype_169._dark_t1uype_62:hover{
274
+ ._modeClassic_1uycb5t_169._dark_1uycb5t_62:hover{
275
275
  color:#FFFFFF;
276
276
  background:rgba(132, 115, 255,0.8);
277
277
  background:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8));
278
278
  }
279
279
  }
280
- ._modeClassic_t1uype_169._dark_t1uype_62:active{
280
+ ._modeClassic_1uycb5t_169._dark_1uycb5t_62:active{
281
281
  color:#FFFFFF;
282
282
  background:#8473FF;
283
283
  background:var(--rs-color-primary-dark-theme, #8473FF);
284
284
  }
285
- ._modeClassic_t1uype_169._dark_t1uype_62:active:focus:not(:hover)[data-focus-method='key']{
285
+ ._modeClassic_1uycb5t_169._dark_1uycb5t_62:active:focus:not(:hover)[data-focus-method='key']{
286
286
  background:rgba(132, 115, 255,0.8);
287
287
  background:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8));
288
288
  }
289
- ._modeClassic_t1uype_169._dark_t1uype_62._disabled_t1uype_61{
289
+ ._modeClassic_1uycb5t_169._dark_1uycb5t_62._disabled_1uycb5t_61{
290
290
  color:rgba(255,255,255,0.5);
291
291
  background:rgba(255,255,255,0.2);
292
292
  }
293
- ._modeClassic_t1uype_169._dark_t1uype_62._disabled_t1uype_61 ._busyIcon_t1uype_151{
293
+ ._modeClassic_1uycb5t_169._dark_1uycb5t_62._disabled_1uycb5t_61 ._busyIcon_1uycb5t_151{
294
294
  color:rgba(255,255,255,0.5);
295
295
  }
296
- ._modeRock_t1uype_242{
296
+ ._modeRock_1uycb5t_242{
297
297
  color:#FFFFFF;
298
298
  color:var(--rs-rock-button-text-color, #FFFFFF);
299
299
  background-color:#19191C;
300
300
  background-color:var(--rs-rock-button-bg-color, #19191C);
301
301
  }
302
- ._modeRock_t1uype_242 ._busyIcon_t1uype_151{
302
+ ._modeRock_1uycb5t_242 ._busyIcon_1uycb5t_151{
303
303
  color:#FFFFFF;
304
304
  color:var(--rs-rock-button-text-color, #FFFFFF);
305
305
  }
306
- ._modeRock_t1uype_242:focus{
306
+ ._modeRock_1uycb5t_242:focus{
307
307
  color:#FFFFFF;
308
308
  color:var(--rs-rock-button-text-color, #FFFFFF);
309
309
  background-color:#19191C;
310
310
  background-color:var(--rs-rock-button-bg-color, #19191C);
311
311
  }
312
312
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
313
- ._modeRock_t1uype_242:hover{
313
+ ._modeRock_1uycb5t_242:hover{
314
314
  color:#FFFFFF;
315
315
  color:var(--rs-rock-button-text-color, #FFFFFF);
316
316
  background-color:rgba(25,25,28,0.8);
317
317
  background-color:var(--rs-rock-button-hover-bg-color, rgba(25,25,28,0.8));
318
318
  }
319
319
  }
320
- ._modeRock_t1uype_242:active{
320
+ ._modeRock_1uycb5t_242:active{
321
321
  color:#FFFFFF;
322
322
  color:var(--rs-rock-button-text-color, #FFFFFF);
323
323
  background-color:#19191C;
324
324
  background-color:var(--rs-rock-button-bg-color, #19191C);
325
325
  }
326
- ._modeRock_t1uype_242:active:focus:not(:hover)[data-focus-method='key']{
326
+ ._modeRock_1uycb5t_242:active:focus:not(:hover)[data-focus-method='key']{
327
327
  background-color:rgba(25,25,28,0.8);
328
328
  background-color:var(--rs-rock-button-hover-bg-color, rgba(25,25,28,0.8));
329
329
  }
330
- ._modeRock_t1uype_242._disabled_t1uype_61{
330
+ ._modeRock_1uycb5t_242._disabled_1uycb5t_61{
331
331
  color:rgba(25,25,28,0.5);
332
332
  color:var(--rs-rock-button-disabled-text-color, rgba(25,25,28,0.5));
333
333
  background-color:rgba(25,25,28,0.2);
334
334
  background-color:var(--rs-rock-button-disabled-bg-color, rgba(25,25,28,0.2));
335
335
  }
336
- ._modeRock_t1uype_242._disabled_t1uype_61 ._busyIcon_t1uype_151{
336
+ ._modeRock_1uycb5t_242._disabled_1uycb5t_61 ._busyIcon_1uycb5t_151{
337
337
  color:rgba(25,25,28,0.5);
338
338
  color:var(--rs-rock-button-disabled-text-color, rgba(25,25,28,0.5));
339
339
  }
340
- ._modeRock_t1uype_242._dark_t1uype_62{
340
+ ._modeRock_1uycb5t_242._dark_1uycb5t_62{
341
341
  color:#19191C;
342
342
  color:var(--rs-rock-button-text-color, #19191C);
343
343
  background-color:#FFFFFF;
344
344
  background-color:var(--rs-rock-button-bg-color, #FFFFFF);
345
345
  }
346
- ._modeRock_t1uype_242._dark_t1uype_62 ._busyIcon_t1uype_151{
346
+ ._modeRock_1uycb5t_242._dark_1uycb5t_62 ._busyIcon_1uycb5t_151{
347
347
  color:#19191C;
348
348
  color:var(--rs-rock-button-text-color, #19191C);
349
349
  }
350
- ._modeRock_t1uype_242._dark_t1uype_62:focus{
350
+ ._modeRock_1uycb5t_242._dark_1uycb5t_62:focus{
351
351
  color:#19191C;
352
352
  color:var(--rs-rock-button-text-color, #19191C);
353
353
  background-color:#FFFFFF;
354
354
  background-color:var(--rs-rock-button-bg-color, #FFFFFF);
355
355
  }
356
356
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
357
- ._modeRock_t1uype_242._dark_t1uype_62:hover{
357
+ ._modeRock_1uycb5t_242._dark_1uycb5t_62:hover{
358
358
  color:#19191C;
359
359
  color:var(--rs-rock-button-text-color, #19191C);
360
360
  background-color:rgba(255,255,255,0.8);
361
361
  background-color:var(--rs-rock-button-hover-bg-color, rgba(255,255,255,0.8));
362
362
  }
363
363
  }
364
- ._modeRock_t1uype_242._dark_t1uype_62:active{
364
+ ._modeRock_1uycb5t_242._dark_1uycb5t_62:active{
365
365
  color:#19191C;
366
366
  color:var(--rs-rock-button-text-color, #19191C);
367
367
  background-color:#FFFFFF;
368
368
  background-color:var(--rs-rock-button-bg-color, #FFFFFF);
369
369
  }
370
- ._modeRock_t1uype_242._dark_t1uype_62:active:focus:not(:hover)[data-focus-method='key']{
370
+ ._modeRock_1uycb5t_242._dark_1uycb5t_62:active:focus:not(:hover)[data-focus-method='key']{
371
371
  background-color:rgba(255,255,255,0.8);
372
372
  background-color:var(--rs-rock-button-hover-bg-color, rgba(255,255,255,0.8));
373
373
  }
374
- ._modeRock_t1uype_242._dark_t1uype_62._disabled_t1uype_61{
374
+ ._modeRock_1uycb5t_242._dark_1uycb5t_62._disabled_1uycb5t_61{
375
375
  color:rgba(255,255,255,0.5);
376
376
  color:var(--rs-rock-button-disabled-text-color, rgba(255,255,255,0.5));
377
377
  background-color:rgba(255,255,255,0.2);
378
378
  background-color:var(--rs-rock-button-disabled-bg-color, rgba(255,255,255,0.2));
379
379
  }
380
- ._modeRock_t1uype_242._dark_t1uype_62._disabled_t1uype_61 ._busyIcon_t1uype_151{
380
+ ._modeRock_1uycb5t_242._dark_1uycb5t_62._disabled_1uycb5t_61 ._busyIcon_1uycb5t_151{
381
381
  color:rgba(255,255,255,0.5);
382
382
  color:var(--rs-rock-button-disabled-text-color, rgba(255,255,255,0.5));
383
383
  }
384
- ._modeTransparent_t1uype_320{
384
+ ._modeTransparent_1uycb5t_320{
385
385
  color:#FFFFFF;
386
386
  background-color:rgba(25,25,28,0.5);
387
387
  }
388
- ._modeTransparent_t1uype_320 ._busyIcon_t1uype_151{
388
+ ._modeTransparent_1uycb5t_320 ._busyIcon_1uycb5t_151{
389
389
  color:#FFFFFF;
390
390
  }
391
- ._modeTransparent_t1uype_320:focus{
391
+ ._modeTransparent_1uycb5t_320:focus{
392
392
  color:#FFFFFF;
393
393
  background-color:rgba(25,25,28,0.5);
394
394
  }
395
395
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
396
- ._modeTransparent_t1uype_320:hover{
396
+ ._modeTransparent_1uycb5t_320:hover{
397
397
  color:#FFFFFF;
398
398
  background:rgba(25,25,28,0.8);
399
399
  }
400
400
  }
401
- ._modeTransparent_t1uype_320:active{
401
+ ._modeTransparent_1uycb5t_320:active{
402
402
  color:#FFFFFF;
403
403
  background:#19191C;
404
404
  }
405
- ._modeTransparent_t1uype_320._disabled_t1uype_61{
405
+ ._modeTransparent_1uycb5t_320._disabled_1uycb5t_61{
406
406
  color:rgba(255,255,255,0.5);
407
407
  background:rgba(25,25,28,0.4);
408
408
  }
409
- ._modeTransparent_t1uype_320._disabled_t1uype_61 ._busyIcon_t1uype_151{
409
+ ._modeTransparent_1uycb5t_320._disabled_1uycb5t_61 ._busyIcon_1uycb5t_151{
410
410
  color:rgba(255,255,255,0.5);
411
411
  }
412
- ._modeTransparent_t1uype_320._dark_t1uype_62{
412
+ ._modeTransparent_1uycb5t_320._dark_1uycb5t_62{
413
413
  color:#19191C;
414
414
  background:rgba(255,255,255,0.5);
415
415
  }
416
- ._modeTransparent_t1uype_320._dark_t1uype_62 ._busyIcon_t1uype_151{
416
+ ._modeTransparent_1uycb5t_320._dark_1uycb5t_62 ._busyIcon_1uycb5t_151{
417
417
  color:#19191C;
418
418
  }
419
- ._modeTransparent_t1uype_320._dark_t1uype_62:focus{
419
+ ._modeTransparent_1uycb5t_320._dark_1uycb5t_62:focus{
420
420
  color:#19191C;
421
421
  background:rgba(255,255,255,0.5);
422
422
  }
423
423
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
424
- ._modeTransparent_t1uype_320._dark_t1uype_62:hover{
424
+ ._modeTransparent_1uycb5t_320._dark_1uycb5t_62:hover{
425
425
  color:#19191C;
426
426
  background:rgba(255,255,255,0.8);
427
427
  }
428
428
  }
429
- ._modeTransparent_t1uype_320._dark_t1uype_62:active{
429
+ ._modeTransparent_1uycb5t_320._dark_1uycb5t_62:active{
430
430
  color:#19191C;
431
431
  background:#FFFFFF;
432
432
  }
433
- ._modeTransparent_t1uype_320._dark_t1uype_62._disabled_t1uype_61{
433
+ ._modeTransparent_1uycb5t_320._dark_1uycb5t_62._disabled_1uycb5t_61{
434
434
  color:rgba(25,25,28,0.5);
435
435
  background:rgba(255,255,255,0.4);
436
436
  }
437
- ._modeTransparent_t1uype_320._dark_t1uype_62._disabled_t1uype_61 ._busyIcon_t1uype_151{
437
+ ._modeTransparent_1uycb5t_320._dark_1uycb5t_62._disabled_1uycb5t_61 ._busyIcon_1uycb5t_151{
438
438
  color:rgba(25,25,28,0.5);
439
439
  }
440
- ._modeOutline_t1uype_390{
440
+ ._modeOutline_1uycb5t_390{
441
441
  position:relative;
442
442
 
443
443
  border-style:solid;
@@ -445,328 +445,328 @@
445
445
 
446
446
  color:#19191C;
447
447
  }
448
- ._modeOutline_t1uype_390 ._busyIcon_t1uype_151{
448
+ ._modeOutline_1uycb5t_390 ._busyIcon_1uycb5t_151{
449
449
  color:#19191C;
450
450
  }
451
- ._modeOutline_t1uype_390:focus{
451
+ ._modeOutline_1uycb5t_390:focus{
452
452
  border-color:rgba(25,25,28,0.3);
453
453
 
454
454
  color:#19191C;
455
455
  }
456
456
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
457
- ._modeOutline_t1uype_390:hover{
457
+ ._modeOutline_1uycb5t_390:hover{
458
458
  border-color:rgba(25,25,28,0.3);
459
459
 
460
460
  color:#19191C;
461
461
  background:rgba(25,25,28,0.1);
462
462
  }
463
463
  }
464
- ._modeOutline_t1uype_390:active{
464
+ ._modeOutline_1uycb5t_390:active{
465
465
  border-color:#19191C;
466
466
 
467
467
  color:#19191C;
468
468
  background:rgba(25,25,28,0.1);
469
469
  }
470
- ._modeOutline_t1uype_390._disabled_t1uype_61{
470
+ ._modeOutline_1uycb5t_390._disabled_1uycb5t_61{
471
471
  border-color:rgba(25,25,28,0.2);
472
472
 
473
473
  color:rgba(25,25,28,0.5);
474
474
  background:transparent;
475
475
  }
476
- ._modeOutline_t1uype_390._disabled_t1uype_61 ._busyIcon_t1uype_151{
476
+ ._modeOutline_1uycb5t_390._disabled_1uycb5t_61 ._busyIcon_1uycb5t_151{
477
477
  color:rgba(25,25,28,0.5);
478
478
  }
479
- ._modeOutline_t1uype_390._dark_t1uype_62{
479
+ ._modeOutline_1uycb5t_390._dark_1uycb5t_62{
480
480
  border-color:rgba(255,255,255,0.3);
481
481
 
482
482
  color:#FFFFFF;
483
483
  }
484
- ._modeOutline_t1uype_390._dark_t1uype_62 ._busyIcon_t1uype_151{
484
+ ._modeOutline_1uycb5t_390._dark_1uycb5t_62 ._busyIcon_1uycb5t_151{
485
485
  color:#FFFFFF;
486
486
  }
487
- ._modeOutline_t1uype_390._dark_t1uype_62:focus{
487
+ ._modeOutline_1uycb5t_390._dark_1uycb5t_62:focus{
488
488
  border-color:rgba(255,255,255,0.4);
489
489
 
490
490
  color:#FFFFFF;
491
491
  }
492
492
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
493
- ._modeOutline_t1uype_390._dark_t1uype_62:hover{
493
+ ._modeOutline_1uycb5t_390._dark_1uycb5t_62:hover{
494
494
  border-color:rgba(255,255,255,0.4);
495
495
 
496
496
  color:#FFFFFF;
497
497
  background:rgba(255,255,255,0.1);
498
498
  }
499
499
  }
500
- ._modeOutline_t1uype_390._dark_t1uype_62:active{
500
+ ._modeOutline_1uycb5t_390._dark_1uycb5t_62:active{
501
501
  border-color:#FFFFFF;
502
502
 
503
503
  color:#FFFFFF;
504
504
  background:rgba(255,255,255,0.1);
505
505
  }
506
- ._modeOutline_t1uype_390._dark_t1uype_62._disabled_t1uype_61{
506
+ ._modeOutline_1uycb5t_390._dark_1uycb5t_62._disabled_1uycb5t_61{
507
507
  border-color:rgba(255,255,255,0.2);
508
508
 
509
509
  color:rgba(255,255,255,0.5);
510
510
  background:transparent;
511
511
  }
512
- ._modeOutline_t1uype_390._dark_t1uype_62._disabled_t1uype_61 ._busyIcon_t1uype_151{
512
+ ._modeOutline_1uycb5t_390._dark_1uycb5t_62._disabled_1uycb5t_61 ._busyIcon_1uycb5t_151{
513
513
  color:rgba(255,255,255,0.5);
514
514
  }
515
- ._modeClear_t1uype_479{
515
+ ._modeClear_1uycb5t_479{
516
516
  color:#19191C;
517
517
  background:transparent;
518
518
  }
519
- ._modeClear_t1uype_479 ._busyIcon_t1uype_151{
519
+ ._modeClear_1uycb5t_479 ._busyIcon_1uycb5t_151{
520
520
  color:#19191C;
521
521
  }
522
- ._modeClear_t1uype_479:focus{
522
+ ._modeClear_1uycb5t_479:focus{
523
523
  color:#19191C;
524
524
  background:transparent;
525
525
  }
526
526
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
527
- ._modeClear_t1uype_479:hover{
527
+ ._modeClear_1uycb5t_479:hover{
528
528
  color:#19191C;
529
529
  background:rgba(25,25,28,0.1);
530
530
  }
531
531
  }
532
- ._modeClear_t1uype_479:active{
532
+ ._modeClear_1uycb5t_479:active{
533
533
  color:#19191C;
534
534
  background:rgba(25,25,28,0.2);
535
535
  }
536
- ._modeClear_t1uype_479._disabled_t1uype_61{
536
+ ._modeClear_1uycb5t_479._disabled_1uycb5t_61{
537
537
  color:rgba(25,25,28,0.5);
538
538
  background:transparent;
539
539
  }
540
- ._modeClear_t1uype_479._disabled_t1uype_61 ._busyIcon_t1uype_151{
540
+ ._modeClear_1uycb5t_479._disabled_1uycb5t_61 ._busyIcon_1uycb5t_151{
541
541
  color:rgba(25,25,28,0.5);
542
542
  }
543
- ._modeClear_t1uype_479._highlighted_t1uype_514{
543
+ ._modeClear_1uycb5t_479._highlighted_1uycb5t_514{
544
544
  color:#19191C;
545
545
  background:rgba(25,25,28,0.1);
546
546
  }
547
- ._modeClear_t1uype_479._dark_t1uype_62{
547
+ ._modeClear_1uycb5t_479._dark_1uycb5t_62{
548
548
  color:#FFFFFF;
549
549
  background:transparent;
550
550
  }
551
- ._modeClear_t1uype_479._dark_t1uype_62 ._busyIcon_t1uype_151{
551
+ ._modeClear_1uycb5t_479._dark_1uycb5t_62 ._busyIcon_1uycb5t_151{
552
552
  color:#FFFFFF;
553
553
  }
554
554
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
555
- ._modeClear_t1uype_479._dark_t1uype_62:hover{
555
+ ._modeClear_1uycb5t_479._dark_1uycb5t_62:hover{
556
556
  color:#FFFFFF;
557
557
  background:rgba(255,255,255,0.1);
558
558
  }
559
559
  }
560
- ._modeClear_t1uype_479._dark_t1uype_62:active{
560
+ ._modeClear_1uycb5t_479._dark_1uycb5t_62:active{
561
561
  color:#FFFFFF;
562
562
  background:rgba(255,255,255,0.2);
563
563
  }
564
- ._modeClear_t1uype_479._dark_t1uype_62._disabled_t1uype_61{
564
+ ._modeClear_1uycb5t_479._dark_1uycb5t_62._disabled_1uycb5t_61{
565
565
  color:rgba(255,255,255,0.5);
566
566
  }
567
- ._modeClear_t1uype_479._dark_t1uype_62._disabled_t1uype_61 ._busyIcon_t1uype_151{
567
+ ._modeClear_1uycb5t_479._dark_1uycb5t_62._disabled_1uycb5t_61 ._busyIcon_1uycb5t_151{
568
568
  color:rgba(255,255,255,0.5);
569
569
  }
570
- ._modeClear_t1uype_479._dark_t1uype_62._highlighted_t1uype_514{
570
+ ._modeClear_1uycb5t_479._dark_1uycb5t_62._highlighted_1uycb5t_514{
571
571
  color:#FFFFFF;
572
572
  background:rgba(255,255,255,0.1);
573
573
  }
574
- ._sizeXs_t1uype_86 {
574
+ ._sizeXs_1uycb5t_86 {
575
575
  padding: 2px 16px;
576
576
  border-width: 0px;
577
577
  }
578
- ._sizeS_t1uype_93 {
578
+ ._sizeS_1uycb5t_93 {
579
579
  padding: 6px 16px;
580
580
  border-width: 0px;
581
581
  }
582
- ._sizeM_t1uype_100 {
582
+ ._sizeM_1uycb5t_100 {
583
583
  padding: 8px 24px;
584
584
  border-width: 0px;
585
585
  }
586
- ._sizeL_t1uype_107 {
586
+ ._sizeL_1uycb5t_107 {
587
587
  padding: 12px 32px;
588
588
  border-width: 0px;
589
589
  }
590
- ._sizeXs_t1uype_86._withoutText_t1uype_139 {
590
+ ._sizeXs_1uycb5t_86._withoutText_1uycb5t_139 {
591
591
  padding: 2px 2px;
592
592
  border-width: 0px;
593
593
  }
594
- ._sizeS_t1uype_93._withoutText_t1uype_139 {
594
+ ._sizeS_1uycb5t_93._withoutText_1uycb5t_139 {
595
595
  padding: 6px 6px;
596
596
  border-width: 0px;
597
597
  }
598
- ._sizeM_t1uype_100._withoutText_t1uype_139 {
598
+ ._sizeM_1uycb5t_100._withoutText_1uycb5t_139 {
599
599
  padding: 8px 8px;
600
600
  border-width: 0px;
601
601
  }
602
- ._sizeL_t1uype_107._withoutText_t1uype_139 {
602
+ ._sizeL_1uycb5t_107._withoutText_1uycb5t_139 {
603
603
  padding: 12px 12px;
604
604
  border-width: 0px;
605
605
  }
606
- ._sizeXs_t1uype_86._modeOutline_t1uype_390 {
606
+ ._sizeXs_1uycb5t_86._modeOutline_1uycb5t_390 {
607
607
  padding: 1px 15px;
608
608
  border-width: 1px;
609
609
  }
610
- ._sizeS_t1uype_93._modeOutline_t1uype_390 {
610
+ ._sizeS_1uycb5t_93._modeOutline_1uycb5t_390 {
611
611
  padding: 5px 15px;
612
612
  border-width: 1px;
613
613
  }
614
- ._sizeM_t1uype_100._modeOutline_t1uype_390 {
614
+ ._sizeM_1uycb5t_100._modeOutline_1uycb5t_390 {
615
615
  padding: 7px 23px;
616
616
  border-width: 1px;
617
617
  }
618
- ._sizeL_t1uype_107._modeOutline_t1uype_390 {
618
+ ._sizeL_1uycb5t_107._modeOutline_1uycb5t_390 {
619
619
  padding: 11px 31px;
620
620
  border-width: 1px;
621
621
  }
622
- ._sizeXs_t1uype_86._modeOutline_t1uype_390._withoutText_t1uype_139 {
622
+ ._sizeXs_1uycb5t_86._modeOutline_1uycb5t_390._withoutText_1uycb5t_139 {
623
623
  padding: 1px 1px;
624
624
  border-width: 1px;
625
625
  }
626
- ._sizeS_t1uype_93._modeOutline_t1uype_390._withoutText_t1uype_139 {
626
+ ._sizeS_1uycb5t_93._modeOutline_1uycb5t_390._withoutText_1uycb5t_139 {
627
627
  padding: 5px 5px;
628
628
  border-width: 1px;
629
629
  }
630
- ._sizeM_t1uype_100._modeOutline_t1uype_390._withoutText_t1uype_139 {
630
+ ._sizeM_1uycb5t_100._modeOutline_1uycb5t_390._withoutText_1uycb5t_139 {
631
631
  padding: 7px 7px;
632
632
  border-width: 1px;
633
633
  }
634
- ._sizeL_t1uype_107._modeOutline_t1uype_390._withoutText_t1uype_139 {
634
+ ._sizeL_1uycb5t_107._modeOutline_1uycb5t_390._withoutText_1uycb5t_139 {
635
635
  padding: 11px 11px;
636
636
  border-width: 1px;
637
637
  }
638
- ._sizeXs_t1uype_86._modeOutline_t1uype_390:active {
638
+ ._sizeXs_1uycb5t_86._modeOutline_1uycb5t_390:active {
639
639
  padding: 0px 14px;
640
640
  border-width: 2px;
641
641
  }
642
- ._sizeS_t1uype_93._modeOutline_t1uype_390:active {
642
+ ._sizeS_1uycb5t_93._modeOutline_1uycb5t_390:active {
643
643
  padding: 4px 14px;
644
644
  border-width: 2px;
645
645
  }
646
- ._sizeM_t1uype_100._modeOutline_t1uype_390:active {
646
+ ._sizeM_1uycb5t_100._modeOutline_1uycb5t_390:active {
647
647
  padding: 6px 22px;
648
648
  border-width: 2px;
649
649
  }
650
- ._sizeL_t1uype_107._modeOutline_t1uype_390:active {
650
+ ._sizeL_1uycb5t_107._modeOutline_1uycb5t_390:active {
651
651
  padding: 10px 30px;
652
652
  border-width: 2px;
653
653
  }
654
- ._sizeXs_t1uype_86._modeOutline_t1uype_390._withoutText_t1uype_139:active {
654
+ ._sizeXs_1uycb5t_86._modeOutline_1uycb5t_390._withoutText_1uycb5t_139:active {
655
655
  padding: 0px 0px;
656
656
  border-width: 2px;
657
657
  }
658
- ._sizeS_t1uype_93._modeOutline_t1uype_390._withoutText_t1uype_139:active {
658
+ ._sizeS_1uycb5t_93._modeOutline_1uycb5t_390._withoutText_1uycb5t_139:active {
659
659
  padding: 4px 4px;
660
660
  border-width: 2px;
661
661
  }
662
- ._sizeM_t1uype_100._modeOutline_t1uype_390._withoutText_t1uype_139:active {
662
+ ._sizeM_1uycb5t_100._modeOutline_1uycb5t_390._withoutText_1uycb5t_139:active {
663
663
  padding: 6px 6px;
664
664
  border-width: 2px;
665
665
  }
666
- ._sizeL_t1uype_107._modeOutline_t1uype_390._withoutText_t1uype_139:active {
666
+ ._sizeL_1uycb5t_107._modeOutline_1uycb5t_390._withoutText_1uycb5t_139:active {
667
667
  padding: 10px 10px;
668
668
  border-width: 2px;
669
669
  }
670
- ._modeClear_t1uype_479._shiftedLeft_t1uype_565._sizeXs_t1uype_86 {
670
+ ._modeClear_1uycb5t_479._shiftedLeft_1uycb5t_565._sizeXs_1uycb5t_86 {
671
671
  margin-left: -16px;
672
672
  }
673
- ._modeClear_t1uype_479._shiftedRight_t1uype_566._sizeXs_t1uype_86 {
673
+ ._modeClear_1uycb5t_479._shiftedRight_1uycb5t_566._sizeXs_1uycb5t_86 {
674
674
  margin-right: -16px;
675
675
  }
676
- ._modeClear_t1uype_479._shiftedTop_t1uype_567._sizeXs_t1uype_86 {
676
+ ._modeClear_1uycb5t_479._shiftedTop_1uycb5t_567._sizeXs_1uycb5t_86 {
677
677
  margin-top: -2px;
678
678
  }
679
- ._modeClear_t1uype_479._shiftedBottom_t1uype_568._sizeXs_t1uype_86 {
679
+ ._modeClear_1uycb5t_479._shiftedBottom_1uycb5t_568._sizeXs_1uycb5t_86 {
680
680
  margin-bottom: -2px;
681
681
  }
682
- ._modeClear_t1uype_479._shiftedLeft_t1uype_565._sizeS_t1uype_93 {
682
+ ._modeClear_1uycb5t_479._shiftedLeft_1uycb5t_565._sizeS_1uycb5t_93 {
683
683
  margin-left: -16px;
684
684
  }
685
- ._modeClear_t1uype_479._shiftedRight_t1uype_566._sizeS_t1uype_93 {
685
+ ._modeClear_1uycb5t_479._shiftedRight_1uycb5t_566._sizeS_1uycb5t_93 {
686
686
  margin-right: -16px;
687
687
  }
688
- ._modeClear_t1uype_479._shiftedTop_t1uype_567._sizeS_t1uype_93 {
688
+ ._modeClear_1uycb5t_479._shiftedTop_1uycb5t_567._sizeS_1uycb5t_93 {
689
689
  margin-top: -6px;
690
690
  }
691
- ._modeClear_t1uype_479._shiftedBottom_t1uype_568._sizeS_t1uype_93 {
691
+ ._modeClear_1uycb5t_479._shiftedBottom_1uycb5t_568._sizeS_1uycb5t_93 {
692
692
  margin-bottom: -6px;
693
693
  }
694
- ._modeClear_t1uype_479._shiftedLeft_t1uype_565._sizeM_t1uype_100 {
694
+ ._modeClear_1uycb5t_479._shiftedLeft_1uycb5t_565._sizeM_1uycb5t_100 {
695
695
  margin-left: -24px;
696
696
  }
697
- ._modeClear_t1uype_479._shiftedRight_t1uype_566._sizeM_t1uype_100 {
697
+ ._modeClear_1uycb5t_479._shiftedRight_1uycb5t_566._sizeM_1uycb5t_100 {
698
698
  margin-right: -24px;
699
699
  }
700
- ._modeClear_t1uype_479._shiftedTop_t1uype_567._sizeM_t1uype_100 {
700
+ ._modeClear_1uycb5t_479._shiftedTop_1uycb5t_567._sizeM_1uycb5t_100 {
701
701
  margin-top: -8px;
702
702
  }
703
- ._modeClear_t1uype_479._shiftedBottom_t1uype_568._sizeM_t1uype_100 {
703
+ ._modeClear_1uycb5t_479._shiftedBottom_1uycb5t_568._sizeM_1uycb5t_100 {
704
704
  margin-bottom: -8px;
705
705
  }
706
- ._modeClear_t1uype_479._shiftedLeft_t1uype_565._sizeL_t1uype_107 {
706
+ ._modeClear_1uycb5t_479._shiftedLeft_1uycb5t_565._sizeL_1uycb5t_107 {
707
707
  margin-left: -32px;
708
708
  }
709
- ._modeClear_t1uype_479._shiftedRight_t1uype_566._sizeL_t1uype_107 {
709
+ ._modeClear_1uycb5t_479._shiftedRight_1uycb5t_566._sizeL_1uycb5t_107 {
710
710
  margin-right: -32px;
711
711
  }
712
- ._modeClear_t1uype_479._shiftedTop_t1uype_567._sizeL_t1uype_107 {
712
+ ._modeClear_1uycb5t_479._shiftedTop_1uycb5t_567._sizeL_1uycb5t_107 {
713
713
  margin-top: -12px;
714
714
  }
715
- ._modeClear_t1uype_479._shiftedBottom_t1uype_568._sizeL_t1uype_107 {
715
+ ._modeClear_1uycb5t_479._shiftedBottom_1uycb5t_568._sizeL_1uycb5t_107 {
716
716
  margin-bottom: -12px;
717
717
  }
718
- ._modeClear_t1uype_479._shiftedLeft_t1uype_565._sizeXs_t1uype_86._withoutText_t1uype_139 {
718
+ ._modeClear_1uycb5t_479._shiftedLeft_1uycb5t_565._sizeXs_1uycb5t_86._withoutText_1uycb5t_139 {
719
719
  margin-left: -2px;
720
720
  }
721
- ._modeClear_t1uype_479._shiftedRight_t1uype_566._sizeXs_t1uype_86._withoutText_t1uype_139 {
721
+ ._modeClear_1uycb5t_479._shiftedRight_1uycb5t_566._sizeXs_1uycb5t_86._withoutText_1uycb5t_139 {
722
722
  margin-right: -2px;
723
723
  }
724
- ._modeClear_t1uype_479._shiftedTop_t1uype_567._sizeXs_t1uype_86._withoutText_t1uype_139 {
724
+ ._modeClear_1uycb5t_479._shiftedTop_1uycb5t_567._sizeXs_1uycb5t_86._withoutText_1uycb5t_139 {
725
725
  margin-top: -2px;
726
726
  }
727
- ._modeClear_t1uype_479._shiftedBottom_t1uype_568._sizeXs_t1uype_86._withoutText_t1uype_139 {
727
+ ._modeClear_1uycb5t_479._shiftedBottom_1uycb5t_568._sizeXs_1uycb5t_86._withoutText_1uycb5t_139 {
728
728
  margin-bottom: -2px;
729
729
  }
730
- ._modeClear_t1uype_479._shiftedLeft_t1uype_565._sizeS_t1uype_93._withoutText_t1uype_139 {
730
+ ._modeClear_1uycb5t_479._shiftedLeft_1uycb5t_565._sizeS_1uycb5t_93._withoutText_1uycb5t_139 {
731
731
  margin-left: -6px;
732
732
  }
733
- ._modeClear_t1uype_479._shiftedRight_t1uype_566._sizeS_t1uype_93._withoutText_t1uype_139 {
733
+ ._modeClear_1uycb5t_479._shiftedRight_1uycb5t_566._sizeS_1uycb5t_93._withoutText_1uycb5t_139 {
734
734
  margin-right: -6px;
735
735
  }
736
- ._modeClear_t1uype_479._shiftedTop_t1uype_567._sizeS_t1uype_93._withoutText_t1uype_139 {
736
+ ._modeClear_1uycb5t_479._shiftedTop_1uycb5t_567._sizeS_1uycb5t_93._withoutText_1uycb5t_139 {
737
737
  margin-top: -6px;
738
738
  }
739
- ._modeClear_t1uype_479._shiftedBottom_t1uype_568._sizeS_t1uype_93._withoutText_t1uype_139 {
739
+ ._modeClear_1uycb5t_479._shiftedBottom_1uycb5t_568._sizeS_1uycb5t_93._withoutText_1uycb5t_139 {
740
740
  margin-bottom: -6px;
741
741
  }
742
- ._modeClear_t1uype_479._shiftedLeft_t1uype_565._sizeM_t1uype_100._withoutText_t1uype_139 {
742
+ ._modeClear_1uycb5t_479._shiftedLeft_1uycb5t_565._sizeM_1uycb5t_100._withoutText_1uycb5t_139 {
743
743
  margin-left: -8px;
744
744
  }
745
- ._modeClear_t1uype_479._shiftedRight_t1uype_566._sizeM_t1uype_100._withoutText_t1uype_139 {
745
+ ._modeClear_1uycb5t_479._shiftedRight_1uycb5t_566._sizeM_1uycb5t_100._withoutText_1uycb5t_139 {
746
746
  margin-right: -8px;
747
747
  }
748
- ._modeClear_t1uype_479._shiftedTop_t1uype_567._sizeM_t1uype_100._withoutText_t1uype_139 {
748
+ ._modeClear_1uycb5t_479._shiftedTop_1uycb5t_567._sizeM_1uycb5t_100._withoutText_1uycb5t_139 {
749
749
  margin-top: -8px;
750
750
  }
751
- ._modeClear_t1uype_479._shiftedBottom_t1uype_568._sizeM_t1uype_100._withoutText_t1uype_139 {
751
+ ._modeClear_1uycb5t_479._shiftedBottom_1uycb5t_568._sizeM_1uycb5t_100._withoutText_1uycb5t_139 {
752
752
  margin-bottom: -8px;
753
753
  }
754
- ._modeClear_t1uype_479._shiftedLeft_t1uype_565._sizeL_t1uype_107._withoutText_t1uype_139 {
754
+ ._modeClear_1uycb5t_479._shiftedLeft_1uycb5t_565._sizeL_1uycb5t_107._withoutText_1uycb5t_139 {
755
755
  margin-left: -12px;
756
756
  }
757
- ._modeClear_t1uype_479._shiftedRight_t1uype_566._sizeL_t1uype_107._withoutText_t1uype_139 {
757
+ ._modeClear_1uycb5t_479._shiftedRight_1uycb5t_566._sizeL_1uycb5t_107._withoutText_1uycb5t_139 {
758
758
  margin-right: -12px;
759
759
  }
760
- ._modeClear_t1uype_479._shiftedTop_t1uype_567._sizeL_t1uype_107._withoutText_t1uype_139 {
760
+ ._modeClear_1uycb5t_479._shiftedTop_1uycb5t_567._sizeL_1uycb5t_107._withoutText_1uycb5t_139 {
761
761
  margin-top: -12px;
762
762
  }
763
- ._modeClear_t1uype_479._shiftedBottom_t1uype_568._sizeL_t1uype_107._withoutText_t1uype_139 {
763
+ ._modeClear_1uycb5t_479._shiftedBottom_1uycb5t_568._sizeL_1uycb5t_107._withoutText_1uycb5t_139 {
764
764
  margin-bottom: -12px;
765
765
  }
766
- ._icon_t1uype_570{
766
+ ._icon_1uycb5t_570{
767
767
  fill:currentColor;
768
768
  }
769
- ._sizeXs_t1uype_86 ._icon_t1uype_570 {
769
+ ._sizeXs_1uycb5t_86 ._icon_1uycb5t_570 {
770
770
  width: 16px;
771
771
  height: 16px;
772
772
  min-width: 16px;
@@ -774,7 +774,7 @@
774
774
  margin-right: 8px;
775
775
  margin-left: -2px;
776
776
  }
777
- ._sizeS_t1uype_93 ._icon_t1uype_570 {
777
+ ._sizeS_1uycb5t_93 ._icon_1uycb5t_570 {
778
778
  width: 20px;
779
779
  height: 20px;
780
780
  min-width: 20px;
@@ -782,7 +782,7 @@
782
782
  margin-right: 8px;
783
783
  margin-left: -2px;
784
784
  }
785
- ._sizeM_t1uype_100 ._icon_t1uype_570 {
785
+ ._sizeM_1uycb5t_100 ._icon_1uycb5t_570 {
786
786
  width: 24px;
787
787
  height: 24px;
788
788
  min-width: 24px;
@@ -790,7 +790,7 @@
790
790
  margin-right: 8px;
791
791
  margin-left: -2px;
792
792
  }
793
- ._sizeL_t1uype_107 ._icon_t1uype_570 {
793
+ ._sizeL_1uycb5t_107 ._icon_1uycb5t_570 {
794
794
  width: 28px;
795
795
  height: 28px;
796
796
  min-width: 28px;
@@ -798,7 +798,7 @@
798
798
  margin-right: 16px;
799
799
  margin-left: -2px;
800
800
  }
801
- ._sizeXs_t1uype_86._alignIconRight_t1uype_82 ._icon_t1uype_570 {
801
+ ._sizeXs_1uycb5t_86._alignIconRight_1uycb5t_82 ._icon_1uycb5t_570 {
802
802
  width: 16px;
803
803
  height: 16px;
804
804
  min-width: 16px;
@@ -806,7 +806,7 @@
806
806
  margin-right: -2px;
807
807
  margin-left: 8px;
808
808
  }
809
- ._sizeS_t1uype_93._alignIconRight_t1uype_82 ._icon_t1uype_570 {
809
+ ._sizeS_1uycb5t_93._alignIconRight_1uycb5t_82 ._icon_1uycb5t_570 {
810
810
  width: 20px;
811
811
  height: 20px;
812
812
  min-width: 20px;
@@ -814,7 +814,7 @@
814
814
  margin-right: -2px;
815
815
  margin-left: 8px;
816
816
  }
817
- ._sizeM_t1uype_100._alignIconRight_t1uype_82 ._icon_t1uype_570 {
817
+ ._sizeM_1uycb5t_100._alignIconRight_1uycb5t_82 ._icon_1uycb5t_570 {
818
818
  width: 24px;
819
819
  height: 24px;
820
820
  min-width: 24px;
@@ -822,7 +822,7 @@
822
822
  margin-right: -2px;
823
823
  margin-left: 8px;
824
824
  }
825
- ._sizeL_t1uype_107._alignIconRight_t1uype_82 ._icon_t1uype_570 {
825
+ ._sizeL_1uycb5t_107._alignIconRight_1uycb5t_82 ._icon_1uycb5t_570 {
826
826
  width: 28px;
827
827
  height: 28px;
828
828
  min-width: 28px;
@@ -830,13 +830,13 @@
830
830
  margin-right: -2px;
831
831
  margin-left: 16px;
832
832
  }
833
- ._withoutText_t1uype_139 ._icon_t1uype_570,
834
- ._withoutText_t1uype_139._alignIconRight_t1uype_82 ._icon_t1uype_570{
833
+ ._withoutText_1uycb5t_139 ._icon_1uycb5t_570,
834
+ ._withoutText_1uycb5t_139._alignIconRight_1uycb5t_82 ._icon_1uycb5t_570{
835
835
  margin:0;
836
836
  }
837
- ._sizeXs_t1uype_86 ._icon_t1uype_570{
837
+ ._sizeXs_1uycb5t_86 ._icon_1uycb5t_570{
838
838
  margin-top:2px;
839
839
  }
840
- ._sizeXs_t1uype_86._withoutText_t1uype_139 ._icon_t1uype_570{
840
+ ._sizeXs_1uycb5t_86._withoutText_1uycb5t_139 ._icon_1uycb5t_570{
841
841
  margin-top:0;
842
842
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.13.2",
3
+ "version": "0.14.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.15.0",
18
+ "@rescui/icons": "^0.15.1",
19
19
  "@rescui/use-resize-observer": "^0.1.6",
20
20
  "classnames": "^2.2.6",
21
21
  "core-js": "^3.9.1"
@@ -26,15 +26,15 @@
26
26
  "react": ">=16.8.0 <19"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "^0.1.9",
29
+ "@rescui/colors": "^0.1.10",
30
30
  "@rescui/postcss-preset-library": "^0.1.1",
31
31
  "@rescui/scripts": "^0.2.2",
32
- "@rescui/typography": "^0.12.0",
33
- "@rescui/visual-regression": "^0.1.0",
32
+ "@rescui/typography": "^0.13.0",
33
+ "@rescui/visual-regression": "^0.1.1",
34
34
  "@types/classnames": "^2.2.11"
35
35
  },
36
36
  "scripts": {
37
37
  "build": "rescui-scripts build"
38
38
  },
39
- "gitHead": "15a2e015857a718b8e9345198726ef194d566f8b"
39
+ "gitHead": "342bbd302e2e8856be2cd4a61bc323d459e601cb"
40
40
  }