@rescui/radio-button 0.9.5-RUI-286-Fix-tooltip-stacking-f4145b01.1 → 0.10.1-RUI-280-Update-select-component-026338d06.52

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.
@@ -1,5 +1,44 @@
1
1
  @define-mixin rs-radio-button-list-size-s{
2
- &[class] [data-rs-internal='radio-button-list__error-message']{
2
+ &[class]{
3
+ --_rs-radio-button-list-label-offset:4px;
4
+ --_rs-radio-button-list-left-offset:28px;
5
+ }
6
+ &[class] [data-rs-internal='radio-button-list__label']{
7
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
8
+ --_rs-typography-text-transform:initial;
9
+ --_rs-typography-font-variant-numeric:initial;
10
+ --_rs-typography-font-family:var(
11
+ --rs-font-family-ui,
12
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
13
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
14
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
15
+ );
16
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
17
+ --_rs-typography-font-weight:var(
18
+ --rs-font-weight-regular,
19
+ 400
20
+ );
21
+ --_rs-typography-line-height:var(
22
+ --rs-text-3-line-height,
23
+ 20px
24
+ );
25
+ --_rs-typography-base-color:var(
26
+ --_rs-typography-hardness-color,
27
+ var(
28
+ --rs-color-average,
29
+ 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)
30
+ )
31
+ );
32
+ --_rs-typography-text-auto-offset:8px;
33
+ --_rs-typography-ul-bullet-offset:2px;
34
+ --_rs-typography-list-li-compact-left-offset:15px;
35
+ --_rs-typography-list-li-default-left-offset:19px;
36
+ --_rs-typography-list-li-margin-top-from-text:8px;
37
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
38
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
39
+ --_rs-typography-link-border-bottom-width-from-text:1px;
40
+ }
41
+ &[class] [data-rs-internal='radio-button-list__bold-label']{
3
42
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
4
43
  --_rs-typography-text-transform:initial;
5
44
  --_rs-typography-font-variant-numeric:initial;
@@ -23,15 +62,13 @@
23
62
  )
24
63
  );
25
64
  --_rs-typography-text-auto-offset:0;
26
- --_rs-typography-ul-list-li-padding-left:initial;
27
- --_rs-typography-ol-list-li-padding-left:initial;
65
+ --_rs-typography-ul-bullet-offset:initial;
66
+ --_rs-typography-list-li-compact-left-offset:initial;
67
+ --_rs-typography-list-li-default-left-offset:initial;
28
68
  --_rs-typography-list-li-margin-top-from-text:initial;
29
69
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
30
70
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
31
71
  --_rs-typography-link-border-bottom-width-from-text:2px;
32
- }
33
- &[class] [data-rs-internal='radio-button-list__error-icon']:not(html){
34
- --_rs-icons-height:20px;
35
72
  }
36
73
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
37
74
  --_rs-menu-mi-icon-offset:8px;
@@ -64,8 +101,9 @@
64
101
  )
65
102
  );
66
103
  --_rs-typography-text-auto-offset:8px;
67
- --_rs-typography-ul-list-li-padding-left:28px;
68
- --_rs-typography-ol-list-li-padding-left:21px;
104
+ --_rs-typography-ul-bullet-offset:2px;
105
+ --_rs-typography-list-li-compact-left-offset:15px;
106
+ --_rs-typography-list-li-default-left-offset:19px;
69
107
  --_rs-typography-list-li-margin-top-from-text:8px;
70
108
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
71
109
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -97,8 +135,9 @@
97
135
  )
98
136
  );
99
137
  --_rs-typography-text-auto-offset:0;
100
- --_rs-typography-ul-list-li-padding-left:initial;
101
- --_rs-typography-ol-list-li-padding-left:initial;
138
+ --_rs-typography-ul-bullet-offset:initial;
139
+ --_rs-typography-list-li-compact-left-offset:initial;
140
+ --_rs-typography-list-li-default-left-offset:initial;
102
141
  --_rs-typography-list-li-margin-top-from-text:initial;
103
142
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
104
143
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -111,8 +150,12 @@
111
150
  }
112
151
  }
113
152
  @define-mixin rs-radio-button-list-size-m{
114
- &[class] [data-rs-internal='radio-button-list__error-message']{
115
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
153
+ &[class]{
154
+ --_rs-radio-button-list-label-offset:8px;
155
+ --_rs-radio-button-list-left-offset:32px;
156
+ }
157
+ &[class] [data-rs-internal='radio-button-list__label']{
158
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
116
159
  --_rs-typography-text-transform:initial;
117
160
  --_rs-typography-font-variant-numeric:initial;
118
161
  --_rs-typography-font-family:var(
@@ -121,12 +164,55 @@
121
164
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
122
165
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
123
166
  );
124
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
167
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
168
+ --_rs-typography-font-weight:var(
169
+ --rs-font-weight-regular,
170
+ 400
171
+ );
172
+ --_rs-typography-line-height:var(
173
+ --rs-text-2-line-height,
174
+ 24px
175
+ );
176
+ --_rs-typography-base-color:var(
177
+ --_rs-typography-hardness-color,
178
+ var(
179
+ --rs-color-average,
180
+ 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)
181
+ )
182
+ );
183
+ --_rs-typography-text-auto-offset:16px;
184
+ --_rs-typography-ul-bullet-offset:2px;
185
+ --_rs-typography-list-li-compact-left-offset:18px;
186
+ --_rs-typography-list-li-default-left-offset:24px;
187
+ --_rs-typography-list-li-margin-top-from-text:var(
188
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
189
+ 16px
190
+ );
191
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
192
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
193
+ --_rs-typography-link-border-bottom-width-from-text:1px;
194
+ }
195
+ @media screen and (max-width: 640px){
196
+ &[class] [data-rs-internal='radio-button-list__label']{
197
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
198
+ }
199
+ }
200
+ &[class] [data-rs-internal='radio-button-list__bold-label']{
201
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
202
+ --_rs-typography-text-transform:initial;
203
+ --_rs-typography-font-variant-numeric:initial;
204
+ --_rs-typography-font-family:var(
205
+ --rs-font-family-ui,
206
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
207
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
208
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
209
+ );
210
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
125
211
  --_rs-typography-font-weight:var(
126
212
  --rs-font-weight-semi-bold,
127
213
  600
128
214
  );
129
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
215
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
130
216
  --_rs-typography-base-color:var(
131
217
  --_rs-typography-heading-hardness-color,
132
218
  var(
@@ -135,15 +221,13 @@
135
221
  )
136
222
  );
137
223
  --_rs-typography-text-auto-offset:0;
138
- --_rs-typography-ul-list-li-padding-left:initial;
139
- --_rs-typography-ol-list-li-padding-left:initial;
224
+ --_rs-typography-ul-bullet-offset:initial;
225
+ --_rs-typography-list-li-compact-left-offset:initial;
226
+ --_rs-typography-list-li-default-left-offset:initial;
140
227
  --_rs-typography-list-li-margin-top-from-text:initial;
141
228
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
142
229
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
143
230
  --_rs-typography-link-border-bottom-width-from-text:2px;
144
- }
145
- &[class] [data-rs-internal='radio-button-list__error-icon']:not(html){
146
- --_rs-icons-height:20px;
147
231
  }
148
232
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
149
233
  --_rs-menu-mi-icon-offset:8px;
@@ -176,8 +260,9 @@
176
260
  )
177
261
  );
178
262
  --_rs-typography-text-auto-offset:16px;
179
- --_rs-typography-ul-list-li-padding-left:22px;
180
- --_rs-typography-ol-list-li-padding-left:26px;
263
+ --_rs-typography-ul-bullet-offset:2px;
264
+ --_rs-typography-list-li-compact-left-offset:18px;
265
+ --_rs-typography-list-li-default-left-offset:24px;
181
266
  --_rs-typography-list-li-margin-top-from-text:var(
182
267
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
183
268
  16px
@@ -217,8 +302,9 @@
217
302
  )
218
303
  );
219
304
  --_rs-typography-text-auto-offset:0;
220
- --_rs-typography-ul-list-li-padding-left:initial;
221
- --_rs-typography-ol-list-li-padding-left:initial;
305
+ --_rs-typography-ul-bullet-offset:initial;
306
+ --_rs-typography-list-li-compact-left-offset:initial;
307
+ --_rs-typography-list-li-default-left-offset:initial;
222
308
  --_rs-typography-list-li-margin-top-from-text:initial;
223
309
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
224
310
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -231,8 +317,12 @@
231
317
  }
232
318
  }
233
319
  @define-mixin rs-radio-button-list-size-l{
234
- &[class] [data-rs-internal='radio-button-list__error-message']{
235
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
320
+ &[class]{
321
+ --_rs-radio-button-list-label-offset:12px;
322
+ --_rs-radio-button-list-left-offset:44px;
323
+ }
324
+ &[class] [data-rs-internal='radio-button-list__label']{
325
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
236
326
  --_rs-typography-text-transform:initial;
237
327
  --_rs-typography-font-variant-numeric:initial;
238
328
  --_rs-typography-font-family:var(
@@ -241,12 +331,55 @@
241
331
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
242
332
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
243
333
  );
244
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
334
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
335
+ --_rs-typography-font-weight:var(
336
+ --rs-font-weight-regular,
337
+ 400
338
+ );
339
+ --_rs-typography-line-height:var(
340
+ --rs-text-1-line-height,
341
+ 28px
342
+ );
343
+ --_rs-typography-base-color:var(
344
+ --_rs-typography-hardness-color,
345
+ var(
346
+ --rs-color-average,
347
+ 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)
348
+ )
349
+ );
350
+ --_rs-typography-text-auto-offset:32px;
351
+ --_rs-typography-ul-bullet-offset:2px;
352
+ --_rs-typography-list-li-compact-left-offset:22px;
353
+ --_rs-typography-list-li-default-left-offset:28px;
354
+ --_rs-typography-list-li-margin-top-from-text:var(
355
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
356
+ 24px
357
+ );
358
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
359
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
360
+ --_rs-typography-link-border-bottom-width-from-text:1px;
361
+ }
362
+ @media screen and (max-width: 640px){
363
+ &[class] [data-rs-internal='radio-button-list__label']{
364
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
365
+ }
366
+ }
367
+ &[class] [data-rs-internal='radio-button-list__bold-label']{
368
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
369
+ --_rs-typography-text-transform:initial;
370
+ --_rs-typography-font-variant-numeric:initial;
371
+ --_rs-typography-font-family:var(
372
+ --rs-font-family-ui,
373
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
374
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
375
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
376
+ );
377
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
245
378
  --_rs-typography-font-weight:var(
246
379
  --rs-font-weight-semi-bold,
247
380
  600
248
381
  );
249
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
382
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
250
383
  --_rs-typography-base-color:var(
251
384
  --_rs-typography-heading-hardness-color,
252
385
  var(
@@ -255,15 +388,13 @@
255
388
  )
256
389
  );
257
390
  --_rs-typography-text-auto-offset:0;
258
- --_rs-typography-ul-list-li-padding-left:initial;
259
- --_rs-typography-ol-list-li-padding-left:initial;
391
+ --_rs-typography-ul-bullet-offset:initial;
392
+ --_rs-typography-list-li-compact-left-offset:initial;
393
+ --_rs-typography-list-li-default-left-offset:initial;
260
394
  --_rs-typography-list-li-margin-top-from-text:initial;
261
395
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
262
396
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
263
397
  --_rs-typography-link-border-bottom-width-from-text:2px;
264
- }
265
- &[class] [data-rs-internal='radio-button-list__error-icon']:not(html){
266
- --_rs-icons-height:24px;
267
398
  }
268
399
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
269
400
  --_rs-menu-mi-icon-offset:16px;
@@ -296,8 +427,9 @@
296
427
  )
297
428
  );
298
429
  --_rs-typography-text-auto-offset:32px;
299
- --_rs-typography-ul-list-li-padding-left:26px;
300
- --_rs-typography-ol-list-li-padding-left:32px;
430
+ --_rs-typography-ul-bullet-offset:2px;
431
+ --_rs-typography-list-li-compact-left-offset:22px;
432
+ --_rs-typography-list-li-default-left-offset:28px;
301
433
  --_rs-typography-list-li-margin-top-from-text:var(
302
434
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
303
435
  24px
@@ -337,8 +469,9 @@
337
469
  )
338
470
  );
339
471
  --_rs-typography-text-auto-offset:0;
340
- --_rs-typography-ul-list-li-padding-left:initial;
341
- --_rs-typography-ol-list-li-padding-left:initial;
472
+ --_rs-typography-ul-bullet-offset:initial;
473
+ --_rs-typography-list-li-compact-left-offset:initial;
474
+ --_rs-typography-list-li-default-left-offset:initial;
342
475
  --_rs-typography-list-li-margin-top-from-text:initial;
343
476
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
344
477
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -396,8 +529,9 @@
396
529
  )
397
530
  );
398
531
  --_rs-typography-text-auto-offset:8px;
399
- --_rs-typography-ul-list-li-padding-left:28px;
400
- --_rs-typography-ol-list-li-padding-left:21px;
532
+ --_rs-typography-ul-bullet-offset:2px;
533
+ --_rs-typography-list-li-compact-left-offset:15px;
534
+ --_rs-typography-list-li-default-left-offset:19px;
401
535
  --_rs-typography-list-li-margin-top-from-text:8px;
402
536
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
403
537
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -441,8 +575,9 @@
441
575
  )
442
576
  );
443
577
  --_rs-typography-text-auto-offset:16px;
444
- --_rs-typography-ul-list-li-padding-left:22px;
445
- --_rs-typography-ol-list-li-padding-left:26px;
578
+ --_rs-typography-ul-bullet-offset:2px;
579
+ --_rs-typography-list-li-compact-left-offset:18px;
580
+ --_rs-typography-list-li-default-left-offset:24px;
446
581
  --_rs-typography-list-li-margin-top-from-text:var(
447
582
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
448
583
  16px
@@ -494,8 +629,9 @@
494
629
  )
495
630
  );
496
631
  --_rs-typography-text-auto-offset:32px;
497
- --_rs-typography-ul-list-li-padding-left:26px;
498
- --_rs-typography-ol-list-li-padding-left:32px;
632
+ --_rs-typography-ul-bullet-offset:2px;
633
+ --_rs-typography-list-li-compact-left-offset:22px;
634
+ --_rs-typography-list-li-default-left-offset:28px;
499
635
  --_rs-typography-list-li-margin-top-from-text:var(
500
636
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
501
637
  24px
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/radio-button",
3
- "version": "0.9.5-RUI-286-Fix-tooltip-stacking-f4145b01.1+f4145b01",
3
+ "version": "0.10.1-RUI-280-Update-select-component-026338d06.52+026338d06",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,7 +16,8 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/menu": "0.13.2-RUI-286-Fix-tooltip-stacking-f4145b01.1+f4145b01",
19
+ "@rescui/form-field": "0.1.1-RUI-280-Update-select-component-026338d06.52+026338d06",
20
+ "@rescui/menu": "0.13.3-RUI-280-Update-select-component-026338d06.52+026338d06",
20
21
  "classnames": "^2.2.6"
21
22
  },
22
23
  "peerDependencies": {
@@ -25,14 +26,14 @@
25
26
  "react": ">=16.8.0 <20"
26
27
  },
27
28
  "devDependencies": {
28
- "@rescui/colors": "0.2.13-RUI-286-Fix-tooltip-stacking-f4145b01.50+f4145b01",
29
+ "@rescui/colors": "0.3.1-RUI-280-Update-select-component-026338d06.52+026338d06",
29
30
  "@rescui/scripts": "0.5.1",
30
- "@rescui/typography": "0.24.4-RUI-286-Fix-tooltip-stacking-f4145b01.1+f4145b01"
31
+ "@rescui/typography": "0.24.5-RUI-280-Update-select-component-026338d06.52+026338d06"
31
32
  },
32
33
  "scripts": {
33
34
  "build": "rescui-scripts build && yarn run build-pcss-api",
34
35
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
35
36
  },
36
37
  "nx": {},
37
- "gitHead": "f4145b012449db94a8903565358efc101a5f4ac2"
38
+ "gitHead": "026338d06dba5f4f8b42762b25aca5fb1f28fffb"
38
39
  }
@@ -1,15 +0,0 @@
1
- var styles = {
2
- "icon": "_icon_1tz4fgh_4",
3
- "sizeXS": "_sizeXS_1tz4fgh_14",
4
- "sizeS": "_sizeS_1tz4fgh_18",
5
- "sizeM": "_sizeM_1tz4fgh_22",
6
- "sizeL": "_sizeL_1tz4fgh_26",
7
- "light": "_light_1tz4fgh_30",
8
- "dark": "_dark_1tz4fgh_34",
9
- "allVariants": "_allVariants_1tz4fgh_48",
10
- "variant16": "_variant16_1tz4fgh_53",
11
- "variant20": "_variant20_1tz4fgh_54",
12
- "variant24": "_variant24_1tz4fgh_55",
13
- "variant28": "_variant28_1tz4fgh_58"
14
- };
15
- export { styles as default };
@@ -1,106 +0,0 @@
1
- import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
- import React from 'react';
3
- import PropTypes from 'prop-types';
4
- import cn from 'classnames';
5
- import styles from './index.css.js';
6
- const sizeStyles = {
7
- "xs": styles.sizeXS,
8
- "s": styles.sizeS,
9
- "m": styles.sizeM,
10
- "l": styles.sizeL
11
- };
12
- const 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';
50
- const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
51
- let {
52
- theme,
53
- size: sizeFromProps = "m",
54
- className,
55
- style,
56
- ['data-render-all-sizes']: renderAllSizes = false,
57
- ...props
58
- } = _ref;
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);
97
- });
98
- WarningIcon.displayName = 'WarningIcon';
99
- WarningIcon.propTypes = {
100
- className: PropTypes.string,
101
- theme: PropTypes.oneOf(["light", "dark"]),
102
- size: PropTypes.oneOf(["xs", "s", "m", "l"]),
103
- 'data-render-all-sizes': PropTypes.bool,
104
- style: PropTypes.object
105
- };
106
- export { Size, WarningIcon as default };