@rescui/radio-button 0.8.9-RUI-230-Update-icons-experiments-f88ab661.14 → 0.8.9-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 (7) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/_virtual/index.js +76 -0
  3. package/lib/index.css +50 -50
  4. package/lib/parts/radio-button-list.js +1 -1
  5. package/lib/parts/radio-button.p.module.css.js +19 -19
  6. package/package.json +6 -5
  7. package/lib/_virtual/warning.js +0 -36
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_m8m8yc_4",
3
- "sizeXS": "_sizeXS_m8m8yc_14",
4
- "sizeS": "_sizeS_m8m8yc_18",
5
- "sizeM": "_sizeM_m8m8yc_22",
6
- "sizeL": "_sizeL_m8m8yc_26",
7
- "light": "_light_m8m8yc_30",
8
- "dark": "_dark_m8m8yc_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 ADDED
@@ -0,0 +1,76 @@
1
+ import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
+ import React from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import cn from 'classnames';
5
+ import styles from './index.css.js';
6
+ const sizeStyles = {
7
+ "xs": styles.sizeXS,
8
+ "s": styles.sizeS,
9
+ "m": styles.sizeM,
10
+ "l": styles.sizeL
11
+ };
12
+ const Size = {
13
+ "xs": "xs",
14
+ "s": "s",
15
+ "m": "m",
16
+ "l": "l"
17
+ };
18
+ const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
+ let {
20
+ theme,
21
+ size,
22
+ className,
23
+ ...props
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: "m6.303 1.989-5.027 8.874C.483 12.263 1.494 14 3.103 14h9.793c1.609 0 2.62-1.736 1.827-3.137L9.696 1.99C8.949.67 7.05.67 6.303 1.989M8 12a1 1 0 1 1 0-2 1 1 0 0 1 0 2m0-8a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4A.5.5 0 0 1 8 4"
34
+ }));
35
+ }
36
+
37
+ if (size === Size['s']) {
38
+ return /*#__PURE__*/React.createElement("svg", _extends({
39
+ viewBox: "0 0 20 20"
40
+ }, props, {
41
+ className: cn(styles.icon, styles[theme], sizeStyles[size], className),
42
+ ref: ref
43
+ }), /*#__PURE__*/React.createElement("path", {
44
+ d: "m8.042 3.141-5.8 10.24C1.327 14.997 2.494 17 4.35 17h11.3c1.856 0 3.023-2.003 2.108-3.62l-5.8-10.239c-.862-1.521-3.054-1.521-3.916 0M10 5.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V6a.75.75 0 0 1 .75-.75m0 9.25a1 1 0 1 1 0-2 1 1 0 0 1 0 2"
45
+ }));
46
+ }
47
+
48
+ if (size === Size['m']) {
49
+ return /*#__PURE__*/React.createElement("svg", _extends({
50
+ viewBox: "0 0 24 24"
51
+ }, props, {
52
+ className: cn(styles.icon, styles[theme], sizeStyles[size], className),
53
+ ref: ref
54
+ }), /*#__PURE__*/React.createElement("path", {
55
+ d: "m9.52 3.446-7.346 12.97C1.014 18.463 2.492 21 4.844 21h14.312c2.352 0 3.83-2.537 2.67-4.584L14.48 3.446c-1.092-1.928-3.868-1.928-4.96 0M12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
56
+ }));
57
+ }
58
+
59
+ return /*#__PURE__*/React.createElement("svg", _extends({
60
+ viewBox: "0 0 28 28"
61
+ }, props, {
62
+ className: cn(styles.icon, styles[theme], sizeStyles[size], className),
63
+ ref: ref
64
+ }), /*#__PURE__*/React.createElement("path", {
65
+ d: "M11.26 4.598 3.14 18.933C1.858 21.195 3.492 24 6.09 24h15.82c2.599 0 4.232-2.805 2.951-5.067l-8.12-14.335c-1.207-2.13-4.275-2.13-5.481 0M14 8a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m0 12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
66
+ }));
67
+ });
68
+ WarningIcon.propTypes = {
69
+ className: PropTypes.string,
70
+ theme: PropTypes.oneOf(["light", "dark"]),
71
+ size: PropTypes.oneOf(["xs", "s", "m", "l"])
72
+ };
73
+ WarningIcon.defaultProps = {
74
+ size: "m"
75
+ };
76
+ export { Size, WarningIcon, WarningIcon as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_m8m8yc_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_m8m8yc_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_m8m8yc_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_m8m8yc_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_m8m8yc_14{
35
+ ._sizeXS_585zsg_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_m8m8yc_18{
38
+ ._sizeS_585zsg_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_m8m8yc_22{
41
+ ._sizeM_585zsg_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_m8m8yc_26{
44
+ ._sizeL_585zsg_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_m8m8yc_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_m8m8yc_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,13 +60,13 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._themeLight_c2jiy2_8{
63
+ ._themeLight_1g4zaj2_8{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._themeDark_c2jiy2_11{
66
+ ._themeDark_1g4zaj2_11{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._container_c2jiy2_15{
69
+ ._container_1g4zaj2_15{
70
70
  --_rs-theme-dark:var(
71
71
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
72
72
  var(--rs-theme-dark, 0)
@@ -76,7 +76,7 @@
76
76
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
77
77
  }
78
78
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
79
- ._container_c2jiy2_15{
79
+ ._container_1g4zaj2_15{
80
80
  --_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)));
81
81
  --_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)));
82
82
  --_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)));
@@ -85,7 +85,7 @@
85
85
  }
86
86
  }
87
87
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
88
- ._container_c2jiy2_15{
88
+ ._container_1g4zaj2_15{
89
89
  --_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);
90
90
  --_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));
91
91
  --_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));
@@ -93,7 +93,7 @@
93
93
  --_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));
94
94
  }
95
95
  }
96
- ._listSizeS_c2jiy2_20 [data-rs-internal='radio-button-list__error-message']{
96
+ ._listSizeS_1g4zaj2_20 [data-rs-internal='radio-button-list__error-message']{
97
97
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
98
98
  --_rs-typography-text-transform:initial;
99
99
  --_rs-typography-font-variant-numeric:initial;
@@ -124,10 +124,10 @@
124
124
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
125
125
  --_rs-typography-link-border-bottom-width-from-text:2px;
126
126
  }
127
- ._listSizeS_c2jiy2_20 [data-rs-internal='radio-button-list__error-icon']:not(html){
127
+ ._listSizeS_1g4zaj2_20 [data-rs-internal='radio-button-list__error-icon']:not(html){
128
128
  --_rs-icons-height:20px;
129
129
  }
130
- ._listSizeM_c2jiy2_23 [data-rs-internal='radio-button-list__error-message']{
130
+ ._listSizeM_1g4zaj2_23 [data-rs-internal='radio-button-list__error-message']{
131
131
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
132
132
  --_rs-typography-text-transform:initial;
133
133
  --_rs-typography-font-variant-numeric:initial;
@@ -158,10 +158,10 @@
158
158
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
159
159
  --_rs-typography-link-border-bottom-width-from-text:2px;
160
160
  }
161
- ._listSizeM_c2jiy2_23 [data-rs-internal='radio-button-list__error-icon']:not(html){
161
+ ._listSizeM_1g4zaj2_23 [data-rs-internal='radio-button-list__error-icon']:not(html){
162
162
  --_rs-icons-height:20px;
163
163
  }
164
- ._listSizeL_c2jiy2_26 [data-rs-internal='radio-button-list__error-message']{
164
+ ._listSizeL_1g4zaj2_26 [data-rs-internal='radio-button-list__error-message']{
165
165
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
166
166
  --_rs-typography-text-transform:initial;
167
167
  --_rs-typography-font-variant-numeric:initial;
@@ -192,35 +192,35 @@
192
192
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
193
193
  --_rs-typography-link-border-bottom-width-from-text:2px;
194
194
  }
195
- ._listSizeL_c2jiy2_26 [data-rs-internal='radio-button-list__error-icon']:not(html){
195
+ ._listSizeL_1g4zaj2_26 [data-rs-internal='radio-button-list__error-icon']:not(html){
196
196
  --_rs-icons-height:24px;
197
197
  }
198
- ._sizeS_c2jiy2_30{
198
+ ._sizeS_1g4zaj2_30{
199
199
  --_rs-radio-button-size:20px;
200
200
  --_rs-radio-button-box-shadow-size:3px;
201
201
  --_rs-radio-button-active-icon-border-width:5px;
202
202
  }
203
- ._sizeM_c2jiy2_33{
203
+ ._sizeM_1g4zaj2_33{
204
204
  --_rs-radio-button-size:24px;
205
205
  --_rs-radio-button-box-shadow-size:3px;
206
206
  --_rs-radio-button-active-icon-border-width:6px;
207
207
  }
208
- ._sizeL_c2jiy2_36{
208
+ ._sizeL_1g4zaj2_36{
209
209
  --_rs-radio-button-size:28px;
210
210
  --_rs-radio-button-box-shadow-size:4px;
211
211
  --_rs-radio-button-active-icon-border-width:6px;
212
212
  }
213
- ._classic_c2jiy2_40{
213
+ ._classic_1g4zaj2_40{
214
214
  --_rs-radio-button-active-icon-border-color:var(--_rs-color-primary);
215
215
  --_rs-radio-button-active-icon-background-color:#FFFFFF;
216
216
  --_rs-radio-button-active-icon-hover-box-shadow-color:var(--_rs-color-primary-t-fog);
217
217
  }
218
- ._rock_c2jiy2_43{
218
+ ._rock_1g4zaj2_43{
219
219
  --_rs-radio-button-active-icon-border-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));
220
220
  --_rs-radio-button-active-icon-background-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));
221
221
  --_rs-radio-button-active-icon-hover-box-shadow-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.1);
222
222
  }
223
- ._main_c2jiy2_47{
223
+ ._main_1g4zaj2_47{
224
224
  --_rs-theme-dark:var(
225
225
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
226
226
  var(--rs-theme-dark, 0)
@@ -230,7 +230,7 @@
230
230
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
231
231
  }
232
232
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
233
- ._main_c2jiy2_47{
233
+ ._main_1g4zaj2_47{
234
234
  --_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)));
235
235
  --_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)));
236
236
  --_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)));
@@ -239,7 +239,7 @@
239
239
  }
240
240
  }
241
241
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
242
- ._main_c2jiy2_47{
242
+ ._main_1g4zaj2_47{
243
243
  --_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);
244
244
  --_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));
245
245
  --_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));
@@ -247,7 +247,7 @@
247
247
  --_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));
248
248
  }
249
249
  }
250
- ._main_c2jiy2_47 {
250
+ ._main_1g4zaj2_47 {
251
251
 
252
252
  display:inline-block;
253
253
 
@@ -256,7 +256,7 @@
256
256
 
257
257
  vertical-align:middle;
258
258
  }
259
- ._errorMessage_c2jiy2_59{
259
+ ._errorMessage_1g4zaj2_59{
260
260
  letter-spacing:var(
261
261
  --rs-text-base-letter-spacing,
262
262
  var(--_rs-typography-letter-spacing)
@@ -278,12 +278,12 @@
278
278
  -moz-column-gap:8px;
279
279
  column-gap:8px;
280
280
  }
281
- ._errorIcon_c2jiy2_71{
281
+ ._errorIcon_1g4zaj2_71{
282
282
  flex:0 0 auto;
283
283
 
284
284
  color:#F45C4A;
285
285
  }
286
- ._input_c2jiy2_77{
286
+ ._input_1g4zaj2_77{
287
287
  position:absolute;
288
288
  -webkit-appearance:none;
289
289
  -moz-appearance:none;
@@ -297,7 +297,7 @@
297
297
 
298
298
  border:0;
299
299
  }
300
- ._icon_c2jiy2_90{
300
+ ._icon_1g4zaj2_90{
301
301
  position:relative;
302
302
 
303
303
  display:inline-block;
@@ -314,16 +314,16 @@
314
314
 
315
315
  background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204));
316
316
  }
317
- ._enabled_c2jiy2_111 ._icon_c2jiy2_90{
317
+ ._enabled_1g4zaj2_111 ._icon_1g4zaj2_90{
318
318
  cursor:pointer;
319
319
  }
320
- ._enabled_c2jiy2_111:hover > ._icon_c2jiy2_90,
321
- label:hover ._enabled_c2jiy2_111 > ._icon_c2jiy2_90{
320
+ ._enabled_1g4zaj2_111:hover > ._icon_1g4zaj2_90,
321
+ label:hover ._enabled_1g4zaj2_111 > ._icon_1g4zaj2_90{
322
322
  background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182));
323
323
  }
324
- ._disabled_c2jiy2_120 ._icon_c2jiy2_90._icon_c2jiy2_90,
325
- ._input_c2jiy2_77:disabled + ._icon_c2jiy2_90._icon_c2jiy2_90,
326
- ._input_c2jiy2_77:checked:disabled + ._icon_c2jiy2_90{
324
+ ._disabled_1g4zaj2_120 ._icon_1g4zaj2_90._icon_1g4zaj2_90,
325
+ ._input_1g4zaj2_77:disabled + ._icon_1g4zaj2_90._icon_1g4zaj2_90,
326
+ ._input_1g4zaj2_77:checked:disabled + ._icon_1g4zaj2_90{
327
327
  border-color:rgb(calc(186 - var(--_rs-theme-dark-coefficient, 0)*92), calc(186 - var(--_rs-theme-dark-coefficient, 0)*92), calc(187 - var(--_rs-theme-dark-coefficient, 0)*91));
328
328
 
329
329
  cursor:not-allowed;
@@ -331,25 +331,25 @@
331
331
 
332
332
  background-color:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*193));
333
333
  }
334
- ._enabled_c2jiy2_111 ._input_c2jiy2_77:active + ._icon_c2jiy2_90,
335
- ._enabled_c2jiy2_111 ._input_c2jiy2_77:checked + ._icon_c2jiy2_90{
334
+ ._enabled_1g4zaj2_111 ._input_1g4zaj2_77:active + ._icon_1g4zaj2_90,
335
+ ._enabled_1g4zaj2_111 ._input_1g4zaj2_77:checked + ._icon_1g4zaj2_90{
336
336
  border-color:var(--_rs-radio-button-active-icon-border-color);
337
337
 
338
338
  background-color:var(--_rs-radio-button-active-icon-background-color);
339
339
  }
340
- ._enabled_c2jiy2_111 ._input_c2jiy2_77:active + ._icon_c2jiy2_90,
341
- ._enabled_c2jiy2_111 ._input_c2jiy2_77:checked + ._icon_c2jiy2_90,
342
- ._main_c2jiy2_47 ._input_c2jiy2_77:checked:disabled + ._icon_c2jiy2_90{
340
+ ._enabled_1g4zaj2_111 ._input_1g4zaj2_77:active + ._icon_1g4zaj2_90,
341
+ ._enabled_1g4zaj2_111 ._input_1g4zaj2_77:checked + ._icon_1g4zaj2_90,
342
+ ._main_1g4zaj2_47 ._input_1g4zaj2_77:checked:disabled + ._icon_1g4zaj2_90{
343
343
  border-width:var(--_rs-radio-button-active-icon-border-width);
344
344
  }
345
- ._error_c2jiy2_59 ._icon_c2jiy2_90._icon_c2jiy2_90._icon_c2jiy2_90{
345
+ ._error_1g4zaj2_59 ._icon_1g4zaj2_90._icon_1g4zaj2_90._icon_1g4zaj2_90{
346
346
  border-color:#F45C4A;
347
347
  }
348
- ._enabled_c2jiy2_111:hover > ._icon_c2jiy2_90._icon_c2jiy2_90,
349
- label:hover ._enabled_c2jiy2_111 > ._icon_c2jiy2_90._icon_c2jiy2_90,
350
- ._enabled_c2jiy2_111 ._input_c2jiy2_77:active:not(:checked) + ._icon_c2jiy2_90{
348
+ ._enabled_1g4zaj2_111:hover > ._icon_1g4zaj2_90._icon_1g4zaj2_90,
349
+ label:hover ._enabled_1g4zaj2_111 > ._icon_1g4zaj2_90._icon_1g4zaj2_90,
350
+ ._enabled_1g4zaj2_111 ._input_1g4zaj2_77:active:not(:checked) + ._icon_1g4zaj2_90{
351
351
  box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
352
352
  }
353
- ._enabled_c2jiy2_111 ._input_c2jiy2_77:focus[data-focus-method='key'] + ._icon_c2jiy2_90{
353
+ ._enabled_1g4zaj2_111 ._input_1g4zaj2_77:focus[data-focus-method='key'] + ._icon_1g4zaj2_90{
354
354
  box-shadow:0 0 0 1px rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181)), 0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-color-primary-t-dim);
355
355
  }
package/lib/parts/radio-button-list.js CHANGED
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
3
3
  import cn from 'classnames';
4
4
  import { Menu } from '@rescui/menu';
5
5
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
6
- import WarningIcon from '../_virtual/warning.js';
6
+ import { WarningIcon } from '../_virtual/index.js';
7
7
  import { RadioButtonManager } from './radio-button-manager.js';
8
8
  import styles from './radio-button.p.module.css.js';
9
9
  const THEME_STYLES = {
package/lib/parts/radio-button.p.module.css.js CHANGED
@@ -1,22 +1,22 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_c2jiy2_8",
3
- "themeDark": "_themeDark_c2jiy2_11",
4
- "container": "_container_c2jiy2_15",
5
- "listSizeS": "_listSizeS_c2jiy2_20",
6
- "listSizeM": "_listSizeM_c2jiy2_23",
7
- "listSizeL": "_listSizeL_c2jiy2_26",
8
- "sizeS": "_sizeS_c2jiy2_30",
9
- "sizeM": "_sizeM_c2jiy2_33",
10
- "sizeL": "_sizeL_c2jiy2_36",
11
- "classic": "_classic_c2jiy2_40",
12
- "rock": "_rock_c2jiy2_43",
13
- "main": "_main_c2jiy2_47",
14
- "errorMessage": "_errorMessage_c2jiy2_59",
15
- "errorIcon": "_errorIcon_c2jiy2_71",
16
- "input": "_input_c2jiy2_77",
17
- "icon": "_icon_c2jiy2_90",
18
- "enabled": "_enabled_c2jiy2_111",
19
- "disabled": "_disabled_c2jiy2_120",
20
- "error": "_error_c2jiy2_59"
2
+ "themeLight": "_themeLight_1g4zaj2_8",
3
+ "themeDark": "_themeDark_1g4zaj2_11",
4
+ "container": "_container_1g4zaj2_15",
5
+ "listSizeS": "_listSizeS_1g4zaj2_20",
6
+ "listSizeM": "_listSizeM_1g4zaj2_23",
7
+ "listSizeL": "_listSizeL_1g4zaj2_26",
8
+ "sizeS": "_sizeS_1g4zaj2_30",
9
+ "sizeM": "_sizeM_1g4zaj2_33",
10
+ "sizeL": "_sizeL_1g4zaj2_36",
11
+ "classic": "_classic_1g4zaj2_40",
12
+ "rock": "_rock_1g4zaj2_43",
13
+ "main": "_main_1g4zaj2_47",
14
+ "errorMessage": "_errorMessage_1g4zaj2_59",
15
+ "errorIcon": "_errorIcon_1g4zaj2_71",
16
+ "input": "_input_1g4zaj2_77",
17
+ "icon": "_icon_1g4zaj2_90",
18
+ "enabled": "_enabled_1g4zaj2_111",
19
+ "disabled": "_disabled_1g4zaj2_120",
20
+ "error": "_error_1g4zaj2_59"
21
21
  };
22
22
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/radio-button",
3
- "version": "0.8.9-RUI-230-Update-icons-experiments-f88ab661.14+f88ab661",
3
+ "version": "0.8.9-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/menu": "0.10.13-RUI-230-Update-icons-experiments-f88ab661.14+f88ab661",
18
+ "@rescui/menu": "0.10.13-RUI-230-Update-icons-experiments-64b23ff1.22+64b23ff1",
19
19
  "classnames": "^2.2.6"
20
20
  },
21
21
  "peerDependencies": {
@@ -24,14 +24,15 @@
24
24
  "react": ">=16.8.0 <19"
25
25
  },
26
26
  "devDependencies": {
27
- "@rescui/colors": "0.2.7-RUI-230-Update-icons-experiments-f88ab661.38+f88ab661",
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",
28
29
  "@rescui/scripts": "0.3.5",
29
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-experiments-f88ab661.14+f88ab661"
30
+ "@rescui/typography": "0.21.1-RUI-230-Update-icons-experiments-64b23ff1.22+64b23ff1"
30
31
  },
31
32
  "scripts": {
32
33
  "build": "rescui-scripts build && yarn run build-pcss-api",
33
34
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
34
35
  },
35
36
  "nx": {},
36
- "gitHead": "f88ab6614f8fe97c70a09c0cc7facc0e8aff588c"
37
+ "gitHead": "64b23ff1d1e0d31e634a11f576360c4ec297561b"
37
38
  }
package/lib/_virtual/warning.js DELETED
@@ -1,36 +0,0 @@
1
- import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
- import React from 'react';
3
- import PropTypes from 'prop-types';
4
- import cn from 'classnames';
5
- import styles from './index.css.js';
6
- const sizeStyles = {
7
- "xs": styles.sizeXS,
8
- "s": styles.sizeS,
9
- "m": styles.sizeM,
10
- "l": styles.sizeL
11
- };
12
- const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
- let {
14
- theme,
15
- size,
16
- className,
17
- ...props
18
- } = _ref;
19
- return /*#__PURE__*/React.createElement("svg", _extends({
20
- viewBox: "0 0 24 24"
21
- }, props, {
22
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
23
- ref: ref
24
- }), /*#__PURE__*/React.createElement("path", {
25
- d: "M2.769 20h18.363a.615.615 0 00.546-.891L12.504 2.8a.566.566 0 00-.989-.002C9.8 5.891 4.026 16.101 2.322 19.112A.61.61 0 002.77 20zm8.229-12h2v6h-2V8zm0 8h2v2h-2v-2z"
26
- }));
27
- });
28
- WarningIcon.propTypes = {
29
- className: PropTypes.string,
30
- theme: PropTypes.oneOf(["light", "dark"]),
31
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
32
- };
33
- WarningIcon.defaultProps = {
34
- size: "m"
35
- };
36
- export { WarningIcon as default };