@rescui/tag 0.10.15-RUI-230-Update-icons-experiments-64b23ff1.22 → 0.10.15

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 (10) hide show
  1. package/lib/_virtual/close.js +36 -0
  2. package/lib/_virtual/index.css.js +7 -7
  3. package/lib/index.css +67 -67
  4. package/lib/parts/base-tag.p.module.css.js +9 -9
  5. package/lib/parts/removable-tag.js +1 -1
  6. package/lib/parts/removable-tag.p.module.css.js +12 -12
  7. package/lib/parts/sticky-tag.p.module.css.js +11 -11
  8. package/lib/parts/tag.p.module.css.js +1 -1
  9. package/package.json +7 -6
  10. package/lib/_virtual/index.js +0 -76
package/lib/_virtual/close.js ADDED
@@ -0,0 +1,36 @@
1
+ import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
+ import React from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import cn from 'classnames';
5
+ import styles from './index.css.js';
6
+ const sizeStyles = {
7
+ "xs": styles.sizeXS,
8
+ "s": styles.sizeS,
9
+ "m": styles.sizeM,
10
+ "l": styles.sizeL
11
+ };
12
+ const CloseIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
+ let {
14
+ theme,
15
+ size,
16
+ className,
17
+ ...props
18
+ } = _ref;
19
+ return /*#__PURE__*/React.createElement("svg", _extends({
20
+ viewBox: "0 0 24 24"
21
+ }, props, {
22
+ className: cn(styles.icon, styles[theme], sizeStyles[size], className),
23
+ ref: ref
24
+ }), /*#__PURE__*/React.createElement("path", {
25
+ d: "M5.67 19.751l6.342-6.34 6.34 6.34 1.41-1.409-6.341-6.34 6.34-6.341-1.408-1.409-6.341 6.341L5.67 4.251 4.26 5.66l6.342 6.342-6.34 6.34 1.408 1.409z"
26
+ }));
27
+ });
28
+ CloseIcon.propTypes = {
29
+ className: PropTypes.string,
30
+ theme: PropTypes.oneOf(["light", "dark"]),
31
+ size: PropTypes.oneOf(["xs", "s", "m", "l"])
32
+ };
33
+ CloseIcon.defaultProps = {
34
+ size: "m"
35
+ };
36
+ export { CloseIcon as default };
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_585zsg_4",
3
- "sizeXS": "_sizeXS_585zsg_14",
4
- "sizeS": "_sizeS_585zsg_18",
5
- "sizeM": "_sizeM_585zsg_22",
6
- "sizeL": "_sizeL_585zsg_26",
7
- "light": "_light_585zsg_30",
8
- "dark": "_dark_585zsg_34"
2
+ "icon": "_icon_1p2plc6_4",
3
+ "sizeXS": "_sizeXS_1p2plc6_14",
4
+ "sizeS": "_sizeS_1p2plc6_18",
5
+ "sizeM": "_sizeM_1p2plc6_22",
6
+ "sizeL": "_sizeL_1p2plc6_26",
7
+ "light": "_light_1p2plc6_30",
8
+ "dark": "_dark_1p2plc6_34"
9
9
  };
10
10
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_585zsg_4{
1
+ ._icon_1p2plc6_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_585zsg_4{
11
+ ._icon_1p2plc6_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_585zsg_4{
20
+ ._icon_1p2plc6_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_585zsg_4{
28
+ ._icon_1p2plc6_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_585zsg_14{
35
+ ._sizeXS_1p2plc6_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_585zsg_18{
38
+ ._sizeS_1p2plc6_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_585zsg_22{
41
+ ._sizeM_1p2plc6_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_585zsg_26{
44
+ ._sizeL_1p2plc6_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_585zsg_30{
47
+ ._light_1p2plc6_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_585zsg_34{
51
+ ._dark_1p2plc6_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_l2965u_7{
63
+ ._alignIconLeft_1m9vy10_7{
64
64
  --_rs-tag-flex-direction:row;
65
65
  }
66
- ._alignIconRight_l2965u_10{
66
+ ._alignIconRight_1m9vy10_10{
67
67
  --_rs-tag-flex-direction:row-reverse;
68
68
  }
69
- ._uppercase_l2965u_14{
69
+ ._uppercase_1m9vy10_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_l2965u_18{
75
+ ._sizeXs_1m9vy10_18{
76
76
  --_rs-tag-vertical-padding:2px;
77
77
  --_rs-tag-base-horizontal-padding:8px;
78
78
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -113,7 +113,7 @@
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_l2965u_21{
116
+ ._sizeS_1m9vy10_21{
117
117
  --_rs-tag-vertical-padding:4px;
118
118
  --_rs-tag-base-horizontal-padding:8px;
119
119
  --_rs-tag-uppercase-horizontal-padding:10px;
@@ -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_l2965u_24{
155
+ ._sizeM_1m9vy10_24{
156
156
  --_rs-tag-vertical-padding:6px;
157
157
  --_rs-tag-base-horizontal-padding:12px;
158
158
  --_rs-tag-uppercase-horizontal-padding: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_l2965u_24{
197
+ ._sizeM_1m9vy10_24{
198
198
  --_rs-typography-list-li-margin-top-from-text:12px;
199
199
  }
200
200
  }
201
- ._sizeL_l2965u_27{
201
+ ._sizeL_1m9vy10_27{
202
202
  --_rs-tag-vertical-padding:8px;
203
203
  --_rs-tag-base-horizontal-padding:16px;
204
204
  --_rs-tag-uppercase-horizontal-padding: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_l2965u_27{
243
+ ._sizeL_1m9vy10_27{
244
244
  --_rs-typography-list-li-margin-top-from-text:16px;
245
245
  }
246
246
  }
247
- ._main_l2965u_31{
247
+ ._main_1m9vy10_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_l2965u_31 ._icon_l2965u_60{
288
+ ._main_1m9vy10_31 ._icon_1m9vy10_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_1l8iuo4_1{
295
+ ._main_1j9xw1e_1{
296
296
  border-radius:var(--_rs-tag-border-radius);
297
297
  }
298
298
 
299
- ._themeLight_94dk6s_7{
299
+ ._themeLight_hwig02_7{
300
300
  --rs-theme-dark:0;
301
301
  }
302
- ._themeDark_94dk6s_10{
302
+ ._themeDark_hwig02_10{
303
303
  --rs-theme-dark:1;
304
304
  }
305
- ._sizeXs_94dk6s_14{
305
+ ._sizeXs_hwig02_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,10 +310,10 @@
310
310
  --_rs-tag-removable-close-icon-size:28px;
311
311
  --_rs-tag-removable-custom-icon-size:20px;
312
312
  }
313
- ._sizeXs_94dk6s_14 [data-rs-internal="removable-tag__close-icon"]:not(html){
313
+ ._sizeXs_hwig02_14 [data-rs-internal="removable-tag__close-icon"]:not(html){
314
314
  --_rs-icons-height:20px;
315
315
  }
316
- ._sizeXs_94dk6s_14 {
316
+ ._sizeXs_hwig02_14 {
317
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;
@@ -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_94dk6s_17{
350
+ ._sizeS_hwig02_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,10 +355,10 @@
355
355
  --_rs-tag-removable-close-icon-size:28px;
356
356
  --_rs-tag-removable-custom-icon-size:20px;
357
357
  }
358
- ._sizeS_94dk6s_17 [data-rs-internal="removable-tag__close-icon"]:not(html){
358
+ ._sizeS_hwig02_17 [data-rs-internal="removable-tag__close-icon"]:not(html){
359
359
  --_rs-icons-height:20px;
360
360
  }
361
- ._sizeS_94dk6s_17 {
361
+ ._sizeS_hwig02_17 {
362
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;
@@ -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_94dk6s_20{
395
+ ._sizeM_hwig02_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,10 +400,10 @@
400
400
  --_rs-tag-removable-close-icon-size:36px;
401
401
  --_rs-tag-removable-custom-icon-size:24px;
402
402
  }
403
- ._sizeM_94dk6s_20 [data-rs-internal="removable-tag__close-icon"]:not(html){
403
+ ._sizeM_hwig02_20 [data-rs-internal="removable-tag__close-icon"]:not(html){
404
404
  --_rs-icons-height:24px;
405
405
  }
406
- ._sizeM_94dk6s_20 {
406
+ ._sizeM_hwig02_20 {
407
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;
@@ -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_94dk6s_20 {
441
+ ._sizeM_hwig02_20 {
442
442
  --_rs-typography-list-li-margin-top-from-text:12px;
443
443
  }
444
444
  }
445
- ._sizeL_94dk6s_23{
445
+ ._sizeL_hwig02_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,10 +450,10 @@
450
450
  --_rs-tag-removable-close-icon-size:44px;
451
451
  --_rs-tag-removable-custom-icon-size:28px;
452
452
  }
453
- ._sizeL_94dk6s_23 [data-rs-internal="removable-tag__close-icon"]:not(html){
453
+ ._sizeL_hwig02_23 [data-rs-internal="removable-tag__close-icon"]:not(html){
454
454
  --_rs-icons-height:28px;
455
455
  }
456
- ._sizeL_94dk6s_23 {
456
+ ._sizeL_hwig02_23 {
457
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;
@@ -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_94dk6s_23 {
491
+ ._sizeL_hwig02_23 {
492
492
  --_rs-typography-list-li-margin-top-from-text:16px;
493
493
  }
494
494
  }
495
- ._wrapper_94dk6s_27{
495
+ ._wrapper_hwig02_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_94dk6s_27{
505
+ ._wrapper_hwig02_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_94dk6s_27{
514
+ ._wrapper_hwig02_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_94dk6s_27 {
522
+ ._wrapper_hwig02_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_94dk6s_27 > *{
551
+ ._wrapper_hwig02_27 > *{
552
552
  vertical-align:top;
553
553
  }
554
- ._disabled_94dk6s_50{
554
+ ._disabled_hwig02_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_94dk6s_55{
561
+ ._main_hwig02_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_94dk6s_27 ._main_94dk6s_55{
575
+ ._wrap_hwig02_27 ._main_hwig02_55{
576
576
  white-space:normal;
577
577
  }
578
- ._close_94dk6s_74{
578
+ ._close_hwig02_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_94dk6s_74::-moz-focus-inner{
606
+ ._close_hwig02_74::-moz-focus-inner{
607
607
  padding:0;
608
608
 
609
609
  border:0;
610
610
  }
611
- ._close_94dk6s_74:active,
612
- ._close_94dk6s_74:hover,
613
- ._close_94dk6s_74:focus{
611
+ ._close_hwig02_74:active,
612
+ ._close_hwig02_74:hover,
613
+ ._close_hwig02_74:focus{
614
614
  outline:none;
615
615
 
616
616
  text-decoration:none;
617
617
  }
618
- ._close_94dk6s_74:hover{
618
+ ._close_hwig02_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_94dk6s_74:active{
622
+ ._close_hwig02_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_94dk6s_74:focus[data-focus-method='key']{
626
+ ._close_hwig02_74:focus[data-focus-method='key']{
627
627
  box-shadow:inset 0 0 0 4px var(--_rs-color-primary-dim);
628
628
  }
629
- ._disabled_94dk6s_50 ._close_94dk6s_74{
629
+ ._disabled_hwig02_50 ._close_hwig02_74{
630
630
  pointer-events:none;
631
631
  }
632
- ._icon_94dk6s_135{
632
+ ._icon_hwig02_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_w0dbie_3{
645
+ ._wrapper_mrej8w_3{
646
646
  position:relative;
647
647
  }
648
- ._offset16_w0dbie_7{
648
+ ._offset16_mrej8w_7{
649
649
  --_rs-tag-sticky-side-offset:16px;
650
650
  }
651
- ._offset24_w0dbie_10{
651
+ ._offset24_mrej8w_10{
652
652
  --_rs-tag-sticky-side-offset:24px;
653
653
  }
654
- ._offset32_w0dbie_13{
654
+ ._offset32_mrej8w_13{
655
655
  --_rs-tag-sticky-side-offset:32px;
656
656
  }
657
- ._alignTop_w0dbie_17{
657
+ ._alignTop_mrej8w_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_w0dbie_20{
661
+ ._alignMiddle_mrej8w_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_w0dbie_24{
665
+ ._topStart_mrej8w_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_w0dbie_27{
672
+ ._topEnd_mrej8w_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_w0dbie_30{
679
+ ._leftStart_mrej8w_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_w0dbie_33{
686
+ ._leftEnd_mrej8w_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_w0dbie_37{
693
+ ._tag_mrej8w_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_l2965u_7",
3
- "alignIconRight": "_alignIconRight_l2965u_10",
4
- "uppercase": "_uppercase_l2965u_14",
5
- "sizeXs": "_sizeXs_l2965u_18",
6
- "sizeS": "_sizeS_l2965u_21",
7
- "sizeM": "_sizeM_l2965u_24",
8
- "sizeL": "_sizeL_l2965u_27",
9
- "main": "_main_l2965u_31",
10
- "icon": "_icon_l2965u_60"
2
+ "alignIconLeft": "_alignIconLeft_1m9vy10_7",
3
+ "alignIconRight": "_alignIconRight_1m9vy10_10",
4
+ "uppercase": "_uppercase_1m9vy10_14",
5
+ "sizeXs": "_sizeXs_1m9vy10_18",
6
+ "sizeS": "_sizeS_1m9vy10_21",
7
+ "sizeM": "_sizeM_1m9vy10_24",
8
+ "sizeL": "_sizeL_1m9vy10_27",
9
+ "main": "_main_1m9vy10_31",
10
+ "icon": "_icon_1m9vy10_60"
11
11
  };
12
12
  export { styles as default };
package/lib/parts/removable-tag.js CHANGED
@@ -2,7 +2,7 @@ import React, { cloneElement } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import cn from 'classnames';
4
4
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
5
- import { CloseIcon } from '../_virtual/index.js';
5
+ import CloseIcon from '../_virtual/close.js';
6
6
  import styles from './removable-tag.p.module.css.js';
7
7
  const SIZE_STYLES = {
8
8
  xs: styles.sizeXs,
package/lib/parts/removable-tag.p.module.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_94dk6s_7",
3
- "themeDark": "_themeDark_94dk6s_10",
4
- "sizeXs": "_sizeXs_94dk6s_14",
5
- "sizeS": "_sizeS_94dk6s_17",
6
- "sizeM": "_sizeM_94dk6s_20",
7
- "sizeL": "_sizeL_94dk6s_23",
8
- "wrapper": "_wrapper_94dk6s_27",
9
- "disabled": "_disabled_94dk6s_50",
10
- "main": "_main_94dk6s_55",
11
- "wrap": "_wrap_94dk6s_27",
12
- "close": "_close_94dk6s_74",
13
- "icon": "_icon_94dk6s_135"
2
+ "themeLight": "_themeLight_hwig02_7",
3
+ "themeDark": "_themeDark_hwig02_10",
4
+ "sizeXs": "_sizeXs_hwig02_14",
5
+ "sizeS": "_sizeS_hwig02_17",
6
+ "sizeM": "_sizeM_hwig02_20",
7
+ "sizeL": "_sizeL_hwig02_23",
8
+ "wrapper": "_wrapper_hwig02_27",
9
+ "disabled": "_disabled_hwig02_50",
10
+ "main": "_main_hwig02_55",
11
+ "wrap": "_wrap_hwig02_27",
12
+ "close": "_close_hwig02_74",
13
+ "icon": "_icon_hwig02_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_w0dbie_3",
3
- "offset16": "_offset16_w0dbie_7",
4
- "offset24": "_offset24_w0dbie_10",
5
- "offset32": "_offset32_w0dbie_13",
6
- "alignTop": "_alignTop_w0dbie_17",
7
- "alignMiddle": "_alignMiddle_w0dbie_20",
8
- "topStart": "_topStart_w0dbie_24",
9
- "topEnd": "_topEnd_w0dbie_27",
10
- "leftStart": "_leftStart_w0dbie_30",
11
- "leftEnd": "_leftEnd_w0dbie_33",
12
- "tag": "_tag_w0dbie_37"
2
+ "wrapper": "_wrapper_mrej8w_3",
3
+ "offset16": "_offset16_mrej8w_7",
4
+ "offset24": "_offset24_mrej8w_10",
5
+ "offset32": "_offset32_mrej8w_13",
6
+ "alignTop": "_alignTop_mrej8w_17",
7
+ "alignMiddle": "_alignMiddle_mrej8w_20",
8
+ "topStart": "_topStart_mrej8w_24",
9
+ "topEnd": "_topEnd_mrej8w_27",
10
+ "leftStart": "_leftStart_mrej8w_30",
11
+ "leftEnd": "_leftEnd_mrej8w_33",
12
+ "tag": "_tag_mrej8w_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_1l8iuo4_1"
2
+ "main": "_main_1j9xw1e_1"
3
3
  };
4
4
  export { styles as default };
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
2
  "name": "@rescui/tag",
3
- "version": "0.10.15-RUI-230-Update-icons-experiments-64b23ff1.22+64b23ff1",
3
+ "version": "0.10.15",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
7
7
  "main": "lib/index.js",
8
+ "module": "lib/index.js",
8
9
  "src:main": "src/index.ts",
9
10
  "files": [
10
11
  "lib",
@@ -15,7 +16,7 @@
15
16
  },
16
17
  "dependencies": {
17
18
  "@babel/runtime-corejs3": "^7.26.0",
18
- "@rescui/colors": "0.2.7-RUI-230-Update-icons-experiments-64b23ff1.46+64b23ff1",
19
+ "@rescui/colors": "^0.2.7",
19
20
  "classnames": "^2.3.1"
20
21
  },
21
22
  "peerDependencies": {
@@ -24,14 +25,14 @@
24
25
  "react": ">=16.8.0 <19"
25
26
  },
26
27
  "devDependencies": {
27
- "@rescui/icons": "0.16.15-RUI-230-Update-icons-experiments-64b23ff1.22+64b23ff1",
28
- "@rescui/scripts": "0.3.5",
29
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-experiments-64b23ff1.22+64b23ff1"
28
+ "@rescui/icons": "^0.16.15",
29
+ "@rescui/scripts": "^0.3.5",
30
+ "@rescui/typography": "^0.21.1"
30
31
  },
31
32
  "scripts": {
32
33
  "build": "rescui-scripts build && yarn run build-pcss-api",
33
34
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
34
35
  },
35
36
  "nx": {},
36
- "gitHead": "64b23ff1d1e0d31e634a11f576360c4ec297561b"
37
+ "gitHead": "94b4b5531e261cde472a2218ace4a21d7b0f990f"
37
38
  }
package/lib/_virtual/index.js DELETED
@@ -1,76 +0,0 @@
1
- import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
- import React from 'react';
3
- import PropTypes from 'prop-types';
4
- import cn from 'classnames';
5
- import styles from './index.css.js';
6
- const sizeStyles = {
7
- "xs": styles.sizeXS,
8
- "s": styles.sizeS,
9
- "m": styles.sizeM,
10
- "l": styles.sizeL
11
- };
12
- const Size = {
13
- "xs": "xs",
14
- "s": "s",
15
- "m": "m",
16
- "l": "l"
17
- };
18
- const CloseIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
- let {
20
- theme,
21
- size,
22
- className,
23
- ...props
24
- } = _ref;
25
-
26
- if (size === Size['xs']) {
27
- return /*#__PURE__*/React.createElement("svg", _extends({
28
- viewBox: "0 0 16 16"
29
- }, props, {
30
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
31
- ref: ref
32
- }), /*#__PURE__*/React.createElement("path", {
33
- d: "M2.47 2.47a.75.75 0 0 1 1.06 0L8 6.94l4.47-4.47a.75.75 0 1 1 1.06 1.06L9.06 8l4.47 4.47a.75.75 0 1 1-1.06 1.06L8 9.06l-4.47 4.47a.75.75 0 0 1-1.06-1.06L6.94 8 2.47 3.53a.75.75 0 0 1 0-1.06"
34
- }));
35
- }
36
-
37
- if (size === Size['s']) {
38
- return /*#__PURE__*/React.createElement("svg", _extends({
39
- viewBox: "0 0 20 20"
40
- }, props, {
41
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
42
- ref: ref
43
- }), /*#__PURE__*/React.createElement("path", {
44
- d: "M3.293 3.293a1 1 0 0 1 1.414 0L10 8.586l5.293-5.293a1 1 0 1 1 1.414 1.414L11.414 10l5.293 5.293a1 1 0 0 1-1.414 1.414L10 11.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L8.586 10 3.293 4.707a1 1 0 0 1 0-1.414"
45
- }));
46
- }
47
-
48
- if (size === Size['m']) {
49
- return /*#__PURE__*/React.createElement("svg", _extends({
50
- viewBox: "0 0 24 24"
51
- }, props, {
52
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
53
- ref: ref
54
- }), /*#__PURE__*/React.createElement("path", {
55
- d: "M3.44 3.44a1.5 1.5 0 0 1 2.12 0L12 9.878l6.44-6.44a1.5 1.5 0 0 1 2.12 2.122L14.122 12l6.44 6.44a1.5 1.5 0 0 1-2.122 2.12L12 14.122l-6.44 6.44a1.5 1.5 0 0 1-2.12-2.122L9.878 12l-6.44-6.44a1.5 1.5 0 0 1 0-2.12"
56
- }));
57
- }
58
-
59
- return /*#__PURE__*/React.createElement("svg", _extends({
60
- viewBox: "0 0 28 28"
61
- }, props, {
62
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
63
- ref: ref
64
- }), /*#__PURE__*/React.createElement("path", {
65
- d: "M4.44 4.44a1.5 1.5 0 0 1 2.12 0L14 11.878l7.44-7.44a1.5 1.5 0 0 1 2.12 2.122L16.122 14l7.44 7.44a1.5 1.5 0 0 1-2.122 2.12L14 16.122l-7.44 7.44a1.5 1.5 0 0 1-2.12-2.122L11.878 14l-7.44-7.44a1.5 1.5 0 0 1 0-2.12"
66
- }));
67
- });
68
- CloseIcon.propTypes = {
69
- className: PropTypes.string,
70
- theme: PropTypes.oneOf(["light", "dark"]),
71
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
72
- };
73
- CloseIcon.defaultProps = {
74
- size: "m"
75
- };
76
- export { CloseIcon, Size, CloseIcon as default };