@rescui/button 0.20.3-RUI-230-Update-icons-0bd4e5fc.9 → 0.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/_virtual/loading.js +9 -57
  3. package/lib/button.p.module.css.js +31 -31
  4. package/lib/index.css +68 -68
  5. package/package.json +8 -8
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_7axx9h_4",
3
- "sizeXS": "_sizeXS_7axx9h_14",
4
- "sizeS": "_sizeS_7axx9h_18",
5
- "sizeM": "_sizeM_7axx9h_22",
6
- "sizeL": "_sizeL_7axx9h_26",
7
- "light": "_light_7axx9h_30",
8
- "dark": "_dark_7axx9h_34"
2
+ "icon": "_icon_4o5r48_4",
3
+ "sizeXS": "_sizeXS_4o5r48_14",
4
+ "sizeS": "_sizeS_4o5r48_18",
5
+ "sizeM": "_sizeM_4o5r48_22",
6
+ "sizeL": "_sizeL_4o5r48_26",
7
+ "light": "_light_4o5r48_30",
8
+ "dark": "_dark_4o5r48_34"
9
9
  };
10
10
  export { styles as default };
package/lib/_virtual/loading.js CHANGED
@@ -9,12 +9,6 @@ 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
- };
18
12
  const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
13
  let {
20
14
  theme,
@@ -22,64 +16,22 @@ const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
22
16
  className,
23
17
  ...props
24
18
  } = _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
-
71
19
  return /*#__PURE__*/React.createElement("svg", _extends({
72
- viewBox: "0 0 28 28"
20
+ viewBox: "0 0 24 24"
73
21
  }, props, {
74
22
  className: cn(styles.icon, styles[theme], sizeStyles[size], className),
75
23
  ref: ref
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",
24
+ }), /*#__PURE__*/React.createElement("g", {
78
25
  style: {
79
26
  animation: "rs-icon-rotate 1s linear infinite",
80
27
  transformOrigin: "center center"
81
28
  }
82
- }));
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
+ })));
83
35
  });
84
36
  LoadingIcon.propTypes = {
85
37
  className: PropTypes.string,
@@ -89,4 +41,4 @@ LoadingIcon.propTypes = {
89
41
  LoadingIcon.defaultProps = {
90
42
  size: "m"
91
43
  };
92
- export { Size, LoadingIcon as default };
44
+ export { LoadingIcon as default };
package/lib/button.p.module.css.js CHANGED
@@ -1,34 +1,34 @@
1
1
  var styles = {
2
- "light": "_light_1rya2mr_6",
3
- "dark": "_dark_1rya2mr_9",
4
- "flatRight": "_flatRight_1rya2mr_13",
5
- "flatLeft": "_flatLeft_1rya2mr_16",
6
- "sizeXs": "_sizeXs_1rya2mr_20",
7
- "sizeS": "_sizeS_1rya2mr_23",
8
- "sizeM": "_sizeM_1rya2mr_26",
9
- "sizeL": "_sizeL_1rya2mr_29",
10
- "modeClassic": "_modeClassic_1rya2mr_33",
11
- "modeRock": "_modeRock_1rya2mr_36",
12
- "modeTransparent": "_modeTransparent_1rya2mr_39",
13
- "modeOutline": "_modeOutline_1rya2mr_42",
14
- "modeClear": "_modeClear_1rya2mr_45",
15
- "alignIconLeft": "_alignIconLeft_1rya2mr_49",
16
- "alignIconLeftEdge": "_alignIconLeftEdge_1rya2mr_52",
17
- "alignIconRight": "_alignIconRight_1rya2mr_55",
18
- "alignIconRightEdge": "_alignIconRightEdge_1rya2mr_58",
19
- "main": "_main_1rya2mr_62",
20
- "disabled": "_disabled_1rya2mr_139",
21
- "busy": "_busy_1rya2mr_149",
22
- "busyOverlay": "_busyOverlay_1rya2mr_153",
23
- "icon": "_icon_1rya2mr_188",
24
- "allowMultiline": "_allowMultiline_1rya2mr_203",
25
- "content": "_content_1rya2mr_207",
26
- "multiline": "_multiline_1rya2mr_211",
27
- "withoutText": "_withoutText_1rya2mr_215",
28
- "busyIcon": "_busyIcon_1rya2mr_220",
29
- "shiftedLeft": "_shiftedLeft_1rya2mr_241",
30
- "shiftedRight": "_shiftedRight_1rya2mr_244",
31
- "shiftedTop": "_shiftedTop_1rya2mr_247",
32
- "shiftedBottom": "_shiftedBottom_1rya2mr_250"
2
+ "light": "_light_17txdku_6",
3
+ "dark": "_dark_17txdku_9",
4
+ "flatRight": "_flatRight_17txdku_13",
5
+ "flatLeft": "_flatLeft_17txdku_16",
6
+ "sizeXs": "_sizeXs_17txdku_20",
7
+ "sizeS": "_sizeS_17txdku_23",
8
+ "sizeM": "_sizeM_17txdku_26",
9
+ "sizeL": "_sizeL_17txdku_29",
10
+ "modeClassic": "_modeClassic_17txdku_33",
11
+ "modeRock": "_modeRock_17txdku_36",
12
+ "modeTransparent": "_modeTransparent_17txdku_39",
13
+ "modeOutline": "_modeOutline_17txdku_42",
14
+ "modeClear": "_modeClear_17txdku_45",
15
+ "alignIconLeft": "_alignIconLeft_17txdku_49",
16
+ "alignIconLeftEdge": "_alignIconLeftEdge_17txdku_52",
17
+ "alignIconRight": "_alignIconRight_17txdku_55",
18
+ "alignIconRightEdge": "_alignIconRightEdge_17txdku_58",
19
+ "main": "_main_17txdku_62",
20
+ "disabled": "_disabled_17txdku_139",
21
+ "busy": "_busy_17txdku_149",
22
+ "busyOverlay": "_busyOverlay_17txdku_153",
23
+ "icon": "_icon_17txdku_188",
24
+ "allowMultiline": "_allowMultiline_17txdku_203",
25
+ "content": "_content_17txdku_207",
26
+ "multiline": "_multiline_17txdku_211",
27
+ "withoutText": "_withoutText_17txdku_215",
28
+ "busyIcon": "_busyIcon_17txdku_220",
29
+ "shiftedLeft": "_shiftedLeft_17txdku_241",
30
+ "shiftedRight": "_shiftedRight_17txdku_244",
31
+ "shiftedTop": "_shiftedTop_17txdku_247",
32
+ "shiftedBottom": "_shiftedBottom_17txdku_250"
33
33
  };
34
34
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_7axx9h_4{
1
+ ._icon_4o5r48_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_7axx9h_4{
11
+ ._icon_4o5r48_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_7axx9h_4{
20
+ ._icon_4o5r48_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_7axx9h_4{
28
+ ._icon_4o5r48_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_7axx9h_14{
35
+ ._sizeXS_4o5r48_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_7axx9h_18{
38
+ ._sizeS_4o5r48_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_7axx9h_22{
41
+ ._sizeM_4o5r48_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_7axx9h_26{
44
+ ._sizeL_4o5r48_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_7axx9h_30{
47
+ ._light_4o5r48_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_7axx9h_34{
51
+ ._dark_4o5r48_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_1rya2mr_6{
63
+ ._light_17txdku_6{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._dark_1rya2mr_9{
66
+ ._dark_17txdku_9{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._flatRight_1rya2mr_13{
69
+ ._flatRight_17txdku_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_1rya2mr_16{
75
+ ._flatLeft_17txdku_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_1rya2mr_20{
81
+ ._sizeXs_17txdku_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_1rya2mr_20 [data-rs-internal='button__content']{
96
+ ._sizeXs_17txdku_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_1rya2mr_23{
130
+ ._sizeS_17txdku_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_1rya2mr_23 [data-rs-internal='button__content']{
145
+ ._sizeS_17txdku_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_1rya2mr_26{
179
+ ._sizeM_17txdku_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_1rya2mr_26 [data-rs-internal='button__content']{
194
+ ._sizeM_17txdku_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_1rya2mr_26 [data-rs-internal='button__content']{
229
+ ._sizeM_17txdku_26 [data-rs-internal='button__content']{
230
230
  --_rs-typography-list-li-margin-top-from-text:12px;
231
231
  }
232
232
  }
233
- ._sizeL_1rya2mr_29{
233
+ ._sizeL_17txdku_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_1rya2mr_29 [data-rs-internal='button__content']{
248
+ ._sizeL_17txdku_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_1rya2mr_29 [data-rs-internal='button__content']{
283
+ ._sizeL_17txdku_29 [data-rs-internal='button__content']{
284
284
  --_rs-typography-list-li-margin-top-from-text:16px;
285
285
  }
286
286
  }
287
- ._modeClassic_1rya2mr_33{
287
+ ._modeClassic_17txdku_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_1rya2mr_36{
303
+ ._modeRock_17txdku_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_1rya2mr_39{
316
+ ._modeTransparent_17txdku_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_1rya2mr_42{
328
+ ._modeOutline_17txdku_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_1rya2mr_45{
340
+ ._modeClear_17txdku_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,23 +349,23 @@
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_1rya2mr_49{
352
+ ._alignIconLeft_17txdku_49{
353
353
  --_rs-button-icon-flex-direction:row;
354
354
  --_rs-button-content-grow:0;
355
355
  }
356
- ._alignIconLeftEdge_1rya2mr_52{
356
+ ._alignIconLeftEdge_17txdku_52{
357
357
  --_rs-button-icon-flex-direction:row;
358
358
  --_rs-button-content-grow:1;
359
359
  }
360
- ._alignIconRight_1rya2mr_55{
360
+ ._alignIconRight_17txdku_55{
361
361
  --_rs-button-icon-flex-direction:row-reverse;
362
362
  --_rs-button-content-grow:0;
363
363
  }
364
- ._alignIconRightEdge_1rya2mr_58{
364
+ ._alignIconRightEdge_17txdku_58{
365
365
  --_rs-button-icon-flex-direction:row-reverse;
366
366
  --_rs-button-content-grow:1;
367
367
  }
368
- ._main_1rya2mr_62{
368
+ ._main_17txdku_62{
369
369
  --_rs-theme-dark:var(
370
370
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
371
371
  var(--rs-theme-dark, 0)
@@ -375,7 +375,7 @@
375
375
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
376
376
  }
377
377
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
378
- ._main_1rya2mr_62{
378
+ ._main_17txdku_62{
379
379
  --_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)));
380
380
  --_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)));
381
381
  --_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)));
@@ -384,7 +384,7 @@
384
384
  }
385
385
  }
386
386
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
387
- ._main_1rya2mr_62{
387
+ ._main_17txdku_62{
388
388
  --_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);
389
389
  --_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));
390
390
  --_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));
@@ -392,7 +392,7 @@
392
392
  --_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));
393
393
  }
394
394
  }
395
- ._main_1rya2mr_62 {
395
+ ._main_17txdku_62 {
396
396
  --_rs-button-background-final:var(
397
397
  --_rs-button-background-from-state-active-focus-visible-no-hover,
398
398
  var(
@@ -473,19 +473,19 @@
473
473
  -moz-column-gap:var(--_rs-button-icon-offset);
474
474
  column-gap:var(--_rs-button-icon-offset);
475
475
  }
476
- ._main_1rya2mr_62:hover,
477
- ._main_1rya2mr_62:focus,
478
- ._main_1rya2mr_62:active{
476
+ ._main_17txdku_62:hover,
477
+ ._main_17txdku_62:focus,
478
+ ._main_17txdku_62:active{
479
479
  outline:none;
480
480
 
481
481
  text-decoration:none;
482
482
  }
483
- ._main_1rya2mr_62:focus{
483
+ ._main_17txdku_62:focus{
484
484
  color:var(--_rs-button-color);
485
485
  background:var(--_rs-button-background-final);
486
486
  }
487
487
  @media (hover: hover){
488
- ._main_1rya2mr_62:hover{
488
+ ._main_17txdku_62:hover{
489
489
  --_rs-button-border-inner-color:rgba(
490
490
  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),
491
491
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -493,24 +493,24 @@
493
493
  --_rs-button-background-from-state-hover:var(--_rs-button-hover-background);
494
494
  }
495
495
  }
496
- ._main_1rya2mr_62:active{
496
+ ._main_17txdku_62:active{
497
497
  --_rs-button-border-inner-width:2px;
498
498
  --_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));
499
499
  --_rs-button-background-from-state-active:var(
500
500
  --_rs-button-active-background
501
501
  );
502
502
  }
503
- ._main_1rya2mr_62:focus[data-focus-method='key']{
503
+ ._main_17txdku_62:focus[data-focus-method='key']{
504
504
  --_rs-button-box-shadow-from-state-focus-visible:var(
505
505
  --_rs-color-primary-t-dim
506
506
  ) 0 0 0 4px;
507
507
  }
508
- ._main_1rya2mr_62:active:not(:hover):focus[data-focus-method='key']{
508
+ ._main_17txdku_62:active:not(:hover):focus[data-focus-method='key']{
509
509
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
510
510
  --_rs-button-active-focus-visible-no-hover-background
511
511
  );
512
512
  }
513
- ._main_1rya2mr_62._disabled_1rya2mr_139{
513
+ ._main_17txdku_62._disabled_17txdku_139{
514
514
  --_rs-button-border-inner-color:rgba(
515
515
  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),
516
516
  0.2
@@ -519,26 +519,26 @@
519
519
  color:var(--_rs-button-disabled-color);
520
520
  background:var(--_rs-button-disabled-background);
521
521
  }
522
- ._main_1rya2mr_62._busy_1rya2mr_149{
522
+ ._main_17txdku_62._busy_17txdku_149{
523
523
  pointer-events:none;
524
524
  }
525
- ._main_1rya2mr_62._busyOverlay_1rya2mr_153{
525
+ ._main_17txdku_62._busyOverlay_17txdku_153{
526
526
  display:inline-flex;
527
527
  justify-content:center;
528
528
  align-items:center;
529
529
  }
530
- ._main_1rya2mr_62._busyOverlay_1rya2mr_153,
531
- ._main_1rya2mr_62._busyOverlay_1rya2mr_153:hover,
532
- ._main_1rya2mr_62._busyOverlay_1rya2mr_153:active,
533
- ._main_1rya2mr_62._busyOverlay_1rya2mr_153._disabled_1rya2mr_139,
534
- ._main_1rya2mr_62._busyOverlay_1rya2mr_153:focus{
530
+ ._main_17txdku_62._busyOverlay_17txdku_153,
531
+ ._main_17txdku_62._busyOverlay_17txdku_153:hover,
532
+ ._main_17txdku_62._busyOverlay_17txdku_153:active,
533
+ ._main_17txdku_62._busyOverlay_17txdku_153._disabled_17txdku_139,
534
+ ._main_17txdku_62._busyOverlay_17txdku_153:focus{
535
535
  -webkit-user-select:none;
536
536
  -moz-user-select:none;
537
537
  user-select:none;
538
538
 
539
539
  color:transparent;
540
540
  }
541
- ._main_1rya2mr_62::before{
541
+ ._main_17txdku_62::before{
542
542
  position:absolute;
543
543
  top:0;
544
544
  right:0;
@@ -555,7 +555,7 @@
555
555
 
556
556
  transition:border-color 100ms;
557
557
  }
558
- ._main_1rya2mr_62 ._icon_1rya2mr_188{
558
+ ._main_17txdku_62 ._icon_17txdku_188{
559
559
  flex:0 0 auto;
560
560
 
561
561
  width:auto;
@@ -564,36 +564,36 @@
564
564
  margin:0;
565
565
  fill:currentColor;
566
566
  }
567
- ._disabled_1rya2mr_139{
567
+ ._disabled_17txdku_139{
568
568
  pointer-events:none;
569
569
  }
570
- ._allowMultiline_1rya2mr_203{
570
+ ._allowMultiline_17txdku_203{
571
571
  white-space:normal;
572
572
  }
573
- ._content_1rya2mr_207{
573
+ ._content_17txdku_207{
574
574
  flex:var(--_rs-button-content-grow) 1 auto;
575
575
  }
576
- ._multiline_1rya2mr_211{
576
+ ._multiline_17txdku_211{
577
577
  border-radius:var(--_rs-button-multiline-border-radius);
578
578
  }
579
- ._withoutText_1rya2mr_215{
579
+ ._withoutText_17txdku_215{
580
580
  --_rs-button-horizontal-real-padding:var(--_rs-button-icon-only-padding);
581
581
  --_rs-button-vertical-real-padding:var(--_rs-button-icon-only-padding);
582
582
  }
583
- ._busyIcon_1rya2mr_220{
583
+ ._busyIcon_17txdku_220{
584
584
  position:absolute;
585
585
  top:50%;
586
586
  left:50%;
587
587
 
588
588
  transform:translate(-50%, -50%);
589
589
  }
590
- ._main_1rya2mr_62 ._busyIcon_1rya2mr_220{
590
+ ._main_17txdku_62 ._busyIcon_17txdku_220{
591
591
  color:var(--_rs-button-color);
592
592
  }
593
- ._main_1rya2mr_62._disabled_1rya2mr_139 ._busyIcon_1rya2mr_220{
593
+ ._main_17txdku_62._disabled_17txdku_139 ._busyIcon_17txdku_220{
594
594
  color:var(--_rs-button-disabled-color);
595
595
  }
596
- ._content_1rya2mr_207{
596
+ ._content_17txdku_207{
597
597
  letter-spacing:var(
598
598
  --rs-text-base-letter-spacing,
599
599
  var(--_rs-typography-letter-spacing)
@@ -606,15 +606,15 @@
606
606
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
607
607
  font-feature-settings:'kern', 'liga', 'calt';
608
608
  }
609
- ._shiftedLeft_1rya2mr_241{
609
+ ._shiftedLeft_17txdku_241{
610
610
  margin-left:calc(var(--_rs-button-horizontal-real-padding)*-1);
611
611
  }
612
- ._shiftedRight_1rya2mr_244{
612
+ ._shiftedRight_17txdku_244{
613
613
  margin-right:calc(var(--_rs-button-horizontal-real-padding)*-1);
614
614
  }
615
- ._shiftedTop_1rya2mr_247{
615
+ ._shiftedTop_17txdku_247{
616
616
  margin-top:calc(var(--_rs-button-vertical-real-padding)*-1);
617
617
  }
618
- ._shiftedBottom_1rya2mr_250{
618
+ ._shiftedBottom_17txdku_250{
619
619
  margin-bottom:calc(var(--_rs-button-vertical-real-padding)*-1);
620
620
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.20.3-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
3
+ "version": "0.21.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,7 +16,7 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/use-resize-observer": "0.2.6-RUI-230-Update-icons-0bd4e5fc.33+0bd4e5fc",
19
+ "@rescui/use-resize-observer": "^0.2.6",
20
20
  "classnames": "^2.2.6"
21
21
  },
22
22
  "peerDependencies": {
@@ -25,11 +25,11 @@
25
25
  "react": ">=16.8.0 <19"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "0.2.7-RUI-230-Update-icons-0bd4e5fc.33+0bd4e5fc",
29
- "@rescui/icons": "0.16.15-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
30
- "@rescui/scripts": "0.3.5",
31
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
32
- "@rescui/visual-regression": "0.1.2",
28
+ "@rescui/colors": "^0.2.7",
29
+ "@rescui/icons": "^0.16.15",
30
+ "@rescui/scripts": "^0.3.5",
31
+ "@rescui/typography": "^0.21.1",
32
+ "@rescui/visual-regression": "^0.1.2",
33
33
  "@types/classnames": "^2.2.11"
34
34
  },
35
35
  "scripts": {
@@ -37,5 +37,5 @@
37
37
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
38
  },
39
39
  "nx": {},
40
- "gitHead": "0bd4e5fc55bc38b4b8a80a5dcbdb036720dc9676"
40
+ "gitHead": "d7450a0d420331e1321802ca50b2a12dfb974a4e"
41
41
  }