@rescui/button 0.9.4 → 0.10.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 +1 -7
  2. package/lib/button.p.module.css.js +31 -31
  3. package/lib/index.css +207 -196
  4. package/package.json +6 -6
package/lib/button.js CHANGED
@@ -45,12 +45,6 @@ var ICON_POSITION_STYLES = {
45
45
  left: styles.alignIconLeft,
46
46
  right: styles.alignIconRight
47
47
  };
48
- var ICON_SIZES = {
49
- xs: 's',
50
- s: 's',
51
- m: 'm',
52
- l: 'l'
53
- };
54
48
 
55
49
  var useForwardedRef = function useForwardedRef(ref) {
56
50
  var innerRef = useRef(null);
@@ -156,7 +150,7 @@ function (_ref, forwardedRef) {
156
150
  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)
157
151
  }), iconSlot, showBusyOverlay && /*#__PURE__*/React.createElement(LoadingIcon, {
158
152
  className: styles.busyIcon,
159
- size: ICON_SIZES[size],
153
+ size: size,
160
154
  "data-test": "busy-icon"
161
155
  }), children);
162
156
  });
package/lib/button.p.module.css.js CHANGED
@@ -1,34 +1,34 @@
1
1
  var styles = {
2
- "main": "_main_1o2xc3v_17",
3
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1o2xc3v_1",
4
- "busy": "_busy_1o2xc3v_49",
5
- "busyOverlay": "_busyOverlay_1o2xc3v_53",
6
- "light": "_light_1o2xc3v_59",
7
- "disabled": "_disabled_1o2xc3v_61",
8
- "dark": "_dark_1o2xc3v_62",
9
- "alignIconLeft": "_alignIconLeft_1o2xc3v_77",
10
- "alignIconRight": "_alignIconRight_1o2xc3v_81",
11
- "sizeXs": "_sizeXs_1o2xc3v_85",
12
- "sizeS": "_sizeS_1o2xc3v_92",
13
- "sizeM": "_sizeM_1o2xc3v_99",
14
- "sizeL": "_sizeL_1o2xc3v_106",
15
- "allowMultiline": "_allowMultiline_1o2xc3v_114",
16
- "multiline": "_multiline_1o2xc3v_118",
17
- "withoutText": "_withoutText_1o2xc3v_138",
18
- "withIcon": "_withIcon_1o2xc3v_144",
19
- "busyIcon": "_busyIcon_1o2xc3v_150",
20
- "flatRight": "_flatRight_1o2xc3v_158",
21
- "flatLeft": "_flatLeft_1o2xc3v_163",
22
- "modeClassic": "_modeClassic_1o2xc3v_168",
23
- "modeRock": "_modeRock_1o2xc3v_241",
24
- "modeTransparent": "_modeTransparent_1o2xc3v_319",
25
- "modeOutline": "_modeOutline_1o2xc3v_389",
26
- "modeClear": "_modeClear_1o2xc3v_478",
27
- "highlighted": "_highlighted_1o2xc3v_513",
28
- "shiftedLeft": "_shiftedLeft_1o2xc3v_564",
29
- "shiftedRight": "_shiftedRight_1o2xc3v_565",
30
- "shiftedTop": "_shiftedTop_1o2xc3v_566",
31
- "shiftedBottom": "_shiftedBottom_1o2xc3v_567",
32
- "icon": "_icon_1o2xc3v_569"
2
+ "main": "_main_d4ewd2_17",
3
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_d4ewd2_1",
4
+ "busy": "_busy_d4ewd2_49",
5
+ "busyOverlay": "_busyOverlay_d4ewd2_53",
6
+ "light": "_light_d4ewd2_59",
7
+ "disabled": "_disabled_d4ewd2_61",
8
+ "dark": "_dark_d4ewd2_62",
9
+ "alignIconLeft": "_alignIconLeft_d4ewd2_77",
10
+ "alignIconRight": "_alignIconRight_d4ewd2_81",
11
+ "sizeXs": "_sizeXs_d4ewd2_85",
12
+ "sizeS": "_sizeS_d4ewd2_92",
13
+ "sizeM": "_sizeM_d4ewd2_99",
14
+ "sizeL": "_sizeL_d4ewd2_106",
15
+ "allowMultiline": "_allowMultiline_d4ewd2_114",
16
+ "multiline": "_multiline_d4ewd2_118",
17
+ "withoutText": "_withoutText_d4ewd2_138",
18
+ "withIcon": "_withIcon_d4ewd2_144",
19
+ "busyIcon": "_busyIcon_d4ewd2_150",
20
+ "flatRight": "_flatRight_d4ewd2_158",
21
+ "flatLeft": "_flatLeft_d4ewd2_163",
22
+ "modeClassic": "_modeClassic_d4ewd2_168",
23
+ "modeRock": "_modeRock_d4ewd2_241",
24
+ "modeTransparent": "_modeTransparent_d4ewd2_319",
25
+ "modeOutline": "_modeOutline_d4ewd2_389",
26
+ "modeClear": "_modeClear_d4ewd2_478",
27
+ "highlighted": "_highlighted_d4ewd2_513",
28
+ "shiftedLeft": "_shiftedLeft_d4ewd2_564",
29
+ "shiftedRight": "_shiftedRight_d4ewd2_565",
30
+ "shiftedTop": "_shiftedTop_d4ewd2_566",
31
+ "shiftedBottom": "_shiftedBottom_d4ewd2_567",
32
+ "icon": "_icon_d4ewd2_569"
33
33
  };
34
34
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._main_1o2xc3v_17{
1
+ ._main_d4ewd2_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_1o2xc3v_1 ._main_1o2xc3v_17{
13
+ ._rs-reset-letter-spacing_d4ewd2_1 ._main_d4ewd2_17{
14
14
  letter-spacing:normal;
15
15
  }
16
- ._main_1o2xc3v_17:focus[data-focus-method='key']{
16
+ ._main_d4ewd2_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_1o2xc3v_17 {
22
+ ._main_d4ewd2_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_1o2xc3v_17:hover,
49
- ._main_1o2xc3v_17:focus,
50
- ._main_1o2xc3v_17:active{
48
+ ._main_d4ewd2_17:hover,
49
+ ._main_d4ewd2_17:focus,
50
+ ._main_d4ewd2_17:active{
51
51
  outline:none;
52
52
 
53
53
  text-decoration:none;
54
54
  }
55
55
 
56
- ._main_1o2xc3v_17._busy_1o2xc3v_49{
56
+ ._main_d4ewd2_17._busy_d4ewd2_49{
57
57
  pointer-events:none;
58
58
  }
59
59
 
60
- ._main_1o2xc3v_17._busyOverlay_1o2xc3v_53{
60
+ ._main_d4ewd2_17._busyOverlay_d4ewd2_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_1o2xc3v_17._busyOverlay_1o2xc3v_53._light_1o2xc3v_59,
73
- ._main_1o2xc3v_17._busyOverlay_1o2xc3v_53._light_1o2xc3v_59:hover,
74
- ._main_1o2xc3v_17._busyOverlay_1o2xc3v_53._light_1o2xc3v_59._disabled_1o2xc3v_61,
75
- ._main_1o2xc3v_17._busyOverlay_1o2xc3v_53._dark_1o2xc3v_62._disabled_1o2xc3v_61,
76
- ._main_1o2xc3v_17._busyOverlay_1o2xc3v_53._dark_1o2xc3v_62,
77
- ._main_1o2xc3v_17._busyOverlay_1o2xc3v_53._dark_1o2xc3v_62:hover{
72
+ ._main_d4ewd2_17._busyOverlay_d4ewd2_53._light_d4ewd2_59,
73
+ ._main_d4ewd2_17._busyOverlay_d4ewd2_53._light_d4ewd2_59:hover,
74
+ ._main_d4ewd2_17._busyOverlay_d4ewd2_53._light_d4ewd2_59._disabled_d4ewd2_61,
75
+ ._main_d4ewd2_17._busyOverlay_d4ewd2_53._dark_d4ewd2_62._disabled_d4ewd2_61,
76
+ ._main_d4ewd2_17._busyOverlay_d4ewd2_53._dark_d4ewd2_62,
77
+ ._main_d4ewd2_17._busyOverlay_d4ewd2_53._dark_d4ewd2_62:hover{
78
78
  color:transparent;
79
79
  }
80
- ._dark_1o2xc3v_62:focus[data-focus-method='key']{
80
+ ._dark_d4ewd2_62:focus[data-focus-method='key']{
81
81
  -webkit-box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
82
82
  -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
83
83
  box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
84
84
  box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
85
85
  }
86
- ._disabled_1o2xc3v_61{
86
+ ._disabled_d4ewd2_61{
87
87
  pointer-events:none;
88
88
  }
89
- ._alignIconLeft_1o2xc3v_77{
89
+ ._alignIconLeft_d4ewd2_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_1o2xc3v_81{
95
+ ._alignIconRight_d4ewd2_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_1o2xc3v_85{
101
+ ._sizeXs_d4ewd2_85{
102
102
  letter-spacing:0.0045em;
103
103
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
104
104
  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));
@@ -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_1o2xc3v_1 ._sizeXs_1o2xc3v_85{
112
+ ._rs-reset-letter-spacing_d4ewd2_1 ._sizeXs_d4ewd2_85{
113
113
  letter-spacing:normal;
114
114
  }
115
- ._sizeXs_1o2xc3v_85 {
115
+ ._sizeXs_d4ewd2_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_1o2xc3v_92{
119
+ ._sizeS_d4ewd2_92{
120
120
  letter-spacing:0.0045em;
121
121
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
122
122
  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));
@@ -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_1o2xc3v_1 ._sizeS_1o2xc3v_92{
130
+ ._rs-reset-letter-spacing_d4ewd2_1 ._sizeS_d4ewd2_92{
131
131
  letter-spacing:normal;
132
132
  }
133
- ._sizeS_1o2xc3v_92 {
133
+ ._sizeS_d4ewd2_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_1o2xc3v_99{
137
+ ._sizeM_d4ewd2_99{
138
138
  letter-spacing:0.0015em;
139
139
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
140
140
  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));
@@ -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_1o2xc3v_1 ._sizeM_1o2xc3v_99{
149
+ ._rs-reset-letter-spacing_d4ewd2_1 ._sizeM_d4ewd2_99{
150
150
  letter-spacing:normal;
151
151
  }
152
- ._sizeM_1o2xc3v_99 {
152
+ ._sizeM_d4ewd2_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_1o2xc3v_106{
156
+ ._sizeL_d4ewd2_106{
157
157
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
158
158
  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));
159
159
  -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -166,26 +166,26 @@
166
166
  border-radius:36px;
167
167
  border-radius:var(--rs-button-l-border-radius, var(--rs-button-border-radius, 36px));
168
168
  }
169
- ._allowMultiline_1o2xc3v_114{
169
+ ._allowMultiline_d4ewd2_114{
170
170
  white-space:normal;
171
171
  }
172
- ._multiline_1o2xc3v_118._sizeXs_1o2xc3v_85{
172
+ ._multiline_d4ewd2_118._sizeXs_d4ewd2_85{
173
173
  border-radius:4px;
174
174
  border-radius:var(--rs-button-xs-border-radius, var(--rs-button-border-radius, 4px));
175
175
  }
176
- ._multiline_1o2xc3v_118._sizeS_1o2xc3v_92{
176
+ ._multiline_d4ewd2_118._sizeS_d4ewd2_92{
177
177
  border-radius:4px;
178
178
  border-radius:var(--rs-button-s-border-radius, var(--rs-button-border-radius, 4px));
179
179
  }
180
- ._multiline_1o2xc3v_118._sizeM_1o2xc3v_99{
180
+ ._multiline_d4ewd2_118._sizeM_d4ewd2_99{
181
181
  border-radius:8px;
182
182
  border-radius:var(--rs-button-m-border-radius, var(--rs-button-border-radius, 8px));
183
183
  }
184
- ._multiline_1o2xc3v_118._sizeL_1o2xc3v_106{
184
+ ._multiline_d4ewd2_118._sizeL_d4ewd2_106{
185
185
  border-radius:12px;
186
186
  border-radius:var(--rs-button-l-border-radius, var(--rs-button-border-radius, 12px));
187
187
  }
188
- ._withoutText_1o2xc3v_138{
188
+ ._withoutText_d4ewd2_138{
189
189
  display:-webkit-inline-box;
190
190
  display:-ms-inline-flexbox;
191
191
  display:inline-flex;
@@ -196,7 +196,7 @@
196
196
  -ms-flex-align:center;
197
197
  align-items:center;
198
198
  }
199
- ._withIcon_1o2xc3v_144{
199
+ ._withIcon_d4ewd2_144{
200
200
  display:-webkit-inline-box;
201
201
  display:-ms-inline-flexbox;
202
202
  display:inline-flex;
@@ -207,7 +207,7 @@
207
207
  -ms-flex-align:center;
208
208
  align-items:center;
209
209
  }
210
- ._busyIcon_1o2xc3v_150{
210
+ ._busyIcon_d4ewd2_150{
211
211
  position:absolute;
212
212
  top:50%;
213
213
  left:50%;
@@ -216,226 +216,226 @@
216
216
 
217
217
  transform:translate(-50%, -50%);
218
218
  }
219
- ._flatRight_1o2xc3v_158{
219
+ ._flatRight_d4ewd2_158{
220
220
  border-top-right-radius:0;
221
221
  border-bottom-right-radius:0;
222
222
  }
223
- ._flatLeft_1o2xc3v_163{
223
+ ._flatLeft_d4ewd2_163{
224
224
  border-top-left-radius:0;
225
225
  border-bottom-left-radius:0;
226
226
  }
227
- ._modeClassic_1o2xc3v_168{
227
+ ._modeClassic_d4ewd2_168{
228
228
  color:#FFFFFF;
229
229
  background:#6B57FF;
230
230
  background:var(--rs-color-primary-light-theme, #6B57FF);
231
231
  }
232
- ._modeClassic_1o2xc3v_168 ._busyIcon_1o2xc3v_150{
232
+ ._modeClassic_d4ewd2_168 ._busyIcon_d4ewd2_150{
233
233
  color:#FFFFFF;
234
234
  }
235
- ._modeClassic_1o2xc3v_168:focus{
235
+ ._modeClassic_d4ewd2_168:focus{
236
236
  color:#FFFFFF;
237
237
  background:#6B57FF;
238
238
  background:var(--rs-color-primary-light-theme, #6B57FF);
239
239
  }
240
240
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
241
- ._modeClassic_1o2xc3v_168:hover{
241
+ ._modeClassic_d4ewd2_168:hover{
242
242
  color:#FFFFFF;
243
243
  background:rgba(107, 87, 255, 0.8);
244
244
  background:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
245
245
  }
246
246
  }
247
- ._modeClassic_1o2xc3v_168:active{
247
+ ._modeClassic_d4ewd2_168:active{
248
248
  color:#FFFFFF;
249
249
  background:#6B57FF;
250
250
  background:var(--rs-color-primary-light-theme, #6B57FF);
251
251
  }
252
- ._modeClassic_1o2xc3v_168:active:focus:not(:hover)[data-focus-method='key']{
252
+ ._modeClassic_d4ewd2_168:active:focus:not(:hover)[data-focus-method='key']{
253
253
  background:rgba(107, 87, 255, 0.8);
254
254
  background:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
255
255
  }
256
- ._modeClassic_1o2xc3v_168._disabled_1o2xc3v_61{
256
+ ._modeClassic_d4ewd2_168._disabled_d4ewd2_61{
257
257
  color:rgba(25,25,28,0.5);
258
258
  background:rgba(25,25,28,0.2);
259
259
  }
260
- ._modeClassic_1o2xc3v_168._disabled_1o2xc3v_61 ._busyIcon_1o2xc3v_150{
260
+ ._modeClassic_d4ewd2_168._disabled_d4ewd2_61 ._busyIcon_d4ewd2_150{
261
261
  color:rgba(25,25,28,0.5);
262
262
  }
263
- ._modeClassic_1o2xc3v_168._dark_1o2xc3v_62{
263
+ ._modeClassic_d4ewd2_168._dark_d4ewd2_62{
264
264
  color:#FFFFFF;
265
265
  background:#8473FF;
266
266
  background:var(--rs-color-primary-dark-theme, #8473FF);
267
267
  }
268
- ._modeClassic_1o2xc3v_168._dark_1o2xc3v_62 ._busyIcon_1o2xc3v_150{
268
+ ._modeClassic_d4ewd2_168._dark_d4ewd2_62 ._busyIcon_d4ewd2_150{
269
269
  color:#FFFFFF;
270
270
  }
271
271
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
272
- ._modeClassic_1o2xc3v_168._dark_1o2xc3v_62:hover{
272
+ ._modeClassic_d4ewd2_168._dark_d4ewd2_62:hover{
273
273
  color:#FFFFFF;
274
274
  background:rgba(132, 115, 255,0.8);
275
275
  background:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8));
276
276
  }
277
277
  }
278
- ._modeClassic_1o2xc3v_168._dark_1o2xc3v_62:active{
278
+ ._modeClassic_d4ewd2_168._dark_d4ewd2_62:active{
279
279
  color:#FFFFFF;
280
280
  background:#8473FF;
281
281
  background:var(--rs-color-primary-dark-theme, #8473FF);
282
282
  }
283
- ._modeClassic_1o2xc3v_168._dark_1o2xc3v_62:active:focus:not(:hover)[data-focus-method='key']{
283
+ ._modeClassic_d4ewd2_168._dark_d4ewd2_62:active:focus:not(:hover)[data-focus-method='key']{
284
284
  background:rgba(132, 115, 255,0.8);
285
285
  background:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8));
286
286
  }
287
- ._modeClassic_1o2xc3v_168._dark_1o2xc3v_62._disabled_1o2xc3v_61{
287
+ ._modeClassic_d4ewd2_168._dark_d4ewd2_62._disabled_d4ewd2_61{
288
288
  color:rgba(255,255,255,0.5);
289
289
  background:rgba(255,255,255,0.2);
290
290
  }
291
- ._modeClassic_1o2xc3v_168._dark_1o2xc3v_62._disabled_1o2xc3v_61 ._busyIcon_1o2xc3v_150{
291
+ ._modeClassic_d4ewd2_168._dark_d4ewd2_62._disabled_d4ewd2_61 ._busyIcon_d4ewd2_150{
292
292
  color:rgba(255,255,255,0.5);
293
293
  }
294
- ._modeRock_1o2xc3v_241{
294
+ ._modeRock_d4ewd2_241{
295
295
  color:#FFFFFF;
296
296
  color:var(--rs-rock-button-text-color, #FFFFFF);
297
297
  background-color:#19191C;
298
298
  background-color:var(--rs-rock-button-bg-color, #19191C);
299
299
  }
300
- ._modeRock_1o2xc3v_241 ._busyIcon_1o2xc3v_150{
300
+ ._modeRock_d4ewd2_241 ._busyIcon_d4ewd2_150{
301
301
  color:#FFFFFF;
302
302
  color:var(--rs-rock-button-text-color, #FFFFFF);
303
303
  }
304
- ._modeRock_1o2xc3v_241:focus{
304
+ ._modeRock_d4ewd2_241:focus{
305
305
  color:#FFFFFF;
306
306
  color:var(--rs-rock-button-text-color, #FFFFFF);
307
307
  background-color:#19191C;
308
308
  background-color:var(--rs-rock-button-bg-color, #19191C);
309
309
  }
310
310
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
311
- ._modeRock_1o2xc3v_241:hover{
311
+ ._modeRock_d4ewd2_241:hover{
312
312
  color:#FFFFFF;
313
313
  color:var(--rs-rock-button-text-color, #FFFFFF);
314
314
  background-color:rgba(25,25,28,0.8);
315
315
  background-color:var(--rs-rock-button-hover-bg-color, rgba(25,25,28,0.8));
316
316
  }
317
317
  }
318
- ._modeRock_1o2xc3v_241:active{
318
+ ._modeRock_d4ewd2_241:active{
319
319
  color:#FFFFFF;
320
320
  color:var(--rs-rock-button-text-color, #FFFFFF);
321
321
  background-color:#19191C;
322
322
  background-color:var(--rs-rock-button-bg-color, #19191C);
323
323
  }
324
- ._modeRock_1o2xc3v_241:active:focus:not(:hover)[data-focus-method='key']{
324
+ ._modeRock_d4ewd2_241:active:focus:not(:hover)[data-focus-method='key']{
325
325
  background-color:rgba(25,25,28,0.8);
326
326
  background-color:var(--rs-rock-button-hover-bg-color, rgba(25,25,28,0.8));
327
327
  }
328
- ._modeRock_1o2xc3v_241._disabled_1o2xc3v_61{
328
+ ._modeRock_d4ewd2_241._disabled_d4ewd2_61{
329
329
  color:rgba(25,25,28,0.5);
330
330
  color:var(--rs-rock-button-disabled-text-color, rgba(25,25,28,0.5));
331
331
  background-color:rgba(25,25,28,0.2);
332
332
  background-color:var(--rs-rock-button-disabled-bg-color, rgba(25,25,28,0.2));
333
333
  }
334
- ._modeRock_1o2xc3v_241._disabled_1o2xc3v_61 ._busyIcon_1o2xc3v_150{
334
+ ._modeRock_d4ewd2_241._disabled_d4ewd2_61 ._busyIcon_d4ewd2_150{
335
335
  color:rgba(25,25,28,0.5);
336
336
  color:var(--rs-rock-button-disabled-text-color, rgba(25,25,28,0.5));
337
337
  }
338
- ._modeRock_1o2xc3v_241._dark_1o2xc3v_62{
338
+ ._modeRock_d4ewd2_241._dark_d4ewd2_62{
339
339
  color:#19191C;
340
340
  color:var(--rs-rock-button-text-color, #19191C);
341
341
  background-color:#FFFFFF;
342
342
  background-color:var(--rs-rock-button-bg-color, #FFFFFF);
343
343
  }
344
- ._modeRock_1o2xc3v_241._dark_1o2xc3v_62 ._busyIcon_1o2xc3v_150{
344
+ ._modeRock_d4ewd2_241._dark_d4ewd2_62 ._busyIcon_d4ewd2_150{
345
345
  color:#19191C;
346
346
  color:var(--rs-rock-button-text-color, #19191C);
347
347
  }
348
- ._modeRock_1o2xc3v_241._dark_1o2xc3v_62:focus{
348
+ ._modeRock_d4ewd2_241._dark_d4ewd2_62:focus{
349
349
  color:#19191C;
350
350
  color:var(--rs-rock-button-text-color, #19191C);
351
351
  background-color:#FFFFFF;
352
352
  background-color:var(--rs-rock-button-bg-color, #FFFFFF);
353
353
  }
354
354
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
355
- ._modeRock_1o2xc3v_241._dark_1o2xc3v_62:hover{
355
+ ._modeRock_d4ewd2_241._dark_d4ewd2_62:hover{
356
356
  color:#19191C;
357
357
  color:var(--rs-rock-button-text-color, #19191C);
358
358
  background-color:rgba(255,255,255,0.8);
359
359
  background-color:var(--rs-rock-button-hover-bg-color, rgba(255,255,255,0.8));
360
360
  }
361
361
  }
362
- ._modeRock_1o2xc3v_241._dark_1o2xc3v_62:active{
362
+ ._modeRock_d4ewd2_241._dark_d4ewd2_62:active{
363
363
  color:#19191C;
364
364
  color:var(--rs-rock-button-text-color, #19191C);
365
365
  background-color:#FFFFFF;
366
366
  background-color:var(--rs-rock-button-bg-color, #FFFFFF);
367
367
  }
368
- ._modeRock_1o2xc3v_241._dark_1o2xc3v_62:active:focus:not(:hover)[data-focus-method='key']{
368
+ ._modeRock_d4ewd2_241._dark_d4ewd2_62:active:focus:not(:hover)[data-focus-method='key']{
369
369
  background-color:rgba(255,255,255,0.8);
370
370
  background-color:var(--rs-rock-button-hover-bg-color, rgba(255,255,255,0.8));
371
371
  }
372
- ._modeRock_1o2xc3v_241._dark_1o2xc3v_62._disabled_1o2xc3v_61{
372
+ ._modeRock_d4ewd2_241._dark_d4ewd2_62._disabled_d4ewd2_61{
373
373
  color:rgba(255,255,255,0.5);
374
374
  color:var(--rs-rock-button-disabled-text-color, rgba(255,255,255,0.5));
375
375
  background-color:rgba(255,255,255,0.2);
376
376
  background-color:var(--rs-rock-button-disabled-bg-color, rgba(255,255,255,0.2));
377
377
  }
378
- ._modeRock_1o2xc3v_241._dark_1o2xc3v_62._disabled_1o2xc3v_61 ._busyIcon_1o2xc3v_150{
378
+ ._modeRock_d4ewd2_241._dark_d4ewd2_62._disabled_d4ewd2_61 ._busyIcon_d4ewd2_150{
379
379
  color:rgba(255,255,255,0.5);
380
380
  color:var(--rs-rock-button-disabled-text-color, rgba(255,255,255,0.5));
381
381
  }
382
- ._modeTransparent_1o2xc3v_319{
382
+ ._modeTransparent_d4ewd2_319{
383
383
  color:#FFFFFF;
384
384
  background-color:rgba(25,25,28,0.5);
385
385
  }
386
- ._modeTransparent_1o2xc3v_319 ._busyIcon_1o2xc3v_150{
386
+ ._modeTransparent_d4ewd2_319 ._busyIcon_d4ewd2_150{
387
387
  color:#FFFFFF;
388
388
  }
389
- ._modeTransparent_1o2xc3v_319:focus{
389
+ ._modeTransparent_d4ewd2_319:focus{
390
390
  color:#FFFFFF;
391
391
  background-color:rgba(25,25,28,0.5);
392
392
  }
393
393
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
394
- ._modeTransparent_1o2xc3v_319:hover{
394
+ ._modeTransparent_d4ewd2_319:hover{
395
395
  color:#FFFFFF;
396
396
  background:rgba(25,25,28,0.8);
397
397
  }
398
398
  }
399
- ._modeTransparent_1o2xc3v_319:active{
399
+ ._modeTransparent_d4ewd2_319:active{
400
400
  color:#FFFFFF;
401
401
  background:#19191C;
402
402
  }
403
- ._modeTransparent_1o2xc3v_319._disabled_1o2xc3v_61{
403
+ ._modeTransparent_d4ewd2_319._disabled_d4ewd2_61{
404
404
  color:rgba(255,255,255,0.5);
405
405
  background:rgba(25,25,28,0.4);
406
406
  }
407
- ._modeTransparent_1o2xc3v_319._disabled_1o2xc3v_61 ._busyIcon_1o2xc3v_150{
407
+ ._modeTransparent_d4ewd2_319._disabled_d4ewd2_61 ._busyIcon_d4ewd2_150{
408
408
  color:rgba(255,255,255,0.5);
409
409
  }
410
- ._modeTransparent_1o2xc3v_319._dark_1o2xc3v_62{
410
+ ._modeTransparent_d4ewd2_319._dark_d4ewd2_62{
411
411
  color:#19191C;
412
412
  background:rgba(255,255,255,0.5);
413
413
  }
414
- ._modeTransparent_1o2xc3v_319._dark_1o2xc3v_62 ._busyIcon_1o2xc3v_150{
414
+ ._modeTransparent_d4ewd2_319._dark_d4ewd2_62 ._busyIcon_d4ewd2_150{
415
415
  color:#19191C;
416
416
  }
417
- ._modeTransparent_1o2xc3v_319._dark_1o2xc3v_62:focus{
417
+ ._modeTransparent_d4ewd2_319._dark_d4ewd2_62:focus{
418
418
  color:#19191C;
419
419
  background:rgba(255,255,255,0.5);
420
420
  }
421
421
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
422
- ._modeTransparent_1o2xc3v_319._dark_1o2xc3v_62:hover{
422
+ ._modeTransparent_d4ewd2_319._dark_d4ewd2_62:hover{
423
423
  color:#19191C;
424
424
  background:rgba(255,255,255,0.8);
425
425
  }
426
426
  }
427
- ._modeTransparent_1o2xc3v_319._dark_1o2xc3v_62:active{
427
+ ._modeTransparent_d4ewd2_319._dark_d4ewd2_62:active{
428
428
  color:#19191C;
429
429
  background:#FFFFFF;
430
430
  }
431
- ._modeTransparent_1o2xc3v_319._dark_1o2xc3v_62._disabled_1o2xc3v_61{
431
+ ._modeTransparent_d4ewd2_319._dark_d4ewd2_62._disabled_d4ewd2_61{
432
432
  color:rgba(25,25,28,0.5);
433
433
  background:rgba(255,255,255,0.4);
434
434
  }
435
- ._modeTransparent_1o2xc3v_319._dark_1o2xc3v_62._disabled_1o2xc3v_61 ._busyIcon_1o2xc3v_150{
435
+ ._modeTransparent_d4ewd2_319._dark_d4ewd2_62._disabled_d4ewd2_61 ._busyIcon_d4ewd2_150{
436
436
  color:rgba(25,25,28,0.5);
437
437
  }
438
- ._modeOutline_1o2xc3v_389{
438
+ ._modeOutline_d4ewd2_389{
439
439
  position:relative;
440
440
 
441
441
  border-style:solid;
@@ -443,384 +443,395 @@
443
443
 
444
444
  color:#19191C;
445
445
  }
446
- ._modeOutline_1o2xc3v_389 ._busyIcon_1o2xc3v_150{
446
+ ._modeOutline_d4ewd2_389 ._busyIcon_d4ewd2_150{
447
447
  color:#19191C;
448
448
  }
449
- ._modeOutline_1o2xc3v_389:focus{
449
+ ._modeOutline_d4ewd2_389:focus{
450
450
  border-color:rgba(25,25,28,0.3);
451
451
 
452
452
  color:#19191C;
453
453
  }
454
454
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
455
- ._modeOutline_1o2xc3v_389:hover{
455
+ ._modeOutline_d4ewd2_389:hover{
456
456
  border-color:rgba(25,25,28,0.3);
457
457
 
458
458
  color:#19191C;
459
459
  background:rgba(25,25,28,0.1);
460
460
  }
461
461
  }
462
- ._modeOutline_1o2xc3v_389:active{
462
+ ._modeOutline_d4ewd2_389:active{
463
463
  border-color:#19191C;
464
464
 
465
465
  color:#19191C;
466
466
  background:rgba(25,25,28,0.1);
467
467
  }
468
- ._modeOutline_1o2xc3v_389._disabled_1o2xc3v_61{
468
+ ._modeOutline_d4ewd2_389._disabled_d4ewd2_61{
469
469
  border-color:rgba(25,25,28,0.2);
470
470
 
471
471
  color:rgba(25,25,28,0.5);
472
472
  background:transparent;
473
473
  }
474
- ._modeOutline_1o2xc3v_389._disabled_1o2xc3v_61 ._busyIcon_1o2xc3v_150{
474
+ ._modeOutline_d4ewd2_389._disabled_d4ewd2_61 ._busyIcon_d4ewd2_150{
475
475
  color:rgba(25,25,28,0.5);
476
476
  }
477
- ._modeOutline_1o2xc3v_389._dark_1o2xc3v_62{
477
+ ._modeOutline_d4ewd2_389._dark_d4ewd2_62{
478
478
  border-color:rgba(255,255,255,0.3);
479
479
 
480
480
  color:#FFFFFF;
481
481
  }
482
- ._modeOutline_1o2xc3v_389._dark_1o2xc3v_62 ._busyIcon_1o2xc3v_150{
482
+ ._modeOutline_d4ewd2_389._dark_d4ewd2_62 ._busyIcon_d4ewd2_150{
483
483
  color:#FFFFFF;
484
484
  }
485
- ._modeOutline_1o2xc3v_389._dark_1o2xc3v_62:focus{
485
+ ._modeOutline_d4ewd2_389._dark_d4ewd2_62:focus{
486
486
  border-color:rgba(255,255,255,0.4);
487
487
 
488
488
  color:#FFFFFF;
489
489
  }
490
490
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
491
- ._modeOutline_1o2xc3v_389._dark_1o2xc3v_62:hover{
491
+ ._modeOutline_d4ewd2_389._dark_d4ewd2_62:hover{
492
492
  border-color:rgba(255,255,255,0.4);
493
493
 
494
494
  color:#FFFFFF;
495
495
  background:rgba(255,255,255,0.1);
496
496
  }
497
497
  }
498
- ._modeOutline_1o2xc3v_389._dark_1o2xc3v_62:active{
498
+ ._modeOutline_d4ewd2_389._dark_d4ewd2_62:active{
499
499
  border-color:#FFFFFF;
500
500
 
501
501
  color:#FFFFFF;
502
502
  background:rgba(255,255,255,0.1);
503
503
  }
504
- ._modeOutline_1o2xc3v_389._dark_1o2xc3v_62._disabled_1o2xc3v_61{
504
+ ._modeOutline_d4ewd2_389._dark_d4ewd2_62._disabled_d4ewd2_61{
505
505
  border-color:rgba(255,255,255,0.2);
506
506
 
507
507
  color:rgba(255,255,255,0.5);
508
508
  background:transparent;
509
509
  }
510
- ._modeOutline_1o2xc3v_389._dark_1o2xc3v_62._disabled_1o2xc3v_61 ._busyIcon_1o2xc3v_150{
510
+ ._modeOutline_d4ewd2_389._dark_d4ewd2_62._disabled_d4ewd2_61 ._busyIcon_d4ewd2_150{
511
511
  color:rgba(255,255,255,0.5);
512
512
  }
513
- ._modeClear_1o2xc3v_478{
513
+ ._modeClear_d4ewd2_478{
514
514
  color:#19191C;
515
515
  background:transparent;
516
516
  }
517
- ._modeClear_1o2xc3v_478 ._busyIcon_1o2xc3v_150{
517
+ ._modeClear_d4ewd2_478 ._busyIcon_d4ewd2_150{
518
518
  color:#19191C;
519
519
  }
520
- ._modeClear_1o2xc3v_478:focus{
520
+ ._modeClear_d4ewd2_478:focus{
521
521
  color:#19191C;
522
522
  background:transparent;
523
523
  }
524
524
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
525
- ._modeClear_1o2xc3v_478:hover{
525
+ ._modeClear_d4ewd2_478:hover{
526
526
  color:#19191C;
527
527
  background:rgba(25,25,28,0.1);
528
528
  }
529
529
  }
530
- ._modeClear_1o2xc3v_478:active{
530
+ ._modeClear_d4ewd2_478:active{
531
531
  color:#19191C;
532
532
  background:rgba(25,25,28,0.2);
533
533
  }
534
- ._modeClear_1o2xc3v_478._disabled_1o2xc3v_61{
534
+ ._modeClear_d4ewd2_478._disabled_d4ewd2_61{
535
535
  color:rgba(25,25,28,0.5);
536
536
  background:transparent;
537
537
  }
538
- ._modeClear_1o2xc3v_478._disabled_1o2xc3v_61 ._busyIcon_1o2xc3v_150{
538
+ ._modeClear_d4ewd2_478._disabled_d4ewd2_61 ._busyIcon_d4ewd2_150{
539
539
  color:rgba(25,25,28,0.5);
540
540
  }
541
- ._modeClear_1o2xc3v_478._highlighted_1o2xc3v_513{
541
+ ._modeClear_d4ewd2_478._highlighted_d4ewd2_513{
542
542
  color:#19191C;
543
543
  background:rgba(25,25,28,0.1);
544
544
  }
545
- ._modeClear_1o2xc3v_478._dark_1o2xc3v_62{
545
+ ._modeClear_d4ewd2_478._dark_d4ewd2_62{
546
546
  color:#FFFFFF;
547
547
  background:transparent;
548
548
  }
549
- ._modeClear_1o2xc3v_478._dark_1o2xc3v_62 ._busyIcon_1o2xc3v_150{
549
+ ._modeClear_d4ewd2_478._dark_d4ewd2_62 ._busyIcon_d4ewd2_150{
550
550
  color:#FFFFFF;
551
551
  }
552
552
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
553
- ._modeClear_1o2xc3v_478._dark_1o2xc3v_62:hover{
553
+ ._modeClear_d4ewd2_478._dark_d4ewd2_62:hover{
554
554
  color:#FFFFFF;
555
555
  background:rgba(255,255,255,0.1);
556
556
  }
557
557
  }
558
- ._modeClear_1o2xc3v_478._dark_1o2xc3v_62:active{
558
+ ._modeClear_d4ewd2_478._dark_d4ewd2_62:active{
559
559
  color:#FFFFFF;
560
560
  background:rgba(255,255,255,0.2);
561
561
  }
562
- ._modeClear_1o2xc3v_478._dark_1o2xc3v_62._disabled_1o2xc3v_61{
562
+ ._modeClear_d4ewd2_478._dark_d4ewd2_62._disabled_d4ewd2_61{
563
563
  color:rgba(255,255,255,0.5);
564
564
  }
565
- ._modeClear_1o2xc3v_478._dark_1o2xc3v_62._disabled_1o2xc3v_61 ._busyIcon_1o2xc3v_150{
565
+ ._modeClear_d4ewd2_478._dark_d4ewd2_62._disabled_d4ewd2_61 ._busyIcon_d4ewd2_150{
566
566
  color:rgba(255,255,255,0.5);
567
567
  }
568
- ._modeClear_1o2xc3v_478._dark_1o2xc3v_62._highlighted_1o2xc3v_513{
568
+ ._modeClear_d4ewd2_478._dark_d4ewd2_62._highlighted_d4ewd2_513{
569
569
  color:#FFFFFF;
570
570
  background:rgba(255,255,255,0.1);
571
571
  }
572
- ._sizeXs_1o2xc3v_85 {
572
+ ._sizeXs_d4ewd2_85 {
573
573
  padding: 2px 16px;
574
574
  border-width: 0px;
575
575
  }
576
- ._sizeS_1o2xc3v_92 {
576
+ ._sizeS_d4ewd2_92 {
577
577
  padding: 6px 16px;
578
578
  border-width: 0px;
579
579
  }
580
- ._sizeM_1o2xc3v_99 {
580
+ ._sizeM_d4ewd2_99 {
581
581
  padding: 8px 24px;
582
582
  border-width: 0px;
583
583
  }
584
- ._sizeL_1o2xc3v_106 {
584
+ ._sizeL_d4ewd2_106 {
585
585
  padding: 12px 32px;
586
586
  border-width: 0px;
587
587
  }
588
- ._sizeXs_1o2xc3v_85._withoutText_1o2xc3v_138 {
588
+ ._sizeXs_d4ewd2_85._withoutText_d4ewd2_138 {
589
589
  padding: 2px 2px;
590
590
  border-width: 0px;
591
591
  }
592
- ._sizeS_1o2xc3v_92._withoutText_1o2xc3v_138 {
592
+ ._sizeS_d4ewd2_92._withoutText_d4ewd2_138 {
593
593
  padding: 6px 6px;
594
594
  border-width: 0px;
595
595
  }
596
- ._sizeM_1o2xc3v_99._withoutText_1o2xc3v_138 {
596
+ ._sizeM_d4ewd2_99._withoutText_d4ewd2_138 {
597
597
  padding: 8px 8px;
598
598
  border-width: 0px;
599
599
  }
600
- ._sizeL_1o2xc3v_106._withoutText_1o2xc3v_138 {
600
+ ._sizeL_d4ewd2_106._withoutText_d4ewd2_138 {
601
601
  padding: 12px 12px;
602
602
  border-width: 0px;
603
603
  }
604
- ._sizeXs_1o2xc3v_85._modeOutline_1o2xc3v_389 {
604
+ ._sizeXs_d4ewd2_85._modeOutline_d4ewd2_389 {
605
605
  padding: 1px 15px;
606
606
  border-width: 1px;
607
607
  }
608
- ._sizeS_1o2xc3v_92._modeOutline_1o2xc3v_389 {
608
+ ._sizeS_d4ewd2_92._modeOutline_d4ewd2_389 {
609
609
  padding: 5px 15px;
610
610
  border-width: 1px;
611
611
  }
612
- ._sizeM_1o2xc3v_99._modeOutline_1o2xc3v_389 {
612
+ ._sizeM_d4ewd2_99._modeOutline_d4ewd2_389 {
613
613
  padding: 7px 23px;
614
614
  border-width: 1px;
615
615
  }
616
- ._sizeL_1o2xc3v_106._modeOutline_1o2xc3v_389 {
616
+ ._sizeL_d4ewd2_106._modeOutline_d4ewd2_389 {
617
617
  padding: 11px 31px;
618
618
  border-width: 1px;
619
619
  }
620
- ._sizeXs_1o2xc3v_85._modeOutline_1o2xc3v_389._withoutText_1o2xc3v_138 {
620
+ ._sizeXs_d4ewd2_85._modeOutline_d4ewd2_389._withoutText_d4ewd2_138 {
621
621
  padding: 1px 1px;
622
622
  border-width: 1px;
623
623
  }
624
- ._sizeS_1o2xc3v_92._modeOutline_1o2xc3v_389._withoutText_1o2xc3v_138 {
624
+ ._sizeS_d4ewd2_92._modeOutline_d4ewd2_389._withoutText_d4ewd2_138 {
625
625
  padding: 5px 5px;
626
626
  border-width: 1px;
627
627
  }
628
- ._sizeM_1o2xc3v_99._modeOutline_1o2xc3v_389._withoutText_1o2xc3v_138 {
628
+ ._sizeM_d4ewd2_99._modeOutline_d4ewd2_389._withoutText_d4ewd2_138 {
629
629
  padding: 7px 7px;
630
630
  border-width: 1px;
631
631
  }
632
- ._sizeL_1o2xc3v_106._modeOutline_1o2xc3v_389._withoutText_1o2xc3v_138 {
632
+ ._sizeL_d4ewd2_106._modeOutline_d4ewd2_389._withoutText_d4ewd2_138 {
633
633
  padding: 11px 11px;
634
634
  border-width: 1px;
635
635
  }
636
- ._sizeXs_1o2xc3v_85._modeOutline_1o2xc3v_389:active {
636
+ ._sizeXs_d4ewd2_85._modeOutline_d4ewd2_389:active {
637
637
  padding: 0px 14px;
638
638
  border-width: 2px;
639
639
  }
640
- ._sizeS_1o2xc3v_92._modeOutline_1o2xc3v_389:active {
640
+ ._sizeS_d4ewd2_92._modeOutline_d4ewd2_389:active {
641
641
  padding: 4px 14px;
642
642
  border-width: 2px;
643
643
  }
644
- ._sizeM_1o2xc3v_99._modeOutline_1o2xc3v_389:active {
644
+ ._sizeM_d4ewd2_99._modeOutline_d4ewd2_389:active {
645
645
  padding: 6px 22px;
646
646
  border-width: 2px;
647
647
  }
648
- ._sizeL_1o2xc3v_106._modeOutline_1o2xc3v_389:active {
648
+ ._sizeL_d4ewd2_106._modeOutline_d4ewd2_389:active {
649
649
  padding: 10px 30px;
650
650
  border-width: 2px;
651
651
  }
652
- ._sizeXs_1o2xc3v_85._modeOutline_1o2xc3v_389._withoutText_1o2xc3v_138:active {
652
+ ._sizeXs_d4ewd2_85._modeOutline_d4ewd2_389._withoutText_d4ewd2_138:active {
653
653
  padding: 0px 0px;
654
654
  border-width: 2px;
655
655
  }
656
- ._sizeS_1o2xc3v_92._modeOutline_1o2xc3v_389._withoutText_1o2xc3v_138:active {
656
+ ._sizeS_d4ewd2_92._modeOutline_d4ewd2_389._withoutText_d4ewd2_138:active {
657
657
  padding: 4px 4px;
658
658
  border-width: 2px;
659
659
  }
660
- ._sizeM_1o2xc3v_99._modeOutline_1o2xc3v_389._withoutText_1o2xc3v_138:active {
660
+ ._sizeM_d4ewd2_99._modeOutline_d4ewd2_389._withoutText_d4ewd2_138:active {
661
661
  padding: 6px 6px;
662
662
  border-width: 2px;
663
663
  }
664
- ._sizeL_1o2xc3v_106._modeOutline_1o2xc3v_389._withoutText_1o2xc3v_138:active {
664
+ ._sizeL_d4ewd2_106._modeOutline_d4ewd2_389._withoutText_d4ewd2_138:active {
665
665
  padding: 10px 10px;
666
666
  border-width: 2px;
667
667
  }
668
- ._modeClear_1o2xc3v_478._shiftedLeft_1o2xc3v_564._sizeXs_1o2xc3v_85 {
668
+ ._modeClear_d4ewd2_478._shiftedLeft_d4ewd2_564._sizeXs_d4ewd2_85 {
669
669
  margin-left: -16px;
670
670
  }
671
- ._modeClear_1o2xc3v_478._shiftedRight_1o2xc3v_565._sizeXs_1o2xc3v_85 {
671
+ ._modeClear_d4ewd2_478._shiftedRight_d4ewd2_565._sizeXs_d4ewd2_85 {
672
672
  margin-right: -16px;
673
673
  }
674
- ._modeClear_1o2xc3v_478._shiftedTop_1o2xc3v_566._sizeXs_1o2xc3v_85 {
674
+ ._modeClear_d4ewd2_478._shiftedTop_d4ewd2_566._sizeXs_d4ewd2_85 {
675
675
  margin-top: -2px;
676
676
  }
677
- ._modeClear_1o2xc3v_478._shiftedBottom_1o2xc3v_567._sizeXs_1o2xc3v_85 {
677
+ ._modeClear_d4ewd2_478._shiftedBottom_d4ewd2_567._sizeXs_d4ewd2_85 {
678
678
  margin-bottom: -2px;
679
679
  }
680
- ._modeClear_1o2xc3v_478._shiftedLeft_1o2xc3v_564._sizeS_1o2xc3v_92 {
680
+ ._modeClear_d4ewd2_478._shiftedLeft_d4ewd2_564._sizeS_d4ewd2_92 {
681
681
  margin-left: -16px;
682
682
  }
683
- ._modeClear_1o2xc3v_478._shiftedRight_1o2xc3v_565._sizeS_1o2xc3v_92 {
683
+ ._modeClear_d4ewd2_478._shiftedRight_d4ewd2_565._sizeS_d4ewd2_92 {
684
684
  margin-right: -16px;
685
685
  }
686
- ._modeClear_1o2xc3v_478._shiftedTop_1o2xc3v_566._sizeS_1o2xc3v_92 {
686
+ ._modeClear_d4ewd2_478._shiftedTop_d4ewd2_566._sizeS_d4ewd2_92 {
687
687
  margin-top: -6px;
688
688
  }
689
- ._modeClear_1o2xc3v_478._shiftedBottom_1o2xc3v_567._sizeS_1o2xc3v_92 {
689
+ ._modeClear_d4ewd2_478._shiftedBottom_d4ewd2_567._sizeS_d4ewd2_92 {
690
690
  margin-bottom: -6px;
691
691
  }
692
- ._modeClear_1o2xc3v_478._shiftedLeft_1o2xc3v_564._sizeM_1o2xc3v_99 {
692
+ ._modeClear_d4ewd2_478._shiftedLeft_d4ewd2_564._sizeM_d4ewd2_99 {
693
693
  margin-left: -24px;
694
694
  }
695
- ._modeClear_1o2xc3v_478._shiftedRight_1o2xc3v_565._sizeM_1o2xc3v_99 {
695
+ ._modeClear_d4ewd2_478._shiftedRight_d4ewd2_565._sizeM_d4ewd2_99 {
696
696
  margin-right: -24px;
697
697
  }
698
- ._modeClear_1o2xc3v_478._shiftedTop_1o2xc3v_566._sizeM_1o2xc3v_99 {
698
+ ._modeClear_d4ewd2_478._shiftedTop_d4ewd2_566._sizeM_d4ewd2_99 {
699
699
  margin-top: -8px;
700
700
  }
701
- ._modeClear_1o2xc3v_478._shiftedBottom_1o2xc3v_567._sizeM_1o2xc3v_99 {
701
+ ._modeClear_d4ewd2_478._shiftedBottom_d4ewd2_567._sizeM_d4ewd2_99 {
702
702
  margin-bottom: -8px;
703
703
  }
704
- ._modeClear_1o2xc3v_478._shiftedLeft_1o2xc3v_564._sizeL_1o2xc3v_106 {
704
+ ._modeClear_d4ewd2_478._shiftedLeft_d4ewd2_564._sizeL_d4ewd2_106 {
705
705
  margin-left: -32px;
706
706
  }
707
- ._modeClear_1o2xc3v_478._shiftedRight_1o2xc3v_565._sizeL_1o2xc3v_106 {
707
+ ._modeClear_d4ewd2_478._shiftedRight_d4ewd2_565._sizeL_d4ewd2_106 {
708
708
  margin-right: -32px;
709
709
  }
710
- ._modeClear_1o2xc3v_478._shiftedTop_1o2xc3v_566._sizeL_1o2xc3v_106 {
710
+ ._modeClear_d4ewd2_478._shiftedTop_d4ewd2_566._sizeL_d4ewd2_106 {
711
711
  margin-top: -12px;
712
712
  }
713
- ._modeClear_1o2xc3v_478._shiftedBottom_1o2xc3v_567._sizeL_1o2xc3v_106 {
713
+ ._modeClear_d4ewd2_478._shiftedBottom_d4ewd2_567._sizeL_d4ewd2_106 {
714
714
  margin-bottom: -12px;
715
715
  }
716
- ._modeClear_1o2xc3v_478._shiftedLeft_1o2xc3v_564._sizeXs_1o2xc3v_85._withoutText_1o2xc3v_138 {
716
+ ._modeClear_d4ewd2_478._shiftedLeft_d4ewd2_564._sizeXs_d4ewd2_85._withoutText_d4ewd2_138 {
717
717
  margin-left: -2px;
718
718
  }
719
- ._modeClear_1o2xc3v_478._shiftedRight_1o2xc3v_565._sizeXs_1o2xc3v_85._withoutText_1o2xc3v_138 {
719
+ ._modeClear_d4ewd2_478._shiftedRight_d4ewd2_565._sizeXs_d4ewd2_85._withoutText_d4ewd2_138 {
720
720
  margin-right: -2px;
721
721
  }
722
- ._modeClear_1o2xc3v_478._shiftedTop_1o2xc3v_566._sizeXs_1o2xc3v_85._withoutText_1o2xc3v_138 {
722
+ ._modeClear_d4ewd2_478._shiftedTop_d4ewd2_566._sizeXs_d4ewd2_85._withoutText_d4ewd2_138 {
723
723
  margin-top: -2px;
724
724
  }
725
- ._modeClear_1o2xc3v_478._shiftedBottom_1o2xc3v_567._sizeXs_1o2xc3v_85._withoutText_1o2xc3v_138 {
725
+ ._modeClear_d4ewd2_478._shiftedBottom_d4ewd2_567._sizeXs_d4ewd2_85._withoutText_d4ewd2_138 {
726
726
  margin-bottom: -2px;
727
727
  }
728
- ._modeClear_1o2xc3v_478._shiftedLeft_1o2xc3v_564._sizeS_1o2xc3v_92._withoutText_1o2xc3v_138 {
728
+ ._modeClear_d4ewd2_478._shiftedLeft_d4ewd2_564._sizeS_d4ewd2_92._withoutText_d4ewd2_138 {
729
729
  margin-left: -6px;
730
730
  }
731
- ._modeClear_1o2xc3v_478._shiftedRight_1o2xc3v_565._sizeS_1o2xc3v_92._withoutText_1o2xc3v_138 {
731
+ ._modeClear_d4ewd2_478._shiftedRight_d4ewd2_565._sizeS_d4ewd2_92._withoutText_d4ewd2_138 {
732
732
  margin-right: -6px;
733
733
  }
734
- ._modeClear_1o2xc3v_478._shiftedTop_1o2xc3v_566._sizeS_1o2xc3v_92._withoutText_1o2xc3v_138 {
734
+ ._modeClear_d4ewd2_478._shiftedTop_d4ewd2_566._sizeS_d4ewd2_92._withoutText_d4ewd2_138 {
735
735
  margin-top: -6px;
736
736
  }
737
- ._modeClear_1o2xc3v_478._shiftedBottom_1o2xc3v_567._sizeS_1o2xc3v_92._withoutText_1o2xc3v_138 {
737
+ ._modeClear_d4ewd2_478._shiftedBottom_d4ewd2_567._sizeS_d4ewd2_92._withoutText_d4ewd2_138 {
738
738
  margin-bottom: -6px;
739
739
  }
740
- ._modeClear_1o2xc3v_478._shiftedLeft_1o2xc3v_564._sizeM_1o2xc3v_99._withoutText_1o2xc3v_138 {
740
+ ._modeClear_d4ewd2_478._shiftedLeft_d4ewd2_564._sizeM_d4ewd2_99._withoutText_d4ewd2_138 {
741
741
  margin-left: -8px;
742
742
  }
743
- ._modeClear_1o2xc3v_478._shiftedRight_1o2xc3v_565._sizeM_1o2xc3v_99._withoutText_1o2xc3v_138 {
743
+ ._modeClear_d4ewd2_478._shiftedRight_d4ewd2_565._sizeM_d4ewd2_99._withoutText_d4ewd2_138 {
744
744
  margin-right: -8px;
745
745
  }
746
- ._modeClear_1o2xc3v_478._shiftedTop_1o2xc3v_566._sizeM_1o2xc3v_99._withoutText_1o2xc3v_138 {
746
+ ._modeClear_d4ewd2_478._shiftedTop_d4ewd2_566._sizeM_d4ewd2_99._withoutText_d4ewd2_138 {
747
747
  margin-top: -8px;
748
748
  }
749
- ._modeClear_1o2xc3v_478._shiftedBottom_1o2xc3v_567._sizeM_1o2xc3v_99._withoutText_1o2xc3v_138 {
749
+ ._modeClear_d4ewd2_478._shiftedBottom_d4ewd2_567._sizeM_d4ewd2_99._withoutText_d4ewd2_138 {
750
750
  margin-bottom: -8px;
751
751
  }
752
- ._modeClear_1o2xc3v_478._shiftedLeft_1o2xc3v_564._sizeL_1o2xc3v_106._withoutText_1o2xc3v_138 {
752
+ ._modeClear_d4ewd2_478._shiftedLeft_d4ewd2_564._sizeL_d4ewd2_106._withoutText_d4ewd2_138 {
753
753
  margin-left: -12px;
754
754
  }
755
- ._modeClear_1o2xc3v_478._shiftedRight_1o2xc3v_565._sizeL_1o2xc3v_106._withoutText_1o2xc3v_138 {
755
+ ._modeClear_d4ewd2_478._shiftedRight_d4ewd2_565._sizeL_d4ewd2_106._withoutText_d4ewd2_138 {
756
756
  margin-right: -12px;
757
757
  }
758
- ._modeClear_1o2xc3v_478._shiftedTop_1o2xc3v_566._sizeL_1o2xc3v_106._withoutText_1o2xc3v_138 {
758
+ ._modeClear_d4ewd2_478._shiftedTop_d4ewd2_566._sizeL_d4ewd2_106._withoutText_d4ewd2_138 {
759
759
  margin-top: -12px;
760
760
  }
761
- ._modeClear_1o2xc3v_478._shiftedBottom_1o2xc3v_567._sizeL_1o2xc3v_106._withoutText_1o2xc3v_138 {
761
+ ._modeClear_d4ewd2_478._shiftedBottom_d4ewd2_567._sizeL_d4ewd2_106._withoutText_d4ewd2_138 {
762
762
  margin-bottom: -12px;
763
763
  }
764
- ._icon_1o2xc3v_569{
764
+ ._icon_d4ewd2_569{
765
765
  fill:currentColor;
766
766
  }
767
- ._sizeXs_1o2xc3v_85 ._icon_1o2xc3v_569 {
768
- width: 20px;
769
- height: 20px;
770
- min-width: 20px;
771
- min-height: 20px;
772
- margin: 0 8px 0 -2px;
767
+ ._sizeXs_d4ewd2_85 ._icon_d4ewd2_569 {
768
+ width: 16px;
769
+ height: 16px;
770
+ min-width: 16px;
771
+ min-height: 16px;
772
+ margin-right: 8px;
773
+ margin-left: -2px;
773
774
  }
774
- ._sizeS_1o2xc3v_92 ._icon_1o2xc3v_569 {
775
+ ._sizeS_d4ewd2_92 ._icon_d4ewd2_569 {
775
776
  width: 20px;
776
777
  height: 20px;
777
778
  min-width: 20px;
778
779
  min-height: 20px;
779
- margin: 0 8px 0 -2px;
780
+ margin-right: 8px;
781
+ margin-left: -2px;
780
782
  }
781
- ._sizeM_1o2xc3v_99 ._icon_1o2xc3v_569 {
783
+ ._sizeM_d4ewd2_99 ._icon_d4ewd2_569 {
782
784
  width: 24px;
783
785
  height: 24px;
784
786
  min-width: 24px;
785
787
  min-height: 24px;
786
- margin: 0 8px 0 -2px;
788
+ margin-right: 8px;
789
+ margin-left: -2px;
787
790
  }
788
- ._sizeL_1o2xc3v_106 ._icon_1o2xc3v_569 {
791
+ ._sizeL_d4ewd2_106 ._icon_d4ewd2_569 {
789
792
  width: 28px;
790
793
  height: 28px;
791
794
  min-width: 28px;
792
795
  min-height: 28px;
793
- margin: 0 16px 0 -2px;
796
+ margin-right: 16px;
797
+ margin-left: -2px;
794
798
  }
795
- ._sizeXs_1o2xc3v_85._alignIconRight_1o2xc3v_81 ._icon_1o2xc3v_569 {
796
- width: 20px;
797
- height: 20px;
798
- min-width: 20px;
799
- min-height: 20px;
800
- margin: 0 -2px 0 8px;
799
+ ._sizeXs_d4ewd2_85._alignIconRight_d4ewd2_81 ._icon_d4ewd2_569 {
800
+ width: 16px;
801
+ height: 16px;
802
+ min-width: 16px;
803
+ min-height: 16px;
804
+ margin-right: -2px;
805
+ margin-left: 8px;
801
806
  }
802
- ._sizeS_1o2xc3v_92._alignIconRight_1o2xc3v_81 ._icon_1o2xc3v_569 {
807
+ ._sizeS_d4ewd2_92._alignIconRight_d4ewd2_81 ._icon_d4ewd2_569 {
803
808
  width: 20px;
804
809
  height: 20px;
805
810
  min-width: 20px;
806
811
  min-height: 20px;
807
- margin: 0 -2px 0 8px;
812
+ margin-right: -2px;
813
+ margin-left: 8px;
808
814
  }
809
- ._sizeM_1o2xc3v_99._alignIconRight_1o2xc3v_81 ._icon_1o2xc3v_569 {
815
+ ._sizeM_d4ewd2_99._alignIconRight_d4ewd2_81 ._icon_d4ewd2_569 {
810
816
  width: 24px;
811
817
  height: 24px;
812
818
  min-width: 24px;
813
819
  min-height: 24px;
814
- margin: 0 -2px 0 8px;
820
+ margin-right: -2px;
821
+ margin-left: 8px;
815
822
  }
816
- ._sizeL_1o2xc3v_106._alignIconRight_1o2xc3v_81 ._icon_1o2xc3v_569 {
823
+ ._sizeL_d4ewd2_106._alignIconRight_d4ewd2_81 ._icon_d4ewd2_569 {
817
824
  width: 28px;
818
825
  height: 28px;
819
826
  min-width: 28px;
820
827
  min-height: 28px;
821
- margin: 0 -2px 0 16px;
828
+ margin-right: -2px;
829
+ margin-left: 16px;
822
830
  }
823
- ._withoutText_1o2xc3v_138 ._icon_1o2xc3v_569,
824
- ._withoutText_1o2xc3v_138._alignIconRight_1o2xc3v_81 ._icon_1o2xc3v_569{
831
+ ._withoutText_d4ewd2_138 ._icon_d4ewd2_569,
832
+ ._withoutText_d4ewd2_138._alignIconRight_d4ewd2_81 ._icon_d4ewd2_569{
825
833
  margin:0;
826
834
  }
835
+ ._sizeXs_d4ewd2_85 ._icon_d4ewd2_569{
836
+ margin-top:2px;
837
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.9.4",
3
+ "version": "0.10.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.12.0",
18
+ "@rescui/icons": "^0.13.0",
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.8",
29
+ "@rescui/colors": "^0.1.9",
30
30
  "@rescui/postcss-preset-library": "^0.1.1",
31
31
  "@rescui/scripts": "^0.2.2",
32
- "@rescui/typography": "^0.10.3",
33
- "@rescui/visual-regression": "^0.0.4",
32
+ "@rescui/typography": "^0.11.0",
33
+ "@rescui/visual-regression": "^0.1.0",
34
34
  "@types/classnames": "^2.2.11"
35
35
  },
36
36
  "scripts": {
37
37
  "build": "rescui-scripts build"
38
38
  },
39
- "gitHead": "b8c3183110f4c518e1718ec7c9bdfaa2d4c7ff36"
39
+ "gitHead": "2a57f292fde136628c5ed31a9da9149fd41d404f"
40
40
  }