@rescui/tag 0.9.5 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/lib/index.css +575 -428
  2. package/lib/parts/base-tag.p.module.css.js +9 -10
  3. package/lib/parts/removable-tag.js +3 -8
  4. package/lib/parts/removable-tag.p.module.css.js +12 -13
  5. package/lib/parts/sticky-tag.js +13 -54
  6. package/lib/parts/sticky-tag.p.module.css.js +11 -15
  7. package/lib/parts/tag.p.module.css.js +1 -4
  8. package/lib/public-api.p.css +669 -0
  9. package/lib/public-api.pcss +669 -0
  10. package/lib/tag.js +1 -7
  11. package/package.json +8 -7
package/lib/index.css CHANGED
@@ -1,19 +1,212 @@
1
- ._main_1fx9s9f_25{
2
- letter-spacing:0.0015em;
3
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
4
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
5
- -webkit-font-feature-settings:"kern", "liga", "calt";
6
- font-feature-settings:"kern", "liga", "calt";
7
- font-size:16px;
8
- font-size:var(--rs-text-2-font-size, 16px);
9
- font-weight:400;
10
- line-height:24px;
11
- line-height:var(--rs-text-2-line-height, 24px);
12
- }
13
- ._rs-reset-letter-spacing_1fx9s9f_1 ._main_1fx9s9f_25{
14
- letter-spacing:normal;
15
- }
16
- ._main_1fx9s9f_25 {
1
+ ._alignIconLeft_18m26zg_7{
2
+ --_rs-tag-flex-direction:row;
3
+ }
4
+ ._alignIconRight_18m26zg_10{
5
+ --_rs-tag-flex-direction:row-reverse;
6
+ }
7
+ ._uppercase_18m26zg_14{
8
+ --_rs-tag-text-transform:uppercase;
9
+ --_rs-tag-horizontal-padding-or-initial:var(
10
+ --_rs-tag-uppercase-horizontal-padding
11
+ );
12
+ }
13
+ ._sizeXs_18m26zg_18{
14
+ --_rs-tag-vertical-padding:2px;
15
+ --_rs-tag-base-horizontal-padding:8px;
16
+ --_rs-tag-uppercase-horizontal-padding:var(
17
+ --_rs-tag-base-horizontal-padding
18
+ );
19
+ --_rs-tag-icon-size:20px;
20
+ --_rs-tag-border-radius:4px;
21
+ --_rs-typography-letter-spacing:0.0045em;
22
+ --_rs-typography-text-transform:initial;
23
+ --_rs-typography-font-variant-numeric:initial;
24
+ --_rs-typography-font-family:var(
25
+ --rs-font-family-ui,
26
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
27
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
28
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
29
+ );
30
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
31
+ --_rs-typography-font-weight:var(
32
+ --rs-font-weight-regular,
33
+ 400
34
+ );
35
+ --_rs-typography-line-height:var(
36
+ --rs-text-3-line-height,
37
+ 20px
38
+ );
39
+ --_rs-typography-base-color:var(
40
+ --_rs-typography-hardness-color,
41
+ var(
42
+ --rs-color-average,
43
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
44
+ )
45
+ );
46
+ --_rs-typography-text-auto-offset:8px;
47
+ --_rs-typography-ul-list-li-padding-left:28px;
48
+ --_rs-typography-ol-list-li-padding-left:21px;
49
+ --_rs-typography-list-li-margin-top-from-text:8px;
50
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
51
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
52
+ --_rs-typography-link-border-bottom-width-from-text:1px;
53
+ }
54
+ ._sizeS_18m26zg_21{
55
+ --_rs-tag-vertical-padding:4px;
56
+ --_rs-tag-base-horizontal-padding:8px;
57
+ --_rs-tag-uppercase-horizontal-padding:10px;
58
+ --_rs-tag-icon-size:20px;
59
+ --_rs-tag-border-radius:4px;
60
+ --_rs-typography-letter-spacing:0.0045em;
61
+ --_rs-typography-text-transform:initial;
62
+ --_rs-typography-font-variant-numeric:initial;
63
+ --_rs-typography-font-family:var(
64
+ --rs-font-family-ui,
65
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
66
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
67
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
68
+ );
69
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
70
+ --_rs-typography-font-weight:var(
71
+ --rs-font-weight-regular,
72
+ 400
73
+ );
74
+ --_rs-typography-line-height:var(
75
+ --rs-text-3-line-height,
76
+ 20px
77
+ );
78
+ --_rs-typography-base-color:var(
79
+ --_rs-typography-hardness-color,
80
+ var(
81
+ --rs-color-average,
82
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
83
+ )
84
+ );
85
+ --_rs-typography-text-auto-offset:8px;
86
+ --_rs-typography-ul-list-li-padding-left:28px;
87
+ --_rs-typography-ol-list-li-padding-left:21px;
88
+ --_rs-typography-list-li-margin-top-from-text:8px;
89
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
90
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
91
+ --_rs-typography-link-border-bottom-width-from-text:1px;
92
+ }
93
+ ._sizeM_18m26zg_24{
94
+ --_rs-tag-vertical-padding:6px;
95
+ --_rs-tag-base-horizontal-padding:12px;
96
+ --_rs-tag-uppercase-horizontal-padding:var(
97
+ --_rs-tag-base-horizontal-padding
98
+ );
99
+ --_rs-tag-icon-size:24px;
100
+ --_rs-tag-border-radius:6px;
101
+ --_rs-typography-letter-spacing:0.0015em;
102
+ --_rs-typography-text-transform:initial;
103
+ --_rs-typography-font-variant-numeric:initial;
104
+ --_rs-typography-font-family:var(
105
+ --rs-font-family-ui,
106
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
107
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
108
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
109
+ );
110
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
111
+ --_rs-typography-font-weight:var(
112
+ --rs-font-weight-regular,
113
+ 400
114
+ );
115
+ --_rs-typography-line-height:var(
116
+ --rs-text-2-line-height,
117
+ 24px
118
+ );
119
+ --_rs-typography-base-color:var(
120
+ --_rs-typography-hardness-color,
121
+ var(
122
+ --rs-color-average,
123
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
124
+ )
125
+ );
126
+ --_rs-typography-text-auto-offset:16px;
127
+ --_rs-typography-ul-list-li-padding-left:22px;
128
+ --_rs-typography-ol-list-li-padding-left:26px;
129
+ --_rs-typography-list-li-margin-top-from-text:16px;
130
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
131
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
132
+ --_rs-typography-link-border-bottom-width-from-text:1px;
133
+ }
134
+ @media screen and (max-width: 640px){
135
+ ._sizeM_18m26zg_24{
136
+ --_rs-typography-list-li-margin-top-from-text:12px;
137
+ }
138
+ }
139
+ ._sizeL_18m26zg_27{
140
+ --_rs-tag-vertical-padding:8px;
141
+ --_rs-tag-base-horizontal-padding:16px;
142
+ --_rs-tag-uppercase-horizontal-padding:var(
143
+ --_rs-tag-base-horizontal-padding
144
+ );
145
+ --_rs-tag-icon-size:28px;
146
+ --_rs-tag-border-radius:8px;
147
+ --_rs-typography-letter-spacing:normal;
148
+ --_rs-typography-text-transform:initial;
149
+ --_rs-typography-font-variant-numeric:initial;
150
+ --_rs-typography-font-family:var(
151
+ --rs-font-family-ui,
152
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
153
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
154
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
155
+ );
156
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
157
+ --_rs-typography-font-weight:var(
158
+ --rs-font-weight-regular,
159
+ 400
160
+ );
161
+ --_rs-typography-line-height:var(
162
+ --rs-text-1-line-height,
163
+ 28px
164
+ );
165
+ --_rs-typography-base-color:var(
166
+ --_rs-typography-hardness-color,
167
+ var(
168
+ --rs-color-average,
169
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
170
+ )
171
+ );
172
+ --_rs-typography-text-auto-offset:32px;
173
+ --_rs-typography-ul-list-li-padding-left:26px;
174
+ --_rs-typography-ol-list-li-padding-left:32px;
175
+ --_rs-typography-list-li-margin-top-from-text:24px;
176
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
177
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
178
+ --_rs-typography-link-border-bottom-width-from-text:1px;
179
+ }
180
+ @media screen and (max-width: 640px){
181
+ ._sizeL_18m26zg_27{
182
+ --_rs-typography-list-li-margin-top-from-text:16px;
183
+ }
184
+ }
185
+ ._main_18m26zg_31{
186
+ --_rs-tag-border-width:1px;
187
+
188
+ --_rs-tag-horizontal-padding:var(
189
+ --_rs-tag-horizontal-padding-or-initial,
190
+ var(--_rs-tag-base-horizontal-padding)
191
+ );
192
+ letter-spacing:var(
193
+ --rs-text-base-letter-spacing,
194
+ var(--_rs-typography-letter-spacing)
195
+ );
196
+ text-transform:var(--_rs-typography-text-transform);
197
+ font-family:var(--_rs-typography-font-family);
198
+ font-size:var(--_rs-typography-font-size);
199
+ font-weight:var(--_rs-typography-font-weight);
200
+ line-height:var(--_rs-typography-line-height);
201
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
202
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
203
+ font-feature-settings:'kern', 'liga', 'calt';
204
+ }
205
+ ._main_18m26zg_31 > p:not(:nth-child(1)),
206
+ ._main_18m26zg_31 > pre:not(:nth-child(1)){
207
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
208
+ }
209
+ ._main_18m26zg_31 {
17
210
 
18
211
  position:relative;
19
212
 
@@ -22,6 +215,10 @@
22
215
  display:-ms-inline-flexbox;
23
216
 
24
217
  display:inline-flex;
218
+ -webkit-box-orient:vertical;
219
+ -webkit-box-direction:normal;
220
+ -ms-flex-direction:var(--_rs-tag-flex-direction);
221
+ flex-direction:var(--_rs-tag-flex-direction);
25
222
  -webkit-box-pack:center;
26
223
  -ms-flex-pack:center;
27
224
  justify-content:center;
@@ -33,145 +230,277 @@
33
230
 
34
231
  box-sizing:border-box;
35
232
 
36
- border:1px solid transparent;
233
+ padding:calc(var(--_rs-tag-vertical-padding) - var(--_rs-tag-border-width)) calc(var(--_rs-tag-horizontal-padding) - var(--_rs-tag-border-width));
234
+
235
+ border:var(--_rs-tag-border-width) solid transparent;
37
236
  outline:none;
38
237
 
39
238
  text-align:center;
40
239
  white-space:nowrap;
41
240
  text-decoration:none;
241
+ text-transform:var(--_rs-tag-text-transform);
42
242
 
43
243
  background:transparent;
44
- }
45
- ._alignIconLeft_1fx9s9f_46{
46
- -webkit-box-orient:horizontal;
47
- -webkit-box-direction:normal;
48
- -ms-flex-direction:row;
49
- flex-direction:row;
50
- }
51
- ._alignIconRight_1fx9s9f_50{
52
- -webkit-box-orient:horizontal;
53
- -webkit-box-direction:reverse;
54
- -ms-flex-direction:row-reverse;
55
- flex-direction:row-reverse;
56
- }
57
- ._sizeXs_1fx9s9f_54{
58
- letter-spacing:0.0045em;
59
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
60
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
61
- -webkit-font-feature-settings:"kern", "liga", "calt";
62
- font-feature-settings:"kern", "liga", "calt";
63
- font-size:13px;
64
- font-size:var(--rs-text-3-font-size, 13px);
65
- line-height:20px;
66
- line-height:var(--rs-text-3-line-height, 20px);
67
- }
68
- ._rs-reset-letter-spacing_1fx9s9f_1 ._sizeXs_1fx9s9f_54{
69
- letter-spacing:normal;
70
- }
71
- ._sizeXs_1fx9s9f_54 {
72
-
73
- padding:1px 7px;
74
- }
75
- ._sizeS_1fx9s9f_61{
76
- letter-spacing:0.0045em;
77
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
78
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
79
- -webkit-font-feature-settings:"kern", "liga", "calt";
80
- font-feature-settings:"kern", "liga", "calt";
81
- font-size:13px;
82
- font-size:var(--rs-text-3-font-size, 13px);
83
- line-height:20px;
84
- line-height:var(--rs-text-3-line-height, 20px);
85
- }
86
- ._rs-reset-letter-spacing_1fx9s9f_1 ._sizeS_1fx9s9f_61{
87
- letter-spacing:normal;
88
- }
89
- ._sizeS_1fx9s9f_61 {
90
-
91
- padding:3px 7px;
92
- }
93
- ._sizeM_1fx9s9f_68{
94
- letter-spacing:0.0015em;
95
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
96
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
97
- -webkit-font-feature-settings:"kern", "liga", "calt";
98
- font-feature-settings:"kern", "liga", "calt";
99
- font-size:16px;
100
- font-size:var(--rs-text-2-font-size, 16px);
101
- font-weight:400;
102
- line-height:24px;
103
- line-height:var(--rs-text-2-line-height, 24px);
104
- }
105
- ._rs-reset-letter-spacing_1fx9s9f_1 ._sizeM_1fx9s9f_68{
106
- letter-spacing:normal;
107
- }
108
- ._sizeM_1fx9s9f_68 {
109
-
110
- padding:5px 11px;
111
- }
112
- ._sizeL_1fx9s9f_75{
113
- letter-spacing:normal;
114
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
115
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
116
- -webkit-font-feature-settings:"kern", "liga", "calt";
117
- font-feature-settings:"kern", "liga", "calt";
118
- font-size:20px;
119
- font-size:var(--rs-text-1-font-size, 20px);
120
- font-weight:normal;
121
- line-height:28px;
122
- line-height:var(--rs-text-1-line-height, 28px);
123
-
124
- padding:7px 15px;
125
- }
126
- ._icon_1fx9s9f_82{
127
- fill:currentColor;
128
- }
129
- ._sizeXs_1fx9s9f_54 ._icon_1fx9s9f_82{
130
- width:20px;
131
- height:20px;
132
- }
133
- ._sizeS_1fx9s9f_61 ._icon_1fx9s9f_82{
134
- width:20px;
135
- height:20px;
136
- }
137
- ._sizeM_1fx9s9f_68 ._icon_1fx9s9f_82{
138
- width:24px;
139
- height:24px;
140
- }
141
- ._sizeL_1fx9s9f_75 ._icon_1fx9s9f_82{
142
- width:28px;
143
- height:28px;
144
- }
145
- ._alignIconLeft_1fx9s9f_46 ._icon_1fx9s9f_82{
146
- margin-right:8px;
147
- margin-left:0;
148
- }
149
- ._alignIconRight_1fx9s9f_50 ._icon_1fx9s9f_82{
150
- margin-right:0;
151
- margin-left:8px;
152
- }
153
- ._uppercase_1fx9s9f_116{
154
- text-transform:uppercase;
155
- }
156
- ._uppercase_1fx9s9f_116._sizeS_1fx9s9f_61{
157
- padding-right:9px;
158
- padding-left:9px;
159
- }
160
-
161
- ._sizeXs_1kndxmx_9{
162
- border-radius:4px;
163
- }
164
- ._sizeS_1kndxmx_13{
165
- border-radius:4px;
166
- }
167
- ._sizeM_1kndxmx_17{
168
- border-radius:6px;
169
- }
170
- ._sizeL_1kndxmx_21{
171
- border-radius:8px;
172
- }
244
+ gap:8px;
245
+ }
246
+ ._main_18m26zg_31 ._icon_18m26zg_60{
247
+ fill:currentColor;
248
+
249
+ width:auto;
250
+ height:var(--_rs-tag-icon-size);
251
+ }
252
+
253
+ ._main_lyuqay_1{
254
+ border-radius:var(--_rs-tag-border-radius);
255
+ }
256
+
257
+ ._themeLight_7hb585_7{
258
+ --rs-theme-dark:0;
259
+ }
260
+ ._themeDark_7hb585_10{
261
+ --rs-theme-dark:1;
262
+ }
263
+ ._sizeXs_7hb585_14{
264
+ --_rs-tag-removable-vertical-padding:2px;
265
+ --_rs-tag-removable-left-padding:8px;
266
+ --_rs-tag-removable-right-padding:2px;
267
+ --_rs-tag-removable-border-radius:4px;
268
+ --_rs-tag-removable-close-icon-size:28px;
269
+ --_rs-tag-removable-custom-icon-size:20px;
270
+ }
271
+ ._sizeXs_7hb585_14 [data-rs-internal="removable-tag__close-icon"]:not(html){
272
+ --_rs-icons-height:20px;
273
+ }
274
+ ._sizeXs_7hb585_14 {
275
+ --_rs-typography-letter-spacing:0.0045em;
276
+ --_rs-typography-text-transform:initial;
277
+ --_rs-typography-font-variant-numeric:initial;
278
+ --_rs-typography-font-family:var(
279
+ --rs-font-family-ui,
280
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
281
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
282
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
283
+ );
284
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
285
+ --_rs-typography-font-weight:var(
286
+ --rs-font-weight-regular,
287
+ 400
288
+ );
289
+ --_rs-typography-line-height:var(
290
+ --rs-text-3-line-height,
291
+ 20px
292
+ );
293
+ --_rs-typography-base-color:var(
294
+ --_rs-typography-hardness-color,
295
+ var(
296
+ --rs-color-average,
297
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
298
+ )
299
+ );
300
+ --_rs-typography-text-auto-offset:8px;
301
+ --_rs-typography-ul-list-li-padding-left:28px;
302
+ --_rs-typography-ol-list-li-padding-left:21px;
303
+ --_rs-typography-list-li-margin-top-from-text:8px;
304
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
305
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
306
+ --_rs-typography-link-border-bottom-width-from-text:1px;
307
+ }
308
+ ._sizeS_7hb585_17{
309
+ --_rs-tag-removable-vertical-padding:4px;
310
+ --_rs-tag-removable-left-padding:8px;
311
+ --_rs-tag-removable-right-padding:2px;
312
+ --_rs-tag-removable-border-radius:4px;
313
+ --_rs-tag-removable-close-icon-size:28px;
314
+ --_rs-tag-removable-custom-icon-size:20px;
315
+ }
316
+ ._sizeS_7hb585_17 [data-rs-internal="removable-tag__close-icon"]:not(html){
317
+ --_rs-icons-height:20px;
318
+ }
319
+ ._sizeS_7hb585_17 {
320
+ --_rs-typography-letter-spacing:0.0045em;
321
+ --_rs-typography-text-transform:initial;
322
+ --_rs-typography-font-variant-numeric:initial;
323
+ --_rs-typography-font-family:var(
324
+ --rs-font-family-ui,
325
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
326
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
327
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
328
+ );
329
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
330
+ --_rs-typography-font-weight:var(
331
+ --rs-font-weight-regular,
332
+ 400
333
+ );
334
+ --_rs-typography-line-height:var(
335
+ --rs-text-3-line-height,
336
+ 20px
337
+ );
338
+ --_rs-typography-base-color:var(
339
+ --_rs-typography-hardness-color,
340
+ var(
341
+ --rs-color-average,
342
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
343
+ )
344
+ );
345
+ --_rs-typography-text-auto-offset:8px;
346
+ --_rs-typography-ul-list-li-padding-left:28px;
347
+ --_rs-typography-ol-list-li-padding-left:21px;
348
+ --_rs-typography-list-li-margin-top-from-text:8px;
349
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
350
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
351
+ --_rs-typography-link-border-bottom-width-from-text:1px;
352
+ }
353
+ ._sizeM_7hb585_20{
354
+ --_rs-tag-removable-vertical-padding:6px;
355
+ --_rs-tag-removable-left-padding:12px;
356
+ --_rs-tag-removable-right-padding:2px;
357
+ --_rs-tag-removable-border-radius:6px;
358
+ --_rs-tag-removable-close-icon-size:36px;
359
+ --_rs-tag-removable-custom-icon-size:24px;
360
+ }
361
+ ._sizeM_7hb585_20 [data-rs-internal="removable-tag__close-icon"]:not(html){
362
+ --_rs-icons-height:24px;
363
+ }
364
+ ._sizeM_7hb585_20 {
365
+ --_rs-typography-letter-spacing:0.0015em;
366
+ --_rs-typography-text-transform:initial;
367
+ --_rs-typography-font-variant-numeric:initial;
368
+ --_rs-typography-font-family:var(
369
+ --rs-font-family-ui,
370
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
371
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
372
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
373
+ );
374
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
375
+ --_rs-typography-font-weight:var(
376
+ --rs-font-weight-regular,
377
+ 400
378
+ );
379
+ --_rs-typography-line-height:var(
380
+ --rs-text-2-line-height,
381
+ 24px
382
+ );
383
+ --_rs-typography-base-color:var(
384
+ --_rs-typography-hardness-color,
385
+ var(
386
+ --rs-color-average,
387
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
388
+ )
389
+ );
390
+ --_rs-typography-text-auto-offset:16px;
391
+ --_rs-typography-ul-list-li-padding-left:22px;
392
+ --_rs-typography-ol-list-li-padding-left:26px;
393
+ --_rs-typography-list-li-margin-top-from-text:16px;
394
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
395
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
396
+ --_rs-typography-link-border-bottom-width-from-text:1px;
397
+ }
398
+ @media screen and (max-width: 640px){
399
+ ._sizeM_7hb585_20 {
400
+ --_rs-typography-list-li-margin-top-from-text:12px;
401
+ }
402
+ }
403
+ ._sizeL_7hb585_23{
404
+ --_rs-tag-removable-vertical-padding:8px;
405
+ --_rs-tag-removable-left-padding:16px;
406
+ --_rs-tag-removable-right-padding:4px;
407
+ --_rs-tag-removable-border-radius:8px;
408
+ --_rs-tag-removable-close-icon-size:44px;
409
+ --_rs-tag-removable-custom-icon-size:28px;
410
+ }
411
+ ._sizeL_7hb585_23 [data-rs-internal="removable-tag__close-icon"]:not(html){
412
+ --_rs-icons-height:28px;
413
+ }
414
+ ._sizeL_7hb585_23 {
415
+ --_rs-typography-letter-spacing:normal;
416
+ --_rs-typography-text-transform:initial;
417
+ --_rs-typography-font-variant-numeric:initial;
418
+ --_rs-typography-font-family:var(
419
+ --rs-font-family-ui,
420
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
421
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
422
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
423
+ );
424
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
425
+ --_rs-typography-font-weight:var(
426
+ --rs-font-weight-regular,
427
+ 400
428
+ );
429
+ --_rs-typography-line-height:var(
430
+ --rs-text-1-line-height,
431
+ 28px
432
+ );
433
+ --_rs-typography-base-color:var(
434
+ --_rs-typography-hardness-color,
435
+ var(
436
+ --rs-color-average,
437
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
438
+ )
439
+ );
440
+ --_rs-typography-text-auto-offset:32px;
441
+ --_rs-typography-ul-list-li-padding-left:26px;
442
+ --_rs-typography-ol-list-li-padding-left:32px;
443
+ --_rs-typography-list-li-margin-top-from-text:24px;
444
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
445
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
446
+ --_rs-typography-link-border-bottom-width-from-text:1px;
447
+ }
448
+ @media screen and (max-width: 640px){
449
+ ._sizeL_7hb585_23 {
450
+ --_rs-typography-list-li-margin-top-from-text:16px;
451
+ }
452
+ }
453
+ ._wrapper_7hb585_27{
454
+ --_rs-theme-dark:var(
455
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
456
+ var(--rs-theme-dark, 0)
457
+ );
458
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
459
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
460
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
461
+ }
462
+ @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
463
+ ._wrapper_7hb585_27{
464
+ --_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)));
465
+ --_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)));
466
+ --_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)));
467
+ --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
468
+ --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
469
+ }
470
+ }
471
+ @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
472
+ ._wrapper_7hb585_27{
473
+ --_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);
474
+ --_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));
475
+ --_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));
476
+ --_rs-color-primary-t-dim: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, 0.8);
477
+ --_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));
478
+ }
479
+ }
480
+ ._wrapper_7hb585_27 {
481
+ letter-spacing:var(
482
+ --rs-text-base-letter-spacing,
483
+ var(--_rs-typography-letter-spacing)
484
+ );
485
+ text-transform:var(--_rs-typography-text-transform);
486
+ font-family:var(--_rs-typography-font-family);
487
+ font-size:var(--_rs-typography-font-size);
488
+ font-weight:var(--_rs-typography-font-weight);
489
+ line-height:var(--_rs-typography-line-height);
490
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
491
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
492
+ font-feature-settings:'kern', 'liga', 'calt';
493
+ }
494
+ ._wrapper_7hb585_27 > p:not(:nth-child(1)),
495
+ ._wrapper_7hb585_27 > pre:not(:nth-child(1)){
496
+ padding-top:var(--_rs-typography-auto-offset-or-initial);
497
+ }
498
+ ._wrapper_7hb585_27 {
499
+ --_rs-typography-hardness-color:var(
500
+ --rs-color-average,
501
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
502
+ );
173
503
 
174
- ._wrapper_1qphvze_36{
175
504
  position:relative;
176
505
 
177
506
  display:-webkit-inline-box;
@@ -180,100 +509,26 @@
180
509
 
181
510
  display:inline-flex;
182
511
 
512
+ padding-left:var(--_rs-tag-removable-left-padding);
513
+
514
+ border-radius:var(--_rs-tag-removable-border-radius);
515
+
183
516
  white-space:nowrap;
184
- }
185
517
 
186
- ._wrapper_1qphvze_36 > *{
518
+ color:var(--_rs-typography-hardness-color);
519
+ 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);
520
+ }
521
+ ._wrapper_7hb585_27 > *{
187
522
  vertical-align:top;
188
523
  }
189
- ._sizeXs_1qphvze_48,
190
- ._sizeS_1qphvze_49{
191
- letter-spacing:0.0045em;
192
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
193
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
194
- -webkit-font-feature-settings:"kern", "liga", "calt";
195
- font-feature-settings:"kern", "liga", "calt";
196
- font-size:13px;
197
- font-size:var(--rs-text-3-font-size, 13px);
198
- line-height:20px;
199
- line-height:var(--rs-text-3-line-height, 20px);
200
- }
201
- ._rs-reset-letter-spacing_1qphvze_1 ._sizeXs_1qphvze_48,._rs-reset-letter-spacing_1qphvze_1 ._sizeS_1qphvze_49{
202
- letter-spacing:normal;
203
- }
204
- ._sizeM_1qphvze_53{
205
- letter-spacing:0.0015em;
206
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
207
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
208
- -webkit-font-feature-settings:"kern", "liga", "calt";
209
- font-feature-settings:"kern", "liga", "calt";
210
- font-size:16px;
211
- font-size:var(--rs-text-2-font-size, 16px);
212
- font-weight:400;
213
- line-height:24px;
214
- line-height:var(--rs-text-2-line-height, 24px);
215
- }
216
- ._rs-reset-letter-spacing_1qphvze_1 ._sizeM_1qphvze_53{
217
- letter-spacing:normal;
218
- }
219
- ._sizeL_1qphvze_57{
220
- letter-spacing:normal;
221
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
222
- font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
223
- -webkit-font-feature-settings:"kern", "liga", "calt";
224
- font-feature-settings:"kern", "liga", "calt";
225
- font-size:20px;
226
- font-size:var(--rs-text-1-font-size, 20px);
227
- font-weight:normal;
228
- line-height:28px;
229
- line-height:var(--rs-text-1-line-height, 28px);
230
- }
231
- ._themeLight_1qphvze_61{
232
- color:rgba(25,25,28,0.7);
233
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
234
- }
235
- ._themeLight_1qphvze_61._disabled_1qphvze_65{
236
- color:rgba(25,25,28,0.5);
237
- color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
238
- }
239
- ._themeDark_1qphvze_69{
240
- color:rgba(255,255,255,0.7);
241
- color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
242
- }
243
- ._themeDark_1qphvze_69._disabled_1qphvze_65{
244
- color:rgba(255,255,255,0.5);
245
- color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
246
- }
247
- ._disabled_1qphvze_65{
524
+ ._disabled_7hb585_51{
248
525
  pointer-events:none;
526
+ --_rs-typography-hardness-color:var(
527
+ --rs-color-pale,
528
+ 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)
529
+ );
249
530
  }
250
- ._sizeXs_1qphvze_48{
251
- padding-left:8px;
252
-
253
- border-radius:4px;
254
- }
255
- ._sizeS_1qphvze_49{
256
- padding-left:8px;
257
-
258
- border-radius:4px;
259
- }
260
- ._sizeM_1qphvze_53{
261
- padding-left:12px;
262
-
263
- border-radius:6px;
264
- }
265
- ._sizeL_1qphvze_57{
266
- padding-left:16px;
267
-
268
- border-radius:8px;
269
- }
270
- ._themeLight_1qphvze_61{
271
- background-color:rgba(25,25,28,0.1);
272
- }
273
- ._themeDark_1qphvze_69{
274
- background-color:rgba(255,255,255,0.1);
275
- }
276
- ._main_1qphvze_110{
531
+ ._main_7hb585_56{
277
532
  display:-webkit-inline-box;
278
533
  display:-ms-inline-flexbox;
279
534
  display:inline-flex;
@@ -287,34 +542,18 @@
287
542
  -ms-flex-align:center;
288
543
  align-items:center;
289
544
 
545
+ padding-top:var(--_rs-tag-removable-vertical-padding);
546
+ padding-right:var(--_rs-tag-removable-right-padding);
547
+ padding-bottom:var(--_rs-tag-removable-vertical-padding);
548
+
290
549
  white-space:nowrap;
291
550
 
292
551
  background:transparent;
293
552
  }
294
- ._wrap_1qphvze_36 ._main_1qphvze_110{
553
+ ._wrap_7hb585_27 ._main_7hb585_56{
295
554
  white-space:normal;
296
555
  }
297
- ._sizeXs_1qphvze_48 ._main_1qphvze_110{
298
- padding-top:2px;
299
- padding-right:2px;
300
- padding-bottom:2px;
301
- }
302
- ._sizeS_1qphvze_49 ._main_1qphvze_110{
303
- padding-top:4px;
304
- padding-right:2px;
305
- padding-bottom:4px;
306
- }
307
- ._sizeM_1qphvze_53 ._main_1qphvze_110{
308
- padding-top:6px;
309
- padding-right:2px;
310
- padding-bottom:6px;
311
- }
312
- ._sizeL_1qphvze_57 ._main_1qphvze_110{
313
- padding-top:8px;
314
- padding-right:4px;
315
- padding-bottom:8px;
316
- }
317
- ._close_1qphvze_146{
556
+ ._close_7hb585_75{
318
557
  top:0;
319
558
  right:0;
320
559
  bottom:0;
@@ -335,10 +574,12 @@
335
574
  -ms-flex-align:center;
336
575
  align-items:center;
337
576
 
338
- width:auto;
577
+ width:var(--_rs-tag-removable-close-icon-size);
578
+ height:auto;
339
579
  padding:0;
340
580
 
341
581
  border:none;
582
+ border-radius:var(--_rs-tag-removable-border-radius);
342
583
 
343
584
  cursor:pointer;
344
585
 
@@ -350,201 +591,107 @@
350
591
  -webkit-font-smoothing:inherit;
351
592
  -moz-osx-font-smoothing:inherit;
352
593
  }
353
- ._close_1qphvze_146::-moz-focus-inner{
594
+ ._close_7hb585_75::-moz-focus-inner{
354
595
  padding:0;
355
596
 
356
597
  border:0;
357
598
  }
358
- ._close_1qphvze_146:active,
359
- ._close_1qphvze_146:hover,
360
- ._close_1qphvze_146:focus{
599
+ ._close_7hb585_75:active,
600
+ ._close_7hb585_75:hover,
601
+ ._close_7hb585_75:focus{
361
602
  outline:none;
362
603
 
363
604
  text-decoration:none;
364
605
  }
365
- ._sizeXs_1qphvze_48 ._close_1qphvze_146{
366
- width:28px;
367
-
368
- border-radius:4px;
369
- }
370
- ._sizeS_1qphvze_49 ._close_1qphvze_146{
371
- width:28px;
372
-
373
- border-radius:4px;
374
- }
375
- ._sizeM_1qphvze_53 ._close_1qphvze_146{
376
- width:36px;
377
-
378
- border-radius:6px;
606
+ ._close_7hb585_75:hover{
607
+ 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));
608
+ 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);
379
609
  }
380
- ._sizeL_1qphvze_57 ._close_1qphvze_146{
381
- width:44px;
382
-
383
- border-radius:8px;
610
+ ._close_7hb585_75:active{
611
+ 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));
612
+ 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);
384
613
  }
385
- ._disabled_1qphvze_65 ._close_1qphvze_146{
614
+ ._close_7hb585_75:focus[data-focus-method='key']{
615
+ -webkit-box-shadow:inset 0 0 0 4px var(--_rs-color-primary-dim);
616
+ box-shadow:inset 0 0 0 4px var(--_rs-color-primary-dim);
617
+ }
618
+ ._disabled_7hb585_51 ._close_7hb585_75{
386
619
  pointer-events:none;
387
620
  }
388
- ._themeLight_1qphvze_61 ._close_1qphvze_146:hover{
389
- color:#19191C;
390
- background-color:rgba(25,25,28,0.1);
391
- }
392
- ._themeDark_1qphvze_69 ._close_1qphvze_146:hover{
393
- color:#FFFFFF;
394
- background-color:rgba(255,255,255,0.1);
395
- }
396
- ._themeLight_1qphvze_61 ._close_1qphvze_146:active{
397
- color:#19191C;
398
- background-color:rgba(25,25,28,0.2);
399
- }
400
- ._themeDark_1qphvze_69 ._close_1qphvze_146:active{
401
- color:#FFFFFF;
402
- background-color:rgba(255,255,255,0.2);
403
- }
404
- ._themeLight_1qphvze_61 ._close_1qphvze_146:focus[data-focus-method='key']{
405
- -webkit-box-shadow:inset 0 0 0 4px #8979ff;
406
- -webkit-box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-light-theme, #8979ff);
407
- box-shadow:inset 0 0 0 4px #8979ff;
408
- box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-light-theme, #8979ff);
409
- }
410
- ._themeDark_1qphvze_69 ._close_1qphvze_146:focus[data-focus-method='key']{
411
- -webkit-box-shadow:inset 0 0 0 4px #6f61d2;
412
- -webkit-box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-dark-theme, #6f61d2);
413
- box-shadow:inset 0 0 0 4px #6f61d2;
414
- box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-dark-theme, #6f61d2);
415
- }
416
- ._icon_1qphvze_243{
621
+ ._icon_7hb585_136{
417
622
  -webkit-box-flex:1;
418
623
  -ms-flex:1 0 auto;
419
624
  flex:1 0 auto;
420
625
 
626
+ width:auto;
627
+ height:var(--_rs-tag-removable-custom-icon-size);
628
+ margin-top:var(--_rs-tag-removable-vertical-padding);
421
629
  margin-right:8px;
630
+ margin-bottom:var(--_rs-tag-removable-vertical-padding);
422
631
 
423
632
  vertical-align:top;
424
633
  fill:currentColor;
425
634
  }
426
- ._sizeXs_1qphvze_48 ._icon_1qphvze_243{
427
- width:20px;
428
- height:20px;
429
- margin-top:2px;
430
- margin-bottom:2px;
431
- }
432
- ._sizeS_1qphvze_49 ._icon_1qphvze_243{
433
- width:20px;
434
- height:20px;
435
- margin-top:4px;
436
- margin-bottom:4px;
437
- }
438
- ._sizeM_1qphvze_53 ._icon_1qphvze_243{
439
- width:24px;
440
- height:24px;
441
- margin-top:6px;
442
- margin-bottom:6px;
443
- }
444
- ._sizeL_1qphvze_57 ._icon_1qphvze_243{
445
- width:28px;
446
- height:28px;
447
- margin-top:8px;
448
- margin-bottom:8px;
449
- }
450
635
 
451
- ._wrapper_fk2ta8_10{
636
+ ._wrapper_2mpnoo_3{
452
637
  position:relative;
453
638
  }
454
- ._tag_fk2ta8_14{
639
+ ._offset16_2mpnoo_7{
640
+ --_rs-tag-sticky-side-offset:16px;
641
+ }
642
+ ._offset24_2mpnoo_10{
643
+ --_rs-tag-sticky-side-offset:24px;
644
+ }
645
+ ._offset32_2mpnoo_13{
646
+ --_rs-tag-sticky-side-offset:32px;
647
+ }
648
+ ._alignTop_2mpnoo_17{
649
+ --_rs-tag-sticky-border-radius:var(--_rs-tag-border-radius) var(--_rs-tag-border-radius) 0 0;
650
+ --_rs-tag-sticky-translate-y:-100%;
651
+ }
652
+ ._alignMiddle_2mpnoo_20{
653
+ --_rs-tag-sticky-border-radius:var(--_rs-tag-border-radius);
654
+ --_rs-tag-sticky-translate-y:-50%;
655
+ }
656
+ ._topStart_2mpnoo_24{
657
+ --_rs-tag-sticky-top:0;
658
+ --_rs-tag-sticky-right:initial;
659
+ --_rs-tag-sticky-left:var(--_rs-tag-sticky-side-offset);
660
+ --_rs-tag-sticky-transform:translate(0, var(--_rs-tag-sticky-translate-y));
661
+ --_rs-tag-sticky-transform-origin:initial;
662
+ }
663
+ ._topEnd_2mpnoo_27{
664
+ --_rs-tag-sticky-top:0;
665
+ --_rs-tag-sticky-right:var(--_rs-tag-sticky-side-offset);
666
+ --_rs-tag-sticky-left:initial;
667
+ --_rs-tag-sticky-transform:translate(0, var(--_rs-tag-sticky-translate-y));
668
+ --_rs-tag-sticky-transform-origin:initial;
669
+ }
670
+ ._leftStart_2mpnoo_30{
671
+ --_rs-tag-sticky-top:var(--_rs-tag-sticky-side-offset);
672
+ --_rs-tag-sticky-right:100%;
673
+ --_rs-tag-sticky-left:initial;
674
+ --_rs-tag-sticky-transform:rotate(270deg) translate(0, var(--_rs-tag-sticky-translate-y));
675
+ --_rs-tag-sticky-transform-origin:100% 0;
676
+ }
677
+ ._leftEnd_2mpnoo_33{
678
+ --_rs-tag-sticky-top:calc(100% - var(--_rs-tag-sticky-side-offset));
679
+ --_rs-tag-sticky-right:100%;
680
+ --_rs-tag-sticky-left:initial;
681
+ --_rs-tag-sticky-transform:rotate(270deg) translate(100%, var(--_rs-tag-sticky-translate-y));
682
+ --_rs-tag-sticky-transform-origin:100% 0;
683
+ }
684
+ ._tag_2mpnoo_37{
455
685
  position:absolute;
456
- }
457
- ._alignTop_fk2ta8_20._sizeXs_fk2ta8_21{
458
- border-radius:4px 4px 0 0;
459
- }
460
- ._alignTop_fk2ta8_20._sizeS_fk2ta8_24{
461
- border-radius:4px 4px 0 0;
462
- }
463
- ._alignTop_fk2ta8_20._sizeM_fk2ta8_27{
464
- border-radius:6px 6px 0 0;
465
- }
466
- ._alignTop_fk2ta8_20._sizeL_fk2ta8_30{
467
- border-radius:8px 8px 0 0;
468
- }
469
- ._alignMiddle_fk2ta8_35._sizeXs_fk2ta8_21{
470
- border-radius:4px;
471
- }
472
- ._alignMiddle_fk2ta8_35._sizeS_fk2ta8_24{
473
- border-radius:4px;
474
- }
475
- ._alignMiddle_fk2ta8_35._sizeM_fk2ta8_27{
476
- border-radius:6px;
477
- }
478
- ._alignMiddle_fk2ta8_35._sizeL_fk2ta8_30{
479
- border-radius:8px;
480
- }
481
- ._top_fk2ta8_52{
482
- top:0;
483
- }
484
- ._top_fk2ta8_52._start_fk2ta8_56._offset16_fk2ta8_57{
485
- left:16px;
486
- }
487
- ._top_fk2ta8_52._start_fk2ta8_56._offset24_fk2ta8_60{
488
- left:24px;
489
- }
490
- ._top_fk2ta8_52._start_fk2ta8_56._offset32_fk2ta8_63{
491
- left:32px;
492
- }
493
- ._top_fk2ta8_52._end_fk2ta8_68._offset16_fk2ta8_57{
494
- right:16px;
495
- }
496
- ._top_fk2ta8_52._end_fk2ta8_68._offset24_fk2ta8_60{
497
- right:24px;
498
- }
499
- ._top_fk2ta8_52._end_fk2ta8_68._offset32_fk2ta8_63{
500
- right:32px;
501
- }
502
- ._top_fk2ta8_52._alignTop_fk2ta8_20{
503
- -webkit-transform:translate(0, -100%);
504
- transform:translate(0, -100%);
505
- }
506
- ._top_fk2ta8_52._alignMiddle_fk2ta8_35{
507
- -webkit-transform:translate(0, -50%);
508
- transform:translate(0, -50%);
509
- }
510
- ._left_fk2ta8_90{
511
- right:100%;
686
+ top:var(--_rs-tag-sticky-top);
687
+ right:var(--_rs-tag-sticky-right);
688
+ left:var(--_rs-tag-sticky-left);
512
689
 
513
- -webkit-transform-origin:100% 0;
690
+ border-radius:var(--_rs-tag-sticky-border-radius);
514
691
 
515
- transform-origin:100% 0;
516
- }
517
- ._left_fk2ta8_90._start_fk2ta8_56._offset16_fk2ta8_57{
518
- top:16px;
519
- }
520
- ._left_fk2ta8_90._start_fk2ta8_56._offset24_fk2ta8_60{
521
- top:24px;
522
- }
523
- ._left_fk2ta8_90._start_fk2ta8_56._offset32_fk2ta8_63{
524
- top:32px;
525
- }
526
- ._left_fk2ta8_90._end_fk2ta8_68._offset16_fk2ta8_57{
527
- top:calc(100% - 16px);
528
- }
529
- ._left_fk2ta8_90._end_fk2ta8_68._offset24_fk2ta8_60{
530
- top:calc(100% - 24px);
531
- }
532
- ._left_fk2ta8_90._end_fk2ta8_68._offset32_fk2ta8_63{
533
- top:calc(100% - 32px);
534
- }
535
- ._left_fk2ta8_90._start_fk2ta8_56._alignTop_fk2ta8_20{
536
- -webkit-transform:rotate(270deg) translate(0, -100%);
537
- transform:rotate(270deg) translate(0, -100%);
538
- }
539
- ._left_fk2ta8_90._end_fk2ta8_68._alignTop_fk2ta8_20{
540
- -webkit-transform:rotate(270deg) translate(100%, -100%);
541
- transform:rotate(270deg) translate(100%, -100%);
542
- }
543
- ._left_fk2ta8_90._start_fk2ta8_56._alignMiddle_fk2ta8_35{
544
- -webkit-transform:rotate(270deg) translate(0, -50%);
545
- transform:rotate(270deg) translate(0, -50%);
546
- }
547
- ._left_fk2ta8_90._end_fk2ta8_68._alignMiddle_fk2ta8_35{
548
- -webkit-transform:rotate(270deg) translate(100%, -50%);
549
- transform:rotate(270deg) translate(100%, -50%);
692
+ -webkit-transform:var(--_rs-tag-sticky-transform);
693
+
694
+ transform:var(--_rs-tag-sticky-transform);
695
+ -webkit-transform-origin:var(--_rs-tag-sticky-transform-origin);
696
+ transform-origin:var(--_rs-tag-sticky-transform-origin);
550
697
  }