@rescui/radio-button 0.7.3-test-canary-release-a00fb377.1 → 0.8.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 (8) hide show
  1. package/lib/_virtual/index.css.js +10 -0
  2. package/lib/_virtual/warning.js +37 -0
  3. package/lib/index.css +245 -65
  4. package/lib/parts/radio-button-list.js +18 -3
  5. package/lib/parts/radio-button.p.module.css.js +19 -14
  6. package/lib/public-api.p.css +93 -0
  7. package/lib/public-api.pcss +93 -0
  8. package/package.json +7 -6
package/lib/_virtual/index.css.js ADDED
@@ -0,0 +1,10 @@
1
+ var styles = {
2
+ "icon": "_icon_1jmu341_4",
3
+ "sizeXS": "_sizeXS_1jmu341_14",
4
+ "sizeS": "_sizeS_1jmu341_18",
5
+ "sizeM": "_sizeM_1jmu341_22",
6
+ "sizeL": "_sizeL_1jmu341_26",
7
+ "light": "_light_1jmu341_30",
8
+ "dark": "_dark_1jmu341_34"
9
+ };
10
+ export { styles as default };
package/lib/_virtual/warning.js ADDED
@@ -0,0 +1,37 @@
1
+ import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
+ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
3
+ import React from 'react';
4
+ import PropTypes from 'prop-types';
5
+ import cn from 'classnames';
6
+ import styles from './index.css.js';
7
+ var _excluded = ["theme", "size", "className"];
8
+ var sizeStyles = {
9
+ "xs": styles.sizeXS,
10
+ "s": styles.sizeS,
11
+ "m": styles.sizeM,
12
+ "l": styles.sizeL
13
+ };
14
+ var WarningIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
15
+ var theme = _ref.theme,
16
+ size = _ref.size,
17
+ className = _ref.className,
18
+ props = _objectWithoutProperties(_ref, _excluded);
19
+
20
+ return /*#__PURE__*/React.createElement("svg", _extends({
21
+ viewBox: "0 0 24 24"
22
+ }, props, {
23
+ className: cn(styles.icon, styles[theme], sizeStyles[size], className),
24
+ ref: ref
25
+ }), /*#__PURE__*/React.createElement("path", {
26
+ 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"
27
+ }));
28
+ });
29
+ WarningIcon.propTypes = {
30
+ className: PropTypes.string,
31
+ theme: PropTypes.oneOf(["light", "dark"]),
32
+ size: PropTypes.oneOf(["xs", "s", "m", "l"])
33
+ };
34
+ WarningIcon.defaultProps = {
35
+ size: "m"
36
+ };
37
+ export { WarningIcon as default };
package/lib/index.css CHANGED
@@ -1,35 +1,229 @@
1
- ._themeLight_lyuirk_8{
1
+ ._icon_1jmu341_4{
2
+ --_rs-theme-dark:var(
3
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
+ var(--rs-theme-dark, 0)
5
+ );
6
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
7
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
8
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
+ }
10
+ @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
+ ._icon_1jmu341_4{
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
+ --_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
+ --_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)));
15
+ --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
16
+ --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
17
+ }
18
+ }
19
+ @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
+ ._icon_1jmu341_4{
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
+ --_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
+ --_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));
24
+ --_rs-color-primary-t-dim: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, 0.8);
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
+ }
27
+ }
28
+ ._icon_1jmu341_4{
29
+
30
+ fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
+
32
+ width:auto;
33
+ height:var(--_rs-icons-height);
34
+ }
35
+ ._sizeXS_1jmu341_14{
36
+ --_rs-icons-height:16px;
37
+ }
38
+ ._sizeS_1jmu341_18{
39
+ --_rs-icons-height:20px;
40
+ }
41
+ ._sizeM_1jmu341_22{
42
+ --_rs-icons-height:24px;
43
+ }
44
+ ._sizeL_1jmu341_26{
45
+ --_rs-icons-height:28px;
46
+ }
47
+ ._light_1jmu341_30{
2
48
  --rs-theme-dark:0;
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));
3
50
  }
4
- ._themeDark_lyuirk_11{
51
+ ._dark_1jmu341_34{
5
52
  --rs-theme-dark:1;
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
+ }
55
+ @-webkit-keyframes rs-icon-rotate{
56
+ from{
57
+ -webkit-transform:rotate(0deg);
58
+ transform:rotate(0deg);
59
+ }
60
+ to{
61
+ -webkit-transform:rotate(360deg);
62
+ transform:rotate(360deg);
63
+ }
64
+ }
65
+ @keyframes rs-icon-rotate{
66
+ from{
67
+ -webkit-transform:rotate(0deg);
68
+ transform:rotate(0deg);
69
+ }
70
+ to{
71
+ -webkit-transform:rotate(360deg);
72
+ transform:rotate(360deg);
73
+ }
74
+ }
75
+ ._themeLight_17kdg7z_8{
76
+ --rs-theme-dark:0;
77
+ }
78
+ ._themeDark_17kdg7z_11{
79
+ --rs-theme-dark:1;
80
+ }
81
+ ._container_17kdg7z_15{
82
+ --_rs-theme-dark:var(
83
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
84
+ var(--rs-theme-dark, 0)
85
+ );
86
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
87
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
88
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
89
+ }
90
+ @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
91
+ ._container_17kdg7z_15{
92
+ --_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)));
93
+ --_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)));
94
+ --_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)));
95
+ --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
96
+ --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
97
+ }
98
+ }
99
+ @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
100
+ ._container_17kdg7z_15{
101
+ --_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);
102
+ --_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));
103
+ --_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));
104
+ --_rs-color-primary-t-dim: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, 0.8);
105
+ --_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));
6
106
  }
7
- ._sizeS_lyuirk_15{
107
+ }
108
+ ._listSizeS_17kdg7z_20 [data-rs-internal='radio-button-list__error-message']{
109
+ --_rs-typography-letter-spacing:normal;
110
+ --_rs-typography-text-transform:initial;
111
+ --_rs-typography-font-variant-numeric:initial;
112
+ --_rs-typography-font-family:var(
113
+ --rs-font-family-ui,
114
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
115
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
116
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
117
+ );
118
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
119
+ --_rs-typography-font-weight:var(
120
+ --rs-font-weight-semi-bold,
121
+ 600
122
+ );
123
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
124
+ --_rs-typography-base-color:var(
125
+ --rs-color-hard,
126
+ 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))
127
+ );
128
+ --_rs-typography-text-auto-offset:0;
129
+ --_rs-typography-ul-list-li-padding-left:initial;
130
+ --_rs-typography-ol-list-li-padding-left:initial;
131
+ --_rs-typography-list-li-margin-top-from-text:initial;
132
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
133
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
134
+ --_rs-typography-link-border-bottom-width-from-text:2px;
135
+ }
136
+ ._listSizeS_17kdg7z_20 [data-rs-internal='radio-button-list__error-icon']:not(html){
137
+ --_rs-icons-height:20px;
138
+ }
139
+ ._listSizeM_17kdg7z_23 [data-rs-internal='radio-button-list__error-message']{
140
+ --_rs-typography-letter-spacing:normal;
141
+ --_rs-typography-text-transform:initial;
142
+ --_rs-typography-font-variant-numeric:initial;
143
+ --_rs-typography-font-family:var(
144
+ --rs-font-family-ui,
145
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
146
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
147
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
148
+ );
149
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
150
+ --_rs-typography-font-weight:var(
151
+ --rs-font-weight-semi-bold,
152
+ 600
153
+ );
154
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
155
+ --_rs-typography-base-color:var(
156
+ --rs-color-hard,
157
+ 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))
158
+ );
159
+ --_rs-typography-text-auto-offset:0;
160
+ --_rs-typography-ul-list-li-padding-left:initial;
161
+ --_rs-typography-ol-list-li-padding-left:initial;
162
+ --_rs-typography-list-li-margin-top-from-text:initial;
163
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
164
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
165
+ --_rs-typography-link-border-bottom-width-from-text:2px;
166
+ }
167
+ ._listSizeM_17kdg7z_23 [data-rs-internal='radio-button-list__error-icon']:not(html){
168
+ --_rs-icons-height:20px;
169
+ }
170
+ ._listSizeL_17kdg7z_26 [data-rs-internal='radio-button-list__error-message']{
171
+ --_rs-typography-letter-spacing:normal;
172
+ --_rs-typography-text-transform:initial;
173
+ --_rs-typography-font-variant-numeric:initial;
174
+ --_rs-typography-font-family:var(
175
+ --rs-font-family-ui,
176
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
177
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
178
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
179
+ );
180
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
181
+ --_rs-typography-font-weight:var(
182
+ --rs-font-weight-semi-bold,
183
+ 600
184
+ );
185
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
186
+ --_rs-typography-base-color:var(
187
+ --rs-color-hard,
188
+ 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))
189
+ );
190
+ --_rs-typography-text-auto-offset:0;
191
+ --_rs-typography-ul-list-li-padding-left:initial;
192
+ --_rs-typography-ol-list-li-padding-left:initial;
193
+ --_rs-typography-list-li-margin-top-from-text:initial;
194
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
195
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
196
+ --_rs-typography-link-border-bottom-width-from-text:2px;
197
+ }
198
+ ._listSizeL_17kdg7z_26 [data-rs-internal='radio-button-list__error-icon']:not(html){
199
+ --_rs-icons-height:24px;
200
+ }
201
+ ._sizeS_17kdg7z_30{
8
202
  --_rs-radio-button-size:20px;
9
203
  --_rs-radio-button-box-shadow-size:3px;
10
204
  --_rs-radio-button-active-icon-border-width:5px;
11
205
  }
12
- ._sizeM_lyuirk_18{
206
+ ._sizeM_17kdg7z_33{
13
207
  --_rs-radio-button-size:24px;
14
208
  --_rs-radio-button-box-shadow-size:3px;
15
209
  --_rs-radio-button-active-icon-border-width:6px;
16
210
  }
17
- ._sizeL_lyuirk_21{
211
+ ._sizeL_17kdg7z_36{
18
212
  --_rs-radio-button-size:28px;
19
213
  --_rs-radio-button-box-shadow-size:4px;
20
214
  --_rs-radio-button-active-icon-border-width:6px;
21
215
  }
22
- ._classic_lyuirk_25{
216
+ ._classic_17kdg7z_40{
23
217
  --_rs-radio-button-active-icon-border-color:var(--_rs-color-primary);
24
218
  --_rs-radio-button-active-icon-background-color:#FFFFFF;
25
219
  --_rs-radio-button-active-icon-hover-box-shadow-color:var(--_rs-color-primary-t-fog);
26
220
  }
27
- ._rock_lyuirk_28{
221
+ ._rock_17kdg7z_43{
28
222
  --_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));
29
223
  --_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));
30
224
  --_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);
31
225
  }
32
- ._main_lyuirk_32{
226
+ ._main_17kdg7z_47{
33
227
  --_rs-theme-dark:var(
34
228
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
35
229
  var(--rs-theme-dark, 0)
@@ -39,7 +233,7 @@
39
233
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
40
234
  }
41
235
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
42
- ._main_lyuirk_32{
236
+ ._main_17kdg7z_47{
43
237
  --_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)));
44
238
  --_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)));
45
239
  --_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)));
@@ -48,7 +242,7 @@
48
242
  }
49
243
  }
50
244
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
51
- ._main_lyuirk_32{
245
+ ._main_17kdg7z_47{
52
246
  --_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);
53
247
  --_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));
54
248
  --_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));
@@ -56,7 +250,7 @@
56
250
  --_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));
57
251
  }
58
252
  }
59
- ._main_lyuirk_32 {
253
+ ._main_17kdg7z_47 {
60
254
 
61
255
  display:inline-block;
62
256
 
@@ -65,7 +259,7 @@
65
259
 
66
260
  vertical-align:middle;
67
261
  }
68
- ._errorMessage_lyuirk_44{
262
+ ._errorMessage_17kdg7z_59{
69
263
  letter-spacing:var(
70
264
  --rs-text-base-letter-spacing,
71
265
  var(--_rs-typography-letter-spacing)
@@ -79,49 +273,35 @@
79
273
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
80
274
  font-feature-settings:'kern', 'liga', 'calt';
81
275
  }
82
- ._errorMessage_lyuirk_44 > p:not(:nth-child(1)),
83
- ._errorMessage_lyuirk_44 > pre:not(:nth-child(1)){
276
+ ._errorMessage_17kdg7z_59 > p:not(:nth-child(1)),
277
+ ._errorMessage_17kdg7z_59 > pre:not(:nth-child(1)){
84
278
  padding-top:var(--_rs-typography-auto-offset-or-initial);
85
279
  }
86
- ._errorMessage_lyuirk_44 {
87
- --_rs-typography-letter-spacing:0.0045em;
88
- --_rs-typography-text-transform:initial;
89
- --_rs-typography-font-variant-numeric:initial;
90
- --_rs-typography-font-family:var(
91
- --rs-font-family-ui,
92
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
93
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
94
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
95
- );
96
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
97
- --_rs-typography-font-weight:var(
98
- --rs-font-weight-regular,
99
- 400
100
- );
101
- --_rs-typography-line-height:var(
102
- --rs-text-3-line-height,
103
- 20px
104
- );
105
- --_rs-typography-base-color:var(
106
- --_rs-typography-hardness-color,
107
- var(
108
- --rs-color-average,
109
- 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.7)
110
- )
111
- );
112
- --_rs-typography-text-auto-offset:8px;
113
- --_rs-typography-ul-list-li-padding-left:28px;
114
- --_rs-typography-ol-list-li-padding-left:21px;
115
- --_rs-typography-list-li-margin-top-from-text:8px;
116
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
117
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
118
- --_rs-typography-link-border-bottom-width-from-text:1px;
280
+ ._errorMessage_17kdg7z_59 {
281
+
282
+ display:-webkit-box;
283
+
284
+ display:-ms-flexbox;
285
+
286
+ display:flex;
287
+ -ms-flex-wrap:nowrap;
288
+ flex-wrap:nowrap;
119
289
 
120
290
  margin-bottom:8px;
121
291
 
292
+ 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));
293
+ -webkit-column-gap:8px;
294
+ -moz-column-gap:8px;
295
+ column-gap:8px;
296
+ }
297
+ ._errorIcon_17kdg7z_71{
298
+ -webkit-box-flex:0;
299
+ -ms-flex:0 0 auto;
300
+ flex:0 0 auto;
301
+
122
302
  color:#F45C4A;
123
303
  }
124
- ._input_lyuirk_53{
304
+ ._input_17kdg7z_77{
125
305
  position:absolute;
126
306
  -webkit-appearance:none;
127
307
  -moz-appearance:none;
@@ -135,7 +315,7 @@
135
315
 
136
316
  border:0;
137
317
  }
138
- ._icon_lyuirk_66{
318
+ ._icon_17kdg7z_90{
139
319
  position:relative;
140
320
 
141
321
  display:inline-block;
@@ -154,16 +334,16 @@
154
334
 
155
335
  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));
156
336
  }
157
- ._enabled_lyuirk_87 ._icon_lyuirk_66{
337
+ ._enabled_17kdg7z_111 ._icon_17kdg7z_90{
158
338
  cursor:pointer;
159
339
  }
160
- ._enabled_lyuirk_87:hover > ._icon_lyuirk_66,
161
- label:hover ._enabled_lyuirk_87 > ._icon_lyuirk_66{
340
+ ._enabled_17kdg7z_111:hover > ._icon_17kdg7z_90,
341
+ label:hover ._enabled_17kdg7z_111 > ._icon_17kdg7z_90{
162
342
  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));
163
343
  }
164
- ._disabled_lyuirk_96 ._icon_lyuirk_66._icon_lyuirk_66,
165
- ._input_lyuirk_53:disabled + ._icon_lyuirk_66._icon_lyuirk_66,
166
- ._input_lyuirk_53:checked:disabled + ._icon_lyuirk_66{
344
+ ._disabled_17kdg7z_120 ._icon_17kdg7z_90._icon_17kdg7z_90,
345
+ ._input_17kdg7z_77:disabled + ._icon_17kdg7z_90._icon_17kdg7z_90,
346
+ ._input_17kdg7z_77:checked:disabled + ._icon_17kdg7z_90{
167
347
  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));
168
348
 
169
349
  cursor:not-allowed;
@@ -171,27 +351,27 @@
171
351
 
172
352
  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));
173
353
  }
174
- ._enabled_lyuirk_87 ._input_lyuirk_53:active + ._icon_lyuirk_66,
175
- ._enabled_lyuirk_87 ._input_lyuirk_53:checked + ._icon_lyuirk_66{
354
+ ._enabled_17kdg7z_111 ._input_17kdg7z_77:active + ._icon_17kdg7z_90,
355
+ ._enabled_17kdg7z_111 ._input_17kdg7z_77:checked + ._icon_17kdg7z_90{
176
356
  border-color:var(--_rs-radio-button-active-icon-border-color);
177
357
 
178
358
  background-color:var(--_rs-radio-button-active-icon-background-color);
179
359
  }
180
- ._enabled_lyuirk_87 ._input_lyuirk_53:active + ._icon_lyuirk_66,
181
- ._enabled_lyuirk_87 ._input_lyuirk_53:checked + ._icon_lyuirk_66,
182
- ._main_lyuirk_32 ._input_lyuirk_53:checked:disabled + ._icon_lyuirk_66{
360
+ ._enabled_17kdg7z_111 ._input_17kdg7z_77:active + ._icon_17kdg7z_90,
361
+ ._enabled_17kdg7z_111 ._input_17kdg7z_77:checked + ._icon_17kdg7z_90,
362
+ ._main_17kdg7z_47 ._input_17kdg7z_77:checked:disabled + ._icon_17kdg7z_90{
183
363
  border-width:var(--_rs-radio-button-active-icon-border-width);
184
364
  }
185
- ._error_lyuirk_44 ._icon_lyuirk_66._icon_lyuirk_66._icon_lyuirk_66{
365
+ ._error_17kdg7z_59 ._icon_17kdg7z_90._icon_17kdg7z_90._icon_17kdg7z_90{
186
366
  border-color:#F45C4A;
187
367
  }
188
- ._enabled_lyuirk_87:hover > ._icon_lyuirk_66._icon_lyuirk_66,
189
- label:hover ._enabled_lyuirk_87 > ._icon_lyuirk_66._icon_lyuirk_66,
190
- ._enabled_lyuirk_87 ._input_lyuirk_53:active:not(:checked) + ._icon_lyuirk_66{
368
+ ._enabled_17kdg7z_111:hover > ._icon_17kdg7z_90._icon_17kdg7z_90,
369
+ label:hover ._enabled_17kdg7z_111 > ._icon_17kdg7z_90._icon_17kdg7z_90,
370
+ ._enabled_17kdg7z_111 ._input_17kdg7z_77:active:not(:checked) + ._icon_17kdg7z_90{
191
371
  -webkit-box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
192
372
  box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
193
373
  }
194
- ._enabled_lyuirk_87 ._input_lyuirk_53:focus[data-focus-method='key'] + ._icon_lyuirk_66{
374
+ ._enabled_17kdg7z_111 ._input_17kdg7z_77:focus[data-focus-method='key'] + ._icon_17kdg7z_90{
195
375
  -webkit-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);
196
376
  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);
197
377
  }
package/lib/parts/radio-button-list.js CHANGED
@@ -15,10 +15,21 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
15
15
 
16
16
  import React from 'react';
17
17
  import PropTypes from 'prop-types';
18
+ import cn from 'classnames';
18
19
  import { Menu } from '@rescui/menu';
19
20
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
21
+ import WarningIcon from '../_virtual/warning.js';
20
22
  import { RadioButtonManager } from './radio-button-manager.js';
21
23
  import styles from './radio-button.p.module.css.js';
24
+ var THEME_STYLES = {
25
+ light: styles.themeLight,
26
+ dark: styles.themeDark
27
+ };
28
+ var SIZE_STYLES = {
29
+ s: styles.listSizeS,
30
+ m: styles.listSizeM,
31
+ l: styles.listSizeL
32
+ };
22
33
 
23
34
  var RadioButtonList = function RadioButtonList(_ref) {
24
35
  var children = _ref.children,
@@ -40,11 +51,15 @@ var RadioButtonList = function RadioButtonList(_ref) {
40
51
  mode: mode,
41
52
  theme: theme
42
53
  }, restProps), /*#__PURE__*/React.createElement("div", {
43
- className: className,
54
+ className: cn(className, styles.container, THEME_STYLES[theme], SIZE_STYLES[size]),
44
55
  style: style
45
56
  }, error && typeof error !== 'boolean' && /*#__PURE__*/React.createElement("div", {
46
- className: styles.errorMessage
47
- }, error), /*#__PURE__*/React.createElement(Menu, {
57
+ className: styles.errorMessage,
58
+ "data-rs-internal": "radio-button-list__error-message"
59
+ }, /*#__PURE__*/React.createElement(WarningIcon, {
60
+ "data-rs-internal": "radio-button-list__error-icon",
61
+ className: styles.errorIcon
62
+ }), /*#__PURE__*/React.createElement("span", null, error)), /*#__PURE__*/React.createElement(Menu, {
48
63
  disabled: disabled,
49
64
  theme: theme,
50
65
  size: size,
package/lib/parts/radio-button.p.module.css.js CHANGED
@@ -1,17 +1,22 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_lyuirk_8",
3
- "themeDark": "_themeDark_lyuirk_11",
4
- "sizeS": "_sizeS_lyuirk_15",
5
- "sizeM": "_sizeM_lyuirk_18",
6
- "sizeL": "_sizeL_lyuirk_21",
7
- "classic": "_classic_lyuirk_25",
8
- "rock": "_rock_lyuirk_28",
9
- "main": "_main_lyuirk_32",
10
- "errorMessage": "_errorMessage_lyuirk_44",
11
- "input": "_input_lyuirk_53",
12
- "icon": "_icon_lyuirk_66",
13
- "enabled": "_enabled_lyuirk_87",
14
- "disabled": "_disabled_lyuirk_96",
15
- "error": "_error_lyuirk_44"
2
+ "themeLight": "_themeLight_17kdg7z_8",
3
+ "themeDark": "_themeDark_17kdg7z_11",
4
+ "container": "_container_17kdg7z_15",
5
+ "listSizeS": "_listSizeS_17kdg7z_20",
6
+ "listSizeM": "_listSizeM_17kdg7z_23",
7
+ "listSizeL": "_listSizeL_17kdg7z_26",
8
+ "sizeS": "_sizeS_17kdg7z_30",
9
+ "sizeM": "_sizeM_17kdg7z_33",
10
+ "sizeL": "_sizeL_17kdg7z_36",
11
+ "classic": "_classic_17kdg7z_40",
12
+ "rock": "_rock_17kdg7z_43",
13
+ "main": "_main_17kdg7z_47",
14
+ "errorMessage": "_errorMessage_17kdg7z_59",
15
+ "errorIcon": "_errorIcon_17kdg7z_71",
16
+ "input": "_input_17kdg7z_77",
17
+ "icon": "_icon_17kdg7z_90",
18
+ "enabled": "_enabled_17kdg7z_111",
19
+ "disabled": "_disabled_17kdg7z_120",
20
+ "error": "_error_17kdg7z_59"
16
21
  };
17
22
  export { styles as default };
package/lib/public-api.p.css CHANGED
@@ -1,4 +1,35 @@
1
1
  @define-mixin rs-radio-button-list-size-s{
2
+ &[class] [data-rs-internal='radio-button-list__error-message']{
3
+ --_rs-typography-letter-spacing:normal;
4
+ --_rs-typography-text-transform:initial;
5
+ --_rs-typography-font-variant-numeric:initial;
6
+ --_rs-typography-font-family:var(
7
+ --rs-font-family-ui,
8
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
9
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
10
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
11
+ );
12
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
13
+ --_rs-typography-font-weight:var(
14
+ --rs-font-weight-semi-bold,
15
+ 600
16
+ );
17
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
18
+ --_rs-typography-base-color:var(
19
+ --rs-color-hard,
20
+ 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))
21
+ );
22
+ --_rs-typography-text-auto-offset:0;
23
+ --_rs-typography-ul-list-li-padding-left:initial;
24
+ --_rs-typography-ol-list-li-padding-left:initial;
25
+ --_rs-typography-list-li-margin-top-from-text:initial;
26
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
27
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
28
+ --_rs-typography-link-border-bottom-width-from-text:2px;
29
+ }
30
+ &[class] [data-rs-internal='radio-button-list__error-icon']:not(html){
31
+ --_rs-icons-height:20px;
32
+ }
2
33
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
3
34
  --_rs-menu-mi-icon-offset:8px;
4
35
  --_rs-menu-mi-vertical-padding:6px;
@@ -73,6 +104,37 @@
73
104
  }
74
105
  }
75
106
  @define-mixin rs-radio-button-list-size-m{
107
+ &[class] [data-rs-internal='radio-button-list__error-message']{
108
+ --_rs-typography-letter-spacing:normal;
109
+ --_rs-typography-text-transform:initial;
110
+ --_rs-typography-font-variant-numeric:initial;
111
+ --_rs-typography-font-family:var(
112
+ --rs-font-family-ui,
113
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
114
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
115
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
116
+ );
117
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
118
+ --_rs-typography-font-weight:var(
119
+ --rs-font-weight-semi-bold,
120
+ 600
121
+ );
122
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
123
+ --_rs-typography-base-color:var(
124
+ --rs-color-hard,
125
+ 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))
126
+ );
127
+ --_rs-typography-text-auto-offset:0;
128
+ --_rs-typography-ul-list-li-padding-left:initial;
129
+ --_rs-typography-ol-list-li-padding-left:initial;
130
+ --_rs-typography-list-li-margin-top-from-text:initial;
131
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
132
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
133
+ --_rs-typography-link-border-bottom-width-from-text:2px;
134
+ }
135
+ &[class] [data-rs-internal='radio-button-list__error-icon']:not(html){
136
+ --_rs-icons-height:20px;
137
+ }
76
138
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
77
139
  --_rs-menu-mi-icon-offset:8px;
78
140
  --_rs-menu-mi-vertical-padding:8px;
@@ -152,6 +214,37 @@
152
214
  }
153
215
  }
154
216
  @define-mixin rs-radio-button-list-size-l{
217
+ &[class] [data-rs-internal='radio-button-list__error-message']{
218
+ --_rs-typography-letter-spacing:normal;
219
+ --_rs-typography-text-transform:initial;
220
+ --_rs-typography-font-variant-numeric:initial;
221
+ --_rs-typography-font-family:var(
222
+ --rs-font-family-ui,
223
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
224
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
225
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
226
+ );
227
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
228
+ --_rs-typography-font-weight:var(
229
+ --rs-font-weight-semi-bold,
230
+ 600
231
+ );
232
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
233
+ --_rs-typography-base-color:var(
234
+ --rs-color-hard,
235
+ 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))
236
+ );
237
+ --_rs-typography-text-auto-offset:0;
238
+ --_rs-typography-ul-list-li-padding-left:initial;
239
+ --_rs-typography-ol-list-li-padding-left:initial;
240
+ --_rs-typography-list-li-margin-top-from-text:initial;
241
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
242
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
243
+ --_rs-typography-link-border-bottom-width-from-text:2px;
244
+ }
245
+ &[class] [data-rs-internal='radio-button-list__error-icon']:not(html){
246
+ --_rs-icons-height:24px;
247
+ }
155
248
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
156
249
  --_rs-menu-mi-icon-offset:16px;
157
250
  --_rs-menu-mi-vertical-padding:12px;
package/lib/public-api.pcss CHANGED
@@ -1,4 +1,35 @@
1
1
  @define-mixin rs-radio-button-list-size-s{
2
+ &[class] [data-rs-internal='radio-button-list__error-message']{
3
+ --_rs-typography-letter-spacing:normal;
4
+ --_rs-typography-text-transform:initial;
5
+ --_rs-typography-font-variant-numeric:initial;
6
+ --_rs-typography-font-family:var(
7
+ --rs-font-family-ui,
8
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
9
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
10
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
11
+ );
12
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
13
+ --_rs-typography-font-weight:var(
14
+ --rs-font-weight-semi-bold,
15
+ 600
16
+ );
17
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
18
+ --_rs-typography-base-color:var(
19
+ --rs-color-hard,
20
+ 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))
21
+ );
22
+ --_rs-typography-text-auto-offset:0;
23
+ --_rs-typography-ul-list-li-padding-left:initial;
24
+ --_rs-typography-ol-list-li-padding-left:initial;
25
+ --_rs-typography-list-li-margin-top-from-text:initial;
26
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
27
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
28
+ --_rs-typography-link-border-bottom-width-from-text:2px;
29
+ }
30
+ &[class] [data-rs-internal='radio-button-list__error-icon']:not(html){
31
+ --_rs-icons-height:20px;
32
+ }
2
33
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
3
34
  --_rs-menu-mi-icon-offset:8px;
4
35
  --_rs-menu-mi-vertical-padding:6px;
@@ -73,6 +104,37 @@
73
104
  }
74
105
  }
75
106
  @define-mixin rs-radio-button-list-size-m{
107
+ &[class] [data-rs-internal='radio-button-list__error-message']{
108
+ --_rs-typography-letter-spacing:normal;
109
+ --_rs-typography-text-transform:initial;
110
+ --_rs-typography-font-variant-numeric:initial;
111
+ --_rs-typography-font-family:var(
112
+ --rs-font-family-ui,
113
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
114
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
115
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
116
+ );
117
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
118
+ --_rs-typography-font-weight:var(
119
+ --rs-font-weight-semi-bold,
120
+ 600
121
+ );
122
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
123
+ --_rs-typography-base-color:var(
124
+ --rs-color-hard,
125
+ 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))
126
+ );
127
+ --_rs-typography-text-auto-offset:0;
128
+ --_rs-typography-ul-list-li-padding-left:initial;
129
+ --_rs-typography-ol-list-li-padding-left:initial;
130
+ --_rs-typography-list-li-margin-top-from-text:initial;
131
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
132
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
133
+ --_rs-typography-link-border-bottom-width-from-text:2px;
134
+ }
135
+ &[class] [data-rs-internal='radio-button-list__error-icon']:not(html){
136
+ --_rs-icons-height:20px;
137
+ }
76
138
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
77
139
  --_rs-menu-mi-icon-offset:8px;
78
140
  --_rs-menu-mi-vertical-padding:8px;
@@ -152,6 +214,37 @@
152
214
  }
153
215
  }
154
216
  @define-mixin rs-radio-button-list-size-l{
217
+ &[class] [data-rs-internal='radio-button-list__error-message']{
218
+ --_rs-typography-letter-spacing:normal;
219
+ --_rs-typography-text-transform:initial;
220
+ --_rs-typography-font-variant-numeric:initial;
221
+ --_rs-typography-font-family:var(
222
+ --rs-font-family-ui,
223
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
224
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
225
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
226
+ );
227
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
228
+ --_rs-typography-font-weight:var(
229
+ --rs-font-weight-semi-bold,
230
+ 600
231
+ );
232
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
233
+ --_rs-typography-base-color:var(
234
+ --rs-color-hard,
235
+ 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))
236
+ );
237
+ --_rs-typography-text-auto-offset:0;
238
+ --_rs-typography-ul-list-li-padding-left:initial;
239
+ --_rs-typography-ol-list-li-padding-left:initial;
240
+ --_rs-typography-list-li-margin-top-from-text:initial;
241
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
242
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
243
+ --_rs-typography-link-border-bottom-width-from-text:2px;
244
+ }
245
+ &[class] [data-rs-internal='radio-button-list__error-icon']:not(html){
246
+ --_rs-icons-height:24px;
247
+ }
155
248
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
156
249
  --_rs-menu-mi-icon-offset:16px;
157
250
  --_rs-menu-mi-vertical-padding:12px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/radio-button",
3
- "version": "0.7.3-test-canary-release-a00fb377.1+a00fb377",
3
+ "version": "0.8.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -15,7 +15,7 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
- "@rescui/menu": "0.10.3-test-canary-release-a00fb377.1+a00fb377",
18
+ "@rescui/menu": "^0.10.4",
19
19
  "classnames": "^2.2.6",
20
20
  "core-js": "^3.9.1"
21
21
  },
@@ -25,13 +25,14 @@
25
25
  "react": ">=16.8.0 <19"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "0.2.1-test-canary-release-a00fb377.24+a00fb377",
29
- "@rescui/scripts": "0.3.0",
30
- "@rescui/typography": "0.16.3-test-canary-release-a00fb377.1+a00fb377"
28
+ "@rescui/colors": "^0.2.2",
29
+ "@rescui/scripts": "^0.3.2",
30
+ "@rescui/typography": "^0.16.4"
31
31
  },
32
32
  "scripts": {
33
33
  "build": "rescui-scripts build && yarn run build-pcss-api",
34
34
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
35
35
  },
36
- "gitHead": "a00fb37716d4d5380a61b953c6df7bac440cba5b"
36
+ "nx": {},
37
+ "gitHead": "d4bb4a95bc321907bc55b9ad9768f7e822acbd2d"
37
38
  }