@rescui/tag 0.10.15-RUI-230-Update-icons-0bd4e5fc.9 → 0.10.15-RUI-230-Update-icons-6919f9e4.29

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 (12) hide show
  1. package/lib/_virtual/close.js +59 -36
  2. package/lib/_virtual/index.css.js +12 -7
  3. package/lib/index.css +123 -75
  4. package/lib/parts/base-tag.js +2 -1
  5. package/lib/parts/base-tag.p.module.css.js +9 -9
  6. package/lib/parts/removable-tag.js +5 -3
  7. package/lib/parts/removable-tag.p.module.css.js +12 -12
  8. package/lib/parts/sticky-tag.p.module.css.js +11 -11
  9. package/lib/parts/tag.p.module.css.js +1 -1
  10. package/lib/public-api.p.css +30 -12
  11. package/lib/public-api.pcss +30 -12
  12. package/package.json +5 -5
package/lib/_virtual/close.js CHANGED
@@ -15,62 +15,85 @@ const Size = {
15
15
  "m": "m",
16
16
  "l": "l"
17
17
  };
18
+
19
+ const CloseIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
20
+ viewBox: "0 0 16 16"
21
+ }, props), /*#__PURE__*/React.createElement("path", {
22
+ 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"
23
+ }));
24
+
25
+ const CloseIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
26
+ viewBox: "0 0 20 20"
27
+ }, props), /*#__PURE__*/React.createElement("path", {
28
+ 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"
29
+ }));
30
+
31
+ const CloseIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
32
+ viewBox: "0 0 24 24"
33
+ }, props), /*#__PURE__*/React.createElement("path", {
34
+ 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"
35
+ }));
36
+
37
+ const CloseIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
38
+ viewBox: "0 0 28 28"
39
+ }, props), /*#__PURE__*/React.createElement("path", {
40
+ 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"
41
+ }));
42
+
18
43
  const CloseIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
44
  let {
20
45
  theme,
21
- size,
46
+ size: sizeFromProps = "m",
22
47
  className,
48
+ style,
49
+ ['data-render-all-sizes']: renderAllSizes = false,
23
50
  ...props
24
51
  } = _ref;
52
+ const size = sizeFromProps in Size ? sizeFromProps : "m";
53
+ const mainProps = { ...props,
54
+ className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
55
+ style: renderAllSizes ? {
56
+ '--rs-icon-ar-width': 28,
57
+ '--rs-icon-ar-height': 28,
58
+ ...style
59
+ } : style,
60
+ ref
61
+ };
25
62
 
26
- if (size === Size['xs']) {
63
+ if (renderAllSizes) {
27
64
  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"
65
+ viewBox: "0 0 28 28"
66
+ }, mainProps), /*#__PURE__*/React.createElement(CloseIcon16, {
67
+ className: styles.variant16
68
+ }), /*#__PURE__*/React.createElement(CloseIcon20, {
69
+ className: styles.variant20
70
+ }), /*#__PURE__*/React.createElement(CloseIcon24, {
71
+ className: styles.variant24
72
+ }), /*#__PURE__*/React.createElement(CloseIcon28, {
73
+ className: styles.variant28
34
74
  }));
35
75
  }
36
76
 
77
+ if (size === Size['xs']) {
78
+ return /*#__PURE__*/React.createElement(CloseIcon16, mainProps);
79
+ }
80
+
37
81
  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
- }));
82
+ return /*#__PURE__*/React.createElement(CloseIcon20, mainProps);
46
83
  }
47
84
 
48
85
  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
- }));
86
+ return /*#__PURE__*/React.createElement(CloseIcon24, mainProps);
57
87
  }
58
88
 
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
- }));
89
+ return /*#__PURE__*/React.createElement(CloseIcon28, mainProps);
67
90
  });
91
+ CloseIcon.displayName = 'CloseIcon';
68
92
  CloseIcon.propTypes = {
69
93
  className: PropTypes.string,
70
94
  theme: PropTypes.oneOf(["light", "dark"]),
71
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
72
- };
73
- CloseIcon.defaultProps = {
74
- size: "m"
95
+ size: PropTypes.oneOf(["xs", "s", "m", "l"]),
96
+ 'data-render-all-sizes': PropTypes.bool,
97
+ style: PropTypes.object
75
98
  };
76
99
  export { Size, CloseIcon as default };
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_7axx9h_4",
3
- "sizeXS": "_sizeXS_7axx9h_14",
4
- "sizeS": "_sizeS_7axx9h_18",
5
- "sizeM": "_sizeM_7axx9h_22",
6
- "sizeL": "_sizeL_7axx9h_26",
7
- "light": "_light_7axx9h_30",
8
- "dark": "_dark_7axx9h_34"
2
+ "icon": "_icon_1ymr40l_4",
3
+ "sizeXS": "_sizeXS_1ymr40l_14",
4
+ "sizeS": "_sizeS_1ymr40l_18",
5
+ "sizeM": "_sizeM_1ymr40l_22",
6
+ "sizeL": "_sizeL_1ymr40l_26",
7
+ "light": "_light_1ymr40l_30",
8
+ "dark": "_dark_1ymr40l_34",
9
+ "allVariants": "_allVariants_1ymr40l_48",
10
+ "variant16": "_variant16_1ymr40l_53",
11
+ "variant20": "_variant20_1ymr40l_54",
12
+ "variant24": "_variant24_1ymr40l_55",
13
+ "variant28": "_variant28_1ymr40l_58"
9
14
  };
10
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_7axx9h_4{
1
+ ._icon_1ymr40l_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_7axx9h_4{
11
+ ._icon_1ymr40l_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_7axx9h_4{
20
+ ._icon_1ymr40l_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_7axx9h_4{
28
+ ._icon_1ymr40l_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_7axx9h_14{
35
+ ._sizeXS_1ymr40l_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_7axx9h_18{
38
+ ._sizeS_1ymr40l_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_7axx9h_22{
41
+ ._sizeM_1ymr40l_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_7axx9h_26{
44
+ ._sizeL_1ymr40l_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_7axx9h_30{
47
+ ._light_1ymr40l_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_7axx9h_34{
51
+ ._dark_1ymr40l_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,55 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._alignIconLeft_1lhxhwn_7{
63
+ ._allVariants_1ymr40l_48{
64
+ aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
+ container:rs-icon / size;
66
+ }
67
+ ._variant16_1ymr40l_53,
68
+ ._variant20_1ymr40l_54,
69
+ ._variant24_1ymr40l_55{
70
+ display:none;
71
+ }
72
+ ._variant28_1ymr40l_58{
73
+ display:block;
74
+ }
75
+ @container rs-icon (max-height: 24px){
76
+ ._variant24_1ymr40l_55{
77
+ display:block;
78
+ }
79
+ ._variant28_1ymr40l_58{
80
+ display:none;
81
+ }
82
+ }
83
+ @container rs-icon (max-height: 20px){
84
+ ._variant20_1ymr40l_54{
85
+ display:block;
86
+ }
87
+ ._variant24_1ymr40l_55{
88
+ display:none;
89
+ }
90
+ }
91
+ @container rs-icon (max-height: 16px){
92
+ ._variant16_1ymr40l_53{
93
+ display:block;
94
+ }
95
+ ._variant20_1ymr40l_54{
96
+ display:none;
97
+ }
98
+ }
99
+ ._alignIconLeft_fjczy_7{
64
100
  --_rs-tag-flex-direction:row;
65
101
  }
66
- ._alignIconRight_1lhxhwn_10{
102
+ ._alignIconRight_fjczy_10{
67
103
  --_rs-tag-flex-direction:row-reverse;
68
104
  }
69
- ._uppercase_1lhxhwn_14{
105
+ ._uppercase_fjczy_14{
70
106
  --_rs-tag-text-transform:uppercase;
71
107
  --_rs-tag-horizontal-padding-or-initial:var(
72
108
  --_rs-tag-uppercase-horizontal-padding
73
109
  );
74
110
  }
75
- ._sizeXs_1lhxhwn_18{
111
+ ._sizeXs_fjczy_18{
76
112
  --_rs-tag-vertical-padding:2px;
77
113
  --_rs-tag-base-horizontal-padding:8px;
78
114
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -113,7 +149,7 @@
113
149
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
114
150
  --_rs-typography-link-border-bottom-width-from-text:1px;
115
151
  }
116
- ._sizeS_1lhxhwn_21{
152
+ ._sizeS_fjczy_21{
117
153
  --_rs-tag-vertical-padding:4px;
118
154
  --_rs-tag-base-horizontal-padding:8px;
119
155
  --_rs-tag-uppercase-horizontal-padding:10px;
@@ -152,7 +188,7 @@
152
188
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
153
189
  --_rs-typography-link-border-bottom-width-from-text:1px;
154
190
  }
155
- ._sizeM_1lhxhwn_24{
191
+ ._sizeM_fjczy_24{
156
192
  --_rs-tag-vertical-padding:6px;
157
193
  --_rs-tag-base-horizontal-padding:12px;
158
194
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -188,17 +224,20 @@
188
224
  --_rs-typography-text-auto-offset:16px;
189
225
  --_rs-typography-ul-list-li-padding-left:22px;
190
226
  --_rs-typography-ol-list-li-padding-left:26px;
191
- --_rs-typography-list-li-margin-top-from-text:16px;
227
+ --_rs-typography-list-li-margin-top-from-text:var(
228
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
229
+ 16px
230
+ );
192
231
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
193
232
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
194
233
  --_rs-typography-link-border-bottom-width-from-text:1px;
195
234
  }
196
235
  @media screen and (max-width: 640px){
197
- ._sizeM_1lhxhwn_24{
198
- --_rs-typography-list-li-margin-top-from-text:12px;
236
+ ._sizeM_fjczy_24{
237
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
199
238
  }
200
239
  }
201
- ._sizeL_1lhxhwn_27{
240
+ ._sizeL_fjczy_27{
202
241
  --_rs-tag-vertical-padding:8px;
203
242
  --_rs-tag-base-horizontal-padding:16px;
204
243
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -234,17 +273,20 @@
234
273
  --_rs-typography-text-auto-offset:32px;
235
274
  --_rs-typography-ul-list-li-padding-left:26px;
236
275
  --_rs-typography-ol-list-li-padding-left:32px;
237
- --_rs-typography-list-li-margin-top-from-text:24px;
276
+ --_rs-typography-list-li-margin-top-from-text:var(
277
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
278
+ 24px
279
+ );
238
280
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
239
281
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
240
282
  --_rs-typography-link-border-bottom-width-from-text:1px;
241
283
  }
242
284
  @media screen and (max-width: 640px){
243
- ._sizeL_1lhxhwn_27{
244
- --_rs-typography-list-li-margin-top-from-text:16px;
285
+ ._sizeL_fjczy_27{
286
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
245
287
  }
246
288
  }
247
- ._main_1lhxhwn_31{
289
+ ._main_fjczy_31{
248
290
  --_rs-tag-border-width:1px;
249
291
 
250
292
  --_rs-tag-horizontal-padding:var(
@@ -285,24 +327,24 @@
285
327
  background:transparent;
286
328
  gap:8px;
287
329
  }
288
- ._main_1lhxhwn_31 ._icon_1lhxhwn_60{
330
+ ._main_fjczy_31 ._icon_fjczy_60{
289
331
  fill:currentColor;
290
332
 
291
333
  width:auto;
292
334
  height:var(--_rs-tag-icon-size);
293
335
  }
294
336
 
295
- ._main_1xo4zbl_1{
337
+ ._main_4lh46w_1{
296
338
  border-radius:var(--_rs-tag-border-radius);
297
339
  }
298
340
 
299
- ._themeLight_1m7sfa9_7{
341
+ ._themeLight_k78420_7{
300
342
  --rs-theme-dark:0;
301
343
  }
302
- ._themeDark_1m7sfa9_10{
344
+ ._themeDark_k78420_10{
303
345
  --rs-theme-dark:1;
304
346
  }
305
- ._sizeXs_1m7sfa9_14{
347
+ ._sizeXs_k78420_14{
306
348
  --_rs-tag-removable-vertical-padding:2px;
307
349
  --_rs-tag-removable-left-padding:8px;
308
350
  --_rs-tag-removable-right-padding:2px;
@@ -310,10 +352,10 @@
310
352
  --_rs-tag-removable-close-icon-size:28px;
311
353
  --_rs-tag-removable-custom-icon-size:20px;
312
354
  }
313
- ._sizeXs_1m7sfa9_14 [data-rs-internal="removable-tag__close-icon"]:not(html){
355
+ ._sizeXs_k78420_14 [data-rs-internal="removable-tag__close-icon"]:not(html){
314
356
  --_rs-icons-height:20px;
315
357
  }
316
- ._sizeXs_1m7sfa9_14 {
358
+ ._sizeXs_k78420_14 {
317
359
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
318
360
  --_rs-typography-text-transform:initial;
319
361
  --_rs-typography-font-variant-numeric:initial;
@@ -347,7 +389,7 @@
347
389
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
348
390
  --_rs-typography-link-border-bottom-width-from-text:1px;
349
391
  }
350
- ._sizeS_1m7sfa9_17{
392
+ ._sizeS_k78420_17{
351
393
  --_rs-tag-removable-vertical-padding:4px;
352
394
  --_rs-tag-removable-left-padding:8px;
353
395
  --_rs-tag-removable-right-padding:2px;
@@ -355,10 +397,10 @@
355
397
  --_rs-tag-removable-close-icon-size:28px;
356
398
  --_rs-tag-removable-custom-icon-size:20px;
357
399
  }
358
- ._sizeS_1m7sfa9_17 [data-rs-internal="removable-tag__close-icon"]:not(html){
400
+ ._sizeS_k78420_17 [data-rs-internal="removable-tag__close-icon"]:not(html){
359
401
  --_rs-icons-height:20px;
360
402
  }
361
- ._sizeS_1m7sfa9_17 {
403
+ ._sizeS_k78420_17 {
362
404
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
363
405
  --_rs-typography-text-transform:initial;
364
406
  --_rs-typography-font-variant-numeric:initial;
@@ -392,7 +434,7 @@
392
434
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
393
435
  --_rs-typography-link-border-bottom-width-from-text:1px;
394
436
  }
395
- ._sizeM_1m7sfa9_20{
437
+ ._sizeM_k78420_20{
396
438
  --_rs-tag-removable-vertical-padding:6px;
397
439
  --_rs-tag-removable-left-padding:12px;
398
440
  --_rs-tag-removable-right-padding:2px;
@@ -400,10 +442,10 @@
400
442
  --_rs-tag-removable-close-icon-size:36px;
401
443
  --_rs-tag-removable-custom-icon-size:24px;
402
444
  }
403
- ._sizeM_1m7sfa9_20 [data-rs-internal="removable-tag__close-icon"]:not(html){
445
+ ._sizeM_k78420_20 [data-rs-internal="removable-tag__close-icon"]:not(html){
404
446
  --_rs-icons-height:24px;
405
447
  }
406
- ._sizeM_1m7sfa9_20 {
448
+ ._sizeM_k78420_20 {
407
449
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
408
450
  --_rs-typography-text-transform:initial;
409
451
  --_rs-typography-font-variant-numeric:initial;
@@ -432,17 +474,20 @@
432
474
  --_rs-typography-text-auto-offset:16px;
433
475
  --_rs-typography-ul-list-li-padding-left:22px;
434
476
  --_rs-typography-ol-list-li-padding-left:26px;
435
- --_rs-typography-list-li-margin-top-from-text:16px;
477
+ --_rs-typography-list-li-margin-top-from-text:var(
478
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
479
+ 16px
480
+ );
436
481
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
437
482
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
438
483
  --_rs-typography-link-border-bottom-width-from-text:1px;
439
484
  }
440
485
  @media screen and (max-width: 640px){
441
- ._sizeM_1m7sfa9_20 {
442
- --_rs-typography-list-li-margin-top-from-text:12px;
486
+ ._sizeM_k78420_20 {
487
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
443
488
  }
444
489
  }
445
- ._sizeL_1m7sfa9_23{
490
+ ._sizeL_k78420_23{
446
491
  --_rs-tag-removable-vertical-padding:8px;
447
492
  --_rs-tag-removable-left-padding:16px;
448
493
  --_rs-tag-removable-right-padding:4px;
@@ -450,10 +495,10 @@
450
495
  --_rs-tag-removable-close-icon-size:44px;
451
496
  --_rs-tag-removable-custom-icon-size:28px;
452
497
  }
453
- ._sizeL_1m7sfa9_23 [data-rs-internal="removable-tag__close-icon"]:not(html){
498
+ ._sizeL_k78420_23 [data-rs-internal="removable-tag__close-icon"]:not(html){
454
499
  --_rs-icons-height:28px;
455
500
  }
456
- ._sizeL_1m7sfa9_23 {
501
+ ._sizeL_k78420_23 {
457
502
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
458
503
  --_rs-typography-text-transform:initial;
459
504
  --_rs-typography-font-variant-numeric:initial;
@@ -482,17 +527,20 @@
482
527
  --_rs-typography-text-auto-offset:32px;
483
528
  --_rs-typography-ul-list-li-padding-left:26px;
484
529
  --_rs-typography-ol-list-li-padding-left:32px;
485
- --_rs-typography-list-li-margin-top-from-text:24px;
530
+ --_rs-typography-list-li-margin-top-from-text:var(
531
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
532
+ 24px
533
+ );
486
534
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
487
535
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
488
536
  --_rs-typography-link-border-bottom-width-from-text:1px;
489
537
  }
490
538
  @media screen and (max-width: 640px){
491
- ._sizeL_1m7sfa9_23 {
492
- --_rs-typography-list-li-margin-top-from-text:16px;
539
+ ._sizeL_k78420_23 {
540
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
493
541
  }
494
542
  }
495
- ._wrapper_1m7sfa9_27{
543
+ ._wrapper_k78420_27{
496
544
  --_rs-theme-dark:var(
497
545
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
498
546
  var(--rs-theme-dark, 0)
@@ -502,7 +550,7 @@
502
550
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
503
551
  }
504
552
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
505
- ._wrapper_1m7sfa9_27{
553
+ ._wrapper_k78420_27{
506
554
  --_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
555
  --_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
556
  --_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 +559,7 @@
511
559
  }
512
560
  }
513
561
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
514
- ._wrapper_1m7sfa9_27{
562
+ ._wrapper_k78420_27{
515
563
  --_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
564
  --_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
565
  --_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 +567,7 @@
519
567
  --_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
568
  }
521
569
  }
522
- ._wrapper_1m7sfa9_27 {
570
+ ._wrapper_k78420_27 {
523
571
  letter-spacing:var(
524
572
  --rs-text-base-letter-spacing,
525
573
  var(--_rs-typography-letter-spacing)
@@ -548,17 +596,17 @@
548
596
 
549
597
  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
598
  }
551
- ._wrapper_1m7sfa9_27 > *{
599
+ ._wrapper_k78420_27 > *{
552
600
  vertical-align:top;
553
601
  }
554
- ._disabled_1m7sfa9_50{
602
+ ._disabled_k78420_50{
555
603
  pointer-events:none;
556
604
  color:var(
557
605
  --rs-color-pale,
558
606
  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
607
  );
560
608
  }
561
- ._main_1m7sfa9_55{
609
+ ._main_k78420_55{
562
610
  display:inline-flex;
563
611
  flex:1 1 auto;
564
612
  justify-content:center;
@@ -572,10 +620,10 @@
572
620
 
573
621
  background:transparent;
574
622
  }
575
- ._wrap_1m7sfa9_27 ._main_1m7sfa9_55{
623
+ ._wrap_k78420_27 ._main_k78420_55{
576
624
  white-space:normal;
577
625
  }
578
- ._close_1m7sfa9_74{
626
+ ._close_k78420_74{
579
627
  top:0;
580
628
  right:0;
581
629
  bottom:0;
@@ -603,33 +651,33 @@
603
651
  -webkit-font-smoothing:inherit;
604
652
  -moz-osx-font-smoothing:inherit;
605
653
  }
606
- ._close_1m7sfa9_74::-moz-focus-inner{
654
+ ._close_k78420_74::-moz-focus-inner{
607
655
  padding:0;
608
656
 
609
657
  border:0;
610
658
  }
611
- ._close_1m7sfa9_74:active,
612
- ._close_1m7sfa9_74:hover,
613
- ._close_1m7sfa9_74:focus{
659
+ ._close_k78420_74:active,
660
+ ._close_k78420_74:hover,
661
+ ._close_k78420_74:focus{
614
662
  outline:none;
615
663
 
616
664
  text-decoration:none;
617
665
  }
618
- ._close_1m7sfa9_74:hover{
666
+ ._close_k78420_74:hover{
619
667
  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
668
  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
669
  }
622
- ._close_1m7sfa9_74:active{
670
+ ._close_k78420_74:active{
623
671
  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
672
  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
673
  }
626
- ._close_1m7sfa9_74:focus[data-focus-method='key']{
674
+ ._close_k78420_74:focus[data-focus-method='key']{
627
675
  box-shadow:inset 0 0 0 4px var(--_rs-color-primary-dim);
628
676
  }
629
- ._disabled_1m7sfa9_50 ._close_1m7sfa9_74{
677
+ ._disabled_k78420_50 ._close_k78420_74{
630
678
  pointer-events:none;
631
679
  }
632
- ._icon_1m7sfa9_135{
680
+ ._icon_k78420_135{
633
681
  flex:1 0 auto;
634
682
 
635
683
  width:auto;
@@ -642,55 +690,55 @@
642
690
  fill:currentColor;
643
691
  }
644
692
 
645
- ._wrapper_yx1shf_3{
693
+ ._wrapper_1x00q7u_3{
646
694
  position:relative;
647
695
  }
648
- ._offset16_yx1shf_7{
696
+ ._offset16_1x00q7u_7{
649
697
  --_rs-tag-sticky-side-offset:16px;
650
698
  }
651
- ._offset24_yx1shf_10{
699
+ ._offset24_1x00q7u_10{
652
700
  --_rs-tag-sticky-side-offset:24px;
653
701
  }
654
- ._offset32_yx1shf_13{
702
+ ._offset32_1x00q7u_13{
655
703
  --_rs-tag-sticky-side-offset:32px;
656
704
  }
657
- ._alignTop_yx1shf_17{
705
+ ._alignTop_1x00q7u_17{
658
706
  --_rs-tag-sticky-border-radius:var(--_rs-tag-border-radius) var(--_rs-tag-border-radius) 0 0;
659
707
  --_rs-tag-sticky-translate-y:-100%;
660
708
  }
661
- ._alignMiddle_yx1shf_20{
709
+ ._alignMiddle_1x00q7u_20{
662
710
  --_rs-tag-sticky-border-radius:var(--_rs-tag-border-radius);
663
711
  --_rs-tag-sticky-translate-y:-50%;
664
712
  }
665
- ._topStart_yx1shf_24{
713
+ ._topStart_1x00q7u_24{
666
714
  --_rs-tag-sticky-top:0;
667
715
  --_rs-tag-sticky-right:initial;
668
716
  --_rs-tag-sticky-left:var(--_rs-tag-sticky-side-offset);
669
717
  --_rs-tag-sticky-transform:translate(0, var(--_rs-tag-sticky-translate-y));
670
718
  --_rs-tag-sticky-transform-origin:initial;
671
719
  }
672
- ._topEnd_yx1shf_27{
720
+ ._topEnd_1x00q7u_27{
673
721
  --_rs-tag-sticky-top:0;
674
722
  --_rs-tag-sticky-right:var(--_rs-tag-sticky-side-offset);
675
723
  --_rs-tag-sticky-left:initial;
676
724
  --_rs-tag-sticky-transform:translate(0, var(--_rs-tag-sticky-translate-y));
677
725
  --_rs-tag-sticky-transform-origin:initial;
678
726
  }
679
- ._leftStart_yx1shf_30{
727
+ ._leftStart_1x00q7u_30{
680
728
  --_rs-tag-sticky-top:var(--_rs-tag-sticky-side-offset);
681
729
  --_rs-tag-sticky-right:100%;
682
730
  --_rs-tag-sticky-left:initial;
683
731
  --_rs-tag-sticky-transform:rotate(270deg) translate(0, var(--_rs-tag-sticky-translate-y));
684
732
  --_rs-tag-sticky-transform-origin:100% 0;
685
733
  }
686
- ._leftEnd_yx1shf_33{
734
+ ._leftEnd_1x00q7u_33{
687
735
  --_rs-tag-sticky-top:calc(100% - var(--_rs-tag-sticky-side-offset));
688
736
  --_rs-tag-sticky-right:100%;
689
737
  --_rs-tag-sticky-left:initial;
690
738
  --_rs-tag-sticky-transform:rotate(270deg) translate(100%, var(--_rs-tag-sticky-translate-y));
691
739
  --_rs-tag-sticky-transform-origin:100% 0;
692
740
  }
693
- ._tag_yx1shf_37{
741
+ ._tag_1x00q7u_37{
694
742
  position:absolute;
695
743
  top:var(--_rs-tag-sticky-top);
696
744
  right:var(--_rs-tag-sticky-right);
package/lib/parts/base-tag.js CHANGED
@@ -29,7 +29,8 @@ const BaseTag = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line compl
29
29
  } = _ref;
30
30
  const withIcon = /*#__PURE__*/React.isValidElement(icon);
31
31
  const iconSlot = withIcon && /*#__PURE__*/cloneElement(icon, {
32
- className: cn(icon.props.className, styles.icon)
32
+ className: cn(icon.props.className, styles.icon),
33
+ 'data-render-all-sizes': true
33
34
  });
34
35
  return /*#__PURE__*/React.createElement("span", {
35
36
  "data-test": 'tag',
package/lib/parts/base-tag.p.module.css.js CHANGED
@@ -1,12 +1,12 @@
1
1
  var styles = {
2
- "alignIconLeft": "_alignIconLeft_1lhxhwn_7",
3
- "alignIconRight": "_alignIconRight_1lhxhwn_10",
4
- "uppercase": "_uppercase_1lhxhwn_14",
5
- "sizeXs": "_sizeXs_1lhxhwn_18",
6
- "sizeS": "_sizeS_1lhxhwn_21",
7
- "sizeM": "_sizeM_1lhxhwn_24",
8
- "sizeL": "_sizeL_1lhxhwn_27",
9
- "main": "_main_1lhxhwn_31",
10
- "icon": "_icon_1lhxhwn_60"
2
+ "alignIconLeft": "_alignIconLeft_fjczy_7",
3
+ "alignIconRight": "_alignIconRight_fjczy_10",
4
+ "uppercase": "_uppercase_fjczy_14",
5
+ "sizeXs": "_sizeXs_fjczy_18",
6
+ "sizeS": "_sizeS_fjczy_21",
7
+ "sizeM": "_sizeM_fjczy_24",
8
+ "sizeL": "_sizeL_fjczy_27",
9
+ "main": "_main_fjczy_31",
10
+ "icon": "_icon_fjczy_60"
11
11
  };
12
12
  export { styles as default };
package/lib/parts/removable-tag.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { cloneElement } from 'react';
2
- import PropTypes from 'prop-types';
3
2
  import cn from 'classnames';
3
+ import PropTypes from 'prop-types';
4
4
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
5
5
  import CloseIcon from '../_virtual/close.js';
6
6
  import styles from './removable-tag.p.module.css.js';
@@ -34,7 +34,8 @@ const RemovableTag = /*#__PURE__*/React.forwardRef(function Tag(_ref, ref) {
34
34
  ...restProps,
35
35
  ref: ref
36
36
  }, /*#__PURE__*/React.isValidElement(icon) && /*#__PURE__*/cloneElement(icon, {
37
- className: cn(icon.props.className, styles.icon)
37
+ className: cn(icon.props.className, styles.icon),
38
+ 'data-render-all-sizes': true
38
39
  }), /*#__PURE__*/React.createElement("span", {
39
40
  className: styles.main,
40
41
  "data-test": "removable-tag"
@@ -48,7 +49,8 @@ const RemovableTag = /*#__PURE__*/React.forwardRef(function Tag(_ref, ref) {
48
49
  onRemoveClick();
49
50
  }
50
51
  }, /*#__PURE__*/React.createElement(CloseIcon, {
51
- "data-rs-internal": "removable-tag__close-icon"
52
+ "data-rs-internal": "removable-tag__close-icon",
53
+ "data-render-all-sizes": true
52
54
  })));
53
55
  });
54
56
  RemovableTag.propTypes = {
package/lib/parts/removable-tag.p.module.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1m7sfa9_7",
3
- "themeDark": "_themeDark_1m7sfa9_10",
4
- "sizeXs": "_sizeXs_1m7sfa9_14",
5
- "sizeS": "_sizeS_1m7sfa9_17",
6
- "sizeM": "_sizeM_1m7sfa9_20",
7
- "sizeL": "_sizeL_1m7sfa9_23",
8
- "wrapper": "_wrapper_1m7sfa9_27",
9
- "disabled": "_disabled_1m7sfa9_50",
10
- "main": "_main_1m7sfa9_55",
11
- "wrap": "_wrap_1m7sfa9_27",
12
- "close": "_close_1m7sfa9_74",
13
- "icon": "_icon_1m7sfa9_135"
2
+ "themeLight": "_themeLight_k78420_7",
3
+ "themeDark": "_themeDark_k78420_10",
4
+ "sizeXs": "_sizeXs_k78420_14",
5
+ "sizeS": "_sizeS_k78420_17",
6
+ "sizeM": "_sizeM_k78420_20",
7
+ "sizeL": "_sizeL_k78420_23",
8
+ "wrapper": "_wrapper_k78420_27",
9
+ "disabled": "_disabled_k78420_50",
10
+ "main": "_main_k78420_55",
11
+ "wrap": "_wrap_k78420_27",
12
+ "close": "_close_k78420_74",
13
+ "icon": "_icon_k78420_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_yx1shf_3",
3
- "offset16": "_offset16_yx1shf_7",
4
- "offset24": "_offset24_yx1shf_10",
5
- "offset32": "_offset32_yx1shf_13",
6
- "alignTop": "_alignTop_yx1shf_17",
7
- "alignMiddle": "_alignMiddle_yx1shf_20",
8
- "topStart": "_topStart_yx1shf_24",
9
- "topEnd": "_topEnd_yx1shf_27",
10
- "leftStart": "_leftStart_yx1shf_30",
11
- "leftEnd": "_leftEnd_yx1shf_33",
12
- "tag": "_tag_yx1shf_37"
2
+ "wrapper": "_wrapper_1x00q7u_3",
3
+ "offset16": "_offset16_1x00q7u_7",
4
+ "offset24": "_offset24_1x00q7u_10",
5
+ "offset32": "_offset32_1x00q7u_13",
6
+ "alignTop": "_alignTop_1x00q7u_17",
7
+ "alignMiddle": "_alignMiddle_1x00q7u_20",
8
+ "topStart": "_topStart_1x00q7u_24",
9
+ "topEnd": "_topEnd_1x00q7u_27",
10
+ "leftStart": "_leftStart_1x00q7u_30",
11
+ "leftEnd": "_leftEnd_1x00q7u_33",
12
+ "tag": "_tag_1x00q7u_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_1xo4zbl_1"
2
+ "main": "_main_4lh46w_1"
3
3
  };
4
4
  export { styles as default };
package/lib/public-api.p.css CHANGED
@@ -119,14 +119,17 @@
119
119
  --_rs-typography-text-auto-offset:16px;
120
120
  --_rs-typography-ul-list-li-padding-left:22px;
121
121
  --_rs-typography-ol-list-li-padding-left:26px;
122
- --_rs-typography-list-li-margin-top-from-text:16px;
122
+ --_rs-typography-list-li-margin-top-from-text:var(
123
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
124
+ 16px
125
+ );
123
126
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
124
127
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
125
128
  --_rs-typography-link-border-bottom-width-from-text:1px;
126
129
  }
127
130
  @media screen and (max-width: 640px){
128
131
  &:not(html){
129
- --_rs-typography-list-li-margin-top-from-text:12px;
132
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
130
133
  }
131
134
  }
132
135
  }
@@ -167,14 +170,17 @@
167
170
  --_rs-typography-text-auto-offset:32px;
168
171
  --_rs-typography-ul-list-li-padding-left:26px;
169
172
  --_rs-typography-ol-list-li-padding-left:32px;
170
- --_rs-typography-list-li-margin-top-from-text:24px;
173
+ --_rs-typography-list-li-margin-top-from-text:var(
174
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
175
+ 24px
176
+ );
171
177
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
172
178
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
173
179
  --_rs-typography-link-border-bottom-width-from-text:1px;
174
180
  }
175
181
  @media screen and (max-width: 640px){
176
182
  &:not(html){
177
- --_rs-typography-list-li-margin-top-from-text:16px;
183
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
178
184
  }
179
185
  }
180
186
  }
@@ -323,14 +329,17 @@
323
329
  --_rs-typography-text-auto-offset:16px;
324
330
  --_rs-typography-ul-list-li-padding-left:22px;
325
331
  --_rs-typography-ol-list-li-padding-left:26px;
326
- --_rs-typography-list-li-margin-top-from-text:16px;
332
+ --_rs-typography-list-li-margin-top-from-text:var(
333
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
334
+ 16px
335
+ );
327
336
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
328
337
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
329
338
  --_rs-typography-link-border-bottom-width-from-text:1px;
330
339
  }
331
340
  @media screen and (max-width: 640px){
332
341
  &:not(html){
333
- --_rs-typography-list-li-margin-top-from-text:12px;
342
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
334
343
  }
335
344
  }
336
345
  }
@@ -371,14 +380,17 @@
371
380
  --_rs-typography-text-auto-offset:32px;
372
381
  --_rs-typography-ul-list-li-padding-left:26px;
373
382
  --_rs-typography-ol-list-li-padding-left:32px;
374
- --_rs-typography-list-li-margin-top-from-text:24px;
383
+ --_rs-typography-list-li-margin-top-from-text:var(
384
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
385
+ 24px
386
+ );
375
387
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
376
388
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
377
389
  --_rs-typography-link-border-bottom-width-from-text:1px;
378
390
  }
379
391
  @media screen and (max-width: 640px){
380
392
  &:not(html){
381
- --_rs-typography-list-li-margin-top-from-text:16px;
393
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
382
394
  }
383
395
  }
384
396
  }
@@ -604,14 +616,17 @@
604
616
  --_rs-typography-text-auto-offset:16px;
605
617
  --_rs-typography-ul-list-li-padding-left:22px;
606
618
  --_rs-typography-ol-list-li-padding-left:26px;
607
- --_rs-typography-list-li-margin-top-from-text:16px;
619
+ --_rs-typography-list-li-margin-top-from-text:var(
620
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
621
+ 16px
622
+ );
608
623
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
609
624
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
610
625
  --_rs-typography-link-border-bottom-width-from-text:1px;
611
626
  }
612
627
  @media screen and (max-width: 640px){
613
628
  &:not(html){
614
- --_rs-typography-list-li-margin-top-from-text:12px;
629
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
615
630
  }
616
631
  }
617
632
  }
@@ -656,14 +671,17 @@
656
671
  --_rs-typography-text-auto-offset:32px;
657
672
  --_rs-typography-ul-list-li-padding-left:26px;
658
673
  --_rs-typography-ol-list-li-padding-left:32px;
659
- --_rs-typography-list-li-margin-top-from-text:24px;
674
+ --_rs-typography-list-li-margin-top-from-text:var(
675
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
676
+ 24px
677
+ );
660
678
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
661
679
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
662
680
  --_rs-typography-link-border-bottom-width-from-text:1px;
663
681
  }
664
682
  @media screen and (max-width: 640px){
665
683
  &:not(html){
666
- --_rs-typography-list-li-margin-top-from-text:16px;
684
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
667
685
  }
668
686
  }
669
687
  }
package/lib/public-api.pcss CHANGED
@@ -119,14 +119,17 @@
119
119
  --_rs-typography-text-auto-offset:16px;
120
120
  --_rs-typography-ul-list-li-padding-left:22px;
121
121
  --_rs-typography-ol-list-li-padding-left:26px;
122
- --_rs-typography-list-li-margin-top-from-text:16px;
122
+ --_rs-typography-list-li-margin-top-from-text:var(
123
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
124
+ 16px
125
+ );
123
126
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
124
127
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
125
128
  --_rs-typography-link-border-bottom-width-from-text:1px;
126
129
  }
127
130
  @media screen and (max-width: 640px){
128
131
  &:not(html){
129
- --_rs-typography-list-li-margin-top-from-text:12px;
132
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
130
133
  }
131
134
  }
132
135
  }
@@ -167,14 +170,17 @@
167
170
  --_rs-typography-text-auto-offset:32px;
168
171
  --_rs-typography-ul-list-li-padding-left:26px;
169
172
  --_rs-typography-ol-list-li-padding-left:32px;
170
- --_rs-typography-list-li-margin-top-from-text:24px;
173
+ --_rs-typography-list-li-margin-top-from-text:var(
174
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
175
+ 24px
176
+ );
171
177
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
172
178
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
173
179
  --_rs-typography-link-border-bottom-width-from-text:1px;
174
180
  }
175
181
  @media screen and (max-width: 640px){
176
182
  &:not(html){
177
- --_rs-typography-list-li-margin-top-from-text:16px;
183
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
178
184
  }
179
185
  }
180
186
  }
@@ -323,14 +329,17 @@
323
329
  --_rs-typography-text-auto-offset:16px;
324
330
  --_rs-typography-ul-list-li-padding-left:22px;
325
331
  --_rs-typography-ol-list-li-padding-left:26px;
326
- --_rs-typography-list-li-margin-top-from-text:16px;
332
+ --_rs-typography-list-li-margin-top-from-text:var(
333
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
334
+ 16px
335
+ );
327
336
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
328
337
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
329
338
  --_rs-typography-link-border-bottom-width-from-text:1px;
330
339
  }
331
340
  @media screen and (max-width: 640px){
332
341
  &:not(html){
333
- --_rs-typography-list-li-margin-top-from-text:12px;
342
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
334
343
  }
335
344
  }
336
345
  }
@@ -371,14 +380,17 @@
371
380
  --_rs-typography-text-auto-offset:32px;
372
381
  --_rs-typography-ul-list-li-padding-left:26px;
373
382
  --_rs-typography-ol-list-li-padding-left:32px;
374
- --_rs-typography-list-li-margin-top-from-text:24px;
383
+ --_rs-typography-list-li-margin-top-from-text:var(
384
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
385
+ 24px
386
+ );
375
387
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
376
388
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
377
389
  --_rs-typography-link-border-bottom-width-from-text:1px;
378
390
  }
379
391
  @media screen and (max-width: 640px){
380
392
  &:not(html){
381
- --_rs-typography-list-li-margin-top-from-text:16px;
393
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
382
394
  }
383
395
  }
384
396
  }
@@ -604,14 +616,17 @@
604
616
  --_rs-typography-text-auto-offset:16px;
605
617
  --_rs-typography-ul-list-li-padding-left:22px;
606
618
  --_rs-typography-ol-list-li-padding-left:26px;
607
- --_rs-typography-list-li-margin-top-from-text:16px;
619
+ --_rs-typography-list-li-margin-top-from-text:var(
620
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
621
+ 16px
622
+ );
608
623
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
609
624
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
610
625
  --_rs-typography-link-border-bottom-width-from-text:1px;
611
626
  }
612
627
  @media screen and (max-width: 640px){
613
628
  &:not(html){
614
- --_rs-typography-list-li-margin-top-from-text:12px;
629
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
615
630
  }
616
631
  }
617
632
  }
@@ -656,14 +671,17 @@
656
671
  --_rs-typography-text-auto-offset:32px;
657
672
  --_rs-typography-ul-list-li-padding-left:26px;
658
673
  --_rs-typography-ol-list-li-padding-left:32px;
659
- --_rs-typography-list-li-margin-top-from-text:24px;
674
+ --_rs-typography-list-li-margin-top-from-text:var(
675
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
676
+ 24px
677
+ );
660
678
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
661
679
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
662
680
  --_rs-typography-link-border-bottom-width-from-text:1px;
663
681
  }
664
682
  @media screen and (max-width: 640px){
665
683
  &:not(html){
666
- --_rs-typography-list-li-margin-top-from-text:16px;
684
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
667
685
  }
668
686
  }
669
687
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tag",
3
- "version": "0.10.15-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
3
+ "version": "0.10.15-RUI-230-Update-icons-6919f9e4.29+6919f9e4",
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.7-RUI-230-Update-icons-0bd4e5fc.33+0bd4e5fc",
19
+ "@rescui/colors": "0.2.7-RUI-230-Update-icons-6919f9e4.53+6919f9e4",
20
20
  "classnames": "^2.3.1"
21
21
  },
22
22
  "peerDependencies": {
@@ -25,14 +25,14 @@
25
25
  "react": ">=16.8.0 <19"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/icons": "0.16.15-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
28
+ "@rescui/icons": "0.16.15-RUI-230-Update-icons-6919f9e4.29+6919f9e4",
29
29
  "@rescui/scripts": "0.3.5",
30
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc"
30
+ "@rescui/typography": "0.21.1-RUI-230-Update-icons-6919f9e4.29+6919f9e4"
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": "0bd4e5fc55bc38b4b8a80a5dcbdb036720dc9676"
37
+ "gitHead": "6919f9e47242359e9341826175a53441c8c70f75"
38
38
  }