@rescui/input 0.14.5 → 0.15.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.
@@ -2,7 +2,6 @@
2
2
  &:not(html){
3
3
  --_rs-input-vertical-padding:6px;
4
4
  --_rs-input-horizontal-padding:8px;
5
- --_rs-input-parts-offset:4px;
6
5
  --_rs-input-icon-offset:8px;
7
6
  --_rs-input-icon-size:20px;
8
7
  }
@@ -33,8 +32,9 @@
33
32
  )
34
33
  );
35
34
  --_rs-typography-text-auto-offset:8px;
36
- --_rs-typography-ul-list-li-padding-left:28px;
37
- --_rs-typography-ol-list-li-padding-left:21px;
35
+ --_rs-typography-ul-bullet-offset:2px;
36
+ --_rs-typography-list-li-compact-left-offset:15px;
37
+ --_rs-typography-list-li-default-left-offset:19px;
38
38
  --_rs-typography-list-li-margin-top-from-text:8px;
39
39
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
40
40
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -70,8 +70,9 @@
70
70
  )
71
71
  );
72
72
  --_rs-typography-text-auto-offset:8px;
73
- --_rs-typography-ul-list-li-padding-left:28px;
74
- --_rs-typography-ol-list-li-padding-left:21px;
73
+ --_rs-typography-ul-bullet-offset:2px;
74
+ --_rs-typography-list-li-compact-left-offset:15px;
75
+ --_rs-typography-list-li-default-left-offset:19px;
75
76
  --_rs-typography-list-li-margin-top-from-text:8px;
76
77
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
77
78
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -101,87 +102,19 @@
101
102
  )
102
103
  );
103
104
  --_rs-typography-text-auto-offset:0;
104
- --_rs-typography-ul-list-li-padding-left:initial;
105
- --_rs-typography-ol-list-li-padding-left:initial;
105
+ --_rs-typography-ul-bullet-offset:initial;
106
+ --_rs-typography-list-li-compact-left-offset:initial;
107
+ --_rs-typography-list-li-default-left-offset:initial;
106
108
  --_rs-typography-list-li-margin-top-from-text:initial;
107
109
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
108
110
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
109
111
  --_rs-typography-link-border-bottom-width-from-text:2px;
110
112
  }
111
- &:not(html) [data-rs-internal='input__note']{
112
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
113
- --_rs-typography-text-transform:initial;
114
- --_rs-typography-font-variant-numeric:initial;
115
- --_rs-typography-font-family:var(
116
- --rs-font-family-ui,
117
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
118
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
119
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
120
- );
121
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
122
- --_rs-typography-font-weight:var(
123
- --rs-font-weight-regular,
124
- 400
125
- );
126
- --_rs-typography-line-height:var(
127
- --rs-text-3-line-height,
128
- 20px
129
- );
130
- --_rs-typography-base-color:var(
131
- --_rs-typography-hardness-color,
132
- var(
133
- --rs-color-average,
134
- 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)
135
- )
136
- );
137
- --_rs-typography-text-auto-offset:8px;
138
- --_rs-typography-ul-list-li-padding-left:28px;
139
- --_rs-typography-ol-list-li-padding-left:21px;
140
- --_rs-typography-list-li-margin-top-from-text:8px;
141
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
142
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
143
- --_rs-typography-link-border-bottom-width-from-text:1px;
144
- }
145
- &:not(html) [data-rs-internal='input__error-message']{
146
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
147
- --_rs-typography-text-transform:initial;
148
- --_rs-typography-font-variant-numeric:initial;
149
- --_rs-typography-font-family:var(
150
- --rs-font-family-ui,
151
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
152
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
153
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
154
- );
155
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
156
- --_rs-typography-font-weight:var(
157
- --rs-font-weight-semi-bold,
158
- 600
159
- );
160
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
161
- --_rs-typography-base-color:var(
162
- --_rs-typography-heading-hardness-color,
163
- var(
164
- --rs-color-hard,
165
- 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))
166
- )
167
- );
168
- --_rs-typography-text-auto-offset:0;
169
- --_rs-typography-ul-list-li-padding-left:initial;
170
- --_rs-typography-ol-list-li-padding-left:initial;
171
- --_rs-typography-list-li-margin-top-from-text:initial;
172
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
173
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
174
- --_rs-typography-link-border-bottom-width-from-text:2px;
175
- }
176
- &:not(html) [data-rs-internal='input__error-icon']:not(html){
177
- --_rs-icons-height:20px;
178
- }
179
113
  }
180
114
  @define-mixin rs-input-size-m{
181
115
  &:not(html){
182
116
  --_rs-input-vertical-padding:8px;
183
117
  --_rs-input-horizontal-padding:8px;
184
- --_rs-input-parts-offset:8px;
185
118
  --_rs-input-icon-offset:8px;
186
119
  --_rs-input-icon-size:24px;
187
120
  }
@@ -212,8 +145,9 @@
212
145
  )
213
146
  );
214
147
  --_rs-typography-text-auto-offset:16px;
215
- --_rs-typography-ul-list-li-padding-left:22px;
216
- --_rs-typography-ol-list-li-padding-left:26px;
148
+ --_rs-typography-ul-bullet-offset:2px;
149
+ --_rs-typography-list-li-compact-left-offset:18px;
150
+ --_rs-typography-list-li-default-left-offset:24px;
217
151
  --_rs-typography-list-li-margin-top-from-text:var(
218
152
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
219
153
  16px
@@ -257,8 +191,9 @@
257
191
  )
258
192
  );
259
193
  --_rs-typography-text-auto-offset:16px;
260
- --_rs-typography-ul-list-li-padding-left:22px;
261
- --_rs-typography-ol-list-li-padding-left:26px;
194
+ --_rs-typography-ul-bullet-offset:2px;
195
+ --_rs-typography-list-li-compact-left-offset:18px;
196
+ --_rs-typography-list-li-default-left-offset:24px;
262
197
  --_rs-typography-list-li-margin-top-from-text:var(
263
198
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
264
199
  16px
@@ -299,87 +234,19 @@
299
234
  )
300
235
  );
301
236
  --_rs-typography-text-auto-offset:0;
302
- --_rs-typography-ul-list-li-padding-left:initial;
303
- --_rs-typography-ol-list-li-padding-left:initial;
237
+ --_rs-typography-ul-bullet-offset:initial;
238
+ --_rs-typography-list-li-compact-left-offset:initial;
239
+ --_rs-typography-list-li-default-left-offset:initial;
304
240
  --_rs-typography-list-li-margin-top-from-text:initial;
305
241
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
306
242
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
307
243
  --_rs-typography-link-border-bottom-width-from-text:2px;
308
244
  }
309
- &:not(html) [data-rs-internal='input__note']{
310
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
311
- --_rs-typography-text-transform:initial;
312
- --_rs-typography-font-variant-numeric:initial;
313
- --_rs-typography-font-family:var(
314
- --rs-font-family-ui,
315
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
316
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
317
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
318
- );
319
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
320
- --_rs-typography-font-weight:var(
321
- --rs-font-weight-regular,
322
- 400
323
- );
324
- --_rs-typography-line-height:var(
325
- --rs-text-3-line-height,
326
- 20px
327
- );
328
- --_rs-typography-base-color:var(
329
- --_rs-typography-hardness-color,
330
- var(
331
- --rs-color-average,
332
- 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)
333
- )
334
- );
335
- --_rs-typography-text-auto-offset:8px;
336
- --_rs-typography-ul-list-li-padding-left:28px;
337
- --_rs-typography-ol-list-li-padding-left:21px;
338
- --_rs-typography-list-li-margin-top-from-text:8px;
339
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
340
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
341
- --_rs-typography-link-border-bottom-width-from-text:1px;
342
- }
343
- &:not(html) [data-rs-internal='input__error-message']{
344
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
345
- --_rs-typography-text-transform:initial;
346
- --_rs-typography-font-variant-numeric:initial;
347
- --_rs-typography-font-family:var(
348
- --rs-font-family-ui,
349
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
350
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
351
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
352
- );
353
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
354
- --_rs-typography-font-weight:var(
355
- --rs-font-weight-semi-bold,
356
- 600
357
- );
358
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
359
- --_rs-typography-base-color:var(
360
- --_rs-typography-heading-hardness-color,
361
- var(
362
- --rs-color-hard,
363
- 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))
364
- )
365
- );
366
- --_rs-typography-text-auto-offset:0;
367
- --_rs-typography-ul-list-li-padding-left:initial;
368
- --_rs-typography-ol-list-li-padding-left:initial;
369
- --_rs-typography-list-li-margin-top-from-text:initial;
370
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
371
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
372
- --_rs-typography-link-border-bottom-width-from-text:2px;
373
- }
374
- &:not(html) [data-rs-internal='input__error-icon']:not(html){
375
- --_rs-icons-height:20px;
376
- }
377
245
  }
378
246
  @define-mixin rs-input-size-l{
379
247
  &:not(html){
380
248
  --_rs-input-vertical-padding:12px;
381
249
  --_rs-input-horizontal-padding:16px;
382
- --_rs-input-parts-offset:8px;
383
250
  --_rs-input-icon-offset:16px;
384
251
  --_rs-input-icon-size:28px;
385
252
  }
@@ -410,8 +277,9 @@
410
277
  )
411
278
  );
412
279
  --_rs-typography-text-auto-offset:32px;
413
- --_rs-typography-ul-list-li-padding-left:26px;
414
- --_rs-typography-ol-list-li-padding-left:32px;
280
+ --_rs-typography-ul-bullet-offset:2px;
281
+ --_rs-typography-list-li-compact-left-offset:22px;
282
+ --_rs-typography-list-li-default-left-offset:28px;
415
283
  --_rs-typography-list-li-margin-top-from-text:var(
416
284
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
417
285
  24px
@@ -455,8 +323,9 @@
455
323
  )
456
324
  );
457
325
  --_rs-typography-text-auto-offset:32px;
458
- --_rs-typography-ul-list-li-padding-left:26px;
459
- --_rs-typography-ol-list-li-padding-left:32px;
326
+ --_rs-typography-ul-bullet-offset:2px;
327
+ --_rs-typography-list-li-compact-left-offset:22px;
328
+ --_rs-typography-list-li-default-left-offset:28px;
460
329
  --_rs-typography-list-li-margin-top-from-text:var(
461
330
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
462
331
  24px
@@ -497,89 +366,14 @@
497
366
  )
498
367
  );
499
368
  --_rs-typography-text-auto-offset:0;
500
- --_rs-typography-ul-list-li-padding-left:initial;
501
- --_rs-typography-ol-list-li-padding-left:initial;
369
+ --_rs-typography-ul-bullet-offset:initial;
370
+ --_rs-typography-list-li-compact-left-offset:initial;
371
+ --_rs-typography-list-li-default-left-offset:initial;
502
372
  --_rs-typography-list-li-margin-top-from-text:initial;
503
373
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
504
374
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
505
375
  --_rs-typography-link-border-bottom-width-from-text:2px;
506
376
  }
507
- &:not(html) [data-rs-internal='input__note']{
508
- --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
509
- --_rs-typography-text-transform:initial;
510
- --_rs-typography-font-variant-numeric:initial;
511
- --_rs-typography-font-family:var(
512
- --rs-font-family-ui,
513
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
514
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
515
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
516
- );
517
- --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
518
- --_rs-typography-font-weight:var(
519
- --rs-font-weight-regular,
520
- 400
521
- );
522
- --_rs-typography-line-height:var(
523
- --rs-text-2-line-height,
524
- 24px
525
- );
526
- --_rs-typography-base-color:var(
527
- --_rs-typography-hardness-color,
528
- var(
529
- --rs-color-average,
530
- 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)
531
- )
532
- );
533
- --_rs-typography-text-auto-offset:16px;
534
- --_rs-typography-ul-list-li-padding-left:22px;
535
- --_rs-typography-ol-list-li-padding-left:26px;
536
- --_rs-typography-list-li-margin-top-from-text:var(
537
- --_rs-typography-text-2-sm-list-li-margin-top-from-text,
538
- 16px
539
- );
540
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
541
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
542
- --_rs-typography-link-border-bottom-width-from-text:1px;
543
- }
544
- @media screen and (max-width: 640px){
545
- &:not(html) [data-rs-internal='input__note']{
546
- --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
547
- }
548
- }
549
- &:not(html) [data-rs-internal='input__error-message']{
550
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
551
- --_rs-typography-text-transform:initial;
552
- --_rs-typography-font-variant-numeric:initial;
553
- --_rs-typography-font-family:var(
554
- --rs-font-family-ui,
555
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
556
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
557
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
558
- );
559
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
560
- --_rs-typography-font-weight:var(
561
- --rs-font-weight-semi-bold,
562
- 600
563
- );
564
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
565
- --_rs-typography-base-color:var(
566
- --_rs-typography-heading-hardness-color,
567
- var(
568
- --rs-color-hard,
569
- 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))
570
- )
571
- );
572
- --_rs-typography-text-auto-offset:0;
573
- --_rs-typography-ul-list-li-padding-left:initial;
574
- --_rs-typography-ol-list-li-padding-left:initial;
575
- --_rs-typography-list-li-margin-top-from-text:initial;
576
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
577
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
578
- --_rs-typography-link-border-bottom-width-from-text:2px;
579
- }
580
- &:not(html) [data-rs-internal='input__error-icon']:not(html){
581
- --_rs-icons-height:24px;
582
- }
583
377
  }
584
378
  @define-mixin rs-input-mode-classic{
585
379
  &:not(html){
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/input",
3
- "version": "0.14.5",
3
+ "version": "0.15.1-RUI-280-Update-select-component-026338d06.52+026338d06",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,6 +16,7 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
+ "@rescui/form-field": "0.1.1-RUI-280-Update-select-component-026338d06.52+026338d06",
19
20
  "classnames": "^2.2.6"
20
21
  },
21
22
  "peerDependencies": {
@@ -24,13 +25,13 @@
24
25
  "react": ">=16.8.0 <20"
25
26
  },
26
27
  "devDependencies": {
27
- "@rescui/colors": "^0.2.12",
28
- "@rescui/icons": "^1.7.2",
29
- "@rescui/postcss-preset-library": "^0.2.2",
30
- "@rescui/scripts": "^0.5.1",
31
- "@rescui/tooltip": "^0.10.10",
32
- "@rescui/typography": "^0.24.3",
33
- "@rescui/visual-regression": "^0.1.4",
28
+ "@rescui/colors": "0.3.1-RUI-280-Update-select-component-026338d06.52+026338d06",
29
+ "@rescui/icons": "1.7.4-RUI-280-Update-select-component-026338d06.52+026338d06",
30
+ "@rescui/postcss-preset-library": "0.2.2",
31
+ "@rescui/scripts": "0.5.1",
32
+ "@rescui/tooltip": "0.10.12-RUI-280-Update-select-component-026338d06.52+026338d06",
33
+ "@rescui/typography": "0.24.5-RUI-280-Update-select-component-026338d06.52+026338d06",
34
+ "@rescui/visual-regression": "0.1.4",
34
35
  "@types/classnames": "^2.2.11"
35
36
  },
36
37
  "scripts": {
@@ -38,5 +39,5 @@
38
39
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
39
40
  },
40
41
  "nx": {},
41
- "gitHead": "8413ef6dee4ee134e961ed361e23302b1f20d2fe"
42
+ "gitHead": "026338d06dba5f4f8b42762b25aca5fb1f28fffb"
42
43
  }
@@ -1,106 +0,0 @@
1
- import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
- import React__default 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__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
19
- viewBox: "0 0 16 16"
20
- }, props, {
21
- ref: ref
22
- }), /*#__PURE__*/React__default.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__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
27
- viewBox: "0 0 20 20"
28
- }, props, {
29
- ref: ref
30
- }), /*#__PURE__*/React__default.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__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
35
- viewBox: "0 0 24 24"
36
- }, props, {
37
- ref: ref
38
- }), /*#__PURE__*/React__default.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__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
43
- viewBox: "0 0 28 28"
44
- }, props, {
45
- ref: ref
46
- }), /*#__PURE__*/React__default.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__default.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__default.createElement("svg", _extends({
72
- viewBox: "0 0 28 28"
73
- }, mainProps), /*#__PURE__*/React__default.createElement(WarningIcon16, {
74
- className: styles.variant16
75
- }), /*#__PURE__*/React__default.createElement(WarningIcon20, {
76
- className: styles.variant20
77
- }), /*#__PURE__*/React__default.createElement(WarningIcon24, {
78
- className: styles.variant24
79
- }), /*#__PURE__*/React__default.createElement(WarningIcon28, {
80
- className: styles.variant28
81
- }));
82
- }
83
-
84
- if (size === Size['xs']) {
85
- return /*#__PURE__*/React__default.createElement(WarningIcon16, mainProps);
86
- }
87
-
88
- if (size === Size['s']) {
89
- return /*#__PURE__*/React__default.createElement(WarningIcon20, mainProps);
90
- }
91
-
92
- if (size === Size['m']) {
93
- return /*#__PURE__*/React__default.createElement(WarningIcon24, mainProps);
94
- }
95
-
96
- return /*#__PURE__*/React__default.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 };