@rescui/radio-button 0.8.1 → 0.8.2

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 (6) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/index.css +62 -53
  3. package/lib/parts/radio-button.p.module.css.js +19 -19
  4. package/lib/public-api.p.css +24 -6
  5. package/lib/public-api.pcss +24 -6
  6. package/package.json +6 -6
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_ekw7ne_4",
3
- "sizeXS": "_sizeXS_ekw7ne_14",
4
- "sizeS": "_sizeS_ekw7ne_18",
5
- "sizeM": "_sizeM_ekw7ne_22",
6
- "sizeL": "_sizeL_ekw7ne_26",
7
- "light": "_light_ekw7ne_30",
8
- "dark": "_dark_ekw7ne_34"
2
+ "icon": "_icon_19gc9kz_4",
3
+ "sizeXS": "_sizeXS_19gc9kz_14",
4
+ "sizeS": "_sizeS_19gc9kz_18",
5
+ "sizeM": "_sizeM_19gc9kz_22",
6
+ "sizeL": "_sizeL_19gc9kz_26",
7
+ "light": "_light_19gc9kz_30",
8
+ "dark": "_dark_19gc9kz_34"
9
9
  };
10
10
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_ekw7ne_4{
1
+ ._icon_19gc9kz_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_ekw7ne_4{
11
+ ._icon_19gc9kz_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_ekw7ne_4{
20
+ ._icon_19gc9kz_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_ekw7ne_4{
28
+ ._icon_19gc9kz_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_ekw7ne_14{
35
+ ._sizeXS_19gc9kz_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_ekw7ne_18{
38
+ ._sizeS_19gc9kz_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_ekw7ne_22{
41
+ ._sizeM_19gc9kz_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_ekw7ne_26{
44
+ ._sizeL_19gc9kz_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_ekw7ne_30{
47
+ ._light_19gc9kz_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_ekw7ne_34{
51
+ ._dark_19gc9kz_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
  }
@@ -72,13 +72,13 @@
72
72
  transform:rotate(360deg);
73
73
  }
74
74
  }
75
- ._themeLight_iid8n8_8{
75
+ ._themeLight_1dn5nq5_8{
76
76
  --rs-theme-dark:0;
77
77
  }
78
- ._themeDark_iid8n8_11{
78
+ ._themeDark_1dn5nq5_11{
79
79
  --rs-theme-dark:1;
80
80
  }
81
- ._container_iid8n8_15{
81
+ ._container_1dn5nq5_15{
82
82
  --_rs-theme-dark:var(
83
83
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
84
84
  var(--rs-theme-dark, 0)
@@ -88,7 +88,7 @@
88
88
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
89
89
  }
90
90
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
91
- ._container_iid8n8_15{
91
+ ._container_1dn5nq5_15{
92
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
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
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)));
@@ -97,7 +97,7 @@
97
97
  }
98
98
  }
99
99
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
100
- ._container_iid8n8_15{
100
+ ._container_1dn5nq5_15{
101
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
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
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));
@@ -105,7 +105,7 @@
105
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));
106
106
  }
107
107
  }
108
- ._listSizeS_iid8n8_20 [data-rs-internal='radio-button-list__error-message']{
108
+ ._listSizeS_1dn5nq5_20 [data-rs-internal='radio-button-list__error-message']{
109
109
  --_rs-typography-letter-spacing:normal;
110
110
  --_rs-typography-text-transform:initial;
111
111
  --_rs-typography-font-variant-numeric:initial;
@@ -122,9 +122,12 @@
122
122
  );
123
123
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
124
124
  --_rs-typography-base-color:var(
125
+ --_rs-typography-heading-hardness-color,
126
+ var(
125
127
  --rs-color-hard,
126
128
  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
- );
129
+ )
130
+ );
128
131
  --_rs-typography-text-auto-offset:0;
129
132
  --_rs-typography-ul-list-li-padding-left:initial;
130
133
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -133,10 +136,10 @@
133
136
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
134
137
  --_rs-typography-link-border-bottom-width-from-text:2px;
135
138
  }
136
- ._listSizeS_iid8n8_20 [data-rs-internal='radio-button-list__error-icon']:not(html){
139
+ ._listSizeS_1dn5nq5_20 [data-rs-internal='radio-button-list__error-icon']:not(html){
137
140
  --_rs-icons-height:20px;
138
141
  }
139
- ._listSizeM_iid8n8_23 [data-rs-internal='radio-button-list__error-message']{
142
+ ._listSizeM_1dn5nq5_23 [data-rs-internal='radio-button-list__error-message']{
140
143
  --_rs-typography-letter-spacing:normal;
141
144
  --_rs-typography-text-transform:initial;
142
145
  --_rs-typography-font-variant-numeric:initial;
@@ -153,9 +156,12 @@
153
156
  );
154
157
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
155
158
  --_rs-typography-base-color:var(
159
+ --_rs-typography-heading-hardness-color,
160
+ var(
156
161
  --rs-color-hard,
157
162
  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
- );
163
+ )
164
+ );
159
165
  --_rs-typography-text-auto-offset:0;
160
166
  --_rs-typography-ul-list-li-padding-left:initial;
161
167
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -164,10 +170,10 @@
164
170
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
165
171
  --_rs-typography-link-border-bottom-width-from-text:2px;
166
172
  }
167
- ._listSizeM_iid8n8_23 [data-rs-internal='radio-button-list__error-icon']:not(html){
173
+ ._listSizeM_1dn5nq5_23 [data-rs-internal='radio-button-list__error-icon']:not(html){
168
174
  --_rs-icons-height:20px;
169
175
  }
170
- ._listSizeL_iid8n8_26 [data-rs-internal='radio-button-list__error-message']{
176
+ ._listSizeL_1dn5nq5_26 [data-rs-internal='radio-button-list__error-message']{
171
177
  --_rs-typography-letter-spacing:normal;
172
178
  --_rs-typography-text-transform:initial;
173
179
  --_rs-typography-font-variant-numeric:initial;
@@ -184,9 +190,12 @@
184
190
  );
185
191
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
186
192
  --_rs-typography-base-color:var(
193
+ --_rs-typography-heading-hardness-color,
194
+ var(
187
195
  --rs-color-hard,
188
196
  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
- );
197
+ )
198
+ );
190
199
  --_rs-typography-text-auto-offset:0;
191
200
  --_rs-typography-ul-list-li-padding-left:initial;
192
201
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -195,35 +204,35 @@
195
204
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
196
205
  --_rs-typography-link-border-bottom-width-from-text:2px;
197
206
  }
198
- ._listSizeL_iid8n8_26 [data-rs-internal='radio-button-list__error-icon']:not(html){
207
+ ._listSizeL_1dn5nq5_26 [data-rs-internal='radio-button-list__error-icon']:not(html){
199
208
  --_rs-icons-height:24px;
200
209
  }
201
- ._sizeS_iid8n8_30{
210
+ ._sizeS_1dn5nq5_30{
202
211
  --_rs-radio-button-size:20px;
203
212
  --_rs-radio-button-box-shadow-size:3px;
204
213
  --_rs-radio-button-active-icon-border-width:5px;
205
214
  }
206
- ._sizeM_iid8n8_33{
215
+ ._sizeM_1dn5nq5_33{
207
216
  --_rs-radio-button-size:24px;
208
217
  --_rs-radio-button-box-shadow-size:3px;
209
218
  --_rs-radio-button-active-icon-border-width:6px;
210
219
  }
211
- ._sizeL_iid8n8_36{
220
+ ._sizeL_1dn5nq5_36{
212
221
  --_rs-radio-button-size:28px;
213
222
  --_rs-radio-button-box-shadow-size:4px;
214
223
  --_rs-radio-button-active-icon-border-width:6px;
215
224
  }
216
- ._classic_iid8n8_40{
225
+ ._classic_1dn5nq5_40{
217
226
  --_rs-radio-button-active-icon-border-color:var(--_rs-color-primary);
218
227
  --_rs-radio-button-active-icon-background-color:#FFFFFF;
219
228
  --_rs-radio-button-active-icon-hover-box-shadow-color:var(--_rs-color-primary-t-fog);
220
229
  }
221
- ._rock_iid8n8_43{
230
+ ._rock_1dn5nq5_43{
222
231
  --_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));
223
232
  --_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));
224
233
  --_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);
225
234
  }
226
- ._main_iid8n8_47{
235
+ ._main_1dn5nq5_47{
227
236
  --_rs-theme-dark:var(
228
237
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
229
238
  var(--rs-theme-dark, 0)
@@ -233,7 +242,7 @@
233
242
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
234
243
  }
235
244
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
236
- ._main_iid8n8_47{
245
+ ._main_1dn5nq5_47{
237
246
  --_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)));
238
247
  --_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)));
239
248
  --_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)));
@@ -242,7 +251,7 @@
242
251
  }
243
252
  }
244
253
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
245
- ._main_iid8n8_47{
254
+ ._main_1dn5nq5_47{
246
255
  --_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);
247
256
  --_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));
248
257
  --_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));
@@ -250,7 +259,7 @@
250
259
  --_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));
251
260
  }
252
261
  }
253
- ._main_iid8n8_47 {
262
+ ._main_1dn5nq5_47 {
254
263
 
255
264
  display:inline-block;
256
265
 
@@ -259,7 +268,7 @@
259
268
 
260
269
  vertical-align:middle;
261
270
  }
262
- ._errorMessage_iid8n8_59{
271
+ ._errorMessage_1dn5nq5_59{
263
272
  letter-spacing:var(
264
273
  --rs-text-base-letter-spacing,
265
274
  var(--_rs-typography-letter-spacing)
@@ -288,14 +297,14 @@
288
297
  -moz-column-gap:8px;
289
298
  column-gap:8px;
290
299
  }
291
- ._errorIcon_iid8n8_71{
300
+ ._errorIcon_1dn5nq5_71{
292
301
  -webkit-box-flex:0;
293
302
  -ms-flex:0 0 auto;
294
303
  flex:0 0 auto;
295
304
 
296
305
  color:#F45C4A;
297
306
  }
298
- ._input_iid8n8_77{
307
+ ._input_1dn5nq5_77{
299
308
  position:absolute;
300
309
  -webkit-appearance:none;
301
310
  -moz-appearance:none;
@@ -309,7 +318,7 @@
309
318
 
310
319
  border:0;
311
320
  }
312
- ._icon_iid8n8_90{
321
+ ._icon_1dn5nq5_90{
313
322
  position:relative;
314
323
 
315
324
  display:inline-block;
@@ -328,16 +337,16 @@
328
337
 
329
338
  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));
330
339
  }
331
- ._enabled_iid8n8_111 ._icon_iid8n8_90{
340
+ ._enabled_1dn5nq5_111 ._icon_1dn5nq5_90{
332
341
  cursor:pointer;
333
342
  }
334
- ._enabled_iid8n8_111:hover > ._icon_iid8n8_90,
335
- label:hover ._enabled_iid8n8_111 > ._icon_iid8n8_90{
343
+ ._enabled_1dn5nq5_111:hover > ._icon_1dn5nq5_90,
344
+ label:hover ._enabled_1dn5nq5_111 > ._icon_1dn5nq5_90{
336
345
  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));
337
346
  }
338
- ._disabled_iid8n8_120 ._icon_iid8n8_90._icon_iid8n8_90,
339
- ._input_iid8n8_77:disabled + ._icon_iid8n8_90._icon_iid8n8_90,
340
- ._input_iid8n8_77:checked:disabled + ._icon_iid8n8_90{
347
+ ._disabled_1dn5nq5_120 ._icon_1dn5nq5_90._icon_1dn5nq5_90,
348
+ ._input_1dn5nq5_77:disabled + ._icon_1dn5nq5_90._icon_1dn5nq5_90,
349
+ ._input_1dn5nq5_77:checked:disabled + ._icon_1dn5nq5_90{
341
350
  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));
342
351
 
343
352
  cursor:not-allowed;
@@ -345,27 +354,27 @@
345
354
 
346
355
  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));
347
356
  }
348
- ._enabled_iid8n8_111 ._input_iid8n8_77:active + ._icon_iid8n8_90,
349
- ._enabled_iid8n8_111 ._input_iid8n8_77:checked + ._icon_iid8n8_90{
357
+ ._enabled_1dn5nq5_111 ._input_1dn5nq5_77:active + ._icon_1dn5nq5_90,
358
+ ._enabled_1dn5nq5_111 ._input_1dn5nq5_77:checked + ._icon_1dn5nq5_90{
350
359
  border-color:var(--_rs-radio-button-active-icon-border-color);
351
360
 
352
361
  background-color:var(--_rs-radio-button-active-icon-background-color);
353
362
  }
354
- ._enabled_iid8n8_111 ._input_iid8n8_77:active + ._icon_iid8n8_90,
355
- ._enabled_iid8n8_111 ._input_iid8n8_77:checked + ._icon_iid8n8_90,
356
- ._main_iid8n8_47 ._input_iid8n8_77:checked:disabled + ._icon_iid8n8_90{
363
+ ._enabled_1dn5nq5_111 ._input_1dn5nq5_77:active + ._icon_1dn5nq5_90,
364
+ ._enabled_1dn5nq5_111 ._input_1dn5nq5_77:checked + ._icon_1dn5nq5_90,
365
+ ._main_1dn5nq5_47 ._input_1dn5nq5_77:checked:disabled + ._icon_1dn5nq5_90{
357
366
  border-width:var(--_rs-radio-button-active-icon-border-width);
358
367
  }
359
- ._error_iid8n8_59 ._icon_iid8n8_90._icon_iid8n8_90._icon_iid8n8_90{
368
+ ._error_1dn5nq5_59 ._icon_1dn5nq5_90._icon_1dn5nq5_90._icon_1dn5nq5_90{
360
369
  border-color:#F45C4A;
361
370
  }
362
- ._enabled_iid8n8_111:hover > ._icon_iid8n8_90._icon_iid8n8_90,
363
- label:hover ._enabled_iid8n8_111 > ._icon_iid8n8_90._icon_iid8n8_90,
364
- ._enabled_iid8n8_111 ._input_iid8n8_77:active:not(:checked) + ._icon_iid8n8_90{
371
+ ._enabled_1dn5nq5_111:hover > ._icon_1dn5nq5_90._icon_1dn5nq5_90,
372
+ label:hover ._enabled_1dn5nq5_111 > ._icon_1dn5nq5_90._icon_1dn5nq5_90,
373
+ ._enabled_1dn5nq5_111 ._input_1dn5nq5_77:active:not(:checked) + ._icon_1dn5nq5_90{
365
374
  -webkit-box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
366
375
  box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
367
376
  }
368
- ._enabled_iid8n8_111 ._input_iid8n8_77:focus[data-focus-method='key'] + ._icon_iid8n8_90{
377
+ ._enabled_1dn5nq5_111 ._input_1dn5nq5_77:focus[data-focus-method='key'] + ._icon_1dn5nq5_90{
369
378
  -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);
370
379
  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);
371
380
  }
package/lib/parts/radio-button.p.module.css.js CHANGED
@@ -1,22 +1,22 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_iid8n8_8",
3
- "themeDark": "_themeDark_iid8n8_11",
4
- "container": "_container_iid8n8_15",
5
- "listSizeS": "_listSizeS_iid8n8_20",
6
- "listSizeM": "_listSizeM_iid8n8_23",
7
- "listSizeL": "_listSizeL_iid8n8_26",
8
- "sizeS": "_sizeS_iid8n8_30",
9
- "sizeM": "_sizeM_iid8n8_33",
10
- "sizeL": "_sizeL_iid8n8_36",
11
- "classic": "_classic_iid8n8_40",
12
- "rock": "_rock_iid8n8_43",
13
- "main": "_main_iid8n8_47",
14
- "errorMessage": "_errorMessage_iid8n8_59",
15
- "errorIcon": "_errorIcon_iid8n8_71",
16
- "input": "_input_iid8n8_77",
17
- "icon": "_icon_iid8n8_90",
18
- "enabled": "_enabled_iid8n8_111",
19
- "disabled": "_disabled_iid8n8_120",
20
- "error": "_error_iid8n8_59"
2
+ "themeLight": "_themeLight_1dn5nq5_8",
3
+ "themeDark": "_themeDark_1dn5nq5_11",
4
+ "container": "_container_1dn5nq5_15",
5
+ "listSizeS": "_listSizeS_1dn5nq5_20",
6
+ "listSizeM": "_listSizeM_1dn5nq5_23",
7
+ "listSizeL": "_listSizeL_1dn5nq5_26",
8
+ "sizeS": "_sizeS_1dn5nq5_30",
9
+ "sizeM": "_sizeM_1dn5nq5_33",
10
+ "sizeL": "_sizeL_1dn5nq5_36",
11
+ "classic": "_classic_1dn5nq5_40",
12
+ "rock": "_rock_1dn5nq5_43",
13
+ "main": "_main_1dn5nq5_47",
14
+ "errorMessage": "_errorMessage_1dn5nq5_59",
15
+ "errorIcon": "_errorIcon_1dn5nq5_71",
16
+ "input": "_input_1dn5nq5_77",
17
+ "icon": "_icon_1dn5nq5_90",
18
+ "enabled": "_enabled_1dn5nq5_111",
19
+ "disabled": "_disabled_1dn5nq5_120",
20
+ "error": "_error_1dn5nq5_59"
21
21
  };
22
22
  export { styles as default };
package/lib/public-api.p.css CHANGED
@@ -16,9 +16,12 @@
16
16
  );
17
17
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
18
18
  --_rs-typography-base-color:var(
19
+ --_rs-typography-heading-hardness-color,
20
+ var(
19
21
  --rs-color-hard,
20
22
  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
- );
23
+ )
24
+ );
22
25
  --_rs-typography-text-auto-offset:0;
23
26
  --_rs-typography-ul-list-li-padding-left:initial;
24
27
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -86,9 +89,12 @@
86
89
  );
87
90
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
88
91
  --_rs-typography-base-color:var(
92
+ --_rs-typography-heading-hardness-color,
93
+ var(
89
94
  --rs-color-hard,
90
95
  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))
91
- );
96
+ )
97
+ );
92
98
  --_rs-typography-text-auto-offset:0;
93
99
  --_rs-typography-ul-list-li-padding-left:initial;
94
100
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -121,9 +127,12 @@
121
127
  );
122
128
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
123
129
  --_rs-typography-base-color:var(
130
+ --_rs-typography-heading-hardness-color,
131
+ var(
124
132
  --rs-color-hard,
125
133
  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
- );
134
+ )
135
+ );
127
136
  --_rs-typography-text-auto-offset:0;
128
137
  --_rs-typography-ul-list-li-padding-left:initial;
129
138
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -196,9 +205,12 @@
196
205
  );
197
206
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
198
207
  --_rs-typography-base-color:var(
208
+ --_rs-typography-heading-hardness-color,
209
+ var(
199
210
  --rs-color-hard,
200
211
  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))
201
- );
212
+ )
213
+ );
202
214
  --_rs-typography-text-auto-offset:0;
203
215
  --_rs-typography-ul-list-li-padding-left:initial;
204
216
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -231,9 +243,12 @@
231
243
  );
232
244
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
233
245
  --_rs-typography-base-color:var(
246
+ --_rs-typography-heading-hardness-color,
247
+ var(
234
248
  --rs-color-hard,
235
249
  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
- );
250
+ )
251
+ );
237
252
  --_rs-typography-text-auto-offset:0;
238
253
  --_rs-typography-ul-list-li-padding-left:initial;
239
254
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -306,9 +321,12 @@
306
321
  );
307
322
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
308
323
  --_rs-typography-base-color:var(
324
+ --_rs-typography-heading-hardness-color,
325
+ var(
309
326
  --rs-color-hard,
310
327
  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))
311
- );
328
+ )
329
+ );
312
330
  --_rs-typography-text-auto-offset:0;
313
331
  --_rs-typography-ul-list-li-padding-left:initial;
314
332
  --_rs-typography-ol-list-li-padding-left:initial;
package/lib/public-api.pcss CHANGED
@@ -16,9 +16,12 @@
16
16
  );
17
17
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
18
18
  --_rs-typography-base-color:var(
19
+ --_rs-typography-heading-hardness-color,
20
+ var(
19
21
  --rs-color-hard,
20
22
  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
- );
23
+ )
24
+ );
22
25
  --_rs-typography-text-auto-offset:0;
23
26
  --_rs-typography-ul-list-li-padding-left:initial;
24
27
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -86,9 +89,12 @@
86
89
  );
87
90
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
88
91
  --_rs-typography-base-color:var(
92
+ --_rs-typography-heading-hardness-color,
93
+ var(
89
94
  --rs-color-hard,
90
95
  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))
91
- );
96
+ )
97
+ );
92
98
  --_rs-typography-text-auto-offset:0;
93
99
  --_rs-typography-ul-list-li-padding-left:initial;
94
100
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -121,9 +127,12 @@
121
127
  );
122
128
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
123
129
  --_rs-typography-base-color:var(
130
+ --_rs-typography-heading-hardness-color,
131
+ var(
124
132
  --rs-color-hard,
125
133
  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
- );
134
+ )
135
+ );
127
136
  --_rs-typography-text-auto-offset:0;
128
137
  --_rs-typography-ul-list-li-padding-left:initial;
129
138
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -196,9 +205,12 @@
196
205
  );
197
206
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
198
207
  --_rs-typography-base-color:var(
208
+ --_rs-typography-heading-hardness-color,
209
+ var(
199
210
  --rs-color-hard,
200
211
  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))
201
- );
212
+ )
213
+ );
202
214
  --_rs-typography-text-auto-offset:0;
203
215
  --_rs-typography-ul-list-li-padding-left:initial;
204
216
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -231,9 +243,12 @@
231
243
  );
232
244
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
233
245
  --_rs-typography-base-color:var(
246
+ --_rs-typography-heading-hardness-color,
247
+ var(
234
248
  --rs-color-hard,
235
249
  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
- );
250
+ )
251
+ );
237
252
  --_rs-typography-text-auto-offset:0;
238
253
  --_rs-typography-ul-list-li-padding-left:initial;
239
254
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -306,9 +321,12 @@
306
321
  );
307
322
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
308
323
  --_rs-typography-base-color:var(
324
+ --_rs-typography-heading-hardness-color,
325
+ var(
309
326
  --rs-color-hard,
310
327
  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))
311
- );
328
+ )
329
+ );
312
330
  --_rs-typography-text-auto-offset:0;
313
331
  --_rs-typography-ul-list-li-padding-left:initial;
314
332
  --_rs-typography-ol-list-li-padding-left:initial;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/radio-button",
3
- "version": "0.8.1",
3
+ "version": "0.8.2",
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.5",
18
+ "@rescui/menu": "^0.10.6",
19
19
  "classnames": "^2.2.6",
20
20
  "core-js": "^3.9.1"
21
21
  },
@@ -25,14 +25,14 @@
25
25
  "react": ">=16.8.0 <19"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "^0.2.3",
29
- "@rescui/scripts": "^0.3.3",
30
- "@rescui/typography": "^0.17.0"
28
+ "@rescui/colors": "^0.2.4",
29
+ "@rescui/scripts": "^0.3.4",
30
+ "@rescui/typography": "^0.18.0"
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
36
  "nx": {},
37
- "gitHead": "b422496bacb5df4a601008c646abfb08cebe461c"
37
+ "gitHead": "ac2efc85e94cfd6b9bae29c2829d38b6bd608474"
38
38
  }