@rescui/tag 0.11.4-RUI-262-Migrate-to-GH-Actions-Release-dummy-c8e357bc.15 → 0.12.0

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 (9) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/index.css +98 -103
  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/lib/public-api.p.css +8 -12
  8. package/lib/public-api.pcss +8 -12
  9. package/package.json +6 -6
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_1js52zg_4",
3
- "sizeXS": "_sizeXS_1js52zg_14",
4
- "sizeS": "_sizeS_1js52zg_18",
5
- "sizeM": "_sizeM_1js52zg_22",
6
- "sizeL": "_sizeL_1js52zg_26",
7
- "light": "_light_1js52zg_30",
8
- "dark": "_dark_1js52zg_34",
9
- "allVariants": "_allVariants_1js52zg_48",
10
- "variant16": "_variant16_1js52zg_53",
11
- "variant20": "_variant20_1js52zg_54",
12
- "variant24": "_variant24_1js52zg_55",
13
- "variant28": "_variant28_1js52zg_58"
2
+ "icon": "_icon_hncml0_4",
3
+ "sizeXS": "_sizeXS_hncml0_14",
4
+ "sizeS": "_sizeS_hncml0_18",
5
+ "sizeM": "_sizeM_hncml0_22",
6
+ "sizeL": "_sizeL_hncml0_26",
7
+ "light": "_light_hncml0_30",
8
+ "dark": "_dark_hncml0_34",
9
+ "allVariants": "_allVariants_hncml0_48",
10
+ "variant16": "_variant16_hncml0_53",
11
+ "variant20": "_variant20_hncml0_54",
12
+ "variant24": "_variant24_hncml0_55",
13
+ "variant28": "_variant28_hncml0_58"
14
14
  };
15
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1js52zg_4{
1
+ ._icon_hncml0_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_1js52zg_4{
11
+ ._icon_hncml0_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_1js52zg_4{
20
+ ._icon_hncml0_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_1js52zg_4{
28
+ ._icon_hncml0_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:var(--rs-icons-width, auto);
33
33
  height:var(--rs-icons-height, var(--_rs-icons-height));
34
34
  }
35
- ._sizeXS_1js52zg_14{
35
+ ._sizeXS_hncml0_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1js52zg_18{
38
+ ._sizeS_hncml0_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1js52zg_22{
41
+ ._sizeM_hncml0_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1js52zg_26{
44
+ ._sizeL_hncml0_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1js52zg_30{
47
+ ._light_hncml0_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_1js52zg_34{
51
+ ._dark_hncml0_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
  }
@@ -60,61 +60,61 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._allVariants_1js52zg_48{
63
+ ._allVariants_hncml0_48{
64
64
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
65
  container:rs-icon / size;
66
66
  }
67
- ._variant16_1js52zg_53,
68
- ._variant20_1js52zg_54,
69
- ._variant24_1js52zg_55{
67
+ ._variant16_hncml0_53,
68
+ ._variant20_hncml0_54,
69
+ ._variant24_hncml0_55{
70
70
  display:none;
71
71
  }
72
- ._variant28_1js52zg_58{
72
+ ._variant28_hncml0_58{
73
73
  display:block;
74
74
  }
75
75
  @container rs-icon (max-height: 24px){
76
- ._variant24_1js52zg_55{
76
+ ._variant24_hncml0_55{
77
77
  display:block;
78
78
  }
79
- ._variant28_1js52zg_58{
79
+ ._variant28_hncml0_58{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @container rs-icon (max-height: 20px){
84
- ._variant20_1js52zg_54{
84
+ ._variant20_hncml0_54{
85
85
  display:block;
86
86
  }
87
- ._variant24_1js52zg_55{
87
+ ._variant24_hncml0_55{
88
88
  display:none;
89
89
  }
90
90
  }
91
91
  @container rs-icon (max-height: 16px){
92
- ._variant16_1js52zg_53{
92
+ ._variant16_hncml0_53{
93
93
  display:block;
94
94
  }
95
- ._variant20_1js52zg_54{
95
+ ._variant20_hncml0_54{
96
96
  display:none;
97
97
  }
98
98
  }
99
- ._alignIconLeft_tigp4u_7{
99
+ ._alignIconLeft_126973q_7{
100
100
  --_rs-tag-flex-direction:row;
101
101
  }
102
- ._alignIconRight_tigp4u_10{
102
+ ._alignIconRight_126973q_10{
103
103
  --_rs-tag-flex-direction:row-reverse;
104
104
  }
105
- ._uppercase_tigp4u_14{
105
+ ._uppercase_126973q_14{
106
106
  --_rs-tag-text-transform:uppercase;
107
107
  --_rs-tag-horizontal-padding-or-initial:var(
108
108
  --_rs-tag-uppercase-horizontal-padding
109
109
  );
110
110
  }
111
- ._sizeXs_tigp4u_18{
111
+ ._sizeXs_126973q_18{
112
112
  --_rs-tag-vertical-padding:2px;
113
113
  --_rs-tag-base-horizontal-padding:8px;
114
114
  --_rs-tag-uppercase-horizontal-padding:var(
115
115
  --_rs-tag-base-horizontal-padding
116
116
  );
117
- --_rs-tag-icon-size:20px;
117
+ --_rs-tag-icon-size:16px;
118
118
  --_rs-tag-border-radius:4px;
119
119
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
120
120
  --_rs-typography-text-transform:initial;
@@ -149,7 +149,7 @@
149
149
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
150
150
  --_rs-typography-link-border-bottom-width-from-text:1px;
151
151
  }
152
- ._sizeS_tigp4u_21{
152
+ ._sizeS_126973q_21{
153
153
  --_rs-tag-vertical-padding:4px;
154
154
  --_rs-tag-base-horizontal-padding:8px;
155
155
  --_rs-tag-uppercase-horizontal-padding:10px;
@@ -188,7 +188,7 @@
188
188
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
189
189
  --_rs-typography-link-border-bottom-width-from-text:1px;
190
190
  }
191
- ._sizeM_tigp4u_24{
191
+ ._sizeM_126973q_24{
192
192
  --_rs-tag-vertical-padding:6px;
193
193
  --_rs-tag-base-horizontal-padding:12px;
194
194
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -233,11 +233,11 @@
233
233
  --_rs-typography-link-border-bottom-width-from-text:1px;
234
234
  }
235
235
  @media screen and (max-width: 640px){
236
- ._sizeM_tigp4u_24{
236
+ ._sizeM_126973q_24{
237
237
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
238
238
  }
239
239
  }
240
- ._sizeL_tigp4u_27{
240
+ ._sizeL_126973q_27{
241
241
  --_rs-tag-vertical-padding:8px;
242
242
  --_rs-tag-base-horizontal-padding:16px;
243
243
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -282,11 +282,11 @@
282
282
  --_rs-typography-link-border-bottom-width-from-text:1px;
283
283
  }
284
284
  @media screen and (max-width: 640px){
285
- ._sizeL_tigp4u_27{
285
+ ._sizeL_126973q_27{
286
286
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
287
287
  }
288
288
  }
289
- ._main_tigp4u_31{
289
+ ._main_126973q_31{
290
290
  --_rs-tag-border-width:1px;
291
291
 
292
292
  --_rs-tag-horizontal-padding:var(
@@ -327,35 +327,34 @@
327
327
  background:transparent;
328
328
  gap:8px;
329
329
  }
330
- ._main_tigp4u_31 ._icon_tigp4u_60{
330
+ ._main_126973q_31 ._icon_126973q_60{
331
331
  fill:currentColor;
332
332
 
333
333
  width:auto;
334
334
  height:var(--_rs-tag-icon-size);
335
335
  }
336
336
 
337
- ._main_10z4ao8_1{
337
+ ._main_5r2ha8_1{
338
338
  border-radius:var(--_rs-tag-border-radius);
339
339
  }
340
340
 
341
- ._themeLight_122n83c_7{
341
+ ._themeLight_1o2yfnj_7{
342
342
  --rs-theme-dark:0;
343
343
  }
344
- ._themeDark_122n83c_10{
344
+ ._themeDark_1o2yfnj_10{
345
345
  --rs-theme-dark:1;
346
346
  }
347
- ._sizeXs_122n83c_14{
347
+ ._sizeXs_1o2yfnj_14{
348
348
  --_rs-tag-removable-vertical-padding:2px;
349
349
  --_rs-tag-removable-left-padding:8px;
350
- --_rs-tag-removable-right-padding:2px;
351
350
  --_rs-tag-removable-border-radius:4px;
352
- --_rs-tag-removable-close-icon-size:28px;
353
- --_rs-tag-removable-custom-icon-size:20px;
351
+ --_rs-tag-removable-close-part-size:24px;
352
+ --_rs-tag-removable-custom-icon-size:16px;
354
353
  }
355
- ._sizeXs_122n83c_14 [data-rs-internal="removable-tag__close-icon"]:not(html){
356
- --_rs-icons-height:20px;
354
+ ._sizeXs_1o2yfnj_14 [data-rs-internal="removable-tag__close-icon"]:not(html){
355
+ --_rs-icons-height:16px;
357
356
  }
358
- ._sizeXs_122n83c_14 {
357
+ ._sizeXs_1o2yfnj_14 {
359
358
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
360
359
  --_rs-typography-text-transform:initial;
361
360
  --_rs-typography-font-variant-numeric:initial;
@@ -389,18 +388,17 @@
389
388
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
390
389
  --_rs-typography-link-border-bottom-width-from-text:1px;
391
390
  }
392
- ._sizeS_122n83c_17{
391
+ ._sizeS_1o2yfnj_17{
393
392
  --_rs-tag-removable-vertical-padding:4px;
394
393
  --_rs-tag-removable-left-padding:8px;
395
- --_rs-tag-removable-right-padding:2px;
396
394
  --_rs-tag-removable-border-radius:4px;
397
- --_rs-tag-removable-close-icon-size:28px;
395
+ --_rs-tag-removable-close-part-size:28px;
398
396
  --_rs-tag-removable-custom-icon-size:20px;
399
397
  }
400
- ._sizeS_122n83c_17 [data-rs-internal="removable-tag__close-icon"]:not(html){
398
+ ._sizeS_1o2yfnj_17 [data-rs-internal="removable-tag__close-icon"]:not(html){
401
399
  --_rs-icons-height:20px;
402
400
  }
403
- ._sizeS_122n83c_17 {
401
+ ._sizeS_1o2yfnj_17 {
404
402
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
405
403
  --_rs-typography-text-transform:initial;
406
404
  --_rs-typography-font-variant-numeric:initial;
@@ -434,18 +432,17 @@
434
432
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
435
433
  --_rs-typography-link-border-bottom-width-from-text:1px;
436
434
  }
437
- ._sizeM_122n83c_20{
435
+ ._sizeM_1o2yfnj_20{
438
436
  --_rs-tag-removable-vertical-padding:6px;
439
437
  --_rs-tag-removable-left-padding:12px;
440
- --_rs-tag-removable-right-padding:2px;
441
438
  --_rs-tag-removable-border-radius:6px;
442
- --_rs-tag-removable-close-icon-size:36px;
439
+ --_rs-tag-removable-close-part-size:36px;
443
440
  --_rs-tag-removable-custom-icon-size:24px;
444
441
  }
445
- ._sizeM_122n83c_20 [data-rs-internal="removable-tag__close-icon"]:not(html){
442
+ ._sizeM_1o2yfnj_20 [data-rs-internal="removable-tag__close-icon"]:not(html){
446
443
  --_rs-icons-height:24px;
447
444
  }
448
- ._sizeM_122n83c_20 {
445
+ ._sizeM_1o2yfnj_20 {
449
446
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
450
447
  --_rs-typography-text-transform:initial;
451
448
  --_rs-typography-font-variant-numeric:initial;
@@ -483,22 +480,21 @@
483
480
  --_rs-typography-link-border-bottom-width-from-text:1px;
484
481
  }
485
482
  @media screen and (max-width: 640px){
486
- ._sizeM_122n83c_20 {
483
+ ._sizeM_1o2yfnj_20 {
487
484
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
488
485
  }
489
486
  }
490
- ._sizeL_122n83c_23{
487
+ ._sizeL_1o2yfnj_23{
491
488
  --_rs-tag-removable-vertical-padding:8px;
492
489
  --_rs-tag-removable-left-padding:16px;
493
- --_rs-tag-removable-right-padding:4px;
494
490
  --_rs-tag-removable-border-radius:8px;
495
- --_rs-tag-removable-close-icon-size:44px;
491
+ --_rs-tag-removable-close-part-size:44px;
496
492
  --_rs-tag-removable-custom-icon-size:28px;
497
493
  }
498
- ._sizeL_122n83c_23 [data-rs-internal="removable-tag__close-icon"]:not(html){
494
+ ._sizeL_1o2yfnj_23 [data-rs-internal="removable-tag__close-icon"]:not(html){
499
495
  --_rs-icons-height:28px;
500
496
  }
501
- ._sizeL_122n83c_23 {
497
+ ._sizeL_1o2yfnj_23 {
502
498
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
503
499
  --_rs-typography-text-transform:initial;
504
500
  --_rs-typography-font-variant-numeric:initial;
@@ -536,11 +532,11 @@
536
532
  --_rs-typography-link-border-bottom-width-from-text:1px;
537
533
  }
538
534
  @media screen and (max-width: 640px){
539
- ._sizeL_122n83c_23 {
535
+ ._sizeL_1o2yfnj_23 {
540
536
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
541
537
  }
542
538
  }
543
- ._wrapper_122n83c_27{
539
+ ._wrapper_1o2yfnj_27{
544
540
  --_rs-theme-dark:var(
545
541
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
546
542
  var(--rs-theme-dark, 0)
@@ -550,7 +546,7 @@
550
546
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
551
547
  }
552
548
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
553
- ._wrapper_122n83c_27{
549
+ ._wrapper_1o2yfnj_27{
554
550
  --_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)));
555
551
  --_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)));
556
552
  --_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)));
@@ -559,7 +555,7 @@
559
555
  }
560
556
  }
561
557
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
562
- ._wrapper_122n83c_27{
558
+ ._wrapper_1o2yfnj_27{
563
559
  --_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);
564
560
  --_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));
565
561
  --_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));
@@ -567,7 +563,7 @@
567
563
  --_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));
568
564
  }
569
565
  }
570
- ._wrapper_122n83c_27 {
566
+ ._wrapper_1o2yfnj_27 {
571
567
  letter-spacing:var(
572
568
  --rs-text-base-letter-spacing,
573
569
  var(--_rs-typography-letter-spacing)
@@ -596,34 +592,45 @@
596
592
 
597
593
  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);
598
594
  }
599
- ._wrapper_122n83c_27 > *{
595
+ ._wrapper_1o2yfnj_27 > *{
600
596
  vertical-align:top;
601
597
  }
602
- ._disabled_122n83c_50{
598
+ ._wrapper_1o2yfnj_27 ._icon_1o2yfnj_49{
599
+ flex:1 0 auto;
600
+ align-self:center;
601
+
602
+ width:auto;
603
+ height:var(--_rs-tag-removable-custom-icon-size);
604
+ margin-right:8px;
605
+
606
+ vertical-align:top;
607
+ fill:currentColor;
608
+ }
609
+ ._disabled_1o2yfnj_62{
603
610
  pointer-events:none;
604
611
  color:var(
605
612
  --rs-color-pale,
606
613
  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)
607
614
  );
608
615
  }
609
- ._main_122n83c_55{
616
+ ._main_1o2yfnj_67{
610
617
  display:inline-flex;
611
618
  flex:1 1 auto;
612
619
  justify-content:center;
613
620
  align-items:center;
614
621
 
615
622
  padding-top:var(--_rs-tag-removable-vertical-padding);
616
- padding-right:var(--_rs-tag-removable-right-padding);
623
+ padding-right:4px;
617
624
  padding-bottom:var(--_rs-tag-removable-vertical-padding);
618
625
 
619
626
  white-space:nowrap;
620
627
 
621
628
  background:transparent;
622
629
  }
623
- ._wrap_122n83c_27 ._main_122n83c_55{
630
+ ._wrap_1o2yfnj_27 ._main_1o2yfnj_67{
624
631
  white-space:normal;
625
632
  }
626
- ._close_122n83c_74{
633
+ ._close_1o2yfnj_86{
627
634
  top:0;
628
635
  right:0;
629
636
  bottom:0;
@@ -634,8 +641,8 @@
634
641
  justify-content:center;
635
642
  align-items:center;
636
643
 
637
- width:var(--_rs-tag-removable-close-icon-size);
638
- height:auto;
644
+ width:var(--_rs-tag-removable-close-part-size);
645
+ height:var(--_rs-tag-removable-close-part-size);
639
646
  padding:0;
640
647
 
641
648
  border:none;
@@ -651,94 +658,82 @@
651
658
  -webkit-font-smoothing:inherit;
652
659
  -moz-osx-font-smoothing:inherit;
653
660
  }
654
- ._close_122n83c_74::-moz-focus-inner{
661
+ ._close_1o2yfnj_86::-moz-focus-inner{
655
662
  padding:0;
656
663
 
657
664
  border:0;
658
665
  }
659
- ._close_122n83c_74:active,
660
- ._close_122n83c_74:hover,
661
- ._close_122n83c_74:focus{
666
+ ._close_1o2yfnj_86:active,
667
+ ._close_1o2yfnj_86:hover,
668
+ ._close_1o2yfnj_86:focus{
662
669
  outline:none;
663
670
 
664
671
  text-decoration:none;
665
672
  }
666
- ._close_122n83c_74:hover{
673
+ ._close_1o2yfnj_86:hover{
667
674
  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));
668
675
  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);
669
676
  }
670
- ._close_122n83c_74:active{
677
+ ._close_1o2yfnj_86:active{
671
678
  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));
672
679
  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);
673
680
  }
674
- ._close_122n83c_74:focus[data-focus-method='key']{
681
+ ._close_1o2yfnj_86:focus[data-focus-method='key']{
675
682
  box-shadow:inset 0 0 0 4px var(--_rs-color-primary-dim);
676
683
  }
677
- ._disabled_122n83c_50 ._close_122n83c_74{
684
+ ._disabled_1o2yfnj_62 ._close_1o2yfnj_86{
678
685
  pointer-events:none;
679
686
  }
680
- ._icon_122n83c_135{
681
- flex:1 0 auto;
682
-
683
- width:auto;
684
- height:var(--_rs-tag-removable-custom-icon-size);
685
- margin-top:var(--_rs-tag-removable-vertical-padding);
686
- margin-right:8px;
687
- margin-bottom:var(--_rs-tag-removable-vertical-padding);
688
-
689
- vertical-align:top;
690
- fill:currentColor;
691
- }
692
687
 
693
- ._wrapper_1io87ka_3{
688
+ ._wrapper_i1xq9u_3{
694
689
  position:relative;
695
690
  }
696
- ._offset16_1io87ka_7{
691
+ ._offset16_i1xq9u_7{
697
692
  --_rs-tag-sticky-side-offset:16px;
698
693
  }
699
- ._offset24_1io87ka_10{
694
+ ._offset24_i1xq9u_10{
700
695
  --_rs-tag-sticky-side-offset:24px;
701
696
  }
702
- ._offset32_1io87ka_13{
697
+ ._offset32_i1xq9u_13{
703
698
  --_rs-tag-sticky-side-offset:32px;
704
699
  }
705
- ._alignTop_1io87ka_17{
700
+ ._alignTop_i1xq9u_17{
706
701
  --_rs-tag-sticky-border-radius:var(--_rs-tag-border-radius) var(--_rs-tag-border-radius) 0 0;
707
702
  --_rs-tag-sticky-translate-y:-100%;
708
703
  }
709
- ._alignMiddle_1io87ka_20{
704
+ ._alignMiddle_i1xq9u_20{
710
705
  --_rs-tag-sticky-border-radius:var(--_rs-tag-border-radius);
711
706
  --_rs-tag-sticky-translate-y:-50%;
712
707
  }
713
- ._topStart_1io87ka_24{
708
+ ._topStart_i1xq9u_24{
714
709
  --_rs-tag-sticky-top:0;
715
710
  --_rs-tag-sticky-right:initial;
716
711
  --_rs-tag-sticky-left:var(--_rs-tag-sticky-side-offset);
717
712
  --_rs-tag-sticky-transform:translate(0, var(--_rs-tag-sticky-translate-y));
718
713
  --_rs-tag-sticky-transform-origin:initial;
719
714
  }
720
- ._topEnd_1io87ka_27{
715
+ ._topEnd_i1xq9u_27{
721
716
  --_rs-tag-sticky-top:0;
722
717
  --_rs-tag-sticky-right:var(--_rs-tag-sticky-side-offset);
723
718
  --_rs-tag-sticky-left:initial;
724
719
  --_rs-tag-sticky-transform:translate(0, var(--_rs-tag-sticky-translate-y));
725
720
  --_rs-tag-sticky-transform-origin:initial;
726
721
  }
727
- ._leftStart_1io87ka_30{
722
+ ._leftStart_i1xq9u_30{
728
723
  --_rs-tag-sticky-top:var(--_rs-tag-sticky-side-offset);
729
724
  --_rs-tag-sticky-right:100%;
730
725
  --_rs-tag-sticky-left:initial;
731
726
  --_rs-tag-sticky-transform:rotate(270deg) translate(0, var(--_rs-tag-sticky-translate-y));
732
727
  --_rs-tag-sticky-transform-origin:100% 0;
733
728
  }
734
- ._leftEnd_1io87ka_33{
729
+ ._leftEnd_i1xq9u_33{
735
730
  --_rs-tag-sticky-top:calc(100% - var(--_rs-tag-sticky-side-offset));
736
731
  --_rs-tag-sticky-right:100%;
737
732
  --_rs-tag-sticky-left:initial;
738
733
  --_rs-tag-sticky-transform:rotate(270deg) translate(100%, var(--_rs-tag-sticky-translate-y));
739
734
  --_rs-tag-sticky-transform-origin:100% 0;
740
735
  }
741
- ._tag_1io87ka_37{
736
+ ._tag_i1xq9u_37{
742
737
  position:absolute;
743
738
  top:var(--_rs-tag-sticky-top);
744
739
  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_tigp4u_7",
3
- "alignIconRight": "_alignIconRight_tigp4u_10",
4
- "uppercase": "_uppercase_tigp4u_14",
5
- "sizeXs": "_sizeXs_tigp4u_18",
6
- "sizeS": "_sizeS_tigp4u_21",
7
- "sizeM": "_sizeM_tigp4u_24",
8
- "sizeL": "_sizeL_tigp4u_27",
9
- "main": "_main_tigp4u_31",
10
- "icon": "_icon_tigp4u_60"
2
+ "alignIconLeft": "_alignIconLeft_126973q_7",
3
+ "alignIconRight": "_alignIconRight_126973q_10",
4
+ "uppercase": "_uppercase_126973q_14",
5
+ "sizeXs": "_sizeXs_126973q_18",
6
+ "sizeS": "_sizeS_126973q_21",
7
+ "sizeM": "_sizeM_126973q_24",
8
+ "sizeL": "_sizeL_126973q_27",
9
+ "main": "_main_126973q_31",
10
+ "icon": "_icon_126973q_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_122n83c_7",
3
- "themeDark": "_themeDark_122n83c_10",
4
- "sizeXs": "_sizeXs_122n83c_14",
5
- "sizeS": "_sizeS_122n83c_17",
6
- "sizeM": "_sizeM_122n83c_20",
7
- "sizeL": "_sizeL_122n83c_23",
8
- "wrapper": "_wrapper_122n83c_27",
9
- "disabled": "_disabled_122n83c_50",
10
- "main": "_main_122n83c_55",
11
- "wrap": "_wrap_122n83c_27",
12
- "close": "_close_122n83c_74",
13
- "icon": "_icon_122n83c_135"
2
+ "themeLight": "_themeLight_1o2yfnj_7",
3
+ "themeDark": "_themeDark_1o2yfnj_10",
4
+ "sizeXs": "_sizeXs_1o2yfnj_14",
5
+ "sizeS": "_sizeS_1o2yfnj_17",
6
+ "sizeM": "_sizeM_1o2yfnj_20",
7
+ "sizeL": "_sizeL_1o2yfnj_23",
8
+ "wrapper": "_wrapper_1o2yfnj_27",
9
+ "icon": "_icon_1o2yfnj_49",
10
+ "disabled": "_disabled_1o2yfnj_62",
11
+ "main": "_main_1o2yfnj_67",
12
+ "wrap": "_wrap_1o2yfnj_27",
13
+ "close": "_close_1o2yfnj_86"
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_1io87ka_3",
3
- "offset16": "_offset16_1io87ka_7",
4
- "offset24": "_offset24_1io87ka_10",
5
- "offset32": "_offset32_1io87ka_13",
6
- "alignTop": "_alignTop_1io87ka_17",
7
- "alignMiddle": "_alignMiddle_1io87ka_20",
8
- "topStart": "_topStart_1io87ka_24",
9
- "topEnd": "_topEnd_1io87ka_27",
10
- "leftStart": "_leftStart_1io87ka_30",
11
- "leftEnd": "_leftEnd_1io87ka_33",
12
- "tag": "_tag_1io87ka_37"
2
+ "wrapper": "_wrapper_i1xq9u_3",
3
+ "offset16": "_offset16_i1xq9u_7",
4
+ "offset24": "_offset24_i1xq9u_10",
5
+ "offset32": "_offset32_i1xq9u_13",
6
+ "alignTop": "_alignTop_i1xq9u_17",
7
+ "alignMiddle": "_alignMiddle_i1xq9u_20",
8
+ "topStart": "_topStart_i1xq9u_24",
9
+ "topEnd": "_topEnd_i1xq9u_27",
10
+ "leftStart": "_leftStart_i1xq9u_30",
11
+ "leftEnd": "_leftEnd_i1xq9u_33",
12
+ "tag": "_tag_i1xq9u_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_10z4ao8_1"
2
+ "main": "_main_5r2ha8_1"
3
3
  };
4
4
  export { styles as default };
package/lib/public-api.p.css CHANGED
@@ -5,7 +5,7 @@
5
5
  --_rs-tag-uppercase-horizontal-padding:var(
6
6
  --_rs-tag-base-horizontal-padding
7
7
  );
8
- --_rs-tag-icon-size:20px;
8
+ --_rs-tag-icon-size:16px;
9
9
  --_rs-tag-border-radius:4px;
10
10
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
11
11
  --_rs-typography-text-transform:initial;
@@ -215,7 +215,7 @@
215
215
  --_rs-tag-uppercase-horizontal-padding:var(
216
216
  --_rs-tag-base-horizontal-padding
217
217
  );
218
- --_rs-tag-icon-size:20px;
218
+ --_rs-tag-icon-size:16px;
219
219
  --_rs-tag-border-radius:4px;
220
220
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
221
221
  --_rs-typography-text-transform:initial;
@@ -485,13 +485,12 @@
485
485
  &:not(html){
486
486
  --_rs-tag-removable-vertical-padding:2px;
487
487
  --_rs-tag-removable-left-padding:8px;
488
- --_rs-tag-removable-right-padding:2px;
489
488
  --_rs-tag-removable-border-radius:4px;
490
- --_rs-tag-removable-close-icon-size:28px;
491
- --_rs-tag-removable-custom-icon-size:20px;
489
+ --_rs-tag-removable-close-part-size:24px;
490
+ --_rs-tag-removable-custom-icon-size:16px;
492
491
  }
493
492
  &:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
494
- --_rs-icons-height:20px;
493
+ --_rs-icons-height:16px;
495
494
  }
496
495
  &:not(html){
497
496
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
@@ -532,9 +531,8 @@
532
531
  &:not(html){
533
532
  --_rs-tag-removable-vertical-padding:4px;
534
533
  --_rs-tag-removable-left-padding:8px;
535
- --_rs-tag-removable-right-padding:2px;
536
534
  --_rs-tag-removable-border-radius:4px;
537
- --_rs-tag-removable-close-icon-size:28px;
535
+ --_rs-tag-removable-close-part-size:28px;
538
536
  --_rs-tag-removable-custom-icon-size:20px;
539
537
  }
540
538
  &:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
@@ -579,9 +577,8 @@
579
577
  &:not(html){
580
578
  --_rs-tag-removable-vertical-padding:6px;
581
579
  --_rs-tag-removable-left-padding:12px;
582
- --_rs-tag-removable-right-padding:2px;
583
580
  --_rs-tag-removable-border-radius:6px;
584
- --_rs-tag-removable-close-icon-size:36px;
581
+ --_rs-tag-removable-close-part-size:36px;
585
582
  --_rs-tag-removable-custom-icon-size:24px;
586
583
  }
587
584
  &:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
@@ -634,9 +631,8 @@
634
631
  &:not(html){
635
632
  --_rs-tag-removable-vertical-padding:8px;
636
633
  --_rs-tag-removable-left-padding:16px;
637
- --_rs-tag-removable-right-padding:4px;
638
634
  --_rs-tag-removable-border-radius:8px;
639
- --_rs-tag-removable-close-icon-size:44px;
635
+ --_rs-tag-removable-close-part-size:44px;
640
636
  --_rs-tag-removable-custom-icon-size:28px;
641
637
  }
642
638
  &:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
package/lib/public-api.pcss CHANGED
@@ -5,7 +5,7 @@
5
5
  --_rs-tag-uppercase-horizontal-padding:var(
6
6
  --_rs-tag-base-horizontal-padding
7
7
  );
8
- --_rs-tag-icon-size:20px;
8
+ --_rs-tag-icon-size:16px;
9
9
  --_rs-tag-border-radius:4px;
10
10
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
11
11
  --_rs-typography-text-transform:initial;
@@ -215,7 +215,7 @@
215
215
  --_rs-tag-uppercase-horizontal-padding:var(
216
216
  --_rs-tag-base-horizontal-padding
217
217
  );
218
- --_rs-tag-icon-size:20px;
218
+ --_rs-tag-icon-size:16px;
219
219
  --_rs-tag-border-radius:4px;
220
220
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
221
221
  --_rs-typography-text-transform:initial;
@@ -485,13 +485,12 @@
485
485
  &:not(html){
486
486
  --_rs-tag-removable-vertical-padding:2px;
487
487
  --_rs-tag-removable-left-padding:8px;
488
- --_rs-tag-removable-right-padding:2px;
489
488
  --_rs-tag-removable-border-radius:4px;
490
- --_rs-tag-removable-close-icon-size:28px;
491
- --_rs-tag-removable-custom-icon-size:20px;
489
+ --_rs-tag-removable-close-part-size:24px;
490
+ --_rs-tag-removable-custom-icon-size:16px;
492
491
  }
493
492
  &:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
494
- --_rs-icons-height:20px;
493
+ --_rs-icons-height:16px;
495
494
  }
496
495
  &:not(html){
497
496
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
@@ -532,9 +531,8 @@
532
531
  &:not(html){
533
532
  --_rs-tag-removable-vertical-padding:4px;
534
533
  --_rs-tag-removable-left-padding:8px;
535
- --_rs-tag-removable-right-padding:2px;
536
534
  --_rs-tag-removable-border-radius:4px;
537
- --_rs-tag-removable-close-icon-size:28px;
535
+ --_rs-tag-removable-close-part-size:28px;
538
536
  --_rs-tag-removable-custom-icon-size:20px;
539
537
  }
540
538
  &:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
@@ -579,9 +577,8 @@
579
577
  &:not(html){
580
578
  --_rs-tag-removable-vertical-padding:6px;
581
579
  --_rs-tag-removable-left-padding:12px;
582
- --_rs-tag-removable-right-padding:2px;
583
580
  --_rs-tag-removable-border-radius:6px;
584
- --_rs-tag-removable-close-icon-size:36px;
581
+ --_rs-tag-removable-close-part-size:36px;
585
582
  --_rs-tag-removable-custom-icon-size:24px;
586
583
  }
587
584
  &:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
@@ -634,9 +631,8 @@
634
631
  &:not(html){
635
632
  --_rs-tag-removable-vertical-padding:8px;
636
633
  --_rs-tag-removable-left-padding:16px;
637
- --_rs-tag-removable-right-padding:4px;
638
634
  --_rs-tag-removable-border-radius:8px;
639
- --_rs-tag-removable-close-icon-size:44px;
635
+ --_rs-tag-removable-close-part-size:44px;
640
636
  --_rs-tag-removable-custom-icon-size:28px;
641
637
  }
642
638
  &:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tag",
3
- "version": "0.11.4-RUI-262-Migrate-to-GH-Actions-Release-dummy-c8e357bc.15+c8e357bc",
3
+ "version": "0.12.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,7 +16,7 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/colors": "0.2.11-RUI-262-Migrate-to-GH-Actions-Release-dummy-c8e357bc.31+c8e357bc",
19
+ "@rescui/colors": "^0.2.11",
20
20
  "classnames": "^2.3.1"
21
21
  },
22
22
  "peerDependencies": {
@@ -25,14 +25,14 @@
25
25
  "react": ">=16.8.0 <20"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/icons": "1.6.1-RUI-262-Migrate-to-GH-Actions-Release-dummy-c8e357bc.15+c8e357bc",
29
- "@rescui/scripts": "0.5.1",
30
- "@rescui/typography": "0.24.1-RUI-262-Migrate-to-GH-Actions-Release-dummy-c8e357bc.31+c8e357bc"
28
+ "@rescui/icons": "^1.6.1",
29
+ "@rescui/scripts": "^0.5.1",
30
+ "@rescui/typography": "^0.24.1"
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": "c8e357bcb9bd3973cd704e20c06fb17805e4f2b2"
37
+ "gitHead": "3f57184bd5ba6bc008d8bec7b4a76dbb231b3920"
38
38
  }