@rescui/tag 0.10.4 → 0.10.5

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 (7) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/index.css +67 -79
  3. package/lib/parts/base-tag.p.module.css.js +9 -9
  4. package/lib/parts/removable-tag.p.module.css.js +12 -12
  5. package/lib/parts/sticky-tag.p.module.css.js +11 -11
  6. package/lib/parts/tag.p.module.css.js +1 -1
  7. package/package.json +6 -6
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_1jmu341_4",
3
- "sizeXS": "_sizeXS_1jmu341_14",
4
- "sizeS": "_sizeS_1jmu341_18",
5
- "sizeM": "_sizeM_1jmu341_22",
6
- "sizeL": "_sizeL_1jmu341_26",
7
- "light": "_light_1jmu341_30",
8
- "dark": "_dark_1jmu341_34"
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"
9
9
  };
10
10
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1jmu341_4{
1
+ ._icon_ekw7ne_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_1jmu341_4{
11
+ ._icon_ekw7ne_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_1jmu341_4{
20
+ ._icon_ekw7ne_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_1jmu341_4{
28
+ ._icon_ekw7ne_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_1jmu341_14{
35
+ ._sizeXS_ekw7ne_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1jmu341_18{
38
+ ._sizeS_ekw7ne_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1jmu341_22{
41
+ ._sizeM_ekw7ne_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1jmu341_26{
44
+ ._sizeL_ekw7ne_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1jmu341_30{
47
+ ._light_ekw7ne_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_1jmu341_34{
51
+ ._dark_ekw7ne_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,19 +72,19 @@
72
72
  transform:rotate(360deg);
73
73
  }
74
74
  }
75
- ._alignIconLeft_ri7lj7_7{
75
+ ._alignIconLeft_1jzlv7c_7{
76
76
  --_rs-tag-flex-direction:row;
77
77
  }
78
- ._alignIconRight_ri7lj7_10{
78
+ ._alignIconRight_1jzlv7c_10{
79
79
  --_rs-tag-flex-direction:row-reverse;
80
80
  }
81
- ._uppercase_ri7lj7_14{
81
+ ._uppercase_1jzlv7c_14{
82
82
  --_rs-tag-text-transform:uppercase;
83
83
  --_rs-tag-horizontal-padding-or-initial:var(
84
84
  --_rs-tag-uppercase-horizontal-padding
85
85
  );
86
86
  }
87
- ._sizeXs_ri7lj7_18{
87
+ ._sizeXs_1jzlv7c_18{
88
88
  --_rs-tag-vertical-padding:2px;
89
89
  --_rs-tag-base-horizontal-padding:8px;
90
90
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -125,7 +125,7 @@
125
125
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
126
126
  --_rs-typography-link-border-bottom-width-from-text:1px;
127
127
  }
128
- ._sizeS_ri7lj7_21{
128
+ ._sizeS_1jzlv7c_21{
129
129
  --_rs-tag-vertical-padding:4px;
130
130
  --_rs-tag-base-horizontal-padding:8px;
131
131
  --_rs-tag-uppercase-horizontal-padding:10px;
@@ -164,7 +164,7 @@
164
164
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
165
165
  --_rs-typography-link-border-bottom-width-from-text:1px;
166
166
  }
167
- ._sizeM_ri7lj7_24{
167
+ ._sizeM_1jzlv7c_24{
168
168
  --_rs-tag-vertical-padding:6px;
169
169
  --_rs-tag-base-horizontal-padding:12px;
170
170
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -206,11 +206,11 @@
206
206
  --_rs-typography-link-border-bottom-width-from-text:1px;
207
207
  }
208
208
  @media screen and (max-width: 640px){
209
- ._sizeM_ri7lj7_24{
209
+ ._sizeM_1jzlv7c_24{
210
210
  --_rs-typography-list-li-margin-top-from-text:12px;
211
211
  }
212
212
  }
213
- ._sizeL_ri7lj7_27{
213
+ ._sizeL_1jzlv7c_27{
214
214
  --_rs-tag-vertical-padding:8px;
215
215
  --_rs-tag-base-horizontal-padding:16px;
216
216
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -252,11 +252,11 @@
252
252
  --_rs-typography-link-border-bottom-width-from-text:1px;
253
253
  }
254
254
  @media screen and (max-width: 640px){
255
- ._sizeL_ri7lj7_27{
255
+ ._sizeL_1jzlv7c_27{
256
256
  --_rs-typography-list-li-margin-top-from-text:16px;
257
257
  }
258
258
  }
259
- ._main_ri7lj7_31{
259
+ ._main_1jzlv7c_31{
260
260
  --_rs-tag-border-width:1px;
261
261
 
262
262
  --_rs-tag-horizontal-padding:var(
@@ -275,12 +275,6 @@
275
275
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
276
276
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
277
277
  font-feature-settings:'kern', 'liga', 'calt';
278
- }
279
- ._main_ri7lj7_31 > p:not(:nth-child(1)),
280
- ._main_ri7lj7_31 > pre:not(:nth-child(1)){
281
- padding-top:var(--_rs-typography-auto-offset-or-initial);
282
- }
283
- ._main_ri7lj7_31 {
284
278
 
285
279
  position:relative;
286
280
 
@@ -317,24 +311,24 @@
317
311
  background:transparent;
318
312
  gap:8px;
319
313
  }
320
- ._main_ri7lj7_31 ._icon_ri7lj7_60{
314
+ ._main_1jzlv7c_31 ._icon_1jzlv7c_60{
321
315
  fill:currentColor;
322
316
 
323
317
  width:auto;
324
318
  height:var(--_rs-tag-icon-size);
325
319
  }
326
320
 
327
- ._main_olte45_1{
321
+ ._main_1qofngu_1{
328
322
  border-radius:var(--_rs-tag-border-radius);
329
323
  }
330
324
 
331
- ._themeLight_1xhc4lm_7{
325
+ ._themeLight_zsgvo1_7{
332
326
  --rs-theme-dark:0;
333
327
  }
334
- ._themeDark_1xhc4lm_10{
328
+ ._themeDark_zsgvo1_10{
335
329
  --rs-theme-dark:1;
336
330
  }
337
- ._sizeXs_1xhc4lm_14{
331
+ ._sizeXs_zsgvo1_14{
338
332
  --_rs-tag-removable-vertical-padding:2px;
339
333
  --_rs-tag-removable-left-padding:8px;
340
334
  --_rs-tag-removable-right-padding:2px;
@@ -342,10 +336,10 @@
342
336
  --_rs-tag-removable-close-icon-size:28px;
343
337
  --_rs-tag-removable-custom-icon-size:20px;
344
338
  }
345
- ._sizeXs_1xhc4lm_14 [data-rs-internal="removable-tag__close-icon"]:not(html){
339
+ ._sizeXs_zsgvo1_14 [data-rs-internal="removable-tag__close-icon"]:not(html){
346
340
  --_rs-icons-height:20px;
347
341
  }
348
- ._sizeXs_1xhc4lm_14 {
342
+ ._sizeXs_zsgvo1_14 {
349
343
  --_rs-typography-letter-spacing:0.0045em;
350
344
  --_rs-typography-text-transform:initial;
351
345
  --_rs-typography-font-variant-numeric:initial;
@@ -379,7 +373,7 @@
379
373
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
380
374
  --_rs-typography-link-border-bottom-width-from-text:1px;
381
375
  }
382
- ._sizeS_1xhc4lm_17{
376
+ ._sizeS_zsgvo1_17{
383
377
  --_rs-tag-removable-vertical-padding:4px;
384
378
  --_rs-tag-removable-left-padding:8px;
385
379
  --_rs-tag-removable-right-padding:2px;
@@ -387,10 +381,10 @@
387
381
  --_rs-tag-removable-close-icon-size:28px;
388
382
  --_rs-tag-removable-custom-icon-size:20px;
389
383
  }
390
- ._sizeS_1xhc4lm_17 [data-rs-internal="removable-tag__close-icon"]:not(html){
384
+ ._sizeS_zsgvo1_17 [data-rs-internal="removable-tag__close-icon"]:not(html){
391
385
  --_rs-icons-height:20px;
392
386
  }
393
- ._sizeS_1xhc4lm_17 {
387
+ ._sizeS_zsgvo1_17 {
394
388
  --_rs-typography-letter-spacing:0.0045em;
395
389
  --_rs-typography-text-transform:initial;
396
390
  --_rs-typography-font-variant-numeric:initial;
@@ -424,7 +418,7 @@
424
418
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
425
419
  --_rs-typography-link-border-bottom-width-from-text:1px;
426
420
  }
427
- ._sizeM_1xhc4lm_20{
421
+ ._sizeM_zsgvo1_20{
428
422
  --_rs-tag-removable-vertical-padding:6px;
429
423
  --_rs-tag-removable-left-padding:12px;
430
424
  --_rs-tag-removable-right-padding:2px;
@@ -432,10 +426,10 @@
432
426
  --_rs-tag-removable-close-icon-size:36px;
433
427
  --_rs-tag-removable-custom-icon-size:24px;
434
428
  }
435
- ._sizeM_1xhc4lm_20 [data-rs-internal="removable-tag__close-icon"]:not(html){
429
+ ._sizeM_zsgvo1_20 [data-rs-internal="removable-tag__close-icon"]:not(html){
436
430
  --_rs-icons-height:24px;
437
431
  }
438
- ._sizeM_1xhc4lm_20 {
432
+ ._sizeM_zsgvo1_20 {
439
433
  --_rs-typography-letter-spacing:0.0015em;
440
434
  --_rs-typography-text-transform:initial;
441
435
  --_rs-typography-font-variant-numeric:initial;
@@ -470,11 +464,11 @@
470
464
  --_rs-typography-link-border-bottom-width-from-text:1px;
471
465
  }
472
466
  @media screen and (max-width: 640px){
473
- ._sizeM_1xhc4lm_20 {
467
+ ._sizeM_zsgvo1_20 {
474
468
  --_rs-typography-list-li-margin-top-from-text:12px;
475
469
  }
476
470
  }
477
- ._sizeL_1xhc4lm_23{
471
+ ._sizeL_zsgvo1_23{
478
472
  --_rs-tag-removable-vertical-padding:8px;
479
473
  --_rs-tag-removable-left-padding:16px;
480
474
  --_rs-tag-removable-right-padding:4px;
@@ -482,10 +476,10 @@
482
476
  --_rs-tag-removable-close-icon-size:44px;
483
477
  --_rs-tag-removable-custom-icon-size:28px;
484
478
  }
485
- ._sizeL_1xhc4lm_23 [data-rs-internal="removable-tag__close-icon"]:not(html){
479
+ ._sizeL_zsgvo1_23 [data-rs-internal="removable-tag__close-icon"]:not(html){
486
480
  --_rs-icons-height:28px;
487
481
  }
488
- ._sizeL_1xhc4lm_23 {
482
+ ._sizeL_zsgvo1_23 {
489
483
  --_rs-typography-letter-spacing:normal;
490
484
  --_rs-typography-text-transform:initial;
491
485
  --_rs-typography-font-variant-numeric:initial;
@@ -520,11 +514,11 @@
520
514
  --_rs-typography-link-border-bottom-width-from-text:1px;
521
515
  }
522
516
  @media screen and (max-width: 640px){
523
- ._sizeL_1xhc4lm_23 {
517
+ ._sizeL_zsgvo1_23 {
524
518
  --_rs-typography-list-li-margin-top-from-text:16px;
525
519
  }
526
520
  }
527
- ._wrapper_1xhc4lm_27{
521
+ ._wrapper_zsgvo1_27{
528
522
  --_rs-theme-dark:var(
529
523
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
530
524
  var(--rs-theme-dark, 0)
@@ -534,7 +528,7 @@
534
528
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
535
529
  }
536
530
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
537
- ._wrapper_1xhc4lm_27{
531
+ ._wrapper_zsgvo1_27{
538
532
  --_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)));
539
533
  --_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)));
540
534
  --_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)));
@@ -543,7 +537,7 @@
543
537
  }
544
538
  }
545
539
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
546
- ._wrapper_1xhc4lm_27{
540
+ ._wrapper_zsgvo1_27{
547
541
  --_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);
548
542
  --_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));
549
543
  --_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));
@@ -551,7 +545,7 @@
551
545
  --_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));
552
546
  }
553
547
  }
554
- ._wrapper_1xhc4lm_27 {
548
+ ._wrapper_zsgvo1_27 {
555
549
  letter-spacing:var(
556
550
  --rs-text-base-letter-spacing,
557
551
  var(--_rs-typography-letter-spacing)
@@ -564,12 +558,6 @@
564
558
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
565
559
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
566
560
  font-feature-settings:'kern', 'liga', 'calt';
567
- }
568
- ._wrapper_1xhc4lm_27 > p:not(:nth-child(1)),
569
- ._wrapper_1xhc4lm_27 > pre:not(:nth-child(1)){
570
- padding-top:var(--_rs-typography-auto-offset-or-initial);
571
- }
572
- ._wrapper_1xhc4lm_27 {
573
561
  --_rs-typography-hardness-color:var(
574
562
  --rs-color-average,
575
563
  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)
@@ -592,17 +580,17 @@
592
580
  color:var(--_rs-typography-hardness-color);
593
581
  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);
594
582
  }
595
- ._wrapper_1xhc4lm_27 > *{
583
+ ._wrapper_zsgvo1_27 > *{
596
584
  vertical-align:top;
597
585
  }
598
- ._disabled_1xhc4lm_51{
586
+ ._disabled_zsgvo1_51{
599
587
  pointer-events:none;
600
588
  --_rs-typography-hardness-color:var(
601
589
  --rs-color-pale,
602
590
  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)
603
591
  );
604
592
  }
605
- ._main_1xhc4lm_56{
593
+ ._main_zsgvo1_56{
606
594
  display:-webkit-inline-box;
607
595
  display:-ms-inline-flexbox;
608
596
  display:inline-flex;
@@ -624,10 +612,10 @@
624
612
 
625
613
  background:transparent;
626
614
  }
627
- ._wrap_1xhc4lm_27 ._main_1xhc4lm_56{
615
+ ._wrap_zsgvo1_27 ._main_zsgvo1_56{
628
616
  white-space:normal;
629
617
  }
630
- ._close_1xhc4lm_75{
618
+ ._close_zsgvo1_75{
631
619
  top:0;
632
620
  right:0;
633
621
  bottom:0;
@@ -665,34 +653,34 @@
665
653
  -webkit-font-smoothing:inherit;
666
654
  -moz-osx-font-smoothing:inherit;
667
655
  }
668
- ._close_1xhc4lm_75::-moz-focus-inner{
656
+ ._close_zsgvo1_75::-moz-focus-inner{
669
657
  padding:0;
670
658
 
671
659
  border:0;
672
660
  }
673
- ._close_1xhc4lm_75:active,
674
- ._close_1xhc4lm_75:hover,
675
- ._close_1xhc4lm_75:focus{
661
+ ._close_zsgvo1_75:active,
662
+ ._close_zsgvo1_75:hover,
663
+ ._close_zsgvo1_75:focus{
676
664
  outline:none;
677
665
 
678
666
  text-decoration:none;
679
667
  }
680
- ._close_1xhc4lm_75:hover{
668
+ ._close_zsgvo1_75:hover{
681
669
  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));
682
670
  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);
683
671
  }
684
- ._close_1xhc4lm_75:active{
672
+ ._close_zsgvo1_75:active{
685
673
  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));
686
674
  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);
687
675
  }
688
- ._close_1xhc4lm_75:focus[data-focus-method='key']{
676
+ ._close_zsgvo1_75:focus[data-focus-method='key']{
689
677
  -webkit-box-shadow:inset 0 0 0 4px var(--_rs-color-primary-dim);
690
678
  box-shadow:inset 0 0 0 4px var(--_rs-color-primary-dim);
691
679
  }
692
- ._disabled_1xhc4lm_51 ._close_1xhc4lm_75{
680
+ ._disabled_zsgvo1_51 ._close_zsgvo1_75{
693
681
  pointer-events:none;
694
682
  }
695
- ._icon_1xhc4lm_136{
683
+ ._icon_zsgvo1_136{
696
684
  -webkit-box-flex:1;
697
685
  -ms-flex:1 0 auto;
698
686
  flex:1 0 auto;
@@ -707,55 +695,55 @@
707
695
  fill:currentColor;
708
696
  }
709
697
 
710
- ._wrapper_1soxljr_3{
698
+ ._wrapper_6iy4cs_3{
711
699
  position:relative;
712
700
  }
713
- ._offset16_1soxljr_7{
701
+ ._offset16_6iy4cs_7{
714
702
  --_rs-tag-sticky-side-offset:16px;
715
703
  }
716
- ._offset24_1soxljr_10{
704
+ ._offset24_6iy4cs_10{
717
705
  --_rs-tag-sticky-side-offset:24px;
718
706
  }
719
- ._offset32_1soxljr_13{
707
+ ._offset32_6iy4cs_13{
720
708
  --_rs-tag-sticky-side-offset:32px;
721
709
  }
722
- ._alignTop_1soxljr_17{
710
+ ._alignTop_6iy4cs_17{
723
711
  --_rs-tag-sticky-border-radius:var(--_rs-tag-border-radius) var(--_rs-tag-border-radius) 0 0;
724
712
  --_rs-tag-sticky-translate-y:-100%;
725
713
  }
726
- ._alignMiddle_1soxljr_20{
714
+ ._alignMiddle_6iy4cs_20{
727
715
  --_rs-tag-sticky-border-radius:var(--_rs-tag-border-radius);
728
716
  --_rs-tag-sticky-translate-y:-50%;
729
717
  }
730
- ._topStart_1soxljr_24{
718
+ ._topStart_6iy4cs_24{
731
719
  --_rs-tag-sticky-top:0;
732
720
  --_rs-tag-sticky-right:initial;
733
721
  --_rs-tag-sticky-left:var(--_rs-tag-sticky-side-offset);
734
722
  --_rs-tag-sticky-transform:translate(0, var(--_rs-tag-sticky-translate-y));
735
723
  --_rs-tag-sticky-transform-origin:initial;
736
724
  }
737
- ._topEnd_1soxljr_27{
725
+ ._topEnd_6iy4cs_27{
738
726
  --_rs-tag-sticky-top:0;
739
727
  --_rs-tag-sticky-right:var(--_rs-tag-sticky-side-offset);
740
728
  --_rs-tag-sticky-left:initial;
741
729
  --_rs-tag-sticky-transform:translate(0, var(--_rs-tag-sticky-translate-y));
742
730
  --_rs-tag-sticky-transform-origin:initial;
743
731
  }
744
- ._leftStart_1soxljr_30{
732
+ ._leftStart_6iy4cs_30{
745
733
  --_rs-tag-sticky-top:var(--_rs-tag-sticky-side-offset);
746
734
  --_rs-tag-sticky-right:100%;
747
735
  --_rs-tag-sticky-left:initial;
748
736
  --_rs-tag-sticky-transform:rotate(270deg) translate(0, var(--_rs-tag-sticky-translate-y));
749
737
  --_rs-tag-sticky-transform-origin:100% 0;
750
738
  }
751
- ._leftEnd_1soxljr_33{
739
+ ._leftEnd_6iy4cs_33{
752
740
  --_rs-tag-sticky-top:calc(100% - var(--_rs-tag-sticky-side-offset));
753
741
  --_rs-tag-sticky-right:100%;
754
742
  --_rs-tag-sticky-left:initial;
755
743
  --_rs-tag-sticky-transform:rotate(270deg) translate(100%, var(--_rs-tag-sticky-translate-y));
756
744
  --_rs-tag-sticky-transform-origin:100% 0;
757
745
  }
758
- ._tag_1soxljr_37{
746
+ ._tag_6iy4cs_37{
759
747
  position:absolute;
760
748
  top:var(--_rs-tag-sticky-top);
761
749
  right:var(--_rs-tag-sticky-right);
package/lib/parts/base-tag.p.module.css.js CHANGED
@@ -1,12 +1,12 @@
1
1
  var styles = {
2
- "alignIconLeft": "_alignIconLeft_ri7lj7_7",
3
- "alignIconRight": "_alignIconRight_ri7lj7_10",
4
- "uppercase": "_uppercase_ri7lj7_14",
5
- "sizeXs": "_sizeXs_ri7lj7_18",
6
- "sizeS": "_sizeS_ri7lj7_21",
7
- "sizeM": "_sizeM_ri7lj7_24",
8
- "sizeL": "_sizeL_ri7lj7_27",
9
- "main": "_main_ri7lj7_31",
10
- "icon": "_icon_ri7lj7_60"
2
+ "alignIconLeft": "_alignIconLeft_1jzlv7c_7",
3
+ "alignIconRight": "_alignIconRight_1jzlv7c_10",
4
+ "uppercase": "_uppercase_1jzlv7c_14",
5
+ "sizeXs": "_sizeXs_1jzlv7c_18",
6
+ "sizeS": "_sizeS_1jzlv7c_21",
7
+ "sizeM": "_sizeM_1jzlv7c_24",
8
+ "sizeL": "_sizeL_1jzlv7c_27",
9
+ "main": "_main_1jzlv7c_31",
10
+ "icon": "_icon_1jzlv7c_60"
11
11
  };
12
12
  export { styles as default };
package/lib/parts/removable-tag.p.module.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1xhc4lm_7",
3
- "themeDark": "_themeDark_1xhc4lm_10",
4
- "sizeXs": "_sizeXs_1xhc4lm_14",
5
- "sizeS": "_sizeS_1xhc4lm_17",
6
- "sizeM": "_sizeM_1xhc4lm_20",
7
- "sizeL": "_sizeL_1xhc4lm_23",
8
- "wrapper": "_wrapper_1xhc4lm_27",
9
- "disabled": "_disabled_1xhc4lm_51",
10
- "main": "_main_1xhc4lm_56",
11
- "wrap": "_wrap_1xhc4lm_27",
12
- "close": "_close_1xhc4lm_75",
13
- "icon": "_icon_1xhc4lm_136"
2
+ "themeLight": "_themeLight_zsgvo1_7",
3
+ "themeDark": "_themeDark_zsgvo1_10",
4
+ "sizeXs": "_sizeXs_zsgvo1_14",
5
+ "sizeS": "_sizeS_zsgvo1_17",
6
+ "sizeM": "_sizeM_zsgvo1_20",
7
+ "sizeL": "_sizeL_zsgvo1_23",
8
+ "wrapper": "_wrapper_zsgvo1_27",
9
+ "disabled": "_disabled_zsgvo1_51",
10
+ "main": "_main_zsgvo1_56",
11
+ "wrap": "_wrap_zsgvo1_27",
12
+ "close": "_close_zsgvo1_75",
13
+ "icon": "_icon_zsgvo1_136"
14
14
  };
15
15
  export { styles as default };
package/lib/parts/sticky-tag.p.module.css.js CHANGED
@@ -1,14 +1,14 @@
1
1
  var styles = {
2
- "wrapper": "_wrapper_1soxljr_3",
3
- "offset16": "_offset16_1soxljr_7",
4
- "offset24": "_offset24_1soxljr_10",
5
- "offset32": "_offset32_1soxljr_13",
6
- "alignTop": "_alignTop_1soxljr_17",
7
- "alignMiddle": "_alignMiddle_1soxljr_20",
8
- "topStart": "_topStart_1soxljr_24",
9
- "topEnd": "_topEnd_1soxljr_27",
10
- "leftStart": "_leftStart_1soxljr_30",
11
- "leftEnd": "_leftEnd_1soxljr_33",
12
- "tag": "_tag_1soxljr_37"
2
+ "wrapper": "_wrapper_6iy4cs_3",
3
+ "offset16": "_offset16_6iy4cs_7",
4
+ "offset24": "_offset24_6iy4cs_10",
5
+ "offset32": "_offset32_6iy4cs_13",
6
+ "alignTop": "_alignTop_6iy4cs_17",
7
+ "alignMiddle": "_alignMiddle_6iy4cs_20",
8
+ "topStart": "_topStart_6iy4cs_24",
9
+ "topEnd": "_topEnd_6iy4cs_27",
10
+ "leftStart": "_leftStart_6iy4cs_30",
11
+ "leftEnd": "_leftEnd_6iy4cs_33",
12
+ "tag": "_tag_6iy4cs_37"
13
13
  };
14
14
  export { styles as default };
package/lib/parts/tag.p.module.css.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var styles = {
2
- "main": "_main_olte45_1"
2
+ "main": "_main_1qofngu_1"
3
3
  };
4
4
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tag",
3
- "version": "0.10.4",
3
+ "version": "0.10.5",
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/colors": "^0.2.2",
18
+ "@rescui/colors": "^0.2.3",
19
19
  "classnames": "^2.3.1",
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/icons": "^0.16.4",
29
- "@rescui/scripts": "^0.3.2",
30
- "@rescui/typography": "^0.16.4"
28
+ "@rescui/icons": "^0.16.5",
29
+ "@rescui/scripts": "^0.3.3",
30
+ "@rescui/typography": "^0.17.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": "d4bb4a95bc321907bc55b9ad9768f7e822acbd2d"
37
+ "gitHead": "b422496bacb5df4a601008c646abfb08cebe461c"
38
38
  }