@rescui/tag 0.10.12 → 0.10.14

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 +7 -7
  2. package/lib/index.css +75 -75
  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 +12 -12
  8. package/lib/public-api.pcss +12 -12
  9. package/package.json +4 -4
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_ons1cf_4",
3
- "sizeXS": "_sizeXS_ons1cf_14",
4
- "sizeS": "_sizeS_ons1cf_18",
5
- "sizeM": "_sizeM_ons1cf_22",
6
- "sizeL": "_sizeL_ons1cf_26",
7
- "light": "_light_ons1cf_30",
8
- "dark": "_dark_ons1cf_34"
2
+ "icon": "_icon_19xlij7_4",
3
+ "sizeXS": "_sizeXS_19xlij7_14",
4
+ "sizeS": "_sizeS_19xlij7_18",
5
+ "sizeM": "_sizeM_19xlij7_22",
6
+ "sizeL": "_sizeL_19xlij7_26",
7
+ "light": "_light_19xlij7_30",
8
+ "dark": "_dark_19xlij7_34"
9
9
  };
10
10
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_ons1cf_4{
1
+ ._icon_19xlij7_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_ons1cf_4{
11
+ ._icon_19xlij7_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_ons1cf_4{
20
+ ._icon_19xlij7_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_ons1cf_4{
28
+ ._icon_19xlij7_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_ons1cf_14{
35
+ ._sizeXS_19xlij7_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_ons1cf_18{
38
+ ._sizeS_19xlij7_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_ons1cf_22{
41
+ ._sizeM_19xlij7_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_ons1cf_26{
44
+ ._sizeL_19xlij7_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_ons1cf_30{
47
+ ._light_19xlij7_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_ons1cf_34{
51
+ ._dark_19xlij7_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,19 +60,19 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._alignIconLeft_1n1e1cd_7{
63
+ ._alignIconLeft_1i6xjbl_7{
64
64
  --_rs-tag-flex-direction:row;
65
65
  }
66
- ._alignIconRight_1n1e1cd_10{
66
+ ._alignIconRight_1i6xjbl_10{
67
67
  --_rs-tag-flex-direction:row-reverse;
68
68
  }
69
- ._uppercase_1n1e1cd_14{
69
+ ._uppercase_1i6xjbl_14{
70
70
  --_rs-tag-text-transform:uppercase;
71
71
  --_rs-tag-horizontal-padding-or-initial:var(
72
72
  --_rs-tag-uppercase-horizontal-padding
73
73
  );
74
74
  }
75
- ._sizeXs_1n1e1cd_18{
75
+ ._sizeXs_1i6xjbl_18{
76
76
  --_rs-tag-vertical-padding:2px;
77
77
  --_rs-tag-base-horizontal-padding:8px;
78
78
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -80,7 +80,7 @@
80
80
  );
81
81
  --_rs-tag-icon-size:20px;
82
82
  --_rs-tag-border-radius:4px;
83
- --_rs-typography-letter-spacing:0.0045em;
83
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
84
84
  --_rs-typography-text-transform:initial;
85
85
  --_rs-typography-font-variant-numeric:initial;
86
86
  --_rs-typography-font-family:var(
@@ -113,13 +113,13 @@
113
113
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
114
114
  --_rs-typography-link-border-bottom-width-from-text:1px;
115
115
  }
116
- ._sizeS_1n1e1cd_21{
116
+ ._sizeS_1i6xjbl_21{
117
117
  --_rs-tag-vertical-padding:4px;
118
118
  --_rs-tag-base-horizontal-padding:8px;
119
119
  --_rs-tag-uppercase-horizontal-padding:10px;
120
120
  --_rs-tag-icon-size:20px;
121
121
  --_rs-tag-border-radius:4px;
122
- --_rs-typography-letter-spacing:0.0045em;
122
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
123
123
  --_rs-typography-text-transform:initial;
124
124
  --_rs-typography-font-variant-numeric:initial;
125
125
  --_rs-typography-font-family:var(
@@ -152,7 +152,7 @@
152
152
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
153
153
  --_rs-typography-link-border-bottom-width-from-text:1px;
154
154
  }
155
- ._sizeM_1n1e1cd_24{
155
+ ._sizeM_1i6xjbl_24{
156
156
  --_rs-tag-vertical-padding:6px;
157
157
  --_rs-tag-base-horizontal-padding:12px;
158
158
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -160,7 +160,7 @@
160
160
  );
161
161
  --_rs-tag-icon-size:24px;
162
162
  --_rs-tag-border-radius:6px;
163
- --_rs-typography-letter-spacing:0.0015em;
163
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
164
164
  --_rs-typography-text-transform:initial;
165
165
  --_rs-typography-font-variant-numeric:initial;
166
166
  --_rs-typography-font-family:var(
@@ -194,11 +194,11 @@
194
194
  --_rs-typography-link-border-bottom-width-from-text:1px;
195
195
  }
196
196
  @media screen and (max-width: 640px){
197
- ._sizeM_1n1e1cd_24{
197
+ ._sizeM_1i6xjbl_24{
198
198
  --_rs-typography-list-li-margin-top-from-text:12px;
199
199
  }
200
200
  }
201
- ._sizeL_1n1e1cd_27{
201
+ ._sizeL_1i6xjbl_27{
202
202
  --_rs-tag-vertical-padding:8px;
203
203
  --_rs-tag-base-horizontal-padding:16px;
204
204
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -206,7 +206,7 @@
206
206
  );
207
207
  --_rs-tag-icon-size:28px;
208
208
  --_rs-tag-border-radius:8px;
209
- --_rs-typography-letter-spacing:normal;
209
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
210
210
  --_rs-typography-text-transform:initial;
211
211
  --_rs-typography-font-variant-numeric:initial;
212
212
  --_rs-typography-font-family:var(
@@ -240,11 +240,11 @@
240
240
  --_rs-typography-link-border-bottom-width-from-text:1px;
241
241
  }
242
242
  @media screen and (max-width: 640px){
243
- ._sizeL_1n1e1cd_27{
243
+ ._sizeL_1i6xjbl_27{
244
244
  --_rs-typography-list-li-margin-top-from-text:16px;
245
245
  }
246
246
  }
247
- ._main_1n1e1cd_31{
247
+ ._main_1i6xjbl_31{
248
248
  --_rs-tag-border-width:1px;
249
249
 
250
250
  --_rs-tag-horizontal-padding:var(
@@ -285,24 +285,24 @@
285
285
  background:transparent;
286
286
  gap:8px;
287
287
  }
288
- ._main_1n1e1cd_31 ._icon_1n1e1cd_60{
288
+ ._main_1i6xjbl_31 ._icon_1i6xjbl_60{
289
289
  fill:currentColor;
290
290
 
291
291
  width:auto;
292
292
  height:var(--_rs-tag-icon-size);
293
293
  }
294
294
 
295
- ._main_1qo41x7_1{
295
+ ._main_imuztz_1{
296
296
  border-radius:var(--_rs-tag-border-radius);
297
297
  }
298
298
 
299
- ._themeLight_1dan2h7_7{
299
+ ._themeLight_1lob0d3_7{
300
300
  --rs-theme-dark:0;
301
301
  }
302
- ._themeDark_1dan2h7_10{
302
+ ._themeDark_1lob0d3_10{
303
303
  --rs-theme-dark:1;
304
304
  }
305
- ._sizeXs_1dan2h7_14{
305
+ ._sizeXs_1lob0d3_14{
306
306
  --_rs-tag-removable-vertical-padding:2px;
307
307
  --_rs-tag-removable-left-padding:8px;
308
308
  --_rs-tag-removable-right-padding:2px;
@@ -310,11 +310,11 @@
310
310
  --_rs-tag-removable-close-icon-size:28px;
311
311
  --_rs-tag-removable-custom-icon-size:20px;
312
312
  }
313
- ._sizeXs_1dan2h7_14 [data-rs-internal="removable-tag__close-icon"]:not(html){
313
+ ._sizeXs_1lob0d3_14 [data-rs-internal="removable-tag__close-icon"]:not(html){
314
314
  --_rs-icons-height:20px;
315
315
  }
316
- ._sizeXs_1dan2h7_14 {
317
- --_rs-typography-letter-spacing:0.0045em;
316
+ ._sizeXs_1lob0d3_14 {
317
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
318
318
  --_rs-typography-text-transform:initial;
319
319
  --_rs-typography-font-variant-numeric:initial;
320
320
  --_rs-typography-font-family:var(
@@ -347,7 +347,7 @@
347
347
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
348
348
  --_rs-typography-link-border-bottom-width-from-text:1px;
349
349
  }
350
- ._sizeS_1dan2h7_17{
350
+ ._sizeS_1lob0d3_17{
351
351
  --_rs-tag-removable-vertical-padding:4px;
352
352
  --_rs-tag-removable-left-padding:8px;
353
353
  --_rs-tag-removable-right-padding:2px;
@@ -355,11 +355,11 @@
355
355
  --_rs-tag-removable-close-icon-size:28px;
356
356
  --_rs-tag-removable-custom-icon-size:20px;
357
357
  }
358
- ._sizeS_1dan2h7_17 [data-rs-internal="removable-tag__close-icon"]:not(html){
358
+ ._sizeS_1lob0d3_17 [data-rs-internal="removable-tag__close-icon"]:not(html){
359
359
  --_rs-icons-height:20px;
360
360
  }
361
- ._sizeS_1dan2h7_17 {
362
- --_rs-typography-letter-spacing:0.0045em;
361
+ ._sizeS_1lob0d3_17 {
362
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
363
363
  --_rs-typography-text-transform:initial;
364
364
  --_rs-typography-font-variant-numeric:initial;
365
365
  --_rs-typography-font-family:var(
@@ -392,7 +392,7 @@
392
392
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
393
393
  --_rs-typography-link-border-bottom-width-from-text:1px;
394
394
  }
395
- ._sizeM_1dan2h7_20{
395
+ ._sizeM_1lob0d3_20{
396
396
  --_rs-tag-removable-vertical-padding:6px;
397
397
  --_rs-tag-removable-left-padding:12px;
398
398
  --_rs-tag-removable-right-padding:2px;
@@ -400,11 +400,11 @@
400
400
  --_rs-tag-removable-close-icon-size:36px;
401
401
  --_rs-tag-removable-custom-icon-size:24px;
402
402
  }
403
- ._sizeM_1dan2h7_20 [data-rs-internal="removable-tag__close-icon"]:not(html){
403
+ ._sizeM_1lob0d3_20 [data-rs-internal="removable-tag__close-icon"]:not(html){
404
404
  --_rs-icons-height:24px;
405
405
  }
406
- ._sizeM_1dan2h7_20 {
407
- --_rs-typography-letter-spacing:0.0015em;
406
+ ._sizeM_1lob0d3_20 {
407
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
408
408
  --_rs-typography-text-transform:initial;
409
409
  --_rs-typography-font-variant-numeric:initial;
410
410
  --_rs-typography-font-family:var(
@@ -438,11 +438,11 @@
438
438
  --_rs-typography-link-border-bottom-width-from-text:1px;
439
439
  }
440
440
  @media screen and (max-width: 640px){
441
- ._sizeM_1dan2h7_20 {
441
+ ._sizeM_1lob0d3_20 {
442
442
  --_rs-typography-list-li-margin-top-from-text:12px;
443
443
  }
444
444
  }
445
- ._sizeL_1dan2h7_23{
445
+ ._sizeL_1lob0d3_23{
446
446
  --_rs-tag-removable-vertical-padding:8px;
447
447
  --_rs-tag-removable-left-padding:16px;
448
448
  --_rs-tag-removable-right-padding:4px;
@@ -450,11 +450,11 @@
450
450
  --_rs-tag-removable-close-icon-size:44px;
451
451
  --_rs-tag-removable-custom-icon-size:28px;
452
452
  }
453
- ._sizeL_1dan2h7_23 [data-rs-internal="removable-tag__close-icon"]:not(html){
453
+ ._sizeL_1lob0d3_23 [data-rs-internal="removable-tag__close-icon"]:not(html){
454
454
  --_rs-icons-height:28px;
455
455
  }
456
- ._sizeL_1dan2h7_23 {
457
- --_rs-typography-letter-spacing:normal;
456
+ ._sizeL_1lob0d3_23 {
457
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
458
458
  --_rs-typography-text-transform:initial;
459
459
  --_rs-typography-font-variant-numeric:initial;
460
460
  --_rs-typography-font-family:var(
@@ -488,11 +488,11 @@
488
488
  --_rs-typography-link-border-bottom-width-from-text:1px;
489
489
  }
490
490
  @media screen and (max-width: 640px){
491
- ._sizeL_1dan2h7_23 {
491
+ ._sizeL_1lob0d3_23 {
492
492
  --_rs-typography-list-li-margin-top-from-text:16px;
493
493
  }
494
494
  }
495
- ._wrapper_1dan2h7_27{
495
+ ._wrapper_1lob0d3_27{
496
496
  --_rs-theme-dark:var(
497
497
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
498
498
  var(--rs-theme-dark, 0)
@@ -502,7 +502,7 @@
502
502
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
503
503
  }
504
504
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
505
- ._wrapper_1dan2h7_27{
505
+ ._wrapper_1lob0d3_27{
506
506
  --_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)));
507
507
  --_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)));
508
508
  --_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)));
@@ -511,7 +511,7 @@
511
511
  }
512
512
  }
513
513
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
514
- ._wrapper_1dan2h7_27{
514
+ ._wrapper_1lob0d3_27{
515
515
  --_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);
516
516
  --_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));
517
517
  --_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));
@@ -519,7 +519,7 @@
519
519
  --_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));
520
520
  }
521
521
  }
522
- ._wrapper_1dan2h7_27 {
522
+ ._wrapper_1lob0d3_27 {
523
523
  letter-spacing:var(
524
524
  --rs-text-base-letter-spacing,
525
525
  var(--_rs-typography-letter-spacing)
@@ -548,17 +548,17 @@
548
548
 
549
549
  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);
550
550
  }
551
- ._wrapper_1dan2h7_27 > *{
551
+ ._wrapper_1lob0d3_27 > *{
552
552
  vertical-align:top;
553
553
  }
554
- ._disabled_1dan2h7_50{
554
+ ._disabled_1lob0d3_50{
555
555
  pointer-events:none;
556
556
  color:var(
557
557
  --rs-color-pale,
558
558
  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)
559
559
  );
560
560
  }
561
- ._main_1dan2h7_55{
561
+ ._main_1lob0d3_55{
562
562
  display:inline-flex;
563
563
  flex:1 1 auto;
564
564
  justify-content:center;
@@ -572,10 +572,10 @@
572
572
 
573
573
  background:transparent;
574
574
  }
575
- ._wrap_1dan2h7_27 ._main_1dan2h7_55{
575
+ ._wrap_1lob0d3_27 ._main_1lob0d3_55{
576
576
  white-space:normal;
577
577
  }
578
- ._close_1dan2h7_74{
578
+ ._close_1lob0d3_74{
579
579
  top:0;
580
580
  right:0;
581
581
  bottom:0;
@@ -603,33 +603,33 @@
603
603
  -webkit-font-smoothing:inherit;
604
604
  -moz-osx-font-smoothing:inherit;
605
605
  }
606
- ._close_1dan2h7_74::-moz-focus-inner{
606
+ ._close_1lob0d3_74::-moz-focus-inner{
607
607
  padding:0;
608
608
 
609
609
  border:0;
610
610
  }
611
- ._close_1dan2h7_74:active,
612
- ._close_1dan2h7_74:hover,
613
- ._close_1dan2h7_74:focus{
611
+ ._close_1lob0d3_74:active,
612
+ ._close_1lob0d3_74:hover,
613
+ ._close_1lob0d3_74:focus{
614
614
  outline:none;
615
615
 
616
616
  text-decoration:none;
617
617
  }
618
- ._close_1dan2h7_74:hover{
618
+ ._close_1lob0d3_74:hover{
619
619
  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));
620
620
  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);
621
621
  }
622
- ._close_1dan2h7_74:active{
622
+ ._close_1lob0d3_74:active{
623
623
  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));
624
624
  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);
625
625
  }
626
- ._close_1dan2h7_74:focus[data-focus-method='key']{
626
+ ._close_1lob0d3_74:focus[data-focus-method='key']{
627
627
  box-shadow:inset 0 0 0 4px var(--_rs-color-primary-dim);
628
628
  }
629
- ._disabled_1dan2h7_50 ._close_1dan2h7_74{
629
+ ._disabled_1lob0d3_50 ._close_1lob0d3_74{
630
630
  pointer-events:none;
631
631
  }
632
- ._icon_1dan2h7_135{
632
+ ._icon_1lob0d3_135{
633
633
  flex:1 0 auto;
634
634
 
635
635
  width:auto;
@@ -642,55 +642,55 @@
642
642
  fill:currentColor;
643
643
  }
644
644
 
645
- ._wrapper_1a2lqmx_3{
645
+ ._wrapper_1urs2x1_3{
646
646
  position:relative;
647
647
  }
648
- ._offset16_1a2lqmx_7{
648
+ ._offset16_1urs2x1_7{
649
649
  --_rs-tag-sticky-side-offset:16px;
650
650
  }
651
- ._offset24_1a2lqmx_10{
651
+ ._offset24_1urs2x1_10{
652
652
  --_rs-tag-sticky-side-offset:24px;
653
653
  }
654
- ._offset32_1a2lqmx_13{
654
+ ._offset32_1urs2x1_13{
655
655
  --_rs-tag-sticky-side-offset:32px;
656
656
  }
657
- ._alignTop_1a2lqmx_17{
657
+ ._alignTop_1urs2x1_17{
658
658
  --_rs-tag-sticky-border-radius:var(--_rs-tag-border-radius) var(--_rs-tag-border-radius) 0 0;
659
659
  --_rs-tag-sticky-translate-y:-100%;
660
660
  }
661
- ._alignMiddle_1a2lqmx_20{
661
+ ._alignMiddle_1urs2x1_20{
662
662
  --_rs-tag-sticky-border-radius:var(--_rs-tag-border-radius);
663
663
  --_rs-tag-sticky-translate-y:-50%;
664
664
  }
665
- ._topStart_1a2lqmx_24{
665
+ ._topStart_1urs2x1_24{
666
666
  --_rs-tag-sticky-top:0;
667
667
  --_rs-tag-sticky-right:initial;
668
668
  --_rs-tag-sticky-left:var(--_rs-tag-sticky-side-offset);
669
669
  --_rs-tag-sticky-transform:translate(0, var(--_rs-tag-sticky-translate-y));
670
670
  --_rs-tag-sticky-transform-origin:initial;
671
671
  }
672
- ._topEnd_1a2lqmx_27{
672
+ ._topEnd_1urs2x1_27{
673
673
  --_rs-tag-sticky-top:0;
674
674
  --_rs-tag-sticky-right:var(--_rs-tag-sticky-side-offset);
675
675
  --_rs-tag-sticky-left:initial;
676
676
  --_rs-tag-sticky-transform:translate(0, var(--_rs-tag-sticky-translate-y));
677
677
  --_rs-tag-sticky-transform-origin:initial;
678
678
  }
679
- ._leftStart_1a2lqmx_30{
679
+ ._leftStart_1urs2x1_30{
680
680
  --_rs-tag-sticky-top:var(--_rs-tag-sticky-side-offset);
681
681
  --_rs-tag-sticky-right:100%;
682
682
  --_rs-tag-sticky-left:initial;
683
683
  --_rs-tag-sticky-transform:rotate(270deg) translate(0, var(--_rs-tag-sticky-translate-y));
684
684
  --_rs-tag-sticky-transform-origin:100% 0;
685
685
  }
686
- ._leftEnd_1a2lqmx_33{
686
+ ._leftEnd_1urs2x1_33{
687
687
  --_rs-tag-sticky-top:calc(100% - var(--_rs-tag-sticky-side-offset));
688
688
  --_rs-tag-sticky-right:100%;
689
689
  --_rs-tag-sticky-left:initial;
690
690
  --_rs-tag-sticky-transform:rotate(270deg) translate(100%, var(--_rs-tag-sticky-translate-y));
691
691
  --_rs-tag-sticky-transform-origin:100% 0;
692
692
  }
693
- ._tag_1a2lqmx_37{
693
+ ._tag_1urs2x1_37{
694
694
  position:absolute;
695
695
  top:var(--_rs-tag-sticky-top);
696
696
  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_1n1e1cd_7",
3
- "alignIconRight": "_alignIconRight_1n1e1cd_10",
4
- "uppercase": "_uppercase_1n1e1cd_14",
5
- "sizeXs": "_sizeXs_1n1e1cd_18",
6
- "sizeS": "_sizeS_1n1e1cd_21",
7
- "sizeM": "_sizeM_1n1e1cd_24",
8
- "sizeL": "_sizeL_1n1e1cd_27",
9
- "main": "_main_1n1e1cd_31",
10
- "icon": "_icon_1n1e1cd_60"
2
+ "alignIconLeft": "_alignIconLeft_1i6xjbl_7",
3
+ "alignIconRight": "_alignIconRight_1i6xjbl_10",
4
+ "uppercase": "_uppercase_1i6xjbl_14",
5
+ "sizeXs": "_sizeXs_1i6xjbl_18",
6
+ "sizeS": "_sizeS_1i6xjbl_21",
7
+ "sizeM": "_sizeM_1i6xjbl_24",
8
+ "sizeL": "_sizeL_1i6xjbl_27",
9
+ "main": "_main_1i6xjbl_31",
10
+ "icon": "_icon_1i6xjbl_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_1dan2h7_7",
3
- "themeDark": "_themeDark_1dan2h7_10",
4
- "sizeXs": "_sizeXs_1dan2h7_14",
5
- "sizeS": "_sizeS_1dan2h7_17",
6
- "sizeM": "_sizeM_1dan2h7_20",
7
- "sizeL": "_sizeL_1dan2h7_23",
8
- "wrapper": "_wrapper_1dan2h7_27",
9
- "disabled": "_disabled_1dan2h7_50",
10
- "main": "_main_1dan2h7_55",
11
- "wrap": "_wrap_1dan2h7_27",
12
- "close": "_close_1dan2h7_74",
13
- "icon": "_icon_1dan2h7_135"
2
+ "themeLight": "_themeLight_1lob0d3_7",
3
+ "themeDark": "_themeDark_1lob0d3_10",
4
+ "sizeXs": "_sizeXs_1lob0d3_14",
5
+ "sizeS": "_sizeS_1lob0d3_17",
6
+ "sizeM": "_sizeM_1lob0d3_20",
7
+ "sizeL": "_sizeL_1lob0d3_23",
8
+ "wrapper": "_wrapper_1lob0d3_27",
9
+ "disabled": "_disabled_1lob0d3_50",
10
+ "main": "_main_1lob0d3_55",
11
+ "wrap": "_wrap_1lob0d3_27",
12
+ "close": "_close_1lob0d3_74",
13
+ "icon": "_icon_1lob0d3_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_1a2lqmx_3",
3
- "offset16": "_offset16_1a2lqmx_7",
4
- "offset24": "_offset24_1a2lqmx_10",
5
- "offset32": "_offset32_1a2lqmx_13",
6
- "alignTop": "_alignTop_1a2lqmx_17",
7
- "alignMiddle": "_alignMiddle_1a2lqmx_20",
8
- "topStart": "_topStart_1a2lqmx_24",
9
- "topEnd": "_topEnd_1a2lqmx_27",
10
- "leftStart": "_leftStart_1a2lqmx_30",
11
- "leftEnd": "_leftEnd_1a2lqmx_33",
12
- "tag": "_tag_1a2lqmx_37"
2
+ "wrapper": "_wrapper_1urs2x1_3",
3
+ "offset16": "_offset16_1urs2x1_7",
4
+ "offset24": "_offset24_1urs2x1_10",
5
+ "offset32": "_offset32_1urs2x1_13",
6
+ "alignTop": "_alignTop_1urs2x1_17",
7
+ "alignMiddle": "_alignMiddle_1urs2x1_20",
8
+ "topStart": "_topStart_1urs2x1_24",
9
+ "topEnd": "_topEnd_1urs2x1_27",
10
+ "leftStart": "_leftStart_1urs2x1_30",
11
+ "leftEnd": "_leftEnd_1urs2x1_33",
12
+ "tag": "_tag_1urs2x1_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_1qo41x7_1"
2
+ "main": "_main_imuztz_1"
3
3
  };
4
4
  export { styles as default };
package/lib/public-api.p.css CHANGED
@@ -7,7 +7,7 @@
7
7
  );
8
8
  --_rs-tag-icon-size:20px;
9
9
  --_rs-tag-border-radius:4px;
10
- --_rs-typography-letter-spacing:0.0045em;
10
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
11
11
  --_rs-typography-text-transform:initial;
12
12
  --_rs-typography-font-variant-numeric:initial;
13
13
  --_rs-typography-font-family:var(
@@ -48,7 +48,7 @@
48
48
  --_rs-tag-uppercase-horizontal-padding:10px;
49
49
  --_rs-tag-icon-size:20px;
50
50
  --_rs-tag-border-radius:4px;
51
- --_rs-typography-letter-spacing:0.0045em;
51
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
52
52
  --_rs-typography-text-transform:initial;
53
53
  --_rs-typography-font-variant-numeric:initial;
54
54
  --_rs-typography-font-family:var(
@@ -91,7 +91,7 @@
91
91
  );
92
92
  --_rs-tag-icon-size:24px;
93
93
  --_rs-tag-border-radius:6px;
94
- --_rs-typography-letter-spacing:0.0015em;
94
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
95
95
  --_rs-typography-text-transform:initial;
96
96
  --_rs-typography-font-variant-numeric:initial;
97
97
  --_rs-typography-font-family:var(
@@ -139,7 +139,7 @@
139
139
  );
140
140
  --_rs-tag-icon-size:28px;
141
141
  --_rs-tag-border-radius:8px;
142
- --_rs-typography-letter-spacing:normal;
142
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
143
143
  --_rs-typography-text-transform:initial;
144
144
  --_rs-typography-font-variant-numeric:initial;
145
145
  --_rs-typography-font-family:var(
@@ -211,7 +211,7 @@
211
211
  );
212
212
  --_rs-tag-icon-size:20px;
213
213
  --_rs-tag-border-radius:4px;
214
- --_rs-typography-letter-spacing:0.0045em;
214
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
215
215
  --_rs-typography-text-transform:initial;
216
216
  --_rs-typography-font-variant-numeric:initial;
217
217
  --_rs-typography-font-family:var(
@@ -252,7 +252,7 @@
252
252
  --_rs-tag-uppercase-horizontal-padding:10px;
253
253
  --_rs-tag-icon-size:20px;
254
254
  --_rs-tag-border-radius:4px;
255
- --_rs-typography-letter-spacing:0.0045em;
255
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
256
256
  --_rs-typography-text-transform:initial;
257
257
  --_rs-typography-font-variant-numeric:initial;
258
258
  --_rs-typography-font-family:var(
@@ -295,7 +295,7 @@
295
295
  );
296
296
  --_rs-tag-icon-size:24px;
297
297
  --_rs-tag-border-radius:6px;
298
- --_rs-typography-letter-spacing:0.0015em;
298
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
299
299
  --_rs-typography-text-transform:initial;
300
300
  --_rs-typography-font-variant-numeric:initial;
301
301
  --_rs-typography-font-family:var(
@@ -343,7 +343,7 @@
343
343
  );
344
344
  --_rs-tag-icon-size:28px;
345
345
  --_rs-tag-border-radius:8px;
346
- --_rs-typography-letter-spacing:normal;
346
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
347
347
  --_rs-typography-text-transform:initial;
348
348
  --_rs-typography-font-variant-numeric:initial;
349
349
  --_rs-typography-font-family:var(
@@ -482,7 +482,7 @@
482
482
  --_rs-icons-height:20px;
483
483
  }
484
484
  &:not(html){
485
- --_rs-typography-letter-spacing:0.0045em;
485
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
486
486
  --_rs-typography-text-transform:initial;
487
487
  --_rs-typography-font-variant-numeric:initial;
488
488
  --_rs-typography-font-family:var(
@@ -529,7 +529,7 @@
529
529
  --_rs-icons-height:20px;
530
530
  }
531
531
  &:not(html){
532
- --_rs-typography-letter-spacing:0.0045em;
532
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
533
533
  --_rs-typography-text-transform:initial;
534
534
  --_rs-typography-font-variant-numeric:initial;
535
535
  --_rs-typography-font-family:var(
@@ -576,7 +576,7 @@
576
576
  --_rs-icons-height:24px;
577
577
  }
578
578
  &:not(html){
579
- --_rs-typography-letter-spacing:0.0015em;
579
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
580
580
  --_rs-typography-text-transform:initial;
581
581
  --_rs-typography-font-variant-numeric:initial;
582
582
  --_rs-typography-font-family:var(
@@ -628,7 +628,7 @@
628
628
  --_rs-icons-height:28px;
629
629
  }
630
630
  &:not(html){
631
- --_rs-typography-letter-spacing:normal;
631
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
632
632
  --_rs-typography-text-transform:initial;
633
633
  --_rs-typography-font-variant-numeric:initial;
634
634
  --_rs-typography-font-family:var(
package/lib/public-api.pcss CHANGED
@@ -7,7 +7,7 @@
7
7
  );
8
8
  --_rs-tag-icon-size:20px;
9
9
  --_rs-tag-border-radius:4px;
10
- --_rs-typography-letter-spacing:0.0045em;
10
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
11
11
  --_rs-typography-text-transform:initial;
12
12
  --_rs-typography-font-variant-numeric:initial;
13
13
  --_rs-typography-font-family:var(
@@ -48,7 +48,7 @@
48
48
  --_rs-tag-uppercase-horizontal-padding:10px;
49
49
  --_rs-tag-icon-size:20px;
50
50
  --_rs-tag-border-radius:4px;
51
- --_rs-typography-letter-spacing:0.0045em;
51
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
52
52
  --_rs-typography-text-transform:initial;
53
53
  --_rs-typography-font-variant-numeric:initial;
54
54
  --_rs-typography-font-family:var(
@@ -91,7 +91,7 @@
91
91
  );
92
92
  --_rs-tag-icon-size:24px;
93
93
  --_rs-tag-border-radius:6px;
94
- --_rs-typography-letter-spacing:0.0015em;
94
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
95
95
  --_rs-typography-text-transform:initial;
96
96
  --_rs-typography-font-variant-numeric:initial;
97
97
  --_rs-typography-font-family:var(
@@ -139,7 +139,7 @@
139
139
  );
140
140
  --_rs-tag-icon-size:28px;
141
141
  --_rs-tag-border-radius:8px;
142
- --_rs-typography-letter-spacing:normal;
142
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
143
143
  --_rs-typography-text-transform:initial;
144
144
  --_rs-typography-font-variant-numeric:initial;
145
145
  --_rs-typography-font-family:var(
@@ -211,7 +211,7 @@
211
211
  );
212
212
  --_rs-tag-icon-size:20px;
213
213
  --_rs-tag-border-radius:4px;
214
- --_rs-typography-letter-spacing:0.0045em;
214
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
215
215
  --_rs-typography-text-transform:initial;
216
216
  --_rs-typography-font-variant-numeric:initial;
217
217
  --_rs-typography-font-family:var(
@@ -252,7 +252,7 @@
252
252
  --_rs-tag-uppercase-horizontal-padding:10px;
253
253
  --_rs-tag-icon-size:20px;
254
254
  --_rs-tag-border-radius:4px;
255
- --_rs-typography-letter-spacing:0.0045em;
255
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
256
256
  --_rs-typography-text-transform:initial;
257
257
  --_rs-typography-font-variant-numeric:initial;
258
258
  --_rs-typography-font-family:var(
@@ -295,7 +295,7 @@
295
295
  );
296
296
  --_rs-tag-icon-size:24px;
297
297
  --_rs-tag-border-radius:6px;
298
- --_rs-typography-letter-spacing:0.0015em;
298
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
299
299
  --_rs-typography-text-transform:initial;
300
300
  --_rs-typography-font-variant-numeric:initial;
301
301
  --_rs-typography-font-family:var(
@@ -343,7 +343,7 @@
343
343
  );
344
344
  --_rs-tag-icon-size:28px;
345
345
  --_rs-tag-border-radius:8px;
346
- --_rs-typography-letter-spacing:normal;
346
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
347
347
  --_rs-typography-text-transform:initial;
348
348
  --_rs-typography-font-variant-numeric:initial;
349
349
  --_rs-typography-font-family:var(
@@ -482,7 +482,7 @@
482
482
  --_rs-icons-height:20px;
483
483
  }
484
484
  &:not(html){
485
- --_rs-typography-letter-spacing:0.0045em;
485
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
486
486
  --_rs-typography-text-transform:initial;
487
487
  --_rs-typography-font-variant-numeric:initial;
488
488
  --_rs-typography-font-family:var(
@@ -529,7 +529,7 @@
529
529
  --_rs-icons-height:20px;
530
530
  }
531
531
  &:not(html){
532
- --_rs-typography-letter-spacing:0.0045em;
532
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
533
533
  --_rs-typography-text-transform:initial;
534
534
  --_rs-typography-font-variant-numeric:initial;
535
535
  --_rs-typography-font-family:var(
@@ -576,7 +576,7 @@
576
576
  --_rs-icons-height:24px;
577
577
  }
578
578
  &:not(html){
579
- --_rs-typography-letter-spacing:0.0015em;
579
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
580
580
  --_rs-typography-text-transform:initial;
581
581
  --_rs-typography-font-variant-numeric:initial;
582
582
  --_rs-typography-font-family:var(
@@ -628,7 +628,7 @@
628
628
  --_rs-icons-height:28px;
629
629
  }
630
630
  &:not(html){
631
- --_rs-typography-letter-spacing:normal;
631
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
632
632
  --_rs-typography-text-transform:initial;
633
633
  --_rs-typography-font-variant-numeric:initial;
634
634
  --_rs-typography-font-family:var(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tag",
3
- "version": "0.10.12",
3
+ "version": "0.10.14",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -24,14 +24,14 @@
24
24
  "react": ">=16.8.0 <19"
25
25
  },
26
26
  "devDependencies": {
27
- "@rescui/icons": "^0.16.12",
27
+ "@rescui/icons": "^0.16.14",
28
28
  "@rescui/scripts": "^0.3.5",
29
- "@rescui/typography": "^0.19.1"
29
+ "@rescui/typography": "^0.21.0"
30
30
  },
31
31
  "scripts": {
32
32
  "build": "rescui-scripts build && yarn run build-pcss-api",
33
33
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
34
34
  },
35
35
  "nx": {},
36
- "gitHead": "67627f69be3de4b4c6a21244fd7de36e841f01f0"
36
+ "gitHead": "1643043a602c3434ef3b73c895188e9f5819f357"
37
37
  }