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