@rescui/tag 0.10.4 → 0.10.6

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 +69 -82
  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_19gc9kz_4",
3
+ "sizeXS": "_sizeXS_19gc9kz_14",
4
+ "sizeS": "_sizeS_19gc9kz_18",
5
+ "sizeM": "_sizeM_19gc9kz_22",
6
+ "sizeL": "_sizeL_19gc9kz_26",
7
+ "light": "_light_19gc9kz_30",
8
+ "dark": "_dark_19gc9kz_34"
9
9
  };
10
10
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1jmu341_4{
1
+ ._icon_19gc9kz_4{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -8,7 +8,7 @@
8
8
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
9
  }
10
10
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_1jmu341_4{
11
+ ._icon_19gc9kz_4{
12
12
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
13
13
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
14
14
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -17,7 +17,7 @@
17
17
  }
18
18
  }
19
19
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_1jmu341_4{
20
+ ._icon_19gc9kz_4{
21
21
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
22
22
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
23
23
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -25,30 +25,30 @@
25
25
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
26
26
  }
27
27
  }
28
- ._icon_1jmu341_4{
28
+ ._icon_19gc9kz_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:auto;
33
33
  height:var(--_rs-icons-height);
34
34
  }
35
- ._sizeXS_1jmu341_14{
35
+ ._sizeXS_19gc9kz_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1jmu341_18{
38
+ ._sizeS_19gc9kz_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1jmu341_22{
41
+ ._sizeM_19gc9kz_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1jmu341_26{
44
+ ._sizeL_19gc9kz_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1jmu341_30{
47
+ ._light_19gc9kz_30{
48
48
  --rs-theme-dark:0;
49
49
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
50
50
  }
51
- ._dark_1jmu341_34{
51
+ ._dark_19gc9kz_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
54
54
  }
@@ -72,19 +72,19 @@
72
72
  transform:rotate(360deg);
73
73
  }
74
74
  }
75
- ._alignIconLeft_ri7lj7_7{
75
+ ._alignIconLeft_8dkj9d_7{
76
76
  --_rs-tag-flex-direction:row;
77
77
  }
78
- ._alignIconRight_ri7lj7_10{
78
+ ._alignIconRight_8dkj9d_10{
79
79
  --_rs-tag-flex-direction:row-reverse;
80
80
  }
81
- ._uppercase_ri7lj7_14{
81
+ ._uppercase_8dkj9d_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_8dkj9d_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_8dkj9d_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_8dkj9d_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_8dkj9d_24{
210
210
  --_rs-typography-list-li-margin-top-from-text:12px;
211
211
  }
212
212
  }
213
- ._sizeL_ri7lj7_27{
213
+ ._sizeL_8dkj9d_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_8dkj9d_27{
256
256
  --_rs-typography-list-li-margin-top-from-text:16px;
257
257
  }
258
258
  }
259
- ._main_ri7lj7_31{
259
+ ._main_8dkj9d_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_8dkj9d_31 ._icon_8dkj9d_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_54860n_1{
328
322
  border-radius:var(--_rs-tag-border-radius);
329
323
  }
330
324
 
331
- ._themeLight_1xhc4lm_7{
325
+ ._themeLight_19qeh3b_7{
332
326
  --rs-theme-dark:0;
333
327
  }
334
- ._themeDark_1xhc4lm_10{
328
+ ._themeDark_19qeh3b_10{
335
329
  --rs-theme-dark:1;
336
330
  }
337
- ._sizeXs_1xhc4lm_14{
331
+ ._sizeXs_19qeh3b_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_19qeh3b_14 [data-rs-internal="removable-tag__close-icon"]:not(html){
346
340
  --_rs-icons-height:20px;
347
341
  }
348
- ._sizeXs_1xhc4lm_14 {
342
+ ._sizeXs_19qeh3b_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_19qeh3b_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_19qeh3b_17 [data-rs-internal="removable-tag__close-icon"]:not(html){
391
385
  --_rs-icons-height:20px;
392
386
  }
393
- ._sizeS_1xhc4lm_17 {
387
+ ._sizeS_19qeh3b_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_19qeh3b_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_19qeh3b_20 [data-rs-internal="removable-tag__close-icon"]:not(html){
436
430
  --_rs-icons-height:24px;
437
431
  }
438
- ._sizeM_1xhc4lm_20 {
432
+ ._sizeM_19qeh3b_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_19qeh3b_20 {
474
468
  --_rs-typography-list-li-margin-top-from-text:12px;
475
469
  }
476
470
  }
477
- ._sizeL_1xhc4lm_23{
471
+ ._sizeL_19qeh3b_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_19qeh3b_23 [data-rs-internal="removable-tag__close-icon"]:not(html){
486
480
  --_rs-icons-height:28px;
487
481
  }
488
- ._sizeL_1xhc4lm_23 {
482
+ ._sizeL_19qeh3b_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_19qeh3b_23 {
524
518
  --_rs-typography-list-li-margin-top-from-text:16px;
525
519
  }
526
520
  }
527
- ._wrapper_1xhc4lm_27{
521
+ ._wrapper_19qeh3b_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_19qeh3b_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_19qeh3b_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_19qeh3b_27 {
555
549
  letter-spacing:var(
556
550
  --rs-text-base-letter-spacing,
557
551
  var(--_rs-typography-letter-spacing)
@@ -564,13 +558,7 @@
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
- --_rs-typography-hardness-color:var(
561
+ 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)
576
564
  );
@@ -589,20 +577,19 @@
589
577
 
590
578
  white-space:nowrap;
591
579
 
592
- color:var(--_rs-typography-hardness-color);
593
580
  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
581
  }
595
- ._wrapper_1xhc4lm_27 > *{
582
+ ._wrapper_19qeh3b_27 > *{
596
583
  vertical-align:top;
597
584
  }
598
- ._disabled_1xhc4lm_51{
585
+ ._disabled_19qeh3b_50{
599
586
  pointer-events:none;
600
- --_rs-typography-hardness-color:var(
587
+ color:var(
601
588
  --rs-color-pale,
602
589
  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
590
  );
604
591
  }
605
- ._main_1xhc4lm_56{
592
+ ._main_19qeh3b_55{
606
593
  display:-webkit-inline-box;
607
594
  display:-ms-inline-flexbox;
608
595
  display:inline-flex;
@@ -624,10 +611,10 @@
624
611
 
625
612
  background:transparent;
626
613
  }
627
- ._wrap_1xhc4lm_27 ._main_1xhc4lm_56{
614
+ ._wrap_19qeh3b_27 ._main_19qeh3b_55{
628
615
  white-space:normal;
629
616
  }
630
- ._close_1xhc4lm_75{
617
+ ._close_19qeh3b_74{
631
618
  top:0;
632
619
  right:0;
633
620
  bottom:0;
@@ -665,34 +652,34 @@
665
652
  -webkit-font-smoothing:inherit;
666
653
  -moz-osx-font-smoothing:inherit;
667
654
  }
668
- ._close_1xhc4lm_75::-moz-focus-inner{
655
+ ._close_19qeh3b_74::-moz-focus-inner{
669
656
  padding:0;
670
657
 
671
658
  border:0;
672
659
  }
673
- ._close_1xhc4lm_75:active,
674
- ._close_1xhc4lm_75:hover,
675
- ._close_1xhc4lm_75:focus{
660
+ ._close_19qeh3b_74:active,
661
+ ._close_19qeh3b_74:hover,
662
+ ._close_19qeh3b_74:focus{
676
663
  outline:none;
677
664
 
678
665
  text-decoration:none;
679
666
  }
680
- ._close_1xhc4lm_75:hover{
667
+ ._close_19qeh3b_74:hover{
681
668
  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
669
  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
670
  }
684
- ._close_1xhc4lm_75:active{
671
+ ._close_19qeh3b_74:active{
685
672
  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
673
  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
674
  }
688
- ._close_1xhc4lm_75:focus[data-focus-method='key']{
675
+ ._close_19qeh3b_74:focus[data-focus-method='key']{
689
676
  -webkit-box-shadow:inset 0 0 0 4px var(--_rs-color-primary-dim);
690
677
  box-shadow:inset 0 0 0 4px var(--_rs-color-primary-dim);
691
678
  }
692
- ._disabled_1xhc4lm_51 ._close_1xhc4lm_75{
679
+ ._disabled_19qeh3b_50 ._close_19qeh3b_74{
693
680
  pointer-events:none;
694
681
  }
695
- ._icon_1xhc4lm_136{
682
+ ._icon_19qeh3b_135{
696
683
  -webkit-box-flex:1;
697
684
  -ms-flex:1 0 auto;
698
685
  flex:1 0 auto;
@@ -707,55 +694,55 @@
707
694
  fill:currentColor;
708
695
  }
709
696
 
710
- ._wrapper_1soxljr_3{
697
+ ._wrapper_15cav6d_3{
711
698
  position:relative;
712
699
  }
713
- ._offset16_1soxljr_7{
700
+ ._offset16_15cav6d_7{
714
701
  --_rs-tag-sticky-side-offset:16px;
715
702
  }
716
- ._offset24_1soxljr_10{
703
+ ._offset24_15cav6d_10{
717
704
  --_rs-tag-sticky-side-offset:24px;
718
705
  }
719
- ._offset32_1soxljr_13{
706
+ ._offset32_15cav6d_13{
720
707
  --_rs-tag-sticky-side-offset:32px;
721
708
  }
722
- ._alignTop_1soxljr_17{
709
+ ._alignTop_15cav6d_17{
723
710
  --_rs-tag-sticky-border-radius:var(--_rs-tag-border-radius) var(--_rs-tag-border-radius) 0 0;
724
711
  --_rs-tag-sticky-translate-y:-100%;
725
712
  }
726
- ._alignMiddle_1soxljr_20{
713
+ ._alignMiddle_15cav6d_20{
727
714
  --_rs-tag-sticky-border-radius:var(--_rs-tag-border-radius);
728
715
  --_rs-tag-sticky-translate-y:-50%;
729
716
  }
730
- ._topStart_1soxljr_24{
717
+ ._topStart_15cav6d_24{
731
718
  --_rs-tag-sticky-top:0;
732
719
  --_rs-tag-sticky-right:initial;
733
720
  --_rs-tag-sticky-left:var(--_rs-tag-sticky-side-offset);
734
721
  --_rs-tag-sticky-transform:translate(0, var(--_rs-tag-sticky-translate-y));
735
722
  --_rs-tag-sticky-transform-origin:initial;
736
723
  }
737
- ._topEnd_1soxljr_27{
724
+ ._topEnd_15cav6d_27{
738
725
  --_rs-tag-sticky-top:0;
739
726
  --_rs-tag-sticky-right:var(--_rs-tag-sticky-side-offset);
740
727
  --_rs-tag-sticky-left:initial;
741
728
  --_rs-tag-sticky-transform:translate(0, var(--_rs-tag-sticky-translate-y));
742
729
  --_rs-tag-sticky-transform-origin:initial;
743
730
  }
744
- ._leftStart_1soxljr_30{
731
+ ._leftStart_15cav6d_30{
745
732
  --_rs-tag-sticky-top:var(--_rs-tag-sticky-side-offset);
746
733
  --_rs-tag-sticky-right:100%;
747
734
  --_rs-tag-sticky-left:initial;
748
735
  --_rs-tag-sticky-transform:rotate(270deg) translate(0, var(--_rs-tag-sticky-translate-y));
749
736
  --_rs-tag-sticky-transform-origin:100% 0;
750
737
  }
751
- ._leftEnd_1soxljr_33{
738
+ ._leftEnd_15cav6d_33{
752
739
  --_rs-tag-sticky-top:calc(100% - var(--_rs-tag-sticky-side-offset));
753
740
  --_rs-tag-sticky-right:100%;
754
741
  --_rs-tag-sticky-left:initial;
755
742
  --_rs-tag-sticky-transform:rotate(270deg) translate(100%, var(--_rs-tag-sticky-translate-y));
756
743
  --_rs-tag-sticky-transform-origin:100% 0;
757
744
  }
758
- ._tag_1soxljr_37{
745
+ ._tag_15cav6d_37{
759
746
  position:absolute;
760
747
  top:var(--_rs-tag-sticky-top);
761
748
  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_8dkj9d_7",
3
+ "alignIconRight": "_alignIconRight_8dkj9d_10",
4
+ "uppercase": "_uppercase_8dkj9d_14",
5
+ "sizeXs": "_sizeXs_8dkj9d_18",
6
+ "sizeS": "_sizeS_8dkj9d_21",
7
+ "sizeM": "_sizeM_8dkj9d_24",
8
+ "sizeL": "_sizeL_8dkj9d_27",
9
+ "main": "_main_8dkj9d_31",
10
+ "icon": "_icon_8dkj9d_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_19qeh3b_7",
3
+ "themeDark": "_themeDark_19qeh3b_10",
4
+ "sizeXs": "_sizeXs_19qeh3b_14",
5
+ "sizeS": "_sizeS_19qeh3b_17",
6
+ "sizeM": "_sizeM_19qeh3b_20",
7
+ "sizeL": "_sizeL_19qeh3b_23",
8
+ "wrapper": "_wrapper_19qeh3b_27",
9
+ "disabled": "_disabled_19qeh3b_50",
10
+ "main": "_main_19qeh3b_55",
11
+ "wrap": "_wrap_19qeh3b_27",
12
+ "close": "_close_19qeh3b_74",
13
+ "icon": "_icon_19qeh3b_135"
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_15cav6d_3",
3
+ "offset16": "_offset16_15cav6d_7",
4
+ "offset24": "_offset24_15cav6d_10",
5
+ "offset32": "_offset32_15cav6d_13",
6
+ "alignTop": "_alignTop_15cav6d_17",
7
+ "alignMiddle": "_alignMiddle_15cav6d_20",
8
+ "topStart": "_topStart_15cav6d_24",
9
+ "topEnd": "_topEnd_15cav6d_27",
10
+ "leftStart": "_leftStart_15cav6d_30",
11
+ "leftEnd": "_leftEnd_15cav6d_33",
12
+ "tag": "_tag_15cav6d_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_54860n_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.6",
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.4",
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.6",
29
+ "@rescui/scripts": "^0.3.4",
30
+ "@rescui/typography": "^0.18.0"
31
31
  },
32
32
  "scripts": {
33
33
  "build": "rescui-scripts build && yarn run build-pcss-api",
34
34
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
35
35
  },
36
36
  "nx": {},
37
- "gitHead": "d4bb4a95bc321907bc55b9ad9768f7e822acbd2d"
37
+ "gitHead": "ac2efc85e94cfd6b9bae29c2829d38b6bd608474"
38
38
  }