@rescui/tag 0.13.12-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14 → 0.13.12-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.43

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 (14) hide show
  1. package/lib/_virtual/close-outline.js +294 -63
  2. package/lib/_virtual/index.css.js +12 -12
  3. package/lib/index.css +98 -78
  4. package/lib/parts/base-tag.js +131 -27
  5. package/lib/parts/base-tag.p.module.css.js +9 -9
  6. package/lib/parts/removable-tag.js +177 -39
  7. package/lib/parts/removable-tag.p.module.css.js +12 -12
  8. package/lib/parts/sticky-tag.js +113 -22
  9. package/lib/parts/sticky-tag.p.module.css.js +11 -11
  10. package/lib/parts/tag.p.module.css.js +1 -1
  11. package/lib/public-api.p.css +5 -0
  12. package/lib/public-api.pcss +5 -0
  13. package/lib/tag.js +60 -14
  14. package/package.json +7 -6
package/lib/index.css CHANGED
@@ -1,4 +1,9 @@
1
- ._icon_19upof9_4{
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
6
+ ._icon_wwfcil_4{
2
7
  --_rs-theme-dark:var(
3
8
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
9
  var(--rs-theme-dark, 0)
@@ -8,7 +13,7 @@
8
13
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
14
  }
10
15
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_19upof9_4{
16
+ ._icon_wwfcil_4{
12
17
  --_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
18
  --_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
19
  --_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 +22,7 @@
17
22
  }
18
23
  }
19
24
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_19upof9_4{
25
+ ._icon_wwfcil_4{
21
26
  --_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
27
  --_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
28
  --_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 +30,30 @@
25
30
  --_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
31
  }
27
32
  }
28
- ._icon_19upof9_4{
33
+ ._icon_wwfcil_4{
29
34
 
30
35
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
36
 
32
37
  width:var(--rs-icons-width, auto);
33
38
  height:var(--rs-icons-height, var(--_rs-icons-height));
34
39
  }
35
- ._sizeXS_19upof9_14{
40
+ ._sizeXS_wwfcil_14{
36
41
  --_rs-icons-height:16px;
37
42
  }
38
- ._sizeS_19upof9_18{
43
+ ._sizeS_wwfcil_18{
39
44
  --_rs-icons-height:20px;
40
45
  }
41
- ._sizeM_19upof9_22{
46
+ ._sizeM_wwfcil_22{
42
47
  --_rs-icons-height:24px;
43
48
  }
44
- ._sizeL_19upof9_26{
49
+ ._sizeL_wwfcil_26{
45
50
  --_rs-icons-height:28px;
46
51
  }
47
- ._light_19upof9_30{
52
+ ._light_wwfcil_30{
48
53
  --rs-theme-dark:0;
49
54
  --_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
55
  }
51
- ._dark_19upof9_34{
56
+ ._dark_wwfcil_34{
52
57
  --rs-theme-dark:1;
53
58
  --_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
59
  }
@@ -60,55 +65,60 @@
60
65
  transform:rotate(360deg);
61
66
  }
62
67
  }
63
- ._allVariants_19upof9_48{
68
+ ._allVariants_wwfcil_48{
64
69
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
70
  container:rs-icon / size;
66
71
  }
67
- ._variant16_19upof9_53,
68
- ._variant20_19upof9_54,
69
- ._variant24_19upof9_55{
72
+ ._variant16_wwfcil_53,
73
+ ._variant20_wwfcil_54,
74
+ ._variant24_wwfcil_55{
70
75
  display:none;
71
76
  }
72
- ._variant28_19upof9_58{
77
+ ._variant28_wwfcil_58{
73
78
  display:block;
74
79
  }
75
80
  @container rs-icon (max-height: 24px){
76
- ._variant24_19upof9_55{
81
+ ._variant24_wwfcil_55{
77
82
  display:block;
78
83
  }
79
- ._variant28_19upof9_58{
84
+ ._variant28_wwfcil_58{
80
85
  display:none;
81
86
  }
82
87
  }
83
88
  @container rs-icon (max-height: 20px){
84
- ._variant20_19upof9_54{
89
+ ._variant20_wwfcil_54{
85
90
  display:block;
86
91
  }
87
- ._variant24_19upof9_55{
92
+ ._variant24_wwfcil_55{
88
93
  display:none;
89
94
  }
90
95
  }
91
96
  @container rs-icon (max-height: 16px){
92
- ._variant16_19upof9_53{
97
+ ._variant16_wwfcil_53{
93
98
  display:block;
94
99
  }
95
- ._variant20_19upof9_54{
100
+ ._variant20_wwfcil_54{
96
101
  display:none;
97
102
  }
98
103
  }
99
- ._alignIconLeft_qnyffr_7{
104
+ @property --_rs-theme-dark-coefficient{
105
+ syntax:'<number>';
106
+ inherits:true;
107
+ initial-value:0;
108
+ }
109
+ ._alignIconLeft_15myrmn_7{
100
110
  --_rs-tag-flex-direction:row;
101
111
  }
102
- ._alignIconRight_qnyffr_10{
112
+ ._alignIconRight_15myrmn_10{
103
113
  --_rs-tag-flex-direction:row-reverse;
104
114
  }
105
- ._uppercase_qnyffr_14{
115
+ ._uppercase_15myrmn_14{
106
116
  --_rs-tag-text-transform:uppercase;
107
117
  --_rs-tag-horizontal-padding-or-initial:var(
108
118
  --_rs-tag-uppercase-horizontal-padding
109
119
  );
110
120
  }
111
- ._sizeXs_qnyffr_18{
121
+ ._sizeXs_15myrmn_18{
112
122
  --_rs-tag-vertical-padding:2px;
113
123
  --_rs-tag-base-horizontal-padding:8px;
114
124
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -150,7 +160,7 @@
150
160
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
151
161
  --_rs-typography-link-border-bottom-width-from-text:1px;
152
162
  }
153
- ._sizeS_qnyffr_21{
163
+ ._sizeS_15myrmn_21{
154
164
  --_rs-tag-vertical-padding:4px;
155
165
  --_rs-tag-base-horizontal-padding:8px;
156
166
  --_rs-tag-uppercase-horizontal-padding:10px;
@@ -190,7 +200,7 @@
190
200
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
191
201
  --_rs-typography-link-border-bottom-width-from-text:1px;
192
202
  }
193
- ._sizeM_qnyffr_24{
203
+ ._sizeM_15myrmn_24{
194
204
  --_rs-tag-vertical-padding:6px;
195
205
  --_rs-tag-base-horizontal-padding:12px;
196
206
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -236,11 +246,11 @@
236
246
  --_rs-typography-link-border-bottom-width-from-text:1px;
237
247
  }
238
248
  @media screen and (max-width: 640px){
239
- ._sizeM_qnyffr_24{
249
+ ._sizeM_15myrmn_24{
240
250
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
241
251
  }
242
252
  }
243
- ._sizeL_qnyffr_27{
253
+ ._sizeL_15myrmn_27{
244
254
  --_rs-tag-vertical-padding:8px;
245
255
  --_rs-tag-base-horizontal-padding:16px;
246
256
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -286,11 +296,11 @@
286
296
  --_rs-typography-link-border-bottom-width-from-text:1px;
287
297
  }
288
298
  @media screen and (max-width: 640px){
289
- ._sizeL_qnyffr_27{
299
+ ._sizeL_15myrmn_27{
290
300
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
291
301
  }
292
302
  }
293
- ._main_qnyffr_31{
303
+ ._main_15myrmn_31{
294
304
  --_rs-tag-border-width:1px;
295
305
 
296
306
  --_rs-tag-horizontal-padding:var(
@@ -331,34 +341,39 @@
331
341
  background:transparent;
332
342
  gap:8px;
333
343
  }
334
- ._main_qnyffr_31 ._icon_qnyffr_60{
344
+ ._main_15myrmn_31 ._icon_15myrmn_60{
335
345
  fill:currentColor;
336
346
 
337
347
  width:auto;
338
348
  height:var(--_rs-tag-icon-size);
339
349
  }
340
350
 
341
- ._main_1vzrsi9_1{
351
+ ._main_j6yka1_1{
342
352
  border-radius:var(--_rs-tag-border-radius);
343
353
  }
344
354
 
345
- ._themeLight_mpsmni_7{
355
+ @property --_rs-theme-dark-coefficient{
356
+ syntax:'<number>';
357
+ inherits:true;
358
+ initial-value:0;
359
+ }
360
+ ._themeLight_jtt5zq_7{
346
361
  --rs-theme-dark:0;
347
362
  }
348
- ._themeDark_mpsmni_10{
363
+ ._themeDark_jtt5zq_10{
349
364
  --rs-theme-dark:1;
350
365
  }
351
- ._sizeXs_mpsmni_14{
366
+ ._sizeXs_jtt5zq_14{
352
367
  --_rs-tag-removable-vertical-padding:2px;
353
368
  --_rs-tag-removable-left-padding:8px;
354
369
  --_rs-tag-removable-border-radius:4px;
355
370
  --_rs-tag-removable-close-part-size:24px;
356
371
  --_rs-tag-removable-custom-icon-size:16px;
357
372
  }
358
- ._sizeXs_mpsmni_14 [data-rs-internal="removable-tag__close-icon"]:not(html){
373
+ ._sizeXs_jtt5zq_14 [data-rs-internal="removable-tag__close-icon"]:not(html){
359
374
  --_rs-icons-height:16px;
360
375
  }
361
- ._sizeXs_mpsmni_14 {
376
+ ._sizeXs_jtt5zq_14 {
362
377
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
363
378
  --_rs-typography-text-transform:initial;
364
379
  --_rs-typography-font-variant-numeric:initial;
@@ -393,17 +408,17 @@
393
408
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
394
409
  --_rs-typography-link-border-bottom-width-from-text:1px;
395
410
  }
396
- ._sizeS_mpsmni_17{
411
+ ._sizeS_jtt5zq_17{
397
412
  --_rs-tag-removable-vertical-padding:4px;
398
413
  --_rs-tag-removable-left-padding:8px;
399
414
  --_rs-tag-removable-border-radius:4px;
400
415
  --_rs-tag-removable-close-part-size:28px;
401
416
  --_rs-tag-removable-custom-icon-size:20px;
402
417
  }
403
- ._sizeS_mpsmni_17 [data-rs-internal="removable-tag__close-icon"]:not(html){
418
+ ._sizeS_jtt5zq_17 [data-rs-internal="removable-tag__close-icon"]:not(html){
404
419
  --_rs-icons-height:20px;
405
420
  }
406
- ._sizeS_mpsmni_17 {
421
+ ._sizeS_jtt5zq_17 {
407
422
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
408
423
  --_rs-typography-text-transform:initial;
409
424
  --_rs-typography-font-variant-numeric:initial;
@@ -438,17 +453,17 @@
438
453
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
439
454
  --_rs-typography-link-border-bottom-width-from-text:1px;
440
455
  }
441
- ._sizeM_mpsmni_20{
456
+ ._sizeM_jtt5zq_20{
442
457
  --_rs-tag-removable-vertical-padding:6px;
443
458
  --_rs-tag-removable-left-padding:12px;
444
459
  --_rs-tag-removable-border-radius:6px;
445
460
  --_rs-tag-removable-close-part-size:36px;
446
461
  --_rs-tag-removable-custom-icon-size:24px;
447
462
  }
448
- ._sizeM_mpsmni_20 [data-rs-internal="removable-tag__close-icon"]:not(html){
463
+ ._sizeM_jtt5zq_20 [data-rs-internal="removable-tag__close-icon"]:not(html){
449
464
  --_rs-icons-height:24px;
450
465
  }
451
- ._sizeM_mpsmni_20 {
466
+ ._sizeM_jtt5zq_20 {
452
467
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
453
468
  --_rs-typography-text-transform:initial;
454
469
  --_rs-typography-font-variant-numeric:initial;
@@ -487,21 +502,21 @@
487
502
  --_rs-typography-link-border-bottom-width-from-text:1px;
488
503
  }
489
504
  @media screen and (max-width: 640px){
490
- ._sizeM_mpsmni_20 {
505
+ ._sizeM_jtt5zq_20 {
491
506
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
492
507
  }
493
508
  }
494
- ._sizeL_mpsmni_23{
509
+ ._sizeL_jtt5zq_23{
495
510
  --_rs-tag-removable-vertical-padding:8px;
496
511
  --_rs-tag-removable-left-padding:16px;
497
512
  --_rs-tag-removable-border-radius:8px;
498
513
  --_rs-tag-removable-close-part-size:44px;
499
514
  --_rs-tag-removable-custom-icon-size:28px;
500
515
  }
501
- ._sizeL_mpsmni_23 [data-rs-internal="removable-tag__close-icon"]:not(html){
516
+ ._sizeL_jtt5zq_23 [data-rs-internal="removable-tag__close-icon"]:not(html){
502
517
  --_rs-icons-height:28px;
503
518
  }
504
- ._sizeL_mpsmni_23 {
519
+ ._sizeL_jtt5zq_23 {
505
520
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
506
521
  --_rs-typography-text-transform:initial;
507
522
  --_rs-typography-font-variant-numeric:initial;
@@ -540,11 +555,11 @@
540
555
  --_rs-typography-link-border-bottom-width-from-text:1px;
541
556
  }
542
557
  @media screen and (max-width: 640px){
543
- ._sizeL_mpsmni_23 {
558
+ ._sizeL_jtt5zq_23 {
544
559
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
545
560
  }
546
561
  }
547
- ._wrapper_mpsmni_27{
562
+ ._wrapper_jtt5zq_27{
548
563
  --_rs-theme-dark:var(
549
564
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
550
565
  var(--rs-theme-dark, 0)
@@ -554,7 +569,7 @@
554
569
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
555
570
  }
556
571
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
557
- ._wrapper_mpsmni_27{
572
+ ._wrapper_jtt5zq_27{
558
573
  --_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)));
559
574
  --_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)));
560
575
  --_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)));
@@ -563,7 +578,7 @@
563
578
  }
564
579
  }
565
580
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
566
- ._wrapper_mpsmni_27{
581
+ ._wrapper_jtt5zq_27{
567
582
  --_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);
568
583
  --_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));
569
584
  --_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));
@@ -571,7 +586,7 @@
571
586
  --_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));
572
587
  }
573
588
  }
574
- ._wrapper_mpsmni_27 {
589
+ ._wrapper_jtt5zq_27 {
575
590
  letter-spacing:var(
576
591
  --rs-text-base-letter-spacing,
577
592
  var(--_rs-typography-letter-spacing)
@@ -600,10 +615,10 @@
600
615
 
601
616
  background-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);
602
617
  }
603
- ._wrapper_mpsmni_27 > *{
618
+ ._wrapper_jtt5zq_27 > *{
604
619
  vertical-align:top;
605
620
  }
606
- ._wrapper_mpsmni_27 ._icon_mpsmni_49{
621
+ ._wrapper_jtt5zq_27 ._icon_jtt5zq_49{
607
622
  flex:1 0 auto;
608
623
  align-self:center;
609
624
 
@@ -614,14 +629,14 @@
614
629
  vertical-align:top;
615
630
  fill:currentColor;
616
631
  }
617
- ._disabled_mpsmni_62{
632
+ ._disabled_jtt5zq_62{
618
633
  pointer-events:none;
619
634
  color:var(
620
635
  --rs-color-pale,
621
636
  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.5)
622
637
  );
623
638
  }
624
- ._main_mpsmni_67{
639
+ ._main_jtt5zq_67{
625
640
  display:inline-flex;
626
641
  flex:1 1 auto;
627
642
  justify-content:center;
@@ -635,10 +650,10 @@
635
650
 
636
651
  background:transparent;
637
652
  }
638
- ._wrap_mpsmni_27 ._main_mpsmni_67{
653
+ ._wrap_jtt5zq_27 ._main_jtt5zq_67{
639
654
  white-space:normal;
640
655
  }
641
- ._close_mpsmni_86{
656
+ ._close_jtt5zq_86{
642
657
  top:0;
643
658
  right:0;
644
659
  bottom:0;
@@ -666,82 +681,87 @@
666
681
  -webkit-font-smoothing:inherit;
667
682
  -moz-osx-font-smoothing:inherit;
668
683
  }
669
- ._close_mpsmni_86::-moz-focus-inner{
684
+ ._close_jtt5zq_86::-moz-focus-inner{
670
685
  padding:0;
671
686
 
672
687
  border:0;
673
688
  }
674
- ._close_mpsmni_86:active,
675
- ._close_mpsmni_86:hover,
676
- ._close_mpsmni_86:focus{
689
+ ._close_jtt5zq_86:active,
690
+ ._close_jtt5zq_86:hover,
691
+ ._close_jtt5zq_86:focus{
677
692
  outline:none;
678
693
 
679
694
  text-decoration:none;
680
695
  }
681
- ._close_mpsmni_86:hover{
696
+ ._close_jtt5zq_86:hover{
682
697
  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));
683
698
  background-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);
684
699
  }
685
- ._close_mpsmni_86:active{
700
+ ._close_jtt5zq_86:active{
686
701
  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));
687
702
  background-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.2);
688
703
  }
689
- ._close_mpsmni_86:focus[data-focus-method='key']{
704
+ ._close_jtt5zq_86:focus[data-focus-method='key']{
690
705
  box-shadow:inset 0 0 0 4px var(--_rs-color-primary-dim);
691
706
  }
692
- ._disabled_mpsmni_62 ._close_mpsmni_86{
707
+ ._disabled_jtt5zq_62 ._close_jtt5zq_86{
693
708
  pointer-events:none;
694
709
  }
695
710
 
696
- ._wrapper_j4620j_3{
711
+ @property --_rs-theme-dark-coefficient{
712
+ syntax:'<number>';
713
+ inherits:true;
714
+ initial-value:0;
715
+ }
716
+ ._wrapper_ngl0zv_3{
697
717
  position:relative;
698
718
  }
699
- ._offset16_j4620j_7{
719
+ ._offset16_ngl0zv_7{
700
720
  --_rs-tag-sticky-side-offset:16px;
701
721
  }
702
- ._offset24_j4620j_10{
722
+ ._offset24_ngl0zv_10{
703
723
  --_rs-tag-sticky-side-offset:24px;
704
724
  }
705
- ._offset32_j4620j_13{
725
+ ._offset32_ngl0zv_13{
706
726
  --_rs-tag-sticky-side-offset:32px;
707
727
  }
708
- ._alignTop_j4620j_17{
728
+ ._alignTop_ngl0zv_17{
709
729
  --_rs-tag-sticky-border-radius:var(--_rs-tag-border-radius) var(--_rs-tag-border-radius) 0 0;
710
730
  --_rs-tag-sticky-translate-y:-100%;
711
731
  }
712
- ._alignMiddle_j4620j_20{
732
+ ._alignMiddle_ngl0zv_20{
713
733
  --_rs-tag-sticky-border-radius:var(--_rs-tag-border-radius);
714
734
  --_rs-tag-sticky-translate-y:-50%;
715
735
  }
716
- ._topStart_j4620j_24{
736
+ ._topStart_ngl0zv_24{
717
737
  --_rs-tag-sticky-top:0;
718
738
  --_rs-tag-sticky-right:initial;
719
739
  --_rs-tag-sticky-left:var(--_rs-tag-sticky-side-offset);
720
740
  --_rs-tag-sticky-transform:translate(0, var(--_rs-tag-sticky-translate-y));
721
741
  --_rs-tag-sticky-transform-origin:initial;
722
742
  }
723
- ._topEnd_j4620j_27{
743
+ ._topEnd_ngl0zv_27{
724
744
  --_rs-tag-sticky-top:0;
725
745
  --_rs-tag-sticky-right:var(--_rs-tag-sticky-side-offset);
726
746
  --_rs-tag-sticky-left:initial;
727
747
  --_rs-tag-sticky-transform:translate(0, var(--_rs-tag-sticky-translate-y));
728
748
  --_rs-tag-sticky-transform-origin:initial;
729
749
  }
730
- ._leftStart_j4620j_30{
750
+ ._leftStart_ngl0zv_30{
731
751
  --_rs-tag-sticky-top:var(--_rs-tag-sticky-side-offset);
732
752
  --_rs-tag-sticky-right:100%;
733
753
  --_rs-tag-sticky-left:initial;
734
754
  --_rs-tag-sticky-transform:rotate(270deg) translate(0, var(--_rs-tag-sticky-translate-y));
735
755
  --_rs-tag-sticky-transform-origin:100% 0;
736
756
  }
737
- ._leftEnd_j4620j_33{
757
+ ._leftEnd_ngl0zv_33{
738
758
  --_rs-tag-sticky-top:calc(100% - var(--_rs-tag-sticky-side-offset));
739
759
  --_rs-tag-sticky-right:100%;
740
760
  --_rs-tag-sticky-left:initial;
741
761
  --_rs-tag-sticky-transform:rotate(270deg) translate(100%, var(--_rs-tag-sticky-translate-y));
742
762
  --_rs-tag-sticky-transform-origin:100% 0;
743
763
  }
744
- ._tag_j4620j_37{
764
+ ._tag_ngl0zv_37{
745
765
  position:absolute;
746
766
  top:var(--_rs-tag-sticky-top);
747
767
  right:var(--_rs-tag-sticky-right);
package/lib/parts/base-tag.js CHANGED
@@ -1,3 +1,5 @@
1
+ import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
+ import { c } from 'react-compiler-runtime';
1
3
  import React, { cloneElement } from 'react';
2
4
  import cn from 'classnames';
3
5
  import PropTypes from 'prop-types';
@@ -13,37 +15,139 @@ const ICON_POSITION_STYLES = {
13
15
  right: styles.alignIconRight
14
16
  };
15
17
  const BaseTag = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
16
- (_ref, ref) => {
17
- let {
18
- className,
19
- children,
20
- size = 'xs',
21
- icon,
22
- iconPosition = 'left',
23
- isUppercase,
24
- color,
25
- backgroundColor,
26
- borderColor,
27
- style,
28
- ...restProps
29
- } = _ref;
30
- const withIcon = /*#__PURE__*/React.isValidElement(icon);
31
- const iconSlot = withIcon && /*#__PURE__*/cloneElement(icon, {
32
- className: cn(icon.props.className, styles.icon),
33
- 'data-render-all-sizes': true
34
- });
35
- return /*#__PURE__*/React.createElement("span", {
36
- "data-test": 'tag',
37
- ...restProps,
38
- ref: ref,
39
- className: cn(styles.main, SIZE_STYLES[size], ICON_POSITION_STYLES[iconPosition], withIcon && styles.withIcon, isUppercase && styles.uppercase, className),
40
- style: {
18
+ (t0, ref) => {
19
+ const $ = c(37);
20
+ let backgroundColor;
21
+ let borderColor;
22
+ let children;
23
+ let className;
24
+ let color;
25
+ let icon;
26
+ let isUppercase;
27
+ let restProps;
28
+ let style;
29
+ let t1;
30
+ let t2;
31
+
32
+ if ($[0] !== t0) {
33
+ ({
34
+ className,
35
+ children,
36
+ size: t1,
37
+ icon,
38
+ iconPosition: t2,
39
+ isUppercase,
40
+ color,
41
+ backgroundColor,
42
+ borderColor,
43
+ style,
44
+ ...restProps
45
+ } = t0);
46
+ $[0] = t0;
47
+ $[1] = backgroundColor;
48
+ $[2] = borderColor;
49
+ $[3] = children;
50
+ $[4] = className;
51
+ $[5] = color;
52
+ $[6] = icon;
53
+ $[7] = isUppercase;
54
+ $[8] = restProps;
55
+ $[9] = style;
56
+ $[10] = t1;
57
+ $[11] = t2;
58
+ } else {
59
+ backgroundColor = $[1];
60
+ borderColor = $[2];
61
+ children = $[3];
62
+ className = $[4];
63
+ color = $[5];
64
+ icon = $[6];
65
+ isUppercase = $[7];
66
+ restProps = $[8];
67
+ style = $[9];
68
+ t1 = $[10];
69
+ t2 = $[11];
70
+ }
71
+
72
+ const size = t1 === undefined ? "xs" : t1;
73
+ const iconPosition = t2 === undefined ? "left" : t2;
74
+ let iconSlot;
75
+ let t3;
76
+ let t4;
77
+ let t5;
78
+ let t6;
79
+
80
+ if ($[12] !== className || $[13] !== icon || $[14] !== iconPosition || $[15] !== isUppercase || $[16] !== ref || $[17] !== restProps || $[18] !== size) {
81
+ const withIcon = /*#__PURE__*/React.isValidElement(icon);
82
+ iconSlot = withIcon && /*#__PURE__*/cloneElement(icon, {
83
+ className: cn(icon.props.className, styles.icon),
84
+ "data-render-all-sizes": true
85
+ });
86
+ t3 = "tag";
87
+ t4 = restProps;
88
+ t5 = ref;
89
+ t6 = cn(styles.main, SIZE_STYLES[size], ICON_POSITION_STYLES[iconPosition], withIcon && styles.withIcon, isUppercase && styles.uppercase, className);
90
+ $[12] = className;
91
+ $[13] = icon;
92
+ $[14] = iconPosition;
93
+ $[15] = isUppercase;
94
+ $[16] = ref;
95
+ $[17] = restProps;
96
+ $[18] = size;
97
+ $[19] = iconSlot;
98
+ $[20] = t3;
99
+ $[21] = t4;
100
+ $[22] = t5;
101
+ $[23] = t6;
102
+ } else {
103
+ iconSlot = $[19];
104
+ t3 = $[20];
105
+ t4 = $[21];
106
+ t5 = $[22];
107
+ t6 = $[23];
108
+ }
109
+
110
+ let t7;
111
+
112
+ if ($[24] !== backgroundColor || $[25] !== borderColor || $[26] !== color || $[27] !== style) {
113
+ t7 = {
41
114
  color,
42
115
  backgroundColor,
43
116
  borderColor,
44
117
  ...style
45
- }
46
- }, iconSlot, children);
118
+ };
119
+ $[24] = backgroundColor;
120
+ $[25] = borderColor;
121
+ $[26] = color;
122
+ $[27] = style;
123
+ $[28] = t7;
124
+ } else {
125
+ t7 = $[28];
126
+ }
127
+
128
+ let t8;
129
+
130
+ if ($[29] !== children || $[30] !== iconSlot || $[31] !== t3 || $[32] !== t4 || $[33] !== t5 || $[34] !== t6 || $[35] !== t7) {
131
+ t8 = /*#__PURE__*/React.createElement("span", _extends({
132
+ "data-test": t3
133
+ }, t4, {
134
+ ref: t5,
135
+ className: t6,
136
+ style: t7
137
+ }), iconSlot, children);
138
+ $[29] = children;
139
+ $[30] = iconSlot;
140
+ $[31] = t3;
141
+ $[32] = t4;
142
+ $[33] = t5;
143
+ $[34] = t6;
144
+ $[35] = t7;
145
+ $[36] = t8;
146
+ } else {
147
+ t8 = $[36];
148
+ }
149
+
150
+ return t8;
47
151
  });
48
152
  BaseTag.displayName = 'BaseTag';
49
153
  BaseTag.propTypes = {
package/lib/parts/base-tag.p.module.css.js CHANGED
@@ -1,12 +1,12 @@
1
1
  var styles = {
2
- "alignIconLeft": "_alignIconLeft_qnyffr_7",
3
- "alignIconRight": "_alignIconRight_qnyffr_10",
4
- "uppercase": "_uppercase_qnyffr_14",
5
- "sizeXs": "_sizeXs_qnyffr_18",
6
- "sizeS": "_sizeS_qnyffr_21",
7
- "sizeM": "_sizeM_qnyffr_24",
8
- "sizeL": "_sizeL_qnyffr_27",
9
- "main": "_main_qnyffr_31",
10
- "icon": "_icon_qnyffr_60"
2
+ "alignIconLeft": "_alignIconLeft_15myrmn_7",
3
+ "alignIconRight": "_alignIconRight_15myrmn_10",
4
+ "uppercase": "_uppercase_15myrmn_14",
5
+ "sizeXs": "_sizeXs_15myrmn_18",
6
+ "sizeS": "_sizeS_15myrmn_21",
7
+ "sizeM": "_sizeM_15myrmn_24",
8
+ "sizeL": "_sizeL_15myrmn_27",
9
+ "main": "_main_15myrmn_31",
10
+ "icon": "_icon_15myrmn_60"
11
11
  };
12
12
  export { styles as default };