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