@rescui/tag 0.3.11 → 0.4.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 (8) hide show
  1. package/lib/index.css +106 -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 +2 -2
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._wrapper_j6b1kx_36{
1
+ ._wrapper_1lv49zg_36{
2
2
  position:relative;
3
3
 
4
4
  display:-webkit-inline-box;
@@ -10,11 +10,11 @@
10
10
  white-space:nowrap;
11
11
  }
12
12
 
13
- ._wrapper_j6b1kx_36 > *{
13
+ ._wrapper_1lv49zg_36 > *{
14
14
  vertical-align:top;
15
15
  }
16
- ._sizeXs_j6b1kx_48,
17
- ._sizeS_j6b1kx_49{
16
+ ._sizeXs_1lv49zg_48,
17
+ ._sizeS_1lv49zg_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));
@@ -23,10 +23,10 @@
23
23
  line-height:20px;
24
24
  line-height:var(--rs-text-3-line-height, 20px);
25
25
  }
26
- ._rs-reset-letter-spacing_j6b1kx_1 ._sizeXs_j6b1kx_48,._rs-reset-letter-spacing_j6b1kx_1 ._sizeS_j6b1kx_49{
26
+ ._rs-reset-letter-spacing_1lv49zg_1 ._sizeXs_1lv49zg_48,._rs-reset-letter-spacing_1lv49zg_1 ._sizeS_1lv49zg_49{
27
27
  letter-spacing:normal;
28
28
  }
29
- ._sizeM_j6b1kx_53{
29
+ ._sizeM_1lv49zg_53{
30
30
  letter-spacing:0.0015em;
31
31
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
32
32
  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));
@@ -36,10 +36,10 @@
36
36
  line-height:24px;
37
37
  line-height:var(--rs-text-2-line-height, 24px);
38
38
  }
39
- ._rs-reset-letter-spacing_j6b1kx_1 ._sizeM_j6b1kx_53{
39
+ ._rs-reset-letter-spacing_1lv49zg_1 ._sizeM_1lv49zg_53{
40
40
  letter-spacing:normal;
41
41
  }
42
- ._sizeL_j6b1kx_57{
42
+ ._sizeL_1lv49zg_57{
43
43
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
44
44
  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));
45
45
  font-size:19px;
@@ -48,52 +48,52 @@
48
48
  line-height:28px;
49
49
  line-height:var(--rs-text-1-line-height, 28px);
50
50
  }
51
- ._themeLight_j6b1kx_61{
51
+ ._themeLight_1lv49zg_61{
52
52
  color:rgba(25,25,28,0.7);
53
53
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
54
54
  }
55
- ._themeLight_j6b1kx_61._disabled_j6b1kx_65{
55
+ ._themeLight_1lv49zg_61._disabled_1lv49zg_65{
56
56
  color:rgba(25,25,28,0.5);
57
57
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
58
58
  }
59
- ._themeDark_j6b1kx_69{
59
+ ._themeDark_1lv49zg_69{
60
60
  color:rgba(255,255,255,0.7);
61
61
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
62
62
  }
63
- ._themeDark_j6b1kx_69._disabled_j6b1kx_65{
63
+ ._themeDark_1lv49zg_69._disabled_1lv49zg_65{
64
64
  color:rgba(255,255,255,0.5);
65
65
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
66
66
  }
67
- ._disabled_j6b1kx_65{
67
+ ._disabled_1lv49zg_65{
68
68
  pointer-events:none;
69
69
  }
70
- ._sizeXs_j6b1kx_48{
70
+ ._sizeXs_1lv49zg_48{
71
71
  padding-left:8px;
72
72
 
73
73
  border-radius:4px;
74
74
  }
75
- ._sizeS_j6b1kx_49{
75
+ ._sizeS_1lv49zg_49{
76
76
  padding-left:8px;
77
77
 
78
78
  border-radius:4px;
79
79
  }
80
- ._sizeM_j6b1kx_53{
80
+ ._sizeM_1lv49zg_53{
81
81
  padding-left:12px;
82
82
 
83
83
  border-radius:6px;
84
84
  }
85
- ._sizeL_j6b1kx_57{
85
+ ._sizeL_1lv49zg_57{
86
86
  padding-left:16px;
87
87
 
88
88
  border-radius:8px;
89
89
  }
90
- ._themeLight_j6b1kx_61{
90
+ ._themeLight_1lv49zg_61{
91
91
  background-color:rgba(25,25,28,0.1);
92
92
  }
93
- ._themeDark_j6b1kx_69{
93
+ ._themeDark_1lv49zg_69{
94
94
  background-color:rgba(255,255,255,0.1);
95
95
  }
96
- ._main_j6b1kx_110{
96
+ ._main_1lv49zg_110{
97
97
  display:-webkit-inline-box;
98
98
  display:-ms-inline-flexbox;
99
99
  display:inline-flex;
@@ -111,30 +111,30 @@
111
111
 
112
112
  background:transparent;
113
113
  }
114
- ._wrap_j6b1kx_36 ._main_j6b1kx_110{
114
+ ._wrap_1lv49zg_36 ._main_1lv49zg_110{
115
115
  white-space:normal;
116
116
  }
117
- ._sizeXs_j6b1kx_48 ._main_j6b1kx_110{
117
+ ._sizeXs_1lv49zg_48 ._main_1lv49zg_110{
118
118
  padding-top:2px;
119
119
  padding-right:2px;
120
120
  padding-bottom:2px;
121
121
  }
122
- ._sizeS_j6b1kx_49 ._main_j6b1kx_110{
122
+ ._sizeS_1lv49zg_49 ._main_1lv49zg_110{
123
123
  padding-top:4px;
124
124
  padding-right:2px;
125
125
  padding-bottom:4px;
126
126
  }
127
- ._sizeM_j6b1kx_53 ._main_j6b1kx_110{
127
+ ._sizeM_1lv49zg_53 ._main_1lv49zg_110{
128
128
  padding-top:6px;
129
129
  padding-right:2px;
130
130
  padding-bottom:6px;
131
131
  }
132
- ._sizeL_j6b1kx_57 ._main_j6b1kx_110{
132
+ ._sizeL_1lv49zg_57 ._main_1lv49zg_110{
133
133
  padding-top:8px;
134
134
  padding-right:4px;
135
135
  padding-bottom:8px;
136
136
  }
137
- ._close_j6b1kx_146{
137
+ ._close_1lv49zg_146{
138
138
  top:0;
139
139
  right:0;
140
140
  bottom:0;
@@ -170,70 +170,70 @@
170
170
  -webkit-font-smoothing:inherit;
171
171
  -moz-osx-font-smoothing:inherit;
172
172
  }
173
- ._close_j6b1kx_146::-moz-focus-inner{
173
+ ._close_1lv49zg_146::-moz-focus-inner{
174
174
  padding:0;
175
175
 
176
176
  border:0;
177
177
  }
178
- ._close_j6b1kx_146:active,
179
- ._close_j6b1kx_146:hover,
180
- ._close_j6b1kx_146:focus{
178
+ ._close_1lv49zg_146:active,
179
+ ._close_1lv49zg_146:hover,
180
+ ._close_1lv49zg_146:focus{
181
181
  outline:none;
182
182
 
183
183
  text-decoration:none;
184
184
  }
185
- ._sizeXs_j6b1kx_48 ._close_j6b1kx_146{
185
+ ._sizeXs_1lv49zg_48 ._close_1lv49zg_146{
186
186
  width:28px;
187
187
 
188
188
  border-radius:4px;
189
189
  }
190
- ._sizeS_j6b1kx_49 ._close_j6b1kx_146{
190
+ ._sizeS_1lv49zg_49 ._close_1lv49zg_146{
191
191
  width:28px;
192
192
 
193
193
  border-radius:4px;
194
194
  }
195
- ._sizeM_j6b1kx_53 ._close_j6b1kx_146{
195
+ ._sizeM_1lv49zg_53 ._close_1lv49zg_146{
196
196
  width:36px;
197
197
 
198
198
  border-radius:6px;
199
199
  }
200
- ._sizeL_j6b1kx_57 ._close_j6b1kx_146{
200
+ ._sizeL_1lv49zg_57 ._close_1lv49zg_146{
201
201
  width:44px;
202
202
 
203
203
  border-radius:8px;
204
204
  }
205
- ._disabled_j6b1kx_65 ._close_j6b1kx_146{
205
+ ._disabled_1lv49zg_65 ._close_1lv49zg_146{
206
206
  pointer-events:none;
207
207
  }
208
- ._themeLight_j6b1kx_61 ._close_j6b1kx_146:hover{
208
+ ._themeLight_1lv49zg_61 ._close_1lv49zg_146:hover{
209
209
  color:#19191C;
210
210
  background-color:rgba(25,25,28,0.1);
211
211
  }
212
- ._themeDark_j6b1kx_69 ._close_j6b1kx_146:hover{
212
+ ._themeDark_1lv49zg_69 ._close_1lv49zg_146:hover{
213
213
  color:#FFFFFF;
214
214
  background-color:rgba(255,255,255,0.1);
215
215
  }
216
- ._themeLight_j6b1kx_61 ._close_j6b1kx_146:active{
216
+ ._themeLight_1lv49zg_61 ._close_1lv49zg_146:active{
217
217
  color:#19191C;
218
218
  background-color:rgba(25,25,28,0.2);
219
219
  }
220
- ._themeDark_j6b1kx_69 ._close_j6b1kx_146:active{
220
+ ._themeDark_1lv49zg_69 ._close_1lv49zg_146:active{
221
221
  color:#FFFFFF;
222
222
  background-color:rgba(255,255,255,0.2);
223
223
  }
224
- ._themeLight_j6b1kx_61 ._close_j6b1kx_146:focus[data-focus-method='key']{
224
+ ._themeLight_1lv49zg_61 ._close_1lv49zg_146:focus[data-focus-method='key']{
225
225
  -webkit-box-shadow:inset 0 0 0 4px #8979ff;
226
226
  -webkit-box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-light-theme, #8979ff);
227
227
  box-shadow:inset 0 0 0 4px #8979ff;
228
228
  box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-light-theme, #8979ff);
229
229
  }
230
- ._themeDark_j6b1kx_69 ._close_j6b1kx_146:focus[data-focus-method='key']{
230
+ ._themeDark_1lv49zg_69 ._close_1lv49zg_146:focus[data-focus-method='key']{
231
231
  -webkit-box-shadow:inset 0 0 0 4px #6f61d2;
232
232
  -webkit-box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-dark-theme, #6f61d2);
233
233
  box-shadow:inset 0 0 0 4px #6f61d2;
234
234
  box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-dark-theme, #6f61d2);
235
235
  }
236
- ._icon_j6b1kx_243{
236
+ ._icon_1lv49zg_243{
237
237
  -webkit-box-flex:1;
238
238
  -ms-flex:1 0 auto;
239
239
  flex:1 0 auto;
@@ -243,32 +243,32 @@
243
243
  vertical-align:top;
244
244
  fill:currentColor;
245
245
  }
246
- ._sizeXs_j6b1kx_48 ._icon_j6b1kx_243{
246
+ ._sizeXs_1lv49zg_48 ._icon_1lv49zg_243{
247
247
  width:20px;
248
248
  height:20px;
249
249
  margin-top:2px;
250
250
  margin-bottom:2px;
251
251
  }
252
- ._sizeS_j6b1kx_49 ._icon_j6b1kx_243{
252
+ ._sizeS_1lv49zg_49 ._icon_1lv49zg_243{
253
253
  width:20px;
254
254
  height:20px;
255
255
  margin-top:4px;
256
256
  margin-bottom:4px;
257
257
  }
258
- ._sizeM_j6b1kx_53 ._icon_j6b1kx_243{
258
+ ._sizeM_1lv49zg_53 ._icon_1lv49zg_243{
259
259
  width:24px;
260
260
  height:24px;
261
261
  margin-top:6px;
262
262
  margin-bottom:6px;
263
263
  }
264
- ._sizeL_j6b1kx_57 ._icon_j6b1kx_243{
264
+ ._sizeL_1lv49zg_57 ._icon_1lv49zg_243{
265
265
  width:28px;
266
266
  height:28px;
267
267
  margin-top:8px;
268
268
  margin-bottom:8px;
269
269
  }
270
270
 
271
- ._main_uhw212_25{
271
+ ._main_pambgr_25{
272
272
  letter-spacing:0.0015em;
273
273
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
274
274
  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));
@@ -278,10 +278,10 @@
278
278
  line-height:24px;
279
279
  line-height:var(--rs-text-2-line-height, 24px);
280
280
  }
281
- ._rs-reset-letter-spacing_uhw212_1 ._main_uhw212_25{
281
+ ._rs-reset-letter-spacing_pambgr_1 ._main_pambgr_25{
282
282
  letter-spacing:normal;
283
283
  }
284
- ._main_uhw212_25 {
284
+ ._main_pambgr_25 {
285
285
 
286
286
  position:relative;
287
287
 
@@ -310,19 +310,19 @@
310
310
 
311
311
  background:transparent;
312
312
  }
313
- ._alignIconLeft_uhw212_46{
313
+ ._alignIconLeft_pambgr_46{
314
314
  -webkit-box-orient:horizontal;
315
315
  -webkit-box-direction:normal;
316
316
  -ms-flex-direction:row;
317
317
  flex-direction:row;
318
318
  }
319
- ._alignIconRight_uhw212_50{
319
+ ._alignIconRight_pambgr_50{
320
320
  -webkit-box-orient:horizontal;
321
321
  -webkit-box-direction:reverse;
322
322
  -ms-flex-direction:row-reverse;
323
323
  flex-direction:row-reverse;
324
324
  }
325
- ._sizeXs_uhw212_54{
325
+ ._sizeXs_pambgr_54{
326
326
  letter-spacing:0.0045em;
327
327
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
328
328
  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));
@@ -331,14 +331,14 @@
331
331
  line-height:20px;
332
332
  line-height:var(--rs-text-3-line-height, 20px);
333
333
  }
334
- ._rs-reset-letter-spacing_uhw212_1 ._sizeXs_uhw212_54{
334
+ ._rs-reset-letter-spacing_pambgr_1 ._sizeXs_pambgr_54{
335
335
  letter-spacing:normal;
336
336
  }
337
- ._sizeXs_uhw212_54 {
337
+ ._sizeXs_pambgr_54 {
338
338
 
339
339
  padding:1px 7px;
340
340
  }
341
- ._sizeS_uhw212_61{
341
+ ._sizeS_pambgr_61{
342
342
  letter-spacing:0.0045em;
343
343
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
344
344
  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));
@@ -347,14 +347,14 @@
347
347
  line-height:20px;
348
348
  line-height:var(--rs-text-3-line-height, 20px);
349
349
  }
350
- ._rs-reset-letter-spacing_uhw212_1 ._sizeS_uhw212_61{
350
+ ._rs-reset-letter-spacing_pambgr_1 ._sizeS_pambgr_61{
351
351
  letter-spacing:normal;
352
352
  }
353
- ._sizeS_uhw212_61 {
353
+ ._sizeS_pambgr_61 {
354
354
 
355
355
  padding:3px 7px;
356
356
  }
357
- ._sizeM_uhw212_68{
357
+ ._sizeM_pambgr_68{
358
358
  letter-spacing:0.0015em;
359
359
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
360
360
  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));
@@ -364,14 +364,14 @@
364
364
  line-height:24px;
365
365
  line-height:var(--rs-text-2-line-height, 24px);
366
366
  }
367
- ._rs-reset-letter-spacing_uhw212_1 ._sizeM_uhw212_68{
367
+ ._rs-reset-letter-spacing_pambgr_1 ._sizeM_pambgr_68{
368
368
  letter-spacing:normal;
369
369
  }
370
- ._sizeM_uhw212_68 {
370
+ ._sizeM_pambgr_68 {
371
371
 
372
372
  padding:5px 11px;
373
373
  }
374
- ._sizeL_uhw212_75{
374
+ ._sizeL_pambgr_75{
375
375
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
376
376
  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));
377
377
  font-size:19px;
@@ -382,152 +382,155 @@
382
382
 
383
383
  padding:7px 15px;
384
384
  }
385
- ._icon_uhw212_82{
385
+ ._icon_pambgr_82{
386
386
  fill:currentColor;
387
387
  }
388
- ._sizeXs_uhw212_54 ._icon_uhw212_82{
388
+ ._sizeXs_pambgr_54 ._icon_pambgr_82{
389
389
  width:20px;
390
390
  height:20px;
391
391
  }
392
- ._sizeS_uhw212_61 ._icon_uhw212_82{
392
+ ._sizeS_pambgr_61 ._icon_pambgr_82{
393
393
  width:20px;
394
394
  height:20px;
395
395
  }
396
- ._sizeM_uhw212_68 ._icon_uhw212_82{
396
+ ._sizeM_pambgr_68 ._icon_pambgr_82{
397
397
  width:24px;
398
398
  height:24px;
399
399
  }
400
- ._sizeL_uhw212_75 ._icon_uhw212_82{
400
+ ._sizeL_pambgr_75 ._icon_pambgr_82{
401
401
  width:28px;
402
402
  height:28px;
403
403
  }
404
- ._alignIconLeft_uhw212_46 ._icon_uhw212_82{
404
+ ._alignIconLeft_pambgr_46 ._icon_pambgr_82{
405
405
  margin-right:8px;
406
406
  margin-left:0;
407
407
  }
408
- ._alignIconRight_uhw212_50 ._icon_uhw212_82{
408
+ ._alignIconRight_pambgr_50 ._icon_pambgr_82{
409
409
  margin-right:0;
410
410
  margin-left:8px;
411
411
  }
412
- ._uppercase_uhw212_116{
412
+ ._uppercase_pambgr_116{
413
413
  text-transform:uppercase;
414
414
 
415
415
  font-weight:530;
416
416
 
417
417
  font-weight:var(--rs-font-weight-semi-bold, 530);
418
418
  }
419
- ._uppercase_uhw212_116._sizeS_uhw212_61{
419
+ ._uppercase_pambgr_116._sizeS_pambgr_61{
420
420
  padding-right:9px;
421
421
  padding-left:9px;
422
422
  }
423
423
 
424
- ._wrapper_askn2q_10{
424
+ ._wrapper_11vprs6_10{
425
425
  position:relative;
426
426
  }
427
- ._tag_askn2q_14{
427
+ ._tag_11vprs6_14{
428
428
  position:absolute;
429
429
  }
430
- ._alignTop_askn2q_20._sizeXs_askn2q_21{
430
+ ._alignTop_11vprs6_20._sizeXs_11vprs6_21{
431
431
  border-radius:4px 4px 0 0;
432
432
  }
433
- ._alignTop_askn2q_20._sizeS_askn2q_24{
433
+ ._alignTop_11vprs6_20._sizeS_11vprs6_24{
434
434
  border-radius:4px 4px 0 0;
435
435
  }
436
- ._alignTop_askn2q_20._sizeM_askn2q_27{
436
+ ._alignTop_11vprs6_20._sizeM_11vprs6_27{
437
437
  border-radius:6px 6px 0 0;
438
438
  }
439
- ._alignTop_askn2q_20._sizeL_askn2q_30{
439
+ ._alignTop_11vprs6_20._sizeL_11vprs6_30{
440
440
  border-radius:8px 8px 0 0;
441
441
  }
442
- ._alignMiddle_askn2q_35._sizeXs_askn2q_21{
442
+ ._alignMiddle_11vprs6_35._sizeXs_11vprs6_21{
443
443
  border-radius:4px;
444
444
  }
445
- ._alignMiddle_askn2q_35._sizeS_askn2q_24{
445
+ ._alignMiddle_11vprs6_35._sizeS_11vprs6_24{
446
446
  border-radius:4px;
447
447
  }
448
- ._alignMiddle_askn2q_35._sizeM_askn2q_27{
448
+ ._alignMiddle_11vprs6_35._sizeM_11vprs6_27{
449
449
  border-radius:6px;
450
450
  }
451
- ._alignMiddle_askn2q_35._sizeL_askn2q_30{
451
+ ._alignMiddle_11vprs6_35._sizeL_11vprs6_30{
452
452
  border-radius:8px;
453
453
  }
454
- ._top_askn2q_52._start_askn2q_52._offset16_askn2q_53{
454
+ ._top_11vprs6_52{
455
+ top:0;
456
+ }
457
+ ._top_11vprs6_52._start_11vprs6_56._offset16_11vprs6_57{
455
458
  left:16px;
456
459
  }
457
- ._top_askn2q_52._start_askn2q_52._offset24_askn2q_56{
460
+ ._top_11vprs6_52._start_11vprs6_56._offset24_11vprs6_60{
458
461
  left:24px;
459
462
  }
460
- ._top_askn2q_52._start_askn2q_52._offset32_askn2q_59{
463
+ ._top_11vprs6_52._start_11vprs6_56._offset32_11vprs6_63{
461
464
  left:32px;
462
465
  }
463
- ._top_askn2q_52._end_askn2q_64._offset16_askn2q_53{
466
+ ._top_11vprs6_52._end_11vprs6_68._offset16_11vprs6_57{
464
467
  right:16px;
465
468
  }
466
- ._top_askn2q_52._end_askn2q_64._offset24_askn2q_56{
469
+ ._top_11vprs6_52._end_11vprs6_68._offset24_11vprs6_60{
467
470
  right:24px;
468
471
  }
469
- ._top_askn2q_52._end_askn2q_64._offset32_askn2q_59{
472
+ ._top_11vprs6_52._end_11vprs6_68._offset32_11vprs6_63{
470
473
  right:32px;
471
474
  }
472
- ._top_askn2q_52._alignTop_askn2q_20{
475
+ ._top_11vprs6_52._alignTop_11vprs6_20{
473
476
  -webkit-transform:translate(0, -100%);
474
477
  transform:translate(0, -100%);
475
478
  }
476
- ._top_askn2q_52._alignMiddle_askn2q_35{
479
+ ._top_11vprs6_52._alignMiddle_11vprs6_35{
477
480
  -webkit-transform:translate(0, -50%);
478
481
  transform:translate(0, -50%);
479
482
  }
480
- ._left_askn2q_86{
483
+ ._left_11vprs6_90{
481
484
  right:100%;
482
485
 
483
486
  -webkit-transform-origin:100% 0;
484
487
 
485
488
  transform-origin:100% 0;
486
489
  }
487
- ._left_askn2q_86._start_askn2q_52._offset16_askn2q_53{
490
+ ._left_11vprs6_90._start_11vprs6_56._offset16_11vprs6_57{
488
491
  top:16px;
489
492
  }
490
- ._left_askn2q_86._start_askn2q_52._offset24_askn2q_56{
493
+ ._left_11vprs6_90._start_11vprs6_56._offset24_11vprs6_60{
491
494
  top:24px;
492
495
  }
493
- ._left_askn2q_86._start_askn2q_52._offset32_askn2q_59{
496
+ ._left_11vprs6_90._start_11vprs6_56._offset32_11vprs6_63{
494
497
  top:32px;
495
498
  }
496
- ._left_askn2q_86._end_askn2q_64._offset16_askn2q_53{
499
+ ._left_11vprs6_90._end_11vprs6_68._offset16_11vprs6_57{
497
500
  top:calc(100% - 16px);
498
501
  }
499
- ._left_askn2q_86._end_askn2q_64._offset24_askn2q_56{
502
+ ._left_11vprs6_90._end_11vprs6_68._offset24_11vprs6_60{
500
503
  top:calc(100% - 24px);
501
504
  }
502
- ._left_askn2q_86._end_askn2q_64._offset32_askn2q_59{
505
+ ._left_11vprs6_90._end_11vprs6_68._offset32_11vprs6_63{
503
506
  top:calc(100% - 32px);
504
507
  }
505
- ._left_askn2q_86._start_askn2q_52._alignTop_askn2q_20{
508
+ ._left_11vprs6_90._start_11vprs6_56._alignTop_11vprs6_20{
506
509
  -webkit-transform:rotate(270deg) translate(0, -100%);
507
510
  transform:rotate(270deg) translate(0, -100%);
508
511
  }
509
- ._left_askn2q_86._end_askn2q_64._alignTop_askn2q_20{
512
+ ._left_11vprs6_90._end_11vprs6_68._alignTop_11vprs6_20{
510
513
  -webkit-transform:rotate(270deg) translate(100%, -100%);
511
514
  transform:rotate(270deg) translate(100%, -100%);
512
515
  }
513
- ._left_askn2q_86._start_askn2q_52._alignMiddle_askn2q_35{
516
+ ._left_11vprs6_90._start_11vprs6_56._alignMiddle_11vprs6_35{
514
517
  -webkit-transform:rotate(270deg) translate(0, -50%);
515
518
  transform:rotate(270deg) translate(0, -50%);
516
519
  }
517
- ._left_askn2q_86._end_askn2q_64._alignMiddle_askn2q_35{
520
+ ._left_11vprs6_90._end_11vprs6_68._alignMiddle_11vprs6_35{
518
521
  -webkit-transform:rotate(270deg) translate(100%, -50%);
519
522
  transform:rotate(270deg) translate(100%, -50%);
520
523
  }
521
524
 
522
- ._sizeXs_14kmeea_9{
525
+ ._sizeXs_3zb0vj_9{
523
526
  border-radius:4px;
524
527
  }
525
- ._sizeS_14kmeea_13{
528
+ ._sizeS_3zb0vj_13{
526
529
  border-radius:4px;
527
530
  }
528
- ._sizeM_14kmeea_17{
531
+ ._sizeM_3zb0vj_17{
529
532
  border-radius:6px;
530
533
  }
531
- ._sizeL_14kmeea_21{
534
+ ._sizeL_3zb0vj_21{
532
535
  border-radius:8px;
533
536
  }
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_pambgr_25",
3
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_pambgr_1",
4
+ "alignIconLeft": "_alignIconLeft_pambgr_46",
5
+ "alignIconRight": "_alignIconRight_pambgr_50",
6
+ "sizeXs": "_sizeXs_pambgr_54",
7
+ "sizeS": "_sizeS_pambgr_61",
8
+ "sizeM": "_sizeM_pambgr_68",
9
+ "sizeL": "_sizeL_pambgr_75",
10
+ "icon": "_icon_pambgr_82",
11
+ "uppercase": "_uppercase_pambgr_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_1lv49zg_36",
3
+ "sizeXs": "_sizeXs_1lv49zg_48",
4
+ "sizeS": "_sizeS_1lv49zg_49",
5
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1lv49zg_1",
6
+ "sizeM": "_sizeM_1lv49zg_53",
7
+ "sizeL": "_sizeL_1lv49zg_57",
8
+ "themeLight": "_themeLight_1lv49zg_61",
9
+ "disabled": "_disabled_1lv49zg_65",
10
+ "themeDark": "_themeDark_1lv49zg_69",
11
+ "main": "_main_1lv49zg_110",
12
+ "wrap": "_wrap_1lv49zg_36",
13
+ "close": "_close_1lv49zg_146",
14
+ "icon": "_icon_1lv49zg_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_11vprs6_10",
3
+ "tag": "_tag_11vprs6_14",
4
+ "alignTop": "_alignTop_11vprs6_20",
5
+ "sizeXs": "_sizeXs_11vprs6_21",
6
+ "sizeS": "_sizeS_11vprs6_24",
7
+ "sizeM": "_sizeM_11vprs6_27",
8
+ "sizeL": "_sizeL_11vprs6_30",
9
+ "alignMiddle": "_alignMiddle_11vprs6_35",
10
+ "top": "_top_11vprs6_52",
11
+ "start": "_start_11vprs6_56",
12
+ "offset16": "_offset16_11vprs6_57",
13
+ "offset24": "_offset24_11vprs6_60",
14
+ "offset32": "_offset32_11vprs6_63",
15
+ "end": "_end_11vprs6_68",
16
+ "left": "_left_11vprs6_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_3zb0vj_9",
3
+ "sizeS": "_sizeS_3zb0vj_13",
4
+ "sizeM": "_sizeM_3zb0vj_17",
5
+ "sizeL": "_sizeL_3zb0vj_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.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -32,5 +32,5 @@
32
32
  "scripts": {
33
33
  "build": "rescui-scripts build"
34
34
  },
35
- "gitHead": "171f3f3ab932e9819d381600180e5588790cdc53"
35
+ "gitHead": "a5f17fe15635423a27d4f69cdacd3c24bae7e80b"
36
36
  }