@rescui/button 0.20.3-RUI-230-Update-icons-experiments-872b9bf9.15 → 0.20.3-RUI-230-Update-icons-experiments-64b23ff1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/_virtual/index.js +57 -9
  3. package/lib/button.p.module.css.js +29 -29
  4. package/lib/index.css +65 -65
  5. package/package.json +6 -6
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_1a4qzqr_4",
3
- "sizeXS": "_sizeXS_1a4qzqr_14",
4
- "sizeS": "_sizeS_1a4qzqr_18",
5
- "sizeM": "_sizeM_1a4qzqr_22",
6
- "sizeL": "_sizeL_1a4qzqr_26",
7
- "light": "_light_1a4qzqr_30",
8
- "dark": "_dark_1a4qzqr_34"
2
+ "icon": "_icon_585zsg_4",
3
+ "sizeXS": "_sizeXS_585zsg_14",
4
+ "sizeS": "_sizeS_585zsg_18",
5
+ "sizeM": "_sizeM_585zsg_22",
6
+ "sizeL": "_sizeL_585zsg_26",
7
+ "light": "_light_585zsg_30",
8
+ "dark": "_dark_585zsg_34"
9
9
  };
10
10
  export { styles as default };
package/lib/_virtual/index.js CHANGED
@@ -9,6 +9,12 @@ const sizeStyles = {
9
9
  "m": styles.sizeM,
10
10
  "l": styles.sizeL
11
11
  };
12
+ const Size = {
13
+ "xs": "xs",
14
+ "s": "s",
15
+ "m": "m",
16
+ "l": "l"
17
+ };
12
18
  const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
19
  let {
14
20
  theme,
@@ -16,22 +22,64 @@ const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
16
22
  className,
17
23
  ...props
18
24
  } = _ref;
25
+
26
+ if (size === Size['xs']) {
27
+ return /*#__PURE__*/React.createElement("svg", _extends({
28
+ viewBox: "0 0 16 16"
29
+ }, props, {
30
+ className: cn(styles.icon, styles[theme], sizeStyles[size], className),
31
+ ref: ref
32
+ }), /*#__PURE__*/React.createElement("path", {
33
+ d: "M8 3.25a4.75 4.75 0 1 0 4.686 3.968.75.75 0 1 1 1.48-.245q.083.503.084 1.027a6.25 6.25 0 1 1-5.223-6.166.75.75 0 0 1-.245 1.48A5 5 0 0 0 8 3.25",
34
+ style: {
35
+ animation: "rs-icon-rotate 1s linear infinite",
36
+ transformOrigin: "center center"
37
+ }
38
+ }));
39
+ }
40
+
41
+ if (size === Size['s']) {
42
+ return /*#__PURE__*/React.createElement("svg", _extends({
43
+ viewBox: "0 0 20 20"
44
+ }, props, {
45
+ className: cn(styles.icon, styles[theme], sizeStyles[size], className),
46
+ ref: ref
47
+ }), /*#__PURE__*/React.createElement("path", {
48
+ d: "M10 4a6 6 0 1 0 5.92 5.012 1 1 0 0 1 1.972-.326Q18 9.329 18 10a8 8 0 1 1-6.686-7.892 1 1 0 0 1-.326 1.973A6 6 0 0 0 10 4",
49
+ style: {
50
+ animation: "rs-icon-rotate 1s linear infinite",
51
+ transformOrigin: "center center"
52
+ }
53
+ }));
54
+ }
55
+
56
+ if (size === Size['m']) {
57
+ return /*#__PURE__*/React.createElement("svg", _extends({
58
+ viewBox: "0 0 24 24"
59
+ }, props, {
60
+ className: cn(styles.icon, styles[theme], sizeStyles[size], className),
61
+ ref: ref
62
+ }), /*#__PURE__*/React.createElement("path", {
63
+ d: "M12 6a6 6 0 1 0 5.92 5.012 1.5 1.5 0 0 1 2.959-.49q.12.724.121 1.478a9 9 0 1 1-7.522-8.879 1.5 1.5 0 0 1-.49 2.96Q12.508 6 12 6",
64
+ style: {
65
+ animation: "rs-icon-rotate 1s linear infinite",
66
+ transformOrigin: "center center"
67
+ }
68
+ }));
69
+ }
70
+
19
71
  return /*#__PURE__*/React.createElement("svg", _extends({
20
- viewBox: "0 0 24 24"
72
+ viewBox: "0 0 28 28"
21
73
  }, props, {
22
74
  className: cn(styles.icon, styles[theme], sizeStyles[size], className),
23
75
  ref: ref
24
- }), /*#__PURE__*/React.createElement("g", {
76
+ }), /*#__PURE__*/React.createElement("path", {
77
+ d: "M14 6.5a7.5 7.5 0 1 0 7.399 6.265 1.5 1.5 0 0 1 2.96-.49q.14.844.141 1.725c0 5.799-4.701 10.5-10.5 10.5S3.5 19.799 3.5 14 8.201 3.5 14 3.5q.813 0 1.595.12a1.5 1.5 0 0 1-.453 2.966A7.6 7.6 0 0 0 14 6.5",
25
78
  style: {
26
79
  animation: "rs-icon-rotate 1s linear infinite",
27
80
  transformOrigin: "center center"
28
81
  }
29
- }, /*#__PURE__*/React.createElement("path", {
30
- opacity: 0.2,
31
- d: "M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 00-8-8V2z"
32
- }), /*#__PURE__*/React.createElement("path", {
33
- d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10h-2a8 8 0 11-8-8V2z"
34
- })));
82
+ }));
35
83
  });
36
84
  LoadingIcon.propTypes = {
37
85
  className: PropTypes.string,
@@ -41,4 +89,4 @@ LoadingIcon.propTypes = {
41
89
  LoadingIcon.defaultProps = {
42
90
  size: "m"
43
91
  };
44
- export { LoadingIcon, LoadingIcon as default };
92
+ export { LoadingIcon, Size, LoadingIcon as default };
package/lib/button.p.module.css.js CHANGED
@@ -1,32 +1,32 @@
1
1
  var styles = {
2
- "light": "_light_t2yoi8_6",
3
- "dark": "_dark_t2yoi8_9",
4
- "flatRight": "_flatRight_t2yoi8_13",
5
- "flatLeft": "_flatLeft_t2yoi8_16",
6
- "sizeXs": "_sizeXs_t2yoi8_20",
7
- "sizeS": "_sizeS_t2yoi8_23",
8
- "sizeM": "_sizeM_t2yoi8_26",
9
- "sizeL": "_sizeL_t2yoi8_29",
10
- "modeClassic": "_modeClassic_t2yoi8_33",
11
- "modeRock": "_modeRock_t2yoi8_36",
12
- "modeTransparent": "_modeTransparent_t2yoi8_39",
13
- "modeOutline": "_modeOutline_t2yoi8_42",
14
- "modeClear": "_modeClear_t2yoi8_45",
15
- "alignIconLeft": "_alignIconLeft_t2yoi8_49",
16
- "alignIconRight": "_alignIconRight_t2yoi8_52",
17
- "main": "_main_t2yoi8_56",
18
- "disabled": "_disabled_t2yoi8_133",
19
- "busy": "_busy_t2yoi8_143",
20
- "busyOverlay": "_busyOverlay_t2yoi8_147",
21
- "icon": "_icon_t2yoi8_182",
22
- "allowMultiline": "_allowMultiline_t2yoi8_195",
23
- "multiline": "_multiline_t2yoi8_199",
24
- "withoutText": "_withoutText_t2yoi8_203",
25
- "busyIcon": "_busyIcon_t2yoi8_208",
26
- "content": "_content_t2yoi8_224",
27
- "shiftedLeft": "_shiftedLeft_t2yoi8_229",
28
- "shiftedRight": "_shiftedRight_t2yoi8_232",
29
- "shiftedTop": "_shiftedTop_t2yoi8_235",
30
- "shiftedBottom": "_shiftedBottom_t2yoi8_238"
2
+ "light": "_light_8xnx5f_6",
3
+ "dark": "_dark_8xnx5f_9",
4
+ "flatRight": "_flatRight_8xnx5f_13",
5
+ "flatLeft": "_flatLeft_8xnx5f_16",
6
+ "sizeXs": "_sizeXs_8xnx5f_20",
7
+ "sizeS": "_sizeS_8xnx5f_23",
8
+ "sizeM": "_sizeM_8xnx5f_26",
9
+ "sizeL": "_sizeL_8xnx5f_29",
10
+ "modeClassic": "_modeClassic_8xnx5f_33",
11
+ "modeRock": "_modeRock_8xnx5f_36",
12
+ "modeTransparent": "_modeTransparent_8xnx5f_39",
13
+ "modeOutline": "_modeOutline_8xnx5f_42",
14
+ "modeClear": "_modeClear_8xnx5f_45",
15
+ "alignIconLeft": "_alignIconLeft_8xnx5f_49",
16
+ "alignIconRight": "_alignIconRight_8xnx5f_52",
17
+ "main": "_main_8xnx5f_56",
18
+ "disabled": "_disabled_8xnx5f_133",
19
+ "busy": "_busy_8xnx5f_143",
20
+ "busyOverlay": "_busyOverlay_8xnx5f_147",
21
+ "icon": "_icon_8xnx5f_182",
22
+ "allowMultiline": "_allowMultiline_8xnx5f_195",
23
+ "multiline": "_multiline_8xnx5f_199",
24
+ "withoutText": "_withoutText_8xnx5f_203",
25
+ "busyIcon": "_busyIcon_8xnx5f_208",
26
+ "content": "_content_8xnx5f_224",
27
+ "shiftedLeft": "_shiftedLeft_8xnx5f_229",
28
+ "shiftedRight": "_shiftedRight_8xnx5f_232",
29
+ "shiftedTop": "_shiftedTop_8xnx5f_235",
30
+ "shiftedBottom": "_shiftedBottom_8xnx5f_238"
31
31
  };
32
32
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1a4qzqr_4{
1
+ ._icon_585zsg_4{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -8,7 +8,7 @@
8
8
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
9
  }
10
10
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_1a4qzqr_4{
11
+ ._icon_585zsg_4{
12
12
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
13
13
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
14
14
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -17,7 +17,7 @@
17
17
  }
18
18
  }
19
19
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_1a4qzqr_4{
20
+ ._icon_585zsg_4{
21
21
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
22
22
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
23
23
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -25,30 +25,30 @@
25
25
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
26
26
  }
27
27
  }
28
- ._icon_1a4qzqr_4{
28
+ ._icon_585zsg_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:auto;
33
33
  height:var(--_rs-icons-height);
34
34
  }
35
- ._sizeXS_1a4qzqr_14{
35
+ ._sizeXS_585zsg_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1a4qzqr_18{
38
+ ._sizeS_585zsg_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1a4qzqr_22{
41
+ ._sizeM_585zsg_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1a4qzqr_26{
44
+ ._sizeL_585zsg_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1a4qzqr_30{
47
+ ._light_585zsg_30{
48
48
  --rs-theme-dark:0;
49
49
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
50
50
  }
51
- ._dark_1a4qzqr_34{
51
+ ._dark_585zsg_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
54
54
  }
@@ -60,25 +60,25 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._light_t2yoi8_6{
63
+ ._light_8xnx5f_6{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._dark_t2yoi8_9{
66
+ ._dark_8xnx5f_9{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._flatRight_t2yoi8_13{
69
+ ._flatRight_8xnx5f_13{
70
70
  --_rs-button-top-right-border-radius-or-initial:0px;
71
71
  --_rs-button-bottom-right-border-radius-or-initial:0px;
72
72
  --_rs-button-top-right-multiline-border-radius-or-initial:0px;
73
73
  --_rs-button-bottom-right-multiline-border-radius-or-initial:0px;
74
74
  }
75
- ._flatLeft_t2yoi8_16{
75
+ ._flatLeft_8xnx5f_16{
76
76
  --_rs-button-top-left-border-radius-or-initial:0px;
77
77
  --_rs-button-bottom-left-border-radius-or-initial:0px;
78
78
  --_rs-button-top-left-multiline-border-radius-or-initial:0px;
79
79
  --_rs-button-bottom-left-multiline-border-radius-or-initial:0px;
80
80
  }
81
- ._sizeXs_t2yoi8_20{
81
+ ._sizeXs_8xnx5f_20{
82
82
  --_rs-button-border-radius-base:var(
83
83
  --rs-button-xs-border-radius,
84
84
  var(--rs-button-border-radius, 4px)
@@ -93,7 +93,7 @@
93
93
  --_rs-button-icon-size:16px;
94
94
  --_rs-button-icon-offset:4px;
95
95
  }
96
- ._sizeXs_t2yoi8_20 [data-rs-internal='button__content']{
96
+ ._sizeXs_8xnx5f_20 [data-rs-internal='button__content']{
97
97
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
98
98
  --_rs-typography-text-transform:initial;
99
99
  --_rs-typography-font-variant-numeric:initial;
@@ -127,7 +127,7 @@
127
127
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
128
128
  --_rs-typography-link-border-bottom-width-from-text:1px;
129
129
  }
130
- ._sizeS_t2yoi8_23{
130
+ ._sizeS_8xnx5f_23{
131
131
  --_rs-button-border-radius-base:var(
132
132
  --rs-button-s-border-radius,
133
133
  var(--rs-button-border-radius, 16px)
@@ -142,7 +142,7 @@
142
142
  --_rs-button-icon-size:20px;
143
143
  --_rs-button-icon-offset:8px;
144
144
  }
145
- ._sizeS_t2yoi8_23 [data-rs-internal='button__content']{
145
+ ._sizeS_8xnx5f_23 [data-rs-internal='button__content']{
146
146
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
147
147
  --_rs-typography-text-transform:initial;
148
148
  --_rs-typography-font-variant-numeric:initial;
@@ -176,7 +176,7 @@
176
176
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
177
177
  --_rs-typography-link-border-bottom-width-from-text:1px;
178
178
  }
179
- ._sizeM_t2yoi8_26{
179
+ ._sizeM_8xnx5f_26{
180
180
  --_rs-button-border-radius-base:var(
181
181
  --rs-button-m-border-radius,
182
182
  var(--rs-button-border-radius, 20px)
@@ -191,7 +191,7 @@
191
191
  --_rs-button-icon-size:24px;
192
192
  --_rs-button-icon-offset:8px;
193
193
  }
194
- ._sizeM_t2yoi8_26 [data-rs-internal='button__content']{
194
+ ._sizeM_8xnx5f_26 [data-rs-internal='button__content']{
195
195
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
196
196
  --_rs-typography-text-transform:initial;
197
197
  --_rs-typography-font-variant-numeric:initial;
@@ -226,11 +226,11 @@
226
226
  --_rs-typography-link-border-bottom-width-from-text:1px;
227
227
  }
228
228
  @media screen and (max-width: 640px){
229
- ._sizeM_t2yoi8_26 [data-rs-internal='button__content']{
229
+ ._sizeM_8xnx5f_26 [data-rs-internal='button__content']{
230
230
  --_rs-typography-list-li-margin-top-from-text:12px;
231
231
  }
232
232
  }
233
- ._sizeL_t2yoi8_29{
233
+ ._sizeL_8xnx5f_29{
234
234
  --_rs-button-border-radius-base:var(
235
235
  --rs-button-l-border-radius,
236
236
  var(--rs-button-border-radius, 26px)
@@ -245,7 +245,7 @@
245
245
  --_rs-button-icon-size:28px;
246
246
  --_rs-button-icon-offset:16px;
247
247
  }
248
- ._sizeL_t2yoi8_29 [data-rs-internal='button__content']{
248
+ ._sizeL_8xnx5f_29 [data-rs-internal='button__content']{
249
249
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
250
250
  --_rs-typography-text-transform:initial;
251
251
  --_rs-typography-font-variant-numeric:initial;
@@ -280,11 +280,11 @@
280
280
  --_rs-typography-link-border-bottom-width-from-text:1px;
281
281
  }
282
282
  @media screen and (max-width: 640px){
283
- ._sizeL_t2yoi8_29 [data-rs-internal='button__content']{
283
+ ._sizeL_8xnx5f_29 [data-rs-internal='button__content']{
284
284
  --_rs-typography-list-li-margin-top-from-text:16px;
285
285
  }
286
286
  }
287
- ._modeClassic_t2yoi8_33{
287
+ ._modeClassic_8xnx5f_33{
288
288
  --_rs-button-inner-border-display:none;
289
289
  --_rs-button-color:rgb(
290
290
  calc(255 - var(--rs-button-flip-text-color, 0)*230),
@@ -300,7 +300,7 @@
300
300
  --_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
301
301
  --_rs-button-disabled-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
302
302
  }
303
- ._modeRock_t2yoi8_36{
303
+ ._modeRock_8xnx5f_36{
304
304
  --_rs-button-inner-border-display:none;
305
305
  --_rs-button-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
306
306
  --_rs-button-background:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
@@ -313,7 +313,7 @@
313
313
  --_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
314
314
  --_rs-button-disabled-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
315
315
  }
316
- ._modeTransparent_t2yoi8_39{
316
+ ._modeTransparent_8xnx5f_39{
317
317
  --_rs-button-inner-border-display:none;
318
318
  --_rs-button-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
319
319
  --_rs-button-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
@@ -325,7 +325,7 @@
325
325
  --_rs-button-disabled-color:rgba(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
326
326
  --_rs-button-disabled-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.4);
327
327
  }
328
- ._modeOutline_t2yoi8_42{
328
+ ._modeOutline_8xnx5f_42{
329
329
  --_rs-button-inner-border-display:block;
330
330
  --_rs-button-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
331
331
  --_rs-button-background:transparent;
@@ -337,7 +337,7 @@
337
337
  --_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
338
338
  --_rs-button-disabled-background:transparent;
339
339
  }
340
- ._modeClear_t2yoi8_45{
340
+ ._modeClear_8xnx5f_45{
341
341
  --_rs-button-inner-border-display:none;
342
342
  --_rs-button-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
343
343
  --_rs-button-background:transparent;
@@ -349,13 +349,13 @@
349
349
  --_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
350
350
  --_rs-button-disabled-background:transparent;
351
351
  }
352
- ._alignIconLeft_t2yoi8_49{
352
+ ._alignIconLeft_8xnx5f_49{
353
353
  --_rs-button-icon-flex-direction:row;
354
354
  }
355
- ._alignIconRight_t2yoi8_52{
355
+ ._alignIconRight_8xnx5f_52{
356
356
  --_rs-button-icon-flex-direction:row-reverse;
357
357
  }
358
- ._main_t2yoi8_56{
358
+ ._main_8xnx5f_56{
359
359
  --_rs-theme-dark:var(
360
360
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
361
361
  var(--rs-theme-dark, 0)
@@ -365,7 +365,7 @@
365
365
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
366
366
  }
367
367
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
368
- ._main_t2yoi8_56{
368
+ ._main_8xnx5f_56{
369
369
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
370
370
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
371
371
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -374,7 +374,7 @@
374
374
  }
375
375
  }
376
376
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
377
- ._main_t2yoi8_56{
377
+ ._main_8xnx5f_56{
378
378
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
379
379
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
380
380
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -382,7 +382,7 @@
382
382
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
383
383
  }
384
384
  }
385
- ._main_t2yoi8_56 {
385
+ ._main_8xnx5f_56 {
386
386
  --_rs-button-background-final:var(
387
387
  --_rs-button-background-from-state-active-focus-visible-no-hover,
388
388
  var(
@@ -463,19 +463,19 @@
463
463
  -moz-column-gap:var(--_rs-button-icon-offset);
464
464
  column-gap:var(--_rs-button-icon-offset);
465
465
  }
466
- ._main_t2yoi8_56:hover,
467
- ._main_t2yoi8_56:focus,
468
- ._main_t2yoi8_56:active{
466
+ ._main_8xnx5f_56:hover,
467
+ ._main_8xnx5f_56:focus,
468
+ ._main_8xnx5f_56:active{
469
469
  outline:none;
470
470
 
471
471
  text-decoration:none;
472
472
  }
473
- ._main_t2yoi8_56:focus{
473
+ ._main_8xnx5f_56:focus{
474
474
  color:var(--_rs-button-color);
475
475
  background:var(--_rs-button-background-final);
476
476
  }
477
477
  @media (hover: hover){
478
- ._main_t2yoi8_56:hover{
478
+ ._main_8xnx5f_56:hover{
479
479
  --_rs-button-border-inner-color:rgba(
480
480
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
481
481
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -483,24 +483,24 @@
483
483
  --_rs-button-background-from-state-hover:var(--_rs-button-hover-background);
484
484
  }
485
485
  }
486
- ._main_t2yoi8_56:active{
486
+ ._main_8xnx5f_56:active{
487
487
  --_rs-button-border-inner-width:2px;
488
488
  --_rs-button-border-inner-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
489
489
  --_rs-button-background-from-state-active:var(
490
490
  --_rs-button-active-background
491
491
  );
492
492
  }
493
- ._main_t2yoi8_56:focus[data-focus-method='key']{
493
+ ._main_8xnx5f_56:focus[data-focus-method='key']{
494
494
  --_rs-button-box-shadow-from-state-focus-visible:var(
495
495
  --_rs-color-primary-t-dim
496
496
  ) 0 0 0 4px;
497
497
  }
498
- ._main_t2yoi8_56:active:not(:hover):focus[data-focus-method='key']{
498
+ ._main_8xnx5f_56:active:not(:hover):focus[data-focus-method='key']{
499
499
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
500
500
  --_rs-button-active-focus-visible-no-hover-background
501
501
  );
502
502
  }
503
- ._main_t2yoi8_56._disabled_t2yoi8_133{
503
+ ._main_8xnx5f_56._disabled_8xnx5f_133{
504
504
  --_rs-button-border-inner-color:rgba(
505
505
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
506
506
  0.2
@@ -509,26 +509,26 @@
509
509
  color:var(--_rs-button-disabled-color);
510
510
  background:var(--_rs-button-disabled-background);
511
511
  }
512
- ._main_t2yoi8_56._busy_t2yoi8_143{
512
+ ._main_8xnx5f_56._busy_8xnx5f_143{
513
513
  pointer-events:none;
514
514
  }
515
- ._main_t2yoi8_56._busyOverlay_t2yoi8_147{
515
+ ._main_8xnx5f_56._busyOverlay_8xnx5f_147{
516
516
  display:inline-flex;
517
517
  justify-content:center;
518
518
  align-items:center;
519
519
  }
520
- ._main_t2yoi8_56._busyOverlay_t2yoi8_147,
521
- ._main_t2yoi8_56._busyOverlay_t2yoi8_147:hover,
522
- ._main_t2yoi8_56._busyOverlay_t2yoi8_147:active,
523
- ._main_t2yoi8_56._busyOverlay_t2yoi8_147._disabled_t2yoi8_133,
524
- ._main_t2yoi8_56._busyOverlay_t2yoi8_147:focus{
520
+ ._main_8xnx5f_56._busyOverlay_8xnx5f_147,
521
+ ._main_8xnx5f_56._busyOverlay_8xnx5f_147:hover,
522
+ ._main_8xnx5f_56._busyOverlay_8xnx5f_147:active,
523
+ ._main_8xnx5f_56._busyOverlay_8xnx5f_147._disabled_8xnx5f_133,
524
+ ._main_8xnx5f_56._busyOverlay_8xnx5f_147:focus{
525
525
  -webkit-user-select:none;
526
526
  -moz-user-select:none;
527
527
  user-select:none;
528
528
 
529
529
  color:transparent;
530
530
  }
531
- ._main_t2yoi8_56::before{
531
+ ._main_8xnx5f_56::before{
532
532
  position:absolute;
533
533
  top:0;
534
534
  right:0;
@@ -545,40 +545,40 @@
545
545
 
546
546
  transition:border-color 100ms;
547
547
  }
548
- ._main_t2yoi8_56 ._icon_t2yoi8_182{
548
+ ._main_8xnx5f_56 ._icon_8xnx5f_182{
549
549
  width:auto;
550
550
  height:var(--_rs-button-icon-size);
551
551
 
552
552
  margin:0;
553
553
  fill:currentColor;
554
554
  }
555
- ._disabled_t2yoi8_133{
555
+ ._disabled_8xnx5f_133{
556
556
  pointer-events:none;
557
557
  }
558
- ._allowMultiline_t2yoi8_195{
558
+ ._allowMultiline_8xnx5f_195{
559
559
  white-space:normal;
560
560
  }
561
- ._multiline_t2yoi8_199{
561
+ ._multiline_8xnx5f_199{
562
562
  border-radius:var(--_rs-button-multiline-border-radius);
563
563
  }
564
- ._withoutText_t2yoi8_203{
564
+ ._withoutText_8xnx5f_203{
565
565
  --_rs-button-horizontal-real-padding:var(--_rs-button-icon-only-padding);
566
566
  --_rs-button-vertical-real-padding:var(--_rs-button-icon-only-padding);
567
567
  }
568
- ._busyIcon_t2yoi8_208{
568
+ ._busyIcon_8xnx5f_208{
569
569
  position:absolute;
570
570
  top:50%;
571
571
  left:50%;
572
572
 
573
573
  transform:translate(-50%, -50%);
574
574
  }
575
- ._main_t2yoi8_56 ._busyIcon_t2yoi8_208{
575
+ ._main_8xnx5f_56 ._busyIcon_8xnx5f_208{
576
576
  color:var(--_rs-button-color);
577
577
  }
578
- ._main_t2yoi8_56._disabled_t2yoi8_133 ._busyIcon_t2yoi8_208{
578
+ ._main_8xnx5f_56._disabled_8xnx5f_133 ._busyIcon_8xnx5f_208{
579
579
  color:var(--_rs-button-disabled-color);
580
580
  }
581
- ._content_t2yoi8_224{
581
+ ._content_8xnx5f_224{
582
582
  letter-spacing:var(
583
583
  --rs-text-base-letter-spacing,
584
584
  var(--_rs-typography-letter-spacing)
@@ -591,15 +591,15 @@
591
591
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
592
592
  font-feature-settings:'kern', 'liga', 'calt';
593
593
  }
594
- ._shiftedLeft_t2yoi8_229{
594
+ ._shiftedLeft_8xnx5f_229{
595
595
  margin-left:calc(var(--_rs-button-horizontal-real-padding)*-1);
596
596
  }
597
- ._shiftedRight_t2yoi8_232{
597
+ ._shiftedRight_8xnx5f_232{
598
598
  margin-right:calc(var(--_rs-button-horizontal-real-padding)*-1);
599
599
  }
600
- ._shiftedTop_t2yoi8_235{
600
+ ._shiftedTop_8xnx5f_235{
601
601
  margin-top:calc(var(--_rs-button-vertical-real-padding)*-1);
602
602
  }
603
- ._shiftedBottom_t2yoi8_238{
603
+ ._shiftedBottom_8xnx5f_238{
604
604
  margin-bottom:calc(var(--_rs-button-vertical-real-padding)*-1);
605
605
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.20.3-RUI-230-Update-icons-experiments-872b9bf9.15+872b9bf9",
3
+ "version": "0.20.3-RUI-230-Update-icons-experiments-64b23ff1.22+64b23ff1",
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.26.0",
18
- "@rescui/use-resize-observer": "0.2.6-RUI-230-Update-icons-experiments-872b9bf9.39+872b9bf9",
18
+ "@rescui/use-resize-observer": "0.2.6-RUI-230-Update-icons-experiments-64b23ff1.46+64b23ff1",
19
19
  "classnames": "^2.2.6"
20
20
  },
21
21
  "peerDependencies": {
@@ -24,10 +24,10 @@
24
24
  "react": ">=16.8.0 <19"
25
25
  },
26
26
  "devDependencies": {
27
- "@rescui/colors": "0.2.7-RUI-230-Update-icons-experiments-872b9bf9.39+872b9bf9",
28
- "@rescui/icons": "0.16.15-RUI-230-Update-icons-experiments-872b9bf9.15+872b9bf9",
27
+ "@rescui/colors": "0.2.7-RUI-230-Update-icons-experiments-64b23ff1.46+64b23ff1",
28
+ "@rescui/icons": "0.16.15-RUI-230-Update-icons-experiments-64b23ff1.22+64b23ff1",
29
29
  "@rescui/scripts": "0.3.5",
30
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-experiments-872b9bf9.15+872b9bf9",
30
+ "@rescui/typography": "0.21.1-RUI-230-Update-icons-experiments-64b23ff1.22+64b23ff1",
31
31
  "@rescui/visual-regression": "0.1.2",
32
32
  "@types/classnames": "^2.2.11"
33
33
  },
@@ -36,5 +36,5 @@
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "872b9bf9f5e474016b4d1beab36d4811ecbb254a"
39
+ "gitHead": "64b23ff1d1e0d31e634a11f576360c4ec297561b"
40
40
  }