@rescui/radio-button 0.8.6 → 0.8.7-RUI-226-Update-card-cn-6e43cc89.60

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 (8) hide show
  1. package/lib/_virtual/index.css.js +12 -7
  2. package/lib/_virtual/warning.js +84 -14
  3. package/lib/index.css +89 -53
  4. package/lib/parts/radio-button-list.js +3 -2
  5. package/lib/parts/radio-button.p.module.css.js +19 -19
  6. package/lib/public-api.p.css +32 -20
  7. package/lib/public-api.pcss +32 -20
  8. package/package.json +7 -6
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_ons1cf_4",
3
- "sizeXS": "_sizeXS_ons1cf_14",
4
- "sizeS": "_sizeS_ons1cf_18",
5
- "sizeM": "_sizeM_ons1cf_22",
6
- "sizeL": "_sizeL_ons1cf_26",
7
- "light": "_light_ons1cf_30",
8
- "dark": "_dark_ons1cf_34"
2
+ "icon": "_icon_15yklic_4",
3
+ "sizeXS": "_sizeXS_15yklic_14",
4
+ "sizeS": "_sizeS_15yklic_18",
5
+ "sizeM": "_sizeM_15yklic_22",
6
+ "sizeL": "_sizeL_15yklic_26",
7
+ "light": "_light_15yklic_30",
8
+ "dark": "_dark_15yklic_34",
9
+ "allVariants": "_allVariants_15yklic_48",
10
+ "variant16": "_variant16_15yklic_53",
11
+ "variant20": "_variant20_15yklic_54",
12
+ "variant24": "_variant24_15yklic_55",
13
+ "variant28": "_variant28_15yklic_58"
9
14
  };
10
15
  export { styles as default };
package/lib/_virtual/warning.js CHANGED
@@ -9,28 +9,98 @@ 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
+ const WarningIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
19
+ viewBox: "0 0 16 16"
20
+ }, props, {
21
+ ref: ref
22
+ }), /*#__PURE__*/React.createElement("path", {
23
+ 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"
24
+ })));
25
+ WarningIcon16.displayName = 'WarningIcon16';
26
+ const WarningIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
27
+ viewBox: "0 0 20 20"
28
+ }, props, {
29
+ ref: ref
30
+ }), /*#__PURE__*/React.createElement("path", {
31
+ 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"
32
+ })));
33
+ WarningIcon20.displayName = 'WarningIcon20';
34
+ const WarningIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
35
+ viewBox: "0 0 24 24"
36
+ }, props, {
37
+ ref: ref
38
+ }), /*#__PURE__*/React.createElement("path", {
39
+ 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"
40
+ })));
41
+ WarningIcon24.displayName = 'WarningIcon24';
42
+ const WarningIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
43
+ viewBox: "0 0 28 28"
44
+ }, props, {
45
+ ref: ref
46
+ }), /*#__PURE__*/React.createElement("path", {
47
+ 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"
48
+ })));
49
+ WarningIcon28.displayName = 'WarningIcon28';
12
50
  const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
51
  let {
14
52
  theme,
15
- size,
53
+ size: sizeFromProps = "m",
16
54
  className,
55
+ style,
56
+ ['data-render-all-sizes']: renderAllSizes = false,
17
57
  ...props
18
58
  } = _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
- }));
59
+ const size = sizeFromProps in Size ? sizeFromProps : "m";
60
+ const mainProps = { ...props,
61
+ className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
62
+ style: renderAllSizes ? {
63
+ '--rs-icon-ar-width': 28,
64
+ '--rs-icon-ar-height': 28,
65
+ ...style
66
+ } : style,
67
+ ref
68
+ };
69
+
70
+ if (renderAllSizes) {
71
+ return /*#__PURE__*/React.createElement("svg", _extends({
72
+ viewBox: "0 0 28 28"
73
+ }, mainProps), /*#__PURE__*/React.createElement(WarningIcon16, {
74
+ className: styles.variant16
75
+ }), /*#__PURE__*/React.createElement(WarningIcon20, {
76
+ className: styles.variant20
77
+ }), /*#__PURE__*/React.createElement(WarningIcon24, {
78
+ className: styles.variant24
79
+ }), /*#__PURE__*/React.createElement(WarningIcon28, {
80
+ className: styles.variant28
81
+ }));
82
+ }
83
+
84
+ if (size === Size['xs']) {
85
+ return /*#__PURE__*/React.createElement(WarningIcon16, mainProps);
86
+ }
87
+
88
+ if (size === Size['s']) {
89
+ return /*#__PURE__*/React.createElement(WarningIcon20, mainProps);
90
+ }
91
+
92
+ if (size === Size['m']) {
93
+ return /*#__PURE__*/React.createElement(WarningIcon24, mainProps);
94
+ }
95
+
96
+ return /*#__PURE__*/React.createElement(WarningIcon28, mainProps);
27
97
  });
98
+ WarningIcon.displayName = 'WarningIcon';
28
99
  WarningIcon.propTypes = {
29
100
  className: PropTypes.string,
30
101
  theme: PropTypes.oneOf(["light", "dark"]),
31
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
32
- };
33
- WarningIcon.defaultProps = {
34
- size: "m"
102
+ size: PropTypes.oneOf(["xs", "s", "m", "l"]),
103
+ 'data-render-all-sizes': PropTypes.bool,
104
+ style: PropTypes.object
35
105
  };
36
- export { WarningIcon as default };
106
+ export { Size, WarningIcon as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_ons1cf_4{
1
+ ._icon_15yklic_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_ons1cf_4{
11
+ ._icon_15yklic_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_ons1cf_4{
20
+ ._icon_15yklic_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_ons1cf_4{
28
+ ._icon_15yklic_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_ons1cf_14{
35
+ ._sizeXS_15yklic_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_ons1cf_18{
38
+ ._sizeS_15yklic_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_ons1cf_22{
41
+ ._sizeM_15yklic_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_ons1cf_26{
44
+ ._sizeL_15yklic_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_ons1cf_30{
47
+ ._light_15yklic_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_ons1cf_34{
51
+ ._dark_15yklic_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,49 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._themeLight_1ru8ryp_8{
63
+ ._allVariants_15yklic_48{
64
+ aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
+ container:rs-icon / size;
66
+ }
67
+ ._variant16_15yklic_53,
68
+ ._variant20_15yklic_54,
69
+ ._variant24_15yklic_55{
70
+ display:none;
71
+ }
72
+ ._variant28_15yklic_58{
73
+ display:block;
74
+ }
75
+ @container rs-icon (max-height: 24px){
76
+ ._variant24_15yklic_55{
77
+ display:block;
78
+ }
79
+ ._variant28_15yklic_58{
80
+ display:none;
81
+ }
82
+ }
83
+ @container rs-icon (max-height: 20px){
84
+ ._variant20_15yklic_54{
85
+ display:block;
86
+ }
87
+ ._variant24_15yklic_55{
88
+ display:none;
89
+ }
90
+ }
91
+ @container rs-icon (max-height: 16px){
92
+ ._variant16_15yklic_53{
93
+ display:block;
94
+ }
95
+ ._variant20_15yklic_54{
96
+ display:none;
97
+ }
98
+ }
99
+ ._themeLight_6p6zc3_8{
64
100
  --rs-theme-dark:0;
65
101
  }
66
- ._themeDark_1ru8ryp_11{
102
+ ._themeDark_6p6zc3_11{
67
103
  --rs-theme-dark:1;
68
104
  }
69
- ._container_1ru8ryp_15{
105
+ ._container_6p6zc3_15{
70
106
  --_rs-theme-dark:var(
71
107
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
72
108
  var(--rs-theme-dark, 0)
@@ -76,7 +112,7 @@
76
112
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
77
113
  }
78
114
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
79
- ._container_1ru8ryp_15{
115
+ ._container_6p6zc3_15{
80
116
  --_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
117
  --_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
118
  --_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 +121,7 @@
85
121
  }
86
122
  }
87
123
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
88
- ._container_1ru8ryp_15{
124
+ ._container_6p6zc3_15{
89
125
  --_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
126
  --_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
127
  --_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,8 +129,8 @@
93
129
  --_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
130
  }
95
131
  }
96
- ._listSizeS_1ru8ryp_20 [data-rs-internal='radio-button-list__error-message']{
97
- --_rs-typography-letter-spacing:normal;
132
+ ._listSizeS_6p6zc3_20 [data-rs-internal='radio-button-list__error-message']{
133
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
98
134
  --_rs-typography-text-transform:initial;
99
135
  --_rs-typography-font-variant-numeric:initial;
100
136
  --_rs-typography-font-family:var(
@@ -124,11 +160,11 @@
124
160
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
125
161
  --_rs-typography-link-border-bottom-width-from-text:2px;
126
162
  }
127
- ._listSizeS_1ru8ryp_20 [data-rs-internal='radio-button-list__error-icon']:not(html){
163
+ ._listSizeS_6p6zc3_20 [data-rs-internal='radio-button-list__error-icon']:not(html){
128
164
  --_rs-icons-height:20px;
129
165
  }
130
- ._listSizeM_1ru8ryp_23 [data-rs-internal='radio-button-list__error-message']{
131
- --_rs-typography-letter-spacing:normal;
166
+ ._listSizeM_6p6zc3_23 [data-rs-internal='radio-button-list__error-message']{
167
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
132
168
  --_rs-typography-text-transform:initial;
133
169
  --_rs-typography-font-variant-numeric:initial;
134
170
  --_rs-typography-font-family:var(
@@ -158,11 +194,11 @@
158
194
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
159
195
  --_rs-typography-link-border-bottom-width-from-text:2px;
160
196
  }
161
- ._listSizeM_1ru8ryp_23 [data-rs-internal='radio-button-list__error-icon']:not(html){
197
+ ._listSizeM_6p6zc3_23 [data-rs-internal='radio-button-list__error-icon']:not(html){
162
198
  --_rs-icons-height:20px;
163
199
  }
164
- ._listSizeL_1ru8ryp_26 [data-rs-internal='radio-button-list__error-message']{
165
- --_rs-typography-letter-spacing:normal;
200
+ ._listSizeL_6p6zc3_26 [data-rs-internal='radio-button-list__error-message']{
201
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
166
202
  --_rs-typography-text-transform:initial;
167
203
  --_rs-typography-font-variant-numeric:initial;
168
204
  --_rs-typography-font-family:var(
@@ -192,35 +228,35 @@
192
228
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
193
229
  --_rs-typography-link-border-bottom-width-from-text:2px;
194
230
  }
195
- ._listSizeL_1ru8ryp_26 [data-rs-internal='radio-button-list__error-icon']:not(html){
231
+ ._listSizeL_6p6zc3_26 [data-rs-internal='radio-button-list__error-icon']:not(html){
196
232
  --_rs-icons-height:24px;
197
233
  }
198
- ._sizeS_1ru8ryp_30{
234
+ ._sizeS_6p6zc3_30{
199
235
  --_rs-radio-button-size:20px;
200
236
  --_rs-radio-button-box-shadow-size:3px;
201
237
  --_rs-radio-button-active-icon-border-width:5px;
202
238
  }
203
- ._sizeM_1ru8ryp_33{
239
+ ._sizeM_6p6zc3_33{
204
240
  --_rs-radio-button-size:24px;
205
241
  --_rs-radio-button-box-shadow-size:3px;
206
242
  --_rs-radio-button-active-icon-border-width:6px;
207
243
  }
208
- ._sizeL_1ru8ryp_36{
244
+ ._sizeL_6p6zc3_36{
209
245
  --_rs-radio-button-size:28px;
210
246
  --_rs-radio-button-box-shadow-size:4px;
211
247
  --_rs-radio-button-active-icon-border-width:6px;
212
248
  }
213
- ._classic_1ru8ryp_40{
249
+ ._classic_6p6zc3_40{
214
250
  --_rs-radio-button-active-icon-border-color:var(--_rs-color-primary);
215
251
  --_rs-radio-button-active-icon-background-color:#FFFFFF;
216
252
  --_rs-radio-button-active-icon-hover-box-shadow-color:var(--_rs-color-primary-t-fog);
217
253
  }
218
- ._rock_1ru8ryp_43{
254
+ ._rock_6p6zc3_43{
219
255
  --_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
256
  --_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
257
  --_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
258
  }
223
- ._main_1ru8ryp_47{
259
+ ._main_6p6zc3_47{
224
260
  --_rs-theme-dark:var(
225
261
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
226
262
  var(--rs-theme-dark, 0)
@@ -230,7 +266,7 @@
230
266
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
231
267
  }
232
268
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
233
- ._main_1ru8ryp_47{
269
+ ._main_6p6zc3_47{
234
270
  --_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
271
  --_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
272
  --_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 +275,7 @@
239
275
  }
240
276
  }
241
277
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
242
- ._main_1ru8ryp_47{
278
+ ._main_6p6zc3_47{
243
279
  --_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
280
  --_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
281
  --_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 +283,7 @@
247
283
  --_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
284
  }
249
285
  }
250
- ._main_1ru8ryp_47 {
286
+ ._main_6p6zc3_47 {
251
287
 
252
288
  display:inline-block;
253
289
 
@@ -256,7 +292,7 @@
256
292
 
257
293
  vertical-align:middle;
258
294
  }
259
- ._errorMessage_1ru8ryp_59{
295
+ ._errorMessage_6p6zc3_59{
260
296
  letter-spacing:var(
261
297
  --rs-text-base-letter-spacing,
262
298
  var(--_rs-typography-letter-spacing)
@@ -278,12 +314,12 @@
278
314
  -moz-column-gap:8px;
279
315
  column-gap:8px;
280
316
  }
281
- ._errorIcon_1ru8ryp_71{
317
+ ._errorIcon_6p6zc3_71{
282
318
  flex:0 0 auto;
283
319
 
284
320
  color:#F45C4A;
285
321
  }
286
- ._input_1ru8ryp_77{
322
+ ._input_6p6zc3_77{
287
323
  position:absolute;
288
324
  -webkit-appearance:none;
289
325
  -moz-appearance:none;
@@ -297,7 +333,7 @@
297
333
 
298
334
  border:0;
299
335
  }
300
- ._icon_1ru8ryp_90{
336
+ ._icon_6p6zc3_90{
301
337
  position:relative;
302
338
 
303
339
  display:inline-block;
@@ -314,16 +350,16 @@
314
350
 
315
351
  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
352
  }
317
- ._enabled_1ru8ryp_111 ._icon_1ru8ryp_90{
353
+ ._enabled_6p6zc3_111 ._icon_6p6zc3_90{
318
354
  cursor:pointer;
319
355
  }
320
- ._enabled_1ru8ryp_111:hover > ._icon_1ru8ryp_90,
321
- label:hover ._enabled_1ru8ryp_111 > ._icon_1ru8ryp_90{
356
+ ._enabled_6p6zc3_111:hover > ._icon_6p6zc3_90,
357
+ label:hover ._enabled_6p6zc3_111 > ._icon_6p6zc3_90{
322
358
  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
359
  }
324
- ._disabled_1ru8ryp_120 ._icon_1ru8ryp_90._icon_1ru8ryp_90,
325
- ._input_1ru8ryp_77:disabled + ._icon_1ru8ryp_90._icon_1ru8ryp_90,
326
- ._input_1ru8ryp_77:checked:disabled + ._icon_1ru8ryp_90{
360
+ ._disabled_6p6zc3_120 ._icon_6p6zc3_90._icon_6p6zc3_90,
361
+ ._input_6p6zc3_77:disabled + ._icon_6p6zc3_90._icon_6p6zc3_90,
362
+ ._input_6p6zc3_77:checked:disabled + ._icon_6p6zc3_90{
327
363
  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
364
 
329
365
  cursor:not-allowed;
@@ -331,25 +367,25 @@
331
367
 
332
368
  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
369
  }
334
- ._enabled_1ru8ryp_111 ._input_1ru8ryp_77:active + ._icon_1ru8ryp_90,
335
- ._enabled_1ru8ryp_111 ._input_1ru8ryp_77:checked + ._icon_1ru8ryp_90{
370
+ ._enabled_6p6zc3_111 ._input_6p6zc3_77:active + ._icon_6p6zc3_90,
371
+ ._enabled_6p6zc3_111 ._input_6p6zc3_77:checked + ._icon_6p6zc3_90{
336
372
  border-color:var(--_rs-radio-button-active-icon-border-color);
337
373
 
338
374
  background-color:var(--_rs-radio-button-active-icon-background-color);
339
375
  }
340
- ._enabled_1ru8ryp_111 ._input_1ru8ryp_77:active + ._icon_1ru8ryp_90,
341
- ._enabled_1ru8ryp_111 ._input_1ru8ryp_77:checked + ._icon_1ru8ryp_90,
342
- ._main_1ru8ryp_47 ._input_1ru8ryp_77:checked:disabled + ._icon_1ru8ryp_90{
376
+ ._enabled_6p6zc3_111 ._input_6p6zc3_77:active + ._icon_6p6zc3_90,
377
+ ._enabled_6p6zc3_111 ._input_6p6zc3_77:checked + ._icon_6p6zc3_90,
378
+ ._main_6p6zc3_47 ._input_6p6zc3_77:checked:disabled + ._icon_6p6zc3_90{
343
379
  border-width:var(--_rs-radio-button-active-icon-border-width);
344
380
  }
345
- ._error_1ru8ryp_59 ._icon_1ru8ryp_90._icon_1ru8ryp_90._icon_1ru8ryp_90{
381
+ ._error_6p6zc3_59 ._icon_6p6zc3_90._icon_6p6zc3_90._icon_6p6zc3_90{
346
382
  border-color:#F45C4A;
347
383
  }
348
- ._enabled_1ru8ryp_111:hover > ._icon_1ru8ryp_90._icon_1ru8ryp_90,
349
- label:hover ._enabled_1ru8ryp_111 > ._icon_1ru8ryp_90._icon_1ru8ryp_90,
350
- ._enabled_1ru8ryp_111 ._input_1ru8ryp_77:active:not(:checked) + ._icon_1ru8ryp_90{
384
+ ._enabled_6p6zc3_111:hover > ._icon_6p6zc3_90._icon_6p6zc3_90,
385
+ label:hover ._enabled_6p6zc3_111 > ._icon_6p6zc3_90._icon_6p6zc3_90,
386
+ ._enabled_6p6zc3_111 ._input_6p6zc3_77:active:not(:checked) + ._icon_6p6zc3_90{
351
387
  box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
352
388
  }
353
- ._enabled_1ru8ryp_111 ._input_1ru8ryp_77:focus[data-focus-method='key'] + ._icon_1ru8ryp_90{
389
+ ._enabled_6p6zc3_111 ._input_6p6zc3_77:focus[data-focus-method='key'] + ._icon_6p6zc3_90{
354
390
  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
391
  }
package/lib/parts/radio-button-list.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import PropTypes from 'prop-types';
3
2
  import cn from 'classnames';
3
+ import PropTypes from 'prop-types';
4
4
  import { Menu } from '@rescui/menu';
5
5
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
6
6
  import WarningIcon from '../_virtual/warning.js';
@@ -43,7 +43,8 @@ const RadioButtonList = _ref => {
43
43
  "data-rs-internal": "radio-button-list__error-message"
44
44
  }, /*#__PURE__*/React.createElement(WarningIcon, {
45
45
  "data-rs-internal": "radio-button-list__error-icon",
46
- className: styles.errorIcon
46
+ className: styles.errorIcon,
47
+ "data-render-all-sizes": true
47
48
  }), /*#__PURE__*/React.createElement("span", null, error)), /*#__PURE__*/React.createElement(Menu, {
48
49
  disabled: disabled,
49
50
  theme: theme,
package/lib/parts/radio-button.p.module.css.js CHANGED
@@ -1,22 +1,22 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1ru8ryp_8",
3
- "themeDark": "_themeDark_1ru8ryp_11",
4
- "container": "_container_1ru8ryp_15",
5
- "listSizeS": "_listSizeS_1ru8ryp_20",
6
- "listSizeM": "_listSizeM_1ru8ryp_23",
7
- "listSizeL": "_listSizeL_1ru8ryp_26",
8
- "sizeS": "_sizeS_1ru8ryp_30",
9
- "sizeM": "_sizeM_1ru8ryp_33",
10
- "sizeL": "_sizeL_1ru8ryp_36",
11
- "classic": "_classic_1ru8ryp_40",
12
- "rock": "_rock_1ru8ryp_43",
13
- "main": "_main_1ru8ryp_47",
14
- "errorMessage": "_errorMessage_1ru8ryp_59",
15
- "errorIcon": "_errorIcon_1ru8ryp_71",
16
- "input": "_input_1ru8ryp_77",
17
- "icon": "_icon_1ru8ryp_90",
18
- "enabled": "_enabled_1ru8ryp_111",
19
- "disabled": "_disabled_1ru8ryp_120",
20
- "error": "_error_1ru8ryp_59"
2
+ "themeLight": "_themeLight_6p6zc3_8",
3
+ "themeDark": "_themeDark_6p6zc3_11",
4
+ "container": "_container_6p6zc3_15",
5
+ "listSizeS": "_listSizeS_6p6zc3_20",
6
+ "listSizeM": "_listSizeM_6p6zc3_23",
7
+ "listSizeL": "_listSizeL_6p6zc3_26",
8
+ "sizeS": "_sizeS_6p6zc3_30",
9
+ "sizeM": "_sizeM_6p6zc3_33",
10
+ "sizeL": "_sizeL_6p6zc3_36",
11
+ "classic": "_classic_6p6zc3_40",
12
+ "rock": "_rock_6p6zc3_43",
13
+ "main": "_main_6p6zc3_47",
14
+ "errorMessage": "_errorMessage_6p6zc3_59",
15
+ "errorIcon": "_errorIcon_6p6zc3_71",
16
+ "input": "_input_6p6zc3_77",
17
+ "icon": "_icon_6p6zc3_90",
18
+ "enabled": "_enabled_6p6zc3_111",
19
+ "disabled": "_disabled_6p6zc3_120",
20
+ "error": "_error_6p6zc3_59"
21
21
  };
22
22
  export { styles as default };
package/lib/public-api.p.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @define-mixin rs-radio-button-list-size-s{
2
2
  &[class] [data-rs-internal='radio-button-list__error-message']{
3
- --_rs-typography-letter-spacing:normal;
3
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
4
4
  --_rs-typography-text-transform:initial;
5
5
  --_rs-typography-font-variant-numeric:initial;
6
6
  --_rs-typography-font-family:var(
@@ -37,7 +37,7 @@
37
37
  --_rs-menu-mi-icon-offset:8px;
38
38
  --_rs-menu-mi-vertical-padding:6px;
39
39
  --_rs-menu-mi-horizontal-padding:8px;
40
- --_rs-typography-letter-spacing:0.0045em;
40
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
41
41
  --_rs-typography-text-transform:initial;
42
42
  --_rs-typography-font-variant-numeric:initial;
43
43
  --_rs-typography-font-family:var(
@@ -73,7 +73,7 @@
73
73
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__group-header"]{
74
74
  --_rs-menu-gh-vertical-padding:6px;
75
75
  --_rs-menu-gh-horizontal-padding:8px;
76
- --_rs-typography-letter-spacing:normal;
76
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
77
77
  --_rs-typography-text-transform:initial;
78
78
  --_rs-typography-font-variant-numeric:initial;
79
79
  --_rs-typography-font-family:var(
@@ -111,7 +111,7 @@
111
111
  }
112
112
  @define-mixin rs-radio-button-list-size-m{
113
113
  &[class] [data-rs-internal='radio-button-list__error-message']{
114
- --_rs-typography-letter-spacing:normal;
114
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
115
115
  --_rs-typography-text-transform:initial;
116
116
  --_rs-typography-font-variant-numeric:initial;
117
117
  --_rs-typography-font-family:var(
@@ -148,7 +148,7 @@
148
148
  --_rs-menu-mi-icon-offset:8px;
149
149
  --_rs-menu-mi-vertical-padding:8px;
150
150
  --_rs-menu-mi-horizontal-padding:16px;
151
- --_rs-typography-letter-spacing:0.0015em;
151
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
152
152
  --_rs-typography-text-transform:initial;
153
153
  --_rs-typography-font-variant-numeric:initial;
154
154
  --_rs-typography-font-family:var(
@@ -176,20 +176,23 @@
176
176
  --_rs-typography-text-auto-offset:16px;
177
177
  --_rs-typography-ul-list-li-padding-left:22px;
178
178
  --_rs-typography-ol-list-li-padding-left:26px;
179
- --_rs-typography-list-li-margin-top-from-text:16px;
179
+ --_rs-typography-list-li-margin-top-from-text:var(
180
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
181
+ 16px
182
+ );
180
183
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
181
184
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
182
185
  --_rs-typography-link-border-bottom-width-from-text:1px;
183
186
  }
184
187
  @media screen and (max-width: 640px){
185
188
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
186
- --_rs-typography-list-li-margin-top-from-text:12px;
189
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
187
190
  }
188
191
  }
189
192
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__group-header"]{
190
193
  --_rs-menu-gh-vertical-padding:8px;
191
194
  --_rs-menu-gh-horizontal-padding:16px;
192
- --_rs-typography-letter-spacing:normal;
195
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
193
196
  --_rs-typography-text-transform:initial;
194
197
  --_rs-typography-font-variant-numeric:initial;
195
198
  --_rs-typography-font-family:var(
@@ -227,7 +230,7 @@
227
230
  }
228
231
  @define-mixin rs-radio-button-list-size-l{
229
232
  &[class] [data-rs-internal='radio-button-list__error-message']{
230
- --_rs-typography-letter-spacing:normal;
233
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
231
234
  --_rs-typography-text-transform:initial;
232
235
  --_rs-typography-font-variant-numeric:initial;
233
236
  --_rs-typography-font-family:var(
@@ -264,7 +267,7 @@
264
267
  --_rs-menu-mi-icon-offset:16px;
265
268
  --_rs-menu-mi-vertical-padding:12px;
266
269
  --_rs-menu-mi-horizontal-padding:16px;
267
- --_rs-typography-letter-spacing:normal;
270
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
268
271
  --_rs-typography-text-transform:initial;
269
272
  --_rs-typography-font-variant-numeric:initial;
270
273
  --_rs-typography-font-family:var(
@@ -292,20 +295,23 @@
292
295
  --_rs-typography-text-auto-offset:32px;
293
296
  --_rs-typography-ul-list-li-padding-left:26px;
294
297
  --_rs-typography-ol-list-li-padding-left:32px;
295
- --_rs-typography-list-li-margin-top-from-text:24px;
298
+ --_rs-typography-list-li-margin-top-from-text:var(
299
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
300
+ 24px
301
+ );
296
302
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
297
303
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
298
304
  --_rs-typography-link-border-bottom-width-from-text:1px;
299
305
  }
300
306
  @media screen and (max-width: 640px){
301
307
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
302
- --_rs-typography-list-li-margin-top-from-text:16px;
308
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
303
309
  }
304
310
  }
305
311
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__group-header"]{
306
312
  --_rs-menu-gh-vertical-padding:12px;
307
313
  --_rs-menu-gh-horizontal-padding:16px;
308
- --_rs-typography-letter-spacing:normal;
314
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
309
315
  --_rs-typography-text-transform:initial;
310
316
  --_rs-typography-font-variant-numeric:initial;
311
317
  --_rs-typography-font-family:var(
@@ -360,7 +366,7 @@
360
366
  --_rs-menu-mi-icon-offset:8px;
361
367
  --_rs-menu-mi-vertical-padding:6px;
362
368
  --_rs-menu-mi-horizontal-padding:8px;
363
- --_rs-typography-letter-spacing:0.0045em;
369
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
364
370
  --_rs-typography-text-transform:initial;
365
371
  --_rs-typography-font-variant-numeric:initial;
366
372
  --_rs-typography-font-family:var(
@@ -404,7 +410,7 @@
404
410
  --_rs-menu-mi-icon-offset:8px;
405
411
  --_rs-menu-mi-vertical-padding:8px;
406
412
  --_rs-menu-mi-horizontal-padding:16px;
407
- --_rs-typography-letter-spacing:0.0015em;
413
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
408
414
  --_rs-typography-text-transform:initial;
409
415
  --_rs-typography-font-variant-numeric:initial;
410
416
  --_rs-typography-font-family:var(
@@ -432,14 +438,17 @@
432
438
  --_rs-typography-text-auto-offset:16px;
433
439
  --_rs-typography-ul-list-li-padding-left:22px;
434
440
  --_rs-typography-ol-list-li-padding-left:26px;
435
- --_rs-typography-list-li-margin-top-from-text:16px;
441
+ --_rs-typography-list-li-margin-top-from-text:var(
442
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
443
+ 16px
444
+ );
436
445
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
437
446
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
438
447
  --_rs-typography-link-border-bottom-width-from-text:1px;
439
448
  }
440
449
  @media screen and (max-width: 640px){
441
450
  &[class][class]{
442
- --_rs-typography-list-li-margin-top-from-text:12px;
451
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
443
452
  }
444
453
  }
445
454
  & [data-rs-internal="radio-button__control"]{
@@ -453,7 +462,7 @@
453
462
  --_rs-menu-mi-icon-offset:16px;
454
463
  --_rs-menu-mi-vertical-padding:12px;
455
464
  --_rs-menu-mi-horizontal-padding:16px;
456
- --_rs-typography-letter-spacing:normal;
465
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
457
466
  --_rs-typography-text-transform:initial;
458
467
  --_rs-typography-font-variant-numeric:initial;
459
468
  --_rs-typography-font-family:var(
@@ -481,14 +490,17 @@
481
490
  --_rs-typography-text-auto-offset:32px;
482
491
  --_rs-typography-ul-list-li-padding-left:26px;
483
492
  --_rs-typography-ol-list-li-padding-left:32px;
484
- --_rs-typography-list-li-margin-top-from-text:24px;
493
+ --_rs-typography-list-li-margin-top-from-text:var(
494
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
495
+ 24px
496
+ );
485
497
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
486
498
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
487
499
  --_rs-typography-link-border-bottom-width-from-text:1px;
488
500
  }
489
501
  @media screen and (max-width: 640px){
490
502
  &[class][class]{
491
- --_rs-typography-list-li-margin-top-from-text:16px;
503
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
492
504
  }
493
505
  }
494
506
  & [data-rs-internal="radio-button__control"]{
package/lib/public-api.pcss CHANGED
@@ -1,6 +1,6 @@
1
1
  @define-mixin rs-radio-button-list-size-s{
2
2
  &[class] [data-rs-internal='radio-button-list__error-message']{
3
- --_rs-typography-letter-spacing:normal;
3
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
4
4
  --_rs-typography-text-transform:initial;
5
5
  --_rs-typography-font-variant-numeric:initial;
6
6
  --_rs-typography-font-family:var(
@@ -37,7 +37,7 @@
37
37
  --_rs-menu-mi-icon-offset:8px;
38
38
  --_rs-menu-mi-vertical-padding:6px;
39
39
  --_rs-menu-mi-horizontal-padding:8px;
40
- --_rs-typography-letter-spacing:0.0045em;
40
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
41
41
  --_rs-typography-text-transform:initial;
42
42
  --_rs-typography-font-variant-numeric:initial;
43
43
  --_rs-typography-font-family:var(
@@ -73,7 +73,7 @@
73
73
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__group-header"]{
74
74
  --_rs-menu-gh-vertical-padding:6px;
75
75
  --_rs-menu-gh-horizontal-padding:8px;
76
- --_rs-typography-letter-spacing:normal;
76
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
77
77
  --_rs-typography-text-transform:initial;
78
78
  --_rs-typography-font-variant-numeric:initial;
79
79
  --_rs-typography-font-family:var(
@@ -111,7 +111,7 @@
111
111
  }
112
112
  @define-mixin rs-radio-button-list-size-m{
113
113
  &[class] [data-rs-internal='radio-button-list__error-message']{
114
- --_rs-typography-letter-spacing:normal;
114
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
115
115
  --_rs-typography-text-transform:initial;
116
116
  --_rs-typography-font-variant-numeric:initial;
117
117
  --_rs-typography-font-family:var(
@@ -148,7 +148,7 @@
148
148
  --_rs-menu-mi-icon-offset:8px;
149
149
  --_rs-menu-mi-vertical-padding:8px;
150
150
  --_rs-menu-mi-horizontal-padding:16px;
151
- --_rs-typography-letter-spacing:0.0015em;
151
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
152
152
  --_rs-typography-text-transform:initial;
153
153
  --_rs-typography-font-variant-numeric:initial;
154
154
  --_rs-typography-font-family:var(
@@ -176,20 +176,23 @@
176
176
  --_rs-typography-text-auto-offset:16px;
177
177
  --_rs-typography-ul-list-li-padding-left:22px;
178
178
  --_rs-typography-ol-list-li-padding-left:26px;
179
- --_rs-typography-list-li-margin-top-from-text:16px;
179
+ --_rs-typography-list-li-margin-top-from-text:var(
180
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
181
+ 16px
182
+ );
180
183
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
181
184
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
182
185
  --_rs-typography-link-border-bottom-width-from-text:1px;
183
186
  }
184
187
  @media screen and (max-width: 640px){
185
188
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
186
- --_rs-typography-list-li-margin-top-from-text:12px;
189
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
187
190
  }
188
191
  }
189
192
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__group-header"]{
190
193
  --_rs-menu-gh-vertical-padding:8px;
191
194
  --_rs-menu-gh-horizontal-padding:16px;
192
- --_rs-typography-letter-spacing:normal;
195
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
193
196
  --_rs-typography-text-transform:initial;
194
197
  --_rs-typography-font-variant-numeric:initial;
195
198
  --_rs-typography-font-family:var(
@@ -227,7 +230,7 @@
227
230
  }
228
231
  @define-mixin rs-radio-button-list-size-l{
229
232
  &[class] [data-rs-internal='radio-button-list__error-message']{
230
- --_rs-typography-letter-spacing:normal;
233
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
231
234
  --_rs-typography-text-transform:initial;
232
235
  --_rs-typography-font-variant-numeric:initial;
233
236
  --_rs-typography-font-family:var(
@@ -264,7 +267,7 @@
264
267
  --_rs-menu-mi-icon-offset:16px;
265
268
  --_rs-menu-mi-vertical-padding:12px;
266
269
  --_rs-menu-mi-horizontal-padding:16px;
267
- --_rs-typography-letter-spacing:normal;
270
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
268
271
  --_rs-typography-text-transform:initial;
269
272
  --_rs-typography-font-variant-numeric:initial;
270
273
  --_rs-typography-font-family:var(
@@ -292,20 +295,23 @@
292
295
  --_rs-typography-text-auto-offset:32px;
293
296
  --_rs-typography-ul-list-li-padding-left:26px;
294
297
  --_rs-typography-ol-list-li-padding-left:32px;
295
- --_rs-typography-list-li-margin-top-from-text:24px;
298
+ --_rs-typography-list-li-margin-top-from-text:var(
299
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
300
+ 24px
301
+ );
296
302
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
297
303
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
298
304
  --_rs-typography-link-border-bottom-width-from-text:1px;
299
305
  }
300
306
  @media screen and (max-width: 640px){
301
307
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
302
- --_rs-typography-list-li-margin-top-from-text:16px;
308
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
303
309
  }
304
310
  }
305
311
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__group-header"]{
306
312
  --_rs-menu-gh-vertical-padding:12px;
307
313
  --_rs-menu-gh-horizontal-padding:16px;
308
- --_rs-typography-letter-spacing:normal;
314
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
309
315
  --_rs-typography-text-transform:initial;
310
316
  --_rs-typography-font-variant-numeric:initial;
311
317
  --_rs-typography-font-family:var(
@@ -360,7 +366,7 @@
360
366
  --_rs-menu-mi-icon-offset:8px;
361
367
  --_rs-menu-mi-vertical-padding:6px;
362
368
  --_rs-menu-mi-horizontal-padding:8px;
363
- --_rs-typography-letter-spacing:0.0045em;
369
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
364
370
  --_rs-typography-text-transform:initial;
365
371
  --_rs-typography-font-variant-numeric:initial;
366
372
  --_rs-typography-font-family:var(
@@ -404,7 +410,7 @@
404
410
  --_rs-menu-mi-icon-offset:8px;
405
411
  --_rs-menu-mi-vertical-padding:8px;
406
412
  --_rs-menu-mi-horizontal-padding:16px;
407
- --_rs-typography-letter-spacing:0.0015em;
413
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
408
414
  --_rs-typography-text-transform:initial;
409
415
  --_rs-typography-font-variant-numeric:initial;
410
416
  --_rs-typography-font-family:var(
@@ -432,14 +438,17 @@
432
438
  --_rs-typography-text-auto-offset:16px;
433
439
  --_rs-typography-ul-list-li-padding-left:22px;
434
440
  --_rs-typography-ol-list-li-padding-left:26px;
435
- --_rs-typography-list-li-margin-top-from-text:16px;
441
+ --_rs-typography-list-li-margin-top-from-text:var(
442
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
443
+ 16px
444
+ );
436
445
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
437
446
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
438
447
  --_rs-typography-link-border-bottom-width-from-text:1px;
439
448
  }
440
449
  @media screen and (max-width: 640px){
441
450
  &[class][class]{
442
- --_rs-typography-list-li-margin-top-from-text:12px;
451
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
443
452
  }
444
453
  }
445
454
  & [data-rs-internal="radio-button__control"]{
@@ -453,7 +462,7 @@
453
462
  --_rs-menu-mi-icon-offset:16px;
454
463
  --_rs-menu-mi-vertical-padding:12px;
455
464
  --_rs-menu-mi-horizontal-padding:16px;
456
- --_rs-typography-letter-spacing:normal;
465
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
457
466
  --_rs-typography-text-transform:initial;
458
467
  --_rs-typography-font-variant-numeric:initial;
459
468
  --_rs-typography-font-family:var(
@@ -481,14 +490,17 @@
481
490
  --_rs-typography-text-auto-offset:32px;
482
491
  --_rs-typography-ul-list-li-padding-left:26px;
483
492
  --_rs-typography-ol-list-li-padding-left:32px;
484
- --_rs-typography-list-li-margin-top-from-text:24px;
493
+ --_rs-typography-list-li-margin-top-from-text:var(
494
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
495
+ 24px
496
+ );
485
497
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
486
498
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
487
499
  --_rs-typography-link-border-bottom-width-from-text:1px;
488
500
  }
489
501
  @media screen and (max-width: 640px){
490
502
  &[class][class]{
491
- --_rs-typography-list-li-margin-top-from-text:16px;
503
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
492
504
  }
493
505
  }
494
506
  & [data-rs-internal="radio-button__control"]{
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
2
  "name": "@rescui/radio-button",
3
- "version": "0.8.6",
3
+ "version": "0.8.7-RUI-226-Update-card-cn-6e43cc89.60+6e43cc89",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
7
7
  "main": "lib/index.js",
8
+ "module": "lib/index.js",
8
9
  "src:main": "src/index.ts",
9
10
  "files": [
10
11
  "lib",
@@ -15,7 +16,7 @@
15
16
  },
16
17
  "dependencies": {
17
18
  "@babel/runtime-corejs3": "^7.26.0",
18
- "@rescui/menu": "^0.10.10",
19
+ "@rescui/menu": "0.10.11-RUI-226-Update-card-cn-6e43cc89.60+6e43cc89",
19
20
  "classnames": "^2.2.6"
20
21
  },
21
22
  "peerDependencies": {
@@ -24,14 +25,14 @@
24
25
  "react": ">=16.8.0 <19"
25
26
  },
26
27
  "devDependencies": {
27
- "@rescui/colors": "^0.2.6",
28
- "@rescui/scripts": "^0.3.5",
29
- "@rescui/typography": "^0.19.1"
28
+ "@rescui/colors": "0.2.7-RUI-226-Update-card-cn-6e43cc89.60+6e43cc89",
29
+ "@rescui/scripts": "0.4.0",
30
+ "@rescui/typography": "0.19.2-RUI-226-Update-card-cn-6e43cc89.60+6e43cc89"
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": "67627f69be3de4b4c6a21244fd7de36e841f01f0"
37
+ "gitHead": "6e43cc893fafb22b990273901bc0a070fb15761f"
37
38
  }