@rescui/tag 0.3.11 → 0.4.1

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 (8) hide show
  1. package/lib/index.css +122 -103
  2. package/lib/parts/base-tag.p.module.css.js +10 -10
  3. package/lib/parts/removable-tag.p.module.css.js +13 -13
  4. package/lib/parts/sticky-tag.d.ts +3 -1
  5. package/lib/parts/sticky-tag.js +7 -4
  6. package/lib/parts/sticky-tag.p.module.css.js +15 -15
  7. package/lib/parts/tag.p.module.css.js +4 -4
  8. package/package.json +4 -4
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._wrapper_j6b1kx_36{
1
+ ._wrapper_1gfpz8s_36{
2
2
  position:relative;
3
3
 
4
4
  display:-webkit-inline-box;
@@ -10,90 +10,96 @@
10
10
  white-space:nowrap;
11
11
  }
12
12
 
13
- ._wrapper_j6b1kx_36 > *{
13
+ ._wrapper_1gfpz8s_36 > *{
14
14
  vertical-align:top;
15
15
  }
16
- ._sizeXs_j6b1kx_48,
17
- ._sizeS_j6b1kx_49{
16
+ ._sizeXs_1gfpz8s_48,
17
+ ._sizeS_1gfpz8s_49{
18
18
  letter-spacing:0.0045em;
19
19
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
20
20
  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));
21
+ -webkit-font-feature-settings:"kern", "liga", "calt";
22
+ font-feature-settings:"kern", "liga", "calt";
21
23
  font-size:13px;
22
24
  font-size:var(--rs-text-3-font-size, 13px);
23
25
  line-height:20px;
24
26
  line-height:var(--rs-text-3-line-height, 20px);
25
27
  }
26
- ._rs-reset-letter-spacing_j6b1kx_1 ._sizeXs_j6b1kx_48,._rs-reset-letter-spacing_j6b1kx_1 ._sizeS_j6b1kx_49{
28
+ ._rs-reset-letter-spacing_1gfpz8s_1 ._sizeXs_1gfpz8s_48,._rs-reset-letter-spacing_1gfpz8s_1 ._sizeS_1gfpz8s_49{
27
29
  letter-spacing:normal;
28
30
  }
29
- ._sizeM_j6b1kx_53{
31
+ ._sizeM_1gfpz8s_53{
30
32
  letter-spacing:0.0015em;
31
33
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
32
34
  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));
35
+ -webkit-font-feature-settings:"kern", "liga", "calt";
36
+ font-feature-settings:"kern", "liga", "calt";
33
37
  font-size:16px;
34
38
  font-size:var(--rs-text-2-font-size, 16px);
35
39
  font-weight:400;
36
40
  line-height:24px;
37
41
  line-height:var(--rs-text-2-line-height, 24px);
38
42
  }
39
- ._rs-reset-letter-spacing_j6b1kx_1 ._sizeM_j6b1kx_53{
43
+ ._rs-reset-letter-spacing_1gfpz8s_1 ._sizeM_1gfpz8s_53{
40
44
  letter-spacing:normal;
41
45
  }
42
- ._sizeL_j6b1kx_57{
46
+ ._sizeL_1gfpz8s_57{
43
47
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
44
48
  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));
49
+ -webkit-font-feature-settings:"kern", "liga", "calt";
50
+ font-feature-settings:"kern", "liga", "calt";
45
51
  font-size:19px;
46
52
  font-size:var(--rs-text-1-font-size, 19px);
47
53
  font-weight:normal;
48
54
  line-height:28px;
49
55
  line-height:var(--rs-text-1-line-height, 28px);
50
56
  }
51
- ._themeLight_j6b1kx_61{
57
+ ._themeLight_1gfpz8s_61{
52
58
  color:rgba(25,25,28,0.7);
53
59
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
54
60
  }
55
- ._themeLight_j6b1kx_61._disabled_j6b1kx_65{
61
+ ._themeLight_1gfpz8s_61._disabled_1gfpz8s_65{
56
62
  color:rgba(25,25,28,0.5);
57
63
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
58
64
  }
59
- ._themeDark_j6b1kx_69{
65
+ ._themeDark_1gfpz8s_69{
60
66
  color:rgba(255,255,255,0.7);
61
67
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
62
68
  }
63
- ._themeDark_j6b1kx_69._disabled_j6b1kx_65{
69
+ ._themeDark_1gfpz8s_69._disabled_1gfpz8s_65{
64
70
  color:rgba(255,255,255,0.5);
65
71
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
66
72
  }
67
- ._disabled_j6b1kx_65{
73
+ ._disabled_1gfpz8s_65{
68
74
  pointer-events:none;
69
75
  }
70
- ._sizeXs_j6b1kx_48{
76
+ ._sizeXs_1gfpz8s_48{
71
77
  padding-left:8px;
72
78
 
73
79
  border-radius:4px;
74
80
  }
75
- ._sizeS_j6b1kx_49{
81
+ ._sizeS_1gfpz8s_49{
76
82
  padding-left:8px;
77
83
 
78
84
  border-radius:4px;
79
85
  }
80
- ._sizeM_j6b1kx_53{
86
+ ._sizeM_1gfpz8s_53{
81
87
  padding-left:12px;
82
88
 
83
89
  border-radius:6px;
84
90
  }
85
- ._sizeL_j6b1kx_57{
91
+ ._sizeL_1gfpz8s_57{
86
92
  padding-left:16px;
87
93
 
88
94
  border-radius:8px;
89
95
  }
90
- ._themeLight_j6b1kx_61{
96
+ ._themeLight_1gfpz8s_61{
91
97
  background-color:rgba(25,25,28,0.1);
92
98
  }
93
- ._themeDark_j6b1kx_69{
99
+ ._themeDark_1gfpz8s_69{
94
100
  background-color:rgba(255,255,255,0.1);
95
101
  }
96
- ._main_j6b1kx_110{
102
+ ._main_1gfpz8s_110{
97
103
  display:-webkit-inline-box;
98
104
  display:-ms-inline-flexbox;
99
105
  display:inline-flex;
@@ -111,30 +117,30 @@
111
117
 
112
118
  background:transparent;
113
119
  }
114
- ._wrap_j6b1kx_36 ._main_j6b1kx_110{
120
+ ._wrap_1gfpz8s_36 ._main_1gfpz8s_110{
115
121
  white-space:normal;
116
122
  }
117
- ._sizeXs_j6b1kx_48 ._main_j6b1kx_110{
123
+ ._sizeXs_1gfpz8s_48 ._main_1gfpz8s_110{
118
124
  padding-top:2px;
119
125
  padding-right:2px;
120
126
  padding-bottom:2px;
121
127
  }
122
- ._sizeS_j6b1kx_49 ._main_j6b1kx_110{
128
+ ._sizeS_1gfpz8s_49 ._main_1gfpz8s_110{
123
129
  padding-top:4px;
124
130
  padding-right:2px;
125
131
  padding-bottom:4px;
126
132
  }
127
- ._sizeM_j6b1kx_53 ._main_j6b1kx_110{
133
+ ._sizeM_1gfpz8s_53 ._main_1gfpz8s_110{
128
134
  padding-top:6px;
129
135
  padding-right:2px;
130
136
  padding-bottom:6px;
131
137
  }
132
- ._sizeL_j6b1kx_57 ._main_j6b1kx_110{
138
+ ._sizeL_1gfpz8s_57 ._main_1gfpz8s_110{
133
139
  padding-top:8px;
134
140
  padding-right:4px;
135
141
  padding-bottom:8px;
136
142
  }
137
- ._close_j6b1kx_146{
143
+ ._close_1gfpz8s_146{
138
144
  top:0;
139
145
  right:0;
140
146
  bottom:0;
@@ -170,70 +176,70 @@
170
176
  -webkit-font-smoothing:inherit;
171
177
  -moz-osx-font-smoothing:inherit;
172
178
  }
173
- ._close_j6b1kx_146::-moz-focus-inner{
179
+ ._close_1gfpz8s_146::-moz-focus-inner{
174
180
  padding:0;
175
181
 
176
182
  border:0;
177
183
  }
178
- ._close_j6b1kx_146:active,
179
- ._close_j6b1kx_146:hover,
180
- ._close_j6b1kx_146:focus{
184
+ ._close_1gfpz8s_146:active,
185
+ ._close_1gfpz8s_146:hover,
186
+ ._close_1gfpz8s_146:focus{
181
187
  outline:none;
182
188
 
183
189
  text-decoration:none;
184
190
  }
185
- ._sizeXs_j6b1kx_48 ._close_j6b1kx_146{
191
+ ._sizeXs_1gfpz8s_48 ._close_1gfpz8s_146{
186
192
  width:28px;
187
193
 
188
194
  border-radius:4px;
189
195
  }
190
- ._sizeS_j6b1kx_49 ._close_j6b1kx_146{
196
+ ._sizeS_1gfpz8s_49 ._close_1gfpz8s_146{
191
197
  width:28px;
192
198
 
193
199
  border-radius:4px;
194
200
  }
195
- ._sizeM_j6b1kx_53 ._close_j6b1kx_146{
201
+ ._sizeM_1gfpz8s_53 ._close_1gfpz8s_146{
196
202
  width:36px;
197
203
 
198
204
  border-radius:6px;
199
205
  }
200
- ._sizeL_j6b1kx_57 ._close_j6b1kx_146{
206
+ ._sizeL_1gfpz8s_57 ._close_1gfpz8s_146{
201
207
  width:44px;
202
208
 
203
209
  border-radius:8px;
204
210
  }
205
- ._disabled_j6b1kx_65 ._close_j6b1kx_146{
211
+ ._disabled_1gfpz8s_65 ._close_1gfpz8s_146{
206
212
  pointer-events:none;
207
213
  }
208
- ._themeLight_j6b1kx_61 ._close_j6b1kx_146:hover{
214
+ ._themeLight_1gfpz8s_61 ._close_1gfpz8s_146:hover{
209
215
  color:#19191C;
210
216
  background-color:rgba(25,25,28,0.1);
211
217
  }
212
- ._themeDark_j6b1kx_69 ._close_j6b1kx_146:hover{
218
+ ._themeDark_1gfpz8s_69 ._close_1gfpz8s_146:hover{
213
219
  color:#FFFFFF;
214
220
  background-color:rgba(255,255,255,0.1);
215
221
  }
216
- ._themeLight_j6b1kx_61 ._close_j6b1kx_146:active{
222
+ ._themeLight_1gfpz8s_61 ._close_1gfpz8s_146:active{
217
223
  color:#19191C;
218
224
  background-color:rgba(25,25,28,0.2);
219
225
  }
220
- ._themeDark_j6b1kx_69 ._close_j6b1kx_146:active{
226
+ ._themeDark_1gfpz8s_69 ._close_1gfpz8s_146:active{
221
227
  color:#FFFFFF;
222
228
  background-color:rgba(255,255,255,0.2);
223
229
  }
224
- ._themeLight_j6b1kx_61 ._close_j6b1kx_146:focus[data-focus-method='key']{
230
+ ._themeLight_1gfpz8s_61 ._close_1gfpz8s_146:focus[data-focus-method='key']{
225
231
  -webkit-box-shadow:inset 0 0 0 4px #8979ff;
226
232
  -webkit-box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-light-theme, #8979ff);
227
233
  box-shadow:inset 0 0 0 4px #8979ff;
228
234
  box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-light-theme, #8979ff);
229
235
  }
230
- ._themeDark_j6b1kx_69 ._close_j6b1kx_146:focus[data-focus-method='key']{
236
+ ._themeDark_1gfpz8s_69 ._close_1gfpz8s_146:focus[data-focus-method='key']{
231
237
  -webkit-box-shadow:inset 0 0 0 4px #6f61d2;
232
238
  -webkit-box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-dark-theme, #6f61d2);
233
239
  box-shadow:inset 0 0 0 4px #6f61d2;
234
240
  box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-dark-theme, #6f61d2);
235
241
  }
236
- ._icon_j6b1kx_243{
242
+ ._icon_1gfpz8s_243{
237
243
  -webkit-box-flex:1;
238
244
  -ms-flex:1 0 auto;
239
245
  flex:1 0 auto;
@@ -243,45 +249,47 @@
243
249
  vertical-align:top;
244
250
  fill:currentColor;
245
251
  }
246
- ._sizeXs_j6b1kx_48 ._icon_j6b1kx_243{
252
+ ._sizeXs_1gfpz8s_48 ._icon_1gfpz8s_243{
247
253
  width:20px;
248
254
  height:20px;
249
255
  margin-top:2px;
250
256
  margin-bottom:2px;
251
257
  }
252
- ._sizeS_j6b1kx_49 ._icon_j6b1kx_243{
258
+ ._sizeS_1gfpz8s_49 ._icon_1gfpz8s_243{
253
259
  width:20px;
254
260
  height:20px;
255
261
  margin-top:4px;
256
262
  margin-bottom:4px;
257
263
  }
258
- ._sizeM_j6b1kx_53 ._icon_j6b1kx_243{
264
+ ._sizeM_1gfpz8s_53 ._icon_1gfpz8s_243{
259
265
  width:24px;
260
266
  height:24px;
261
267
  margin-top:6px;
262
268
  margin-bottom:6px;
263
269
  }
264
- ._sizeL_j6b1kx_57 ._icon_j6b1kx_243{
270
+ ._sizeL_1gfpz8s_57 ._icon_1gfpz8s_243{
265
271
  width:28px;
266
272
  height:28px;
267
273
  margin-top:8px;
268
274
  margin-bottom:8px;
269
275
  }
270
276
 
271
- ._main_uhw212_25{
277
+ ._main_1mkp0rv_25{
272
278
  letter-spacing:0.0015em;
273
279
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
274
280
  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));
281
+ -webkit-font-feature-settings:"kern", "liga", "calt";
282
+ font-feature-settings:"kern", "liga", "calt";
275
283
  font-size:16px;
276
284
  font-size:var(--rs-text-2-font-size, 16px);
277
285
  font-weight:400;
278
286
  line-height:24px;
279
287
  line-height:var(--rs-text-2-line-height, 24px);
280
288
  }
281
- ._rs-reset-letter-spacing_uhw212_1 ._main_uhw212_25{
289
+ ._rs-reset-letter-spacing_1mkp0rv_1 ._main_1mkp0rv_25{
282
290
  letter-spacing:normal;
283
291
  }
284
- ._main_uhw212_25 {
292
+ ._main_1mkp0rv_25 {
285
293
 
286
294
  position:relative;
287
295
 
@@ -310,70 +318,78 @@
310
318
 
311
319
  background:transparent;
312
320
  }
313
- ._alignIconLeft_uhw212_46{
321
+ ._alignIconLeft_1mkp0rv_46{
314
322
  -webkit-box-orient:horizontal;
315
323
  -webkit-box-direction:normal;
316
324
  -ms-flex-direction:row;
317
325
  flex-direction:row;
318
326
  }
319
- ._alignIconRight_uhw212_50{
327
+ ._alignIconRight_1mkp0rv_50{
320
328
  -webkit-box-orient:horizontal;
321
329
  -webkit-box-direction:reverse;
322
330
  -ms-flex-direction:row-reverse;
323
331
  flex-direction:row-reverse;
324
332
  }
325
- ._sizeXs_uhw212_54{
333
+ ._sizeXs_1mkp0rv_54{
326
334
  letter-spacing:0.0045em;
327
335
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
328
336
  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));
337
+ -webkit-font-feature-settings:"kern", "liga", "calt";
338
+ font-feature-settings:"kern", "liga", "calt";
329
339
  font-size:13px;
330
340
  font-size:var(--rs-text-3-font-size, 13px);
331
341
  line-height:20px;
332
342
  line-height:var(--rs-text-3-line-height, 20px);
333
343
  }
334
- ._rs-reset-letter-spacing_uhw212_1 ._sizeXs_uhw212_54{
344
+ ._rs-reset-letter-spacing_1mkp0rv_1 ._sizeXs_1mkp0rv_54{
335
345
  letter-spacing:normal;
336
346
  }
337
- ._sizeXs_uhw212_54 {
347
+ ._sizeXs_1mkp0rv_54 {
338
348
 
339
349
  padding:1px 7px;
340
350
  }
341
- ._sizeS_uhw212_61{
351
+ ._sizeS_1mkp0rv_61{
342
352
  letter-spacing:0.0045em;
343
353
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
344
354
  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));
355
+ -webkit-font-feature-settings:"kern", "liga", "calt";
356
+ font-feature-settings:"kern", "liga", "calt";
345
357
  font-size:13px;
346
358
  font-size:var(--rs-text-3-font-size, 13px);
347
359
  line-height:20px;
348
360
  line-height:var(--rs-text-3-line-height, 20px);
349
361
  }
350
- ._rs-reset-letter-spacing_uhw212_1 ._sizeS_uhw212_61{
362
+ ._rs-reset-letter-spacing_1mkp0rv_1 ._sizeS_1mkp0rv_61{
351
363
  letter-spacing:normal;
352
364
  }
353
- ._sizeS_uhw212_61 {
365
+ ._sizeS_1mkp0rv_61 {
354
366
 
355
367
  padding:3px 7px;
356
368
  }
357
- ._sizeM_uhw212_68{
369
+ ._sizeM_1mkp0rv_68{
358
370
  letter-spacing:0.0015em;
359
371
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
360
372
  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));
373
+ -webkit-font-feature-settings:"kern", "liga", "calt";
374
+ font-feature-settings:"kern", "liga", "calt";
361
375
  font-size:16px;
362
376
  font-size:var(--rs-text-2-font-size, 16px);
363
377
  font-weight:400;
364
378
  line-height:24px;
365
379
  line-height:var(--rs-text-2-line-height, 24px);
366
380
  }
367
- ._rs-reset-letter-spacing_uhw212_1 ._sizeM_uhw212_68{
381
+ ._rs-reset-letter-spacing_1mkp0rv_1 ._sizeM_1mkp0rv_68{
368
382
  letter-spacing:normal;
369
383
  }
370
- ._sizeM_uhw212_68 {
384
+ ._sizeM_1mkp0rv_68 {
371
385
 
372
386
  padding:5px 11px;
373
387
  }
374
- ._sizeL_uhw212_75{
388
+ ._sizeL_1mkp0rv_75{
375
389
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
376
390
  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));
391
+ -webkit-font-feature-settings:"kern", "liga", "calt";
392
+ font-feature-settings:"kern", "liga", "calt";
377
393
  font-size:19px;
378
394
  font-size:var(--rs-text-1-font-size, 19px);
379
395
  font-weight:normal;
@@ -382,152 +398,155 @@
382
398
 
383
399
  padding:7px 15px;
384
400
  }
385
- ._icon_uhw212_82{
401
+ ._icon_1mkp0rv_82{
386
402
  fill:currentColor;
387
403
  }
388
- ._sizeXs_uhw212_54 ._icon_uhw212_82{
404
+ ._sizeXs_1mkp0rv_54 ._icon_1mkp0rv_82{
389
405
  width:20px;
390
406
  height:20px;
391
407
  }
392
- ._sizeS_uhw212_61 ._icon_uhw212_82{
408
+ ._sizeS_1mkp0rv_61 ._icon_1mkp0rv_82{
393
409
  width:20px;
394
410
  height:20px;
395
411
  }
396
- ._sizeM_uhw212_68 ._icon_uhw212_82{
412
+ ._sizeM_1mkp0rv_68 ._icon_1mkp0rv_82{
397
413
  width:24px;
398
414
  height:24px;
399
415
  }
400
- ._sizeL_uhw212_75 ._icon_uhw212_82{
416
+ ._sizeL_1mkp0rv_75 ._icon_1mkp0rv_82{
401
417
  width:28px;
402
418
  height:28px;
403
419
  }
404
- ._alignIconLeft_uhw212_46 ._icon_uhw212_82{
420
+ ._alignIconLeft_1mkp0rv_46 ._icon_1mkp0rv_82{
405
421
  margin-right:8px;
406
422
  margin-left:0;
407
423
  }
408
- ._alignIconRight_uhw212_50 ._icon_uhw212_82{
424
+ ._alignIconRight_1mkp0rv_50 ._icon_1mkp0rv_82{
409
425
  margin-right:0;
410
426
  margin-left:8px;
411
427
  }
412
- ._uppercase_uhw212_116{
428
+ ._uppercase_1mkp0rv_116{
413
429
  text-transform:uppercase;
414
430
 
415
431
  font-weight:530;
416
432
 
417
433
  font-weight:var(--rs-font-weight-semi-bold, 530);
418
434
  }
419
- ._uppercase_uhw212_116._sizeS_uhw212_61{
435
+ ._uppercase_1mkp0rv_116._sizeS_1mkp0rv_61{
420
436
  padding-right:9px;
421
437
  padding-left:9px;
422
438
  }
423
439
 
424
- ._wrapper_askn2q_10{
440
+ ._wrapper_1i1wy12_10{
425
441
  position:relative;
426
442
  }
427
- ._tag_askn2q_14{
443
+ ._tag_1i1wy12_14{
428
444
  position:absolute;
429
445
  }
430
- ._alignTop_askn2q_20._sizeXs_askn2q_21{
446
+ ._alignTop_1i1wy12_20._sizeXs_1i1wy12_21{
431
447
  border-radius:4px 4px 0 0;
432
448
  }
433
- ._alignTop_askn2q_20._sizeS_askn2q_24{
449
+ ._alignTop_1i1wy12_20._sizeS_1i1wy12_24{
434
450
  border-radius:4px 4px 0 0;
435
451
  }
436
- ._alignTop_askn2q_20._sizeM_askn2q_27{
452
+ ._alignTop_1i1wy12_20._sizeM_1i1wy12_27{
437
453
  border-radius:6px 6px 0 0;
438
454
  }
439
- ._alignTop_askn2q_20._sizeL_askn2q_30{
455
+ ._alignTop_1i1wy12_20._sizeL_1i1wy12_30{
440
456
  border-radius:8px 8px 0 0;
441
457
  }
442
- ._alignMiddle_askn2q_35._sizeXs_askn2q_21{
458
+ ._alignMiddle_1i1wy12_35._sizeXs_1i1wy12_21{
443
459
  border-radius:4px;
444
460
  }
445
- ._alignMiddle_askn2q_35._sizeS_askn2q_24{
461
+ ._alignMiddle_1i1wy12_35._sizeS_1i1wy12_24{
446
462
  border-radius:4px;
447
463
  }
448
- ._alignMiddle_askn2q_35._sizeM_askn2q_27{
464
+ ._alignMiddle_1i1wy12_35._sizeM_1i1wy12_27{
449
465
  border-radius:6px;
450
466
  }
451
- ._alignMiddle_askn2q_35._sizeL_askn2q_30{
467
+ ._alignMiddle_1i1wy12_35._sizeL_1i1wy12_30{
452
468
  border-radius:8px;
453
469
  }
454
- ._top_askn2q_52._start_askn2q_52._offset16_askn2q_53{
470
+ ._top_1i1wy12_52{
471
+ top:0;
472
+ }
473
+ ._top_1i1wy12_52._start_1i1wy12_56._offset16_1i1wy12_57{
455
474
  left:16px;
456
475
  }
457
- ._top_askn2q_52._start_askn2q_52._offset24_askn2q_56{
476
+ ._top_1i1wy12_52._start_1i1wy12_56._offset24_1i1wy12_60{
458
477
  left:24px;
459
478
  }
460
- ._top_askn2q_52._start_askn2q_52._offset32_askn2q_59{
479
+ ._top_1i1wy12_52._start_1i1wy12_56._offset32_1i1wy12_63{
461
480
  left:32px;
462
481
  }
463
- ._top_askn2q_52._end_askn2q_64._offset16_askn2q_53{
482
+ ._top_1i1wy12_52._end_1i1wy12_68._offset16_1i1wy12_57{
464
483
  right:16px;
465
484
  }
466
- ._top_askn2q_52._end_askn2q_64._offset24_askn2q_56{
485
+ ._top_1i1wy12_52._end_1i1wy12_68._offset24_1i1wy12_60{
467
486
  right:24px;
468
487
  }
469
- ._top_askn2q_52._end_askn2q_64._offset32_askn2q_59{
488
+ ._top_1i1wy12_52._end_1i1wy12_68._offset32_1i1wy12_63{
470
489
  right:32px;
471
490
  }
472
- ._top_askn2q_52._alignTop_askn2q_20{
491
+ ._top_1i1wy12_52._alignTop_1i1wy12_20{
473
492
  -webkit-transform:translate(0, -100%);
474
493
  transform:translate(0, -100%);
475
494
  }
476
- ._top_askn2q_52._alignMiddle_askn2q_35{
495
+ ._top_1i1wy12_52._alignMiddle_1i1wy12_35{
477
496
  -webkit-transform:translate(0, -50%);
478
497
  transform:translate(0, -50%);
479
498
  }
480
- ._left_askn2q_86{
499
+ ._left_1i1wy12_90{
481
500
  right:100%;
482
501
 
483
502
  -webkit-transform-origin:100% 0;
484
503
 
485
504
  transform-origin:100% 0;
486
505
  }
487
- ._left_askn2q_86._start_askn2q_52._offset16_askn2q_53{
506
+ ._left_1i1wy12_90._start_1i1wy12_56._offset16_1i1wy12_57{
488
507
  top:16px;
489
508
  }
490
- ._left_askn2q_86._start_askn2q_52._offset24_askn2q_56{
509
+ ._left_1i1wy12_90._start_1i1wy12_56._offset24_1i1wy12_60{
491
510
  top:24px;
492
511
  }
493
- ._left_askn2q_86._start_askn2q_52._offset32_askn2q_59{
512
+ ._left_1i1wy12_90._start_1i1wy12_56._offset32_1i1wy12_63{
494
513
  top:32px;
495
514
  }
496
- ._left_askn2q_86._end_askn2q_64._offset16_askn2q_53{
515
+ ._left_1i1wy12_90._end_1i1wy12_68._offset16_1i1wy12_57{
497
516
  top:calc(100% - 16px);
498
517
  }
499
- ._left_askn2q_86._end_askn2q_64._offset24_askn2q_56{
518
+ ._left_1i1wy12_90._end_1i1wy12_68._offset24_1i1wy12_60{
500
519
  top:calc(100% - 24px);
501
520
  }
502
- ._left_askn2q_86._end_askn2q_64._offset32_askn2q_59{
521
+ ._left_1i1wy12_90._end_1i1wy12_68._offset32_1i1wy12_63{
503
522
  top:calc(100% - 32px);
504
523
  }
505
- ._left_askn2q_86._start_askn2q_52._alignTop_askn2q_20{
524
+ ._left_1i1wy12_90._start_1i1wy12_56._alignTop_1i1wy12_20{
506
525
  -webkit-transform:rotate(270deg) translate(0, -100%);
507
526
  transform:rotate(270deg) translate(0, -100%);
508
527
  }
509
- ._left_askn2q_86._end_askn2q_64._alignTop_askn2q_20{
528
+ ._left_1i1wy12_90._end_1i1wy12_68._alignTop_1i1wy12_20{
510
529
  -webkit-transform:rotate(270deg) translate(100%, -100%);
511
530
  transform:rotate(270deg) translate(100%, -100%);
512
531
  }
513
- ._left_askn2q_86._start_askn2q_52._alignMiddle_askn2q_35{
532
+ ._left_1i1wy12_90._start_1i1wy12_56._alignMiddle_1i1wy12_35{
514
533
  -webkit-transform:rotate(270deg) translate(0, -50%);
515
534
  transform:rotate(270deg) translate(0, -50%);
516
535
  }
517
- ._left_askn2q_86._end_askn2q_64._alignMiddle_askn2q_35{
536
+ ._left_1i1wy12_90._end_1i1wy12_68._alignMiddle_1i1wy12_35{
518
537
  -webkit-transform:rotate(270deg) translate(100%, -50%);
519
538
  transform:rotate(270deg) translate(100%, -50%);
520
539
  }
521
540
 
522
- ._sizeXs_14kmeea_9{
541
+ ._sizeXs_1x6m32n_9{
523
542
  border-radius:4px;
524
543
  }
525
- ._sizeS_14kmeea_13{
544
+ ._sizeS_1x6m32n_13{
526
545
  border-radius:4px;
527
546
  }
528
- ._sizeM_14kmeea_17{
547
+ ._sizeM_1x6m32n_17{
529
548
  border-radius:6px;
530
549
  }
531
- ._sizeL_14kmeea_21{
550
+ ._sizeL_1x6m32n_21{
532
551
  border-radius:8px;
533
552
  }
package/lib/parts/base-tag.p.module.css.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
2
- "main": "_main_uhw212_25",
3
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_uhw212_1",
4
- "alignIconLeft": "_alignIconLeft_uhw212_46",
5
- "alignIconRight": "_alignIconRight_uhw212_50",
6
- "sizeXs": "_sizeXs_uhw212_54",
7
- "sizeS": "_sizeS_uhw212_61",
8
- "sizeM": "_sizeM_uhw212_68",
9
- "sizeL": "_sizeL_uhw212_75",
10
- "icon": "_icon_uhw212_82",
11
- "uppercase": "_uppercase_uhw212_116"
2
+ "main": "_main_1mkp0rv_25",
3
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1mkp0rv_1",
4
+ "alignIconLeft": "_alignIconLeft_1mkp0rv_46",
5
+ "alignIconRight": "_alignIconRight_1mkp0rv_50",
6
+ "sizeXs": "_sizeXs_1mkp0rv_54",
7
+ "sizeS": "_sizeS_1mkp0rv_61",
8
+ "sizeM": "_sizeM_1mkp0rv_68",
9
+ "sizeL": "_sizeL_1mkp0rv_75",
10
+ "icon": "_icon_1mkp0rv_82",
11
+ "uppercase": "_uppercase_1mkp0rv_116"
12
12
  };
13
13
  export { styles as default };
package/lib/parts/removable-tag.p.module.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var styles = {
2
- "wrapper": "_wrapper_j6b1kx_36",
3
- "sizeXs": "_sizeXs_j6b1kx_48",
4
- "sizeS": "_sizeS_j6b1kx_49",
5
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_j6b1kx_1",
6
- "sizeM": "_sizeM_j6b1kx_53",
7
- "sizeL": "_sizeL_j6b1kx_57",
8
- "themeLight": "_themeLight_j6b1kx_61",
9
- "disabled": "_disabled_j6b1kx_65",
10
- "themeDark": "_themeDark_j6b1kx_69",
11
- "main": "_main_j6b1kx_110",
12
- "wrap": "_wrap_j6b1kx_36",
13
- "close": "_close_j6b1kx_146",
14
- "icon": "_icon_j6b1kx_243"
2
+ "wrapper": "_wrapper_1gfpz8s_36",
3
+ "sizeXs": "_sizeXs_1gfpz8s_48",
4
+ "sizeS": "_sizeS_1gfpz8s_49",
5
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1gfpz8s_1",
6
+ "sizeM": "_sizeM_1gfpz8s_53",
7
+ "sizeL": "_sizeL_1gfpz8s_57",
8
+ "themeLight": "_themeLight_1gfpz8s_61",
9
+ "disabled": "_disabled_1gfpz8s_65",
10
+ "themeDark": "_themeDark_1gfpz8s_69",
11
+ "main": "_main_1gfpz8s_110",
12
+ "wrap": "_wrap_1gfpz8s_36",
13
+ "close": "_close_1gfpz8s_146",
14
+ "icon": "_icon_1gfpz8s_243"
15
15
  };
16
16
  export { styles as default };
package/lib/parts/sticky-tag.d.ts CHANGED
@@ -6,8 +6,10 @@ export declare type StickyTagPlacement = 'top-start' | 'top-end' | 'left-end' |
6
6
  export declare type StickyTagAlign = 'top' | 'middle';
7
7
  export declare type StickyTagOffset = 16 | 24 | 32;
8
8
  export declare type StickyTagProps = {
9
- /** Additional class-name */
9
+ /** Tag additional class-name */
10
10
  className?: string;
11
+ /** Wrapper additional class-name */
12
+ wrapperClassName?: string;
11
13
  /** The content of the attached Tag */
12
14
  content: React.ReactNode;
13
15
  /** Target element */
package/lib/parts/sticky-tag.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
3
3
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
4
- var _excluded = ["className", "content", "children", "size", "placement", "align", "offset"];
4
+ var _excluded = ["className", "wrapperClassName", "content", "children", "size", "placement", "align", "offset"];
5
5
 
6
6
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
7
 
@@ -73,6 +73,7 @@ var OFFSET_STYLES = {
73
73
  };
74
74
  var StickyTag = /*#__PURE__*/React.forwardRef(function StickyTag(_ref, ref) {
75
75
  var className = _ref.className,
76
+ wrapperClassName = _ref.wrapperClassName,
76
77
  content = _ref.content,
77
78
  children = _ref.children,
78
79
  _ref$size = _ref.size,
@@ -91,17 +92,19 @@ var StickyTag = /*#__PURE__*/React.forwardRef(function StickyTag(_ref, ref) {
91
92
 
92
93
  var offsetCn = offset in OFFSET_STYLES ? OFFSET_STYLES[offset] : OFFSET_STYLES[DEFAULT_OFFSET];
93
94
  return /*#__PURE__*/React.createElement("div", {
94
- className: cn(styles.wrapper)
95
- }, /*#__PURE__*/React.createElement(BaseTag, _objectSpread(_objectSpread({
95
+ className: cn(styles.wrapper, wrapperClassName),
96
+ "data-test": 'sticky-tag-wrapper'
97
+ }, children, /*#__PURE__*/React.createElement(BaseTag, _objectSpread(_objectSpread({
96
98
  size: size,
97
99
  className: cn(styles.tag, className, SIZE_STYLES[size], JUSTIFY_STYLES[justify], SIDE_STYLES[side], ALIGN_STYLES[align], offsetCn),
98
100
  "data-test": 'sticky-tag'
99
101
  }, restProps), {}, {
100
102
  ref: ref
101
- }), content), children);
103
+ }), content));
102
104
  });
103
105
  StickyTag.propTypes = {
104
106
  className: PropTypes.string,
107
+ wrapperClassName: PropTypes.string,
105
108
  content: PropTypes.node,
106
109
  children: PropTypes.node,
107
110
  icon: PropTypes.node,
package/lib/parts/sticky-tag.p.module.css.js CHANGED
@@ -1,18 +1,18 @@
1
1
  var styles = {
2
- "wrapper": "_wrapper_askn2q_10",
3
- "tag": "_tag_askn2q_14",
4
- "alignTop": "_alignTop_askn2q_20",
5
- "sizeXs": "_sizeXs_askn2q_21",
6
- "sizeS": "_sizeS_askn2q_24",
7
- "sizeM": "_sizeM_askn2q_27",
8
- "sizeL": "_sizeL_askn2q_30",
9
- "alignMiddle": "_alignMiddle_askn2q_35",
10
- "top": "_top_askn2q_52",
11
- "start": "_start_askn2q_52",
12
- "offset16": "_offset16_askn2q_53",
13
- "offset24": "_offset24_askn2q_56",
14
- "offset32": "_offset32_askn2q_59",
15
- "end": "_end_askn2q_64",
16
- "left": "_left_askn2q_86"
2
+ "wrapper": "_wrapper_1i1wy12_10",
3
+ "tag": "_tag_1i1wy12_14",
4
+ "alignTop": "_alignTop_1i1wy12_20",
5
+ "sizeXs": "_sizeXs_1i1wy12_21",
6
+ "sizeS": "_sizeS_1i1wy12_24",
7
+ "sizeM": "_sizeM_1i1wy12_27",
8
+ "sizeL": "_sizeL_1i1wy12_30",
9
+ "alignMiddle": "_alignMiddle_1i1wy12_35",
10
+ "top": "_top_1i1wy12_52",
11
+ "start": "_start_1i1wy12_56",
12
+ "offset16": "_offset16_1i1wy12_57",
13
+ "offset24": "_offset24_1i1wy12_60",
14
+ "offset32": "_offset32_1i1wy12_63",
15
+ "end": "_end_1i1wy12_68",
16
+ "left": "_left_1i1wy12_90"
17
17
  };
18
18
  export { styles as default };
package/lib/parts/tag.p.module.css.js CHANGED
@@ -1,7 +1,7 @@
1
1
  var styles = {
2
- "sizeXs": "_sizeXs_14kmeea_9",
3
- "sizeS": "_sizeS_14kmeea_13",
4
- "sizeM": "_sizeM_14kmeea_17",
5
- "sizeL": "_sizeL_14kmeea_21"
2
+ "sizeXs": "_sizeXs_1x6m32n_9",
3
+ "sizeS": "_sizeS_1x6m32n_13",
4
+ "sizeM": "_sizeM_1x6m32n_17",
5
+ "sizeL": "_sizeL_1x6m32n_21"
6
6
  };
7
7
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tag",
3
- "version": "0.3.11",
3
+ "version": "0.4.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,7 +16,7 @@
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
18
  "@rescui/colors": "^0.1.4",
19
- "@rescui/icons": "^0.10.1",
19
+ "@rescui/icons": "^0.10.2",
20
20
  "classnames": "^2.3.1",
21
21
  "core-js": "^3.9.1"
22
22
  },
@@ -27,10 +27,10 @@
27
27
  },
28
28
  "devDependencies": {
29
29
  "@rescui/scripts": "^0.1.7",
30
- "@rescui/typography": "^0.8.1"
30
+ "@rescui/typography": "^0.8.2"
31
31
  },
32
32
  "scripts": {
33
33
  "build": "rescui-scripts build"
34
34
  },
35
- "gitHead": "171f3f3ab932e9819d381600180e5588790cdc53"
35
+ "gitHead": "399d5bcaf892b517a4b5d8108d509ed6549629f2"
36
36
  }