@rescui/tag 0.4.1 → 0.5.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 (10) hide show
  1. package/lib/index.css +108 -108
  2. package/lib/parts/base-tag.p.module.css.js +10 -10
  3. package/lib/parts/presets.d.ts +50 -2
  4. package/lib/parts/presets.js +34 -2
  5. package/lib/parts/removable-tag.p.module.css.js +13 -13
  6. package/lib/parts/sticky-tag.d.ts +3 -3
  7. package/lib/parts/sticky-tag.p.module.css.js +15 -15
  8. package/lib/parts/tag.p.module.css.js +4 -4
  9. package/lib/tag.d.ts +3 -3
  10. package/package.json +5 -5
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._wrapper_1gfpz8s_36{
1
+ ._wrapper_euyoo3_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_1gfpz8s_36 > *{
13
+ ._wrapper_euyoo3_36 > *{
14
14
  vertical-align:top;
15
15
  }
16
- ._sizeXs_1gfpz8s_48,
17
- ._sizeS_1gfpz8s_49{
16
+ ._sizeXs_euyoo3_48,
17
+ ._sizeS_euyoo3_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));
@@ -25,10 +25,10 @@
25
25
  line-height:20px;
26
26
  line-height:var(--rs-text-3-line-height, 20px);
27
27
  }
28
- ._rs-reset-letter-spacing_1gfpz8s_1 ._sizeXs_1gfpz8s_48,._rs-reset-letter-spacing_1gfpz8s_1 ._sizeS_1gfpz8s_49{
28
+ ._rs-reset-letter-spacing_euyoo3_1 ._sizeXs_euyoo3_48,._rs-reset-letter-spacing_euyoo3_1 ._sizeS_euyoo3_49{
29
29
  letter-spacing:normal;
30
30
  }
31
- ._sizeM_1gfpz8s_53{
31
+ ._sizeM_euyoo3_53{
32
32
  letter-spacing:0.0015em;
33
33
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
34
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));
@@ -40,66 +40,66 @@
40
40
  line-height:24px;
41
41
  line-height:var(--rs-text-2-line-height, 24px);
42
42
  }
43
- ._rs-reset-letter-spacing_1gfpz8s_1 ._sizeM_1gfpz8s_53{
43
+ ._rs-reset-letter-spacing_euyoo3_1 ._sizeM_euyoo3_53{
44
44
  letter-spacing:normal;
45
45
  }
46
- ._sizeL_1gfpz8s_57{
46
+ ._sizeL_euyoo3_57{
47
47
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
48
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
49
  -webkit-font-feature-settings:"kern", "liga", "calt";
50
50
  font-feature-settings:"kern", "liga", "calt";
51
- font-size:19px;
52
- font-size:var(--rs-text-1-font-size, 19px);
51
+ font-size:20px;
52
+ font-size:var(--rs-text-1-font-size, 20px);
53
53
  font-weight:normal;
54
54
  line-height:28px;
55
55
  line-height:var(--rs-text-1-line-height, 28px);
56
56
  }
57
- ._themeLight_1gfpz8s_61{
57
+ ._themeLight_euyoo3_61{
58
58
  color:rgba(25,25,28,0.7);
59
59
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
60
60
  }
61
- ._themeLight_1gfpz8s_61._disabled_1gfpz8s_65{
61
+ ._themeLight_euyoo3_61._disabled_euyoo3_65{
62
62
  color:rgba(25,25,28,0.5);
63
63
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
64
64
  }
65
- ._themeDark_1gfpz8s_69{
65
+ ._themeDark_euyoo3_69{
66
66
  color:rgba(255,255,255,0.7);
67
67
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
68
68
  }
69
- ._themeDark_1gfpz8s_69._disabled_1gfpz8s_65{
69
+ ._themeDark_euyoo3_69._disabled_euyoo3_65{
70
70
  color:rgba(255,255,255,0.5);
71
71
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
72
72
  }
73
- ._disabled_1gfpz8s_65{
73
+ ._disabled_euyoo3_65{
74
74
  pointer-events:none;
75
75
  }
76
- ._sizeXs_1gfpz8s_48{
76
+ ._sizeXs_euyoo3_48{
77
77
  padding-left:8px;
78
78
 
79
79
  border-radius:4px;
80
80
  }
81
- ._sizeS_1gfpz8s_49{
81
+ ._sizeS_euyoo3_49{
82
82
  padding-left:8px;
83
83
 
84
84
  border-radius:4px;
85
85
  }
86
- ._sizeM_1gfpz8s_53{
86
+ ._sizeM_euyoo3_53{
87
87
  padding-left:12px;
88
88
 
89
89
  border-radius:6px;
90
90
  }
91
- ._sizeL_1gfpz8s_57{
91
+ ._sizeL_euyoo3_57{
92
92
  padding-left:16px;
93
93
 
94
94
  border-radius:8px;
95
95
  }
96
- ._themeLight_1gfpz8s_61{
96
+ ._themeLight_euyoo3_61{
97
97
  background-color:rgba(25,25,28,0.1);
98
98
  }
99
- ._themeDark_1gfpz8s_69{
99
+ ._themeDark_euyoo3_69{
100
100
  background-color:rgba(255,255,255,0.1);
101
101
  }
102
- ._main_1gfpz8s_110{
102
+ ._main_euyoo3_110{
103
103
  display:-webkit-inline-box;
104
104
  display:-ms-inline-flexbox;
105
105
  display:inline-flex;
@@ -117,30 +117,30 @@
117
117
 
118
118
  background:transparent;
119
119
  }
120
- ._wrap_1gfpz8s_36 ._main_1gfpz8s_110{
120
+ ._wrap_euyoo3_36 ._main_euyoo3_110{
121
121
  white-space:normal;
122
122
  }
123
- ._sizeXs_1gfpz8s_48 ._main_1gfpz8s_110{
123
+ ._sizeXs_euyoo3_48 ._main_euyoo3_110{
124
124
  padding-top:2px;
125
125
  padding-right:2px;
126
126
  padding-bottom:2px;
127
127
  }
128
- ._sizeS_1gfpz8s_49 ._main_1gfpz8s_110{
128
+ ._sizeS_euyoo3_49 ._main_euyoo3_110{
129
129
  padding-top:4px;
130
130
  padding-right:2px;
131
131
  padding-bottom:4px;
132
132
  }
133
- ._sizeM_1gfpz8s_53 ._main_1gfpz8s_110{
133
+ ._sizeM_euyoo3_53 ._main_euyoo3_110{
134
134
  padding-top:6px;
135
135
  padding-right:2px;
136
136
  padding-bottom:6px;
137
137
  }
138
- ._sizeL_1gfpz8s_57 ._main_1gfpz8s_110{
138
+ ._sizeL_euyoo3_57 ._main_euyoo3_110{
139
139
  padding-top:8px;
140
140
  padding-right:4px;
141
141
  padding-bottom:8px;
142
142
  }
143
- ._close_1gfpz8s_146{
143
+ ._close_euyoo3_146{
144
144
  top:0;
145
145
  right:0;
146
146
  bottom:0;
@@ -176,70 +176,70 @@
176
176
  -webkit-font-smoothing:inherit;
177
177
  -moz-osx-font-smoothing:inherit;
178
178
  }
179
- ._close_1gfpz8s_146::-moz-focus-inner{
179
+ ._close_euyoo3_146::-moz-focus-inner{
180
180
  padding:0;
181
181
 
182
182
  border:0;
183
183
  }
184
- ._close_1gfpz8s_146:active,
185
- ._close_1gfpz8s_146:hover,
186
- ._close_1gfpz8s_146:focus{
184
+ ._close_euyoo3_146:active,
185
+ ._close_euyoo3_146:hover,
186
+ ._close_euyoo3_146:focus{
187
187
  outline:none;
188
188
 
189
189
  text-decoration:none;
190
190
  }
191
- ._sizeXs_1gfpz8s_48 ._close_1gfpz8s_146{
191
+ ._sizeXs_euyoo3_48 ._close_euyoo3_146{
192
192
  width:28px;
193
193
 
194
194
  border-radius:4px;
195
195
  }
196
- ._sizeS_1gfpz8s_49 ._close_1gfpz8s_146{
196
+ ._sizeS_euyoo3_49 ._close_euyoo3_146{
197
197
  width:28px;
198
198
 
199
199
  border-radius:4px;
200
200
  }
201
- ._sizeM_1gfpz8s_53 ._close_1gfpz8s_146{
201
+ ._sizeM_euyoo3_53 ._close_euyoo3_146{
202
202
  width:36px;
203
203
 
204
204
  border-radius:6px;
205
205
  }
206
- ._sizeL_1gfpz8s_57 ._close_1gfpz8s_146{
206
+ ._sizeL_euyoo3_57 ._close_euyoo3_146{
207
207
  width:44px;
208
208
 
209
209
  border-radius:8px;
210
210
  }
211
- ._disabled_1gfpz8s_65 ._close_1gfpz8s_146{
211
+ ._disabled_euyoo3_65 ._close_euyoo3_146{
212
212
  pointer-events:none;
213
213
  }
214
- ._themeLight_1gfpz8s_61 ._close_1gfpz8s_146:hover{
214
+ ._themeLight_euyoo3_61 ._close_euyoo3_146:hover{
215
215
  color:#19191C;
216
216
  background-color:rgba(25,25,28,0.1);
217
217
  }
218
- ._themeDark_1gfpz8s_69 ._close_1gfpz8s_146:hover{
218
+ ._themeDark_euyoo3_69 ._close_euyoo3_146:hover{
219
219
  color:#FFFFFF;
220
220
  background-color:rgba(255,255,255,0.1);
221
221
  }
222
- ._themeLight_1gfpz8s_61 ._close_1gfpz8s_146:active{
222
+ ._themeLight_euyoo3_61 ._close_euyoo3_146:active{
223
223
  color:#19191C;
224
224
  background-color:rgba(25,25,28,0.2);
225
225
  }
226
- ._themeDark_1gfpz8s_69 ._close_1gfpz8s_146:active{
226
+ ._themeDark_euyoo3_69 ._close_euyoo3_146:active{
227
227
  color:#FFFFFF;
228
228
  background-color:rgba(255,255,255,0.2);
229
229
  }
230
- ._themeLight_1gfpz8s_61 ._close_1gfpz8s_146:focus[data-focus-method='key']{
230
+ ._themeLight_euyoo3_61 ._close_euyoo3_146:focus[data-focus-method='key']{
231
231
  -webkit-box-shadow:inset 0 0 0 4px #8979ff;
232
232
  -webkit-box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-light-theme, #8979ff);
233
233
  box-shadow:inset 0 0 0 4px #8979ff;
234
234
  box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-light-theme, #8979ff);
235
235
  }
236
- ._themeDark_1gfpz8s_69 ._close_1gfpz8s_146:focus[data-focus-method='key']{
236
+ ._themeDark_euyoo3_69 ._close_euyoo3_146:focus[data-focus-method='key']{
237
237
  -webkit-box-shadow:inset 0 0 0 4px #6f61d2;
238
238
  -webkit-box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-dark-theme, #6f61d2);
239
239
  box-shadow:inset 0 0 0 4px #6f61d2;
240
240
  box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-dark-theme, #6f61d2);
241
241
  }
242
- ._icon_1gfpz8s_243{
242
+ ._icon_euyoo3_243{
243
243
  -webkit-box-flex:1;
244
244
  -ms-flex:1 0 auto;
245
245
  flex:1 0 auto;
@@ -249,32 +249,32 @@
249
249
  vertical-align:top;
250
250
  fill:currentColor;
251
251
  }
252
- ._sizeXs_1gfpz8s_48 ._icon_1gfpz8s_243{
252
+ ._sizeXs_euyoo3_48 ._icon_euyoo3_243{
253
253
  width:20px;
254
254
  height:20px;
255
255
  margin-top:2px;
256
256
  margin-bottom:2px;
257
257
  }
258
- ._sizeS_1gfpz8s_49 ._icon_1gfpz8s_243{
258
+ ._sizeS_euyoo3_49 ._icon_euyoo3_243{
259
259
  width:20px;
260
260
  height:20px;
261
261
  margin-top:4px;
262
262
  margin-bottom:4px;
263
263
  }
264
- ._sizeM_1gfpz8s_53 ._icon_1gfpz8s_243{
264
+ ._sizeM_euyoo3_53 ._icon_euyoo3_243{
265
265
  width:24px;
266
266
  height:24px;
267
267
  margin-top:6px;
268
268
  margin-bottom:6px;
269
269
  }
270
- ._sizeL_1gfpz8s_57 ._icon_1gfpz8s_243{
270
+ ._sizeL_euyoo3_57 ._icon_euyoo3_243{
271
271
  width:28px;
272
272
  height:28px;
273
273
  margin-top:8px;
274
274
  margin-bottom:8px;
275
275
  }
276
276
 
277
- ._main_1mkp0rv_25{
277
+ ._main_jf7m5g_25{
278
278
  letter-spacing:0.0015em;
279
279
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
280
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));
@@ -286,10 +286,10 @@
286
286
  line-height:24px;
287
287
  line-height:var(--rs-text-2-line-height, 24px);
288
288
  }
289
- ._rs-reset-letter-spacing_1mkp0rv_1 ._main_1mkp0rv_25{
289
+ ._rs-reset-letter-spacing_jf7m5g_1 ._main_jf7m5g_25{
290
290
  letter-spacing:normal;
291
291
  }
292
- ._main_1mkp0rv_25 {
292
+ ._main_jf7m5g_25 {
293
293
 
294
294
  position:relative;
295
295
 
@@ -318,19 +318,19 @@
318
318
 
319
319
  background:transparent;
320
320
  }
321
- ._alignIconLeft_1mkp0rv_46{
321
+ ._alignIconLeft_jf7m5g_46{
322
322
  -webkit-box-orient:horizontal;
323
323
  -webkit-box-direction:normal;
324
324
  -ms-flex-direction:row;
325
325
  flex-direction:row;
326
326
  }
327
- ._alignIconRight_1mkp0rv_50{
327
+ ._alignIconRight_jf7m5g_50{
328
328
  -webkit-box-orient:horizontal;
329
329
  -webkit-box-direction:reverse;
330
330
  -ms-flex-direction:row-reverse;
331
331
  flex-direction:row-reverse;
332
332
  }
333
- ._sizeXs_1mkp0rv_54{
333
+ ._sizeXs_jf7m5g_54{
334
334
  letter-spacing:0.0045em;
335
335
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
336
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));
@@ -341,14 +341,14 @@
341
341
  line-height:20px;
342
342
  line-height:var(--rs-text-3-line-height, 20px);
343
343
  }
344
- ._rs-reset-letter-spacing_1mkp0rv_1 ._sizeXs_1mkp0rv_54{
344
+ ._rs-reset-letter-spacing_jf7m5g_1 ._sizeXs_jf7m5g_54{
345
345
  letter-spacing:normal;
346
346
  }
347
- ._sizeXs_1mkp0rv_54 {
347
+ ._sizeXs_jf7m5g_54 {
348
348
 
349
349
  padding:1px 7px;
350
350
  }
351
- ._sizeS_1mkp0rv_61{
351
+ ._sizeS_jf7m5g_61{
352
352
  letter-spacing:0.0045em;
353
353
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
354
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));
@@ -359,14 +359,14 @@
359
359
  line-height:20px;
360
360
  line-height:var(--rs-text-3-line-height, 20px);
361
361
  }
362
- ._rs-reset-letter-spacing_1mkp0rv_1 ._sizeS_1mkp0rv_61{
362
+ ._rs-reset-letter-spacing_jf7m5g_1 ._sizeS_jf7m5g_61{
363
363
  letter-spacing:normal;
364
364
  }
365
- ._sizeS_1mkp0rv_61 {
365
+ ._sizeS_jf7m5g_61 {
366
366
 
367
367
  padding:3px 7px;
368
368
  }
369
- ._sizeM_1mkp0rv_68{
369
+ ._sizeM_jf7m5g_68{
370
370
  letter-spacing:0.0015em;
371
371
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
372
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));
@@ -378,175 +378,175 @@
378
378
  line-height:24px;
379
379
  line-height:var(--rs-text-2-line-height, 24px);
380
380
  }
381
- ._rs-reset-letter-spacing_1mkp0rv_1 ._sizeM_1mkp0rv_68{
381
+ ._rs-reset-letter-spacing_jf7m5g_1 ._sizeM_jf7m5g_68{
382
382
  letter-spacing:normal;
383
383
  }
384
- ._sizeM_1mkp0rv_68 {
384
+ ._sizeM_jf7m5g_68 {
385
385
 
386
386
  padding:5px 11px;
387
387
  }
388
- ._sizeL_1mkp0rv_75{
388
+ ._sizeL_jf7m5g_75{
389
389
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
390
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
391
  -webkit-font-feature-settings:"kern", "liga", "calt";
392
392
  font-feature-settings:"kern", "liga", "calt";
393
- font-size:19px;
394
- font-size:var(--rs-text-1-font-size, 19px);
393
+ font-size:20px;
394
+ font-size:var(--rs-text-1-font-size, 20px);
395
395
  font-weight:normal;
396
396
  line-height:28px;
397
397
  line-height:var(--rs-text-1-line-height, 28px);
398
398
 
399
399
  padding:7px 15px;
400
400
  }
401
- ._icon_1mkp0rv_82{
401
+ ._icon_jf7m5g_82{
402
402
  fill:currentColor;
403
403
  }
404
- ._sizeXs_1mkp0rv_54 ._icon_1mkp0rv_82{
404
+ ._sizeXs_jf7m5g_54 ._icon_jf7m5g_82{
405
405
  width:20px;
406
406
  height:20px;
407
407
  }
408
- ._sizeS_1mkp0rv_61 ._icon_1mkp0rv_82{
408
+ ._sizeS_jf7m5g_61 ._icon_jf7m5g_82{
409
409
  width:20px;
410
410
  height:20px;
411
411
  }
412
- ._sizeM_1mkp0rv_68 ._icon_1mkp0rv_82{
412
+ ._sizeM_jf7m5g_68 ._icon_jf7m5g_82{
413
413
  width:24px;
414
414
  height:24px;
415
415
  }
416
- ._sizeL_1mkp0rv_75 ._icon_1mkp0rv_82{
416
+ ._sizeL_jf7m5g_75 ._icon_jf7m5g_82{
417
417
  width:28px;
418
418
  height:28px;
419
419
  }
420
- ._alignIconLeft_1mkp0rv_46 ._icon_1mkp0rv_82{
420
+ ._alignIconLeft_jf7m5g_46 ._icon_jf7m5g_82{
421
421
  margin-right:8px;
422
422
  margin-left:0;
423
423
  }
424
- ._alignIconRight_1mkp0rv_50 ._icon_1mkp0rv_82{
424
+ ._alignIconRight_jf7m5g_50 ._icon_jf7m5g_82{
425
425
  margin-right:0;
426
426
  margin-left:8px;
427
427
  }
428
- ._uppercase_1mkp0rv_116{
428
+ ._uppercase_jf7m5g_116{
429
429
  text-transform:uppercase;
430
430
 
431
431
  font-weight:530;
432
432
 
433
433
  font-weight:var(--rs-font-weight-semi-bold, 530);
434
434
  }
435
- ._uppercase_1mkp0rv_116._sizeS_1mkp0rv_61{
435
+ ._uppercase_jf7m5g_116._sizeS_jf7m5g_61{
436
436
  padding-right:9px;
437
437
  padding-left:9px;
438
438
  }
439
439
 
440
- ._wrapper_1i1wy12_10{
440
+ ._wrapper_1qqneq1_10{
441
441
  position:relative;
442
442
  }
443
- ._tag_1i1wy12_14{
443
+ ._tag_1qqneq1_14{
444
444
  position:absolute;
445
445
  }
446
- ._alignTop_1i1wy12_20._sizeXs_1i1wy12_21{
446
+ ._alignTop_1qqneq1_20._sizeXs_1qqneq1_21{
447
447
  border-radius:4px 4px 0 0;
448
448
  }
449
- ._alignTop_1i1wy12_20._sizeS_1i1wy12_24{
449
+ ._alignTop_1qqneq1_20._sizeS_1qqneq1_24{
450
450
  border-radius:4px 4px 0 0;
451
451
  }
452
- ._alignTop_1i1wy12_20._sizeM_1i1wy12_27{
452
+ ._alignTop_1qqneq1_20._sizeM_1qqneq1_27{
453
453
  border-radius:6px 6px 0 0;
454
454
  }
455
- ._alignTop_1i1wy12_20._sizeL_1i1wy12_30{
455
+ ._alignTop_1qqneq1_20._sizeL_1qqneq1_30{
456
456
  border-radius:8px 8px 0 0;
457
457
  }
458
- ._alignMiddle_1i1wy12_35._sizeXs_1i1wy12_21{
458
+ ._alignMiddle_1qqneq1_35._sizeXs_1qqneq1_21{
459
459
  border-radius:4px;
460
460
  }
461
- ._alignMiddle_1i1wy12_35._sizeS_1i1wy12_24{
461
+ ._alignMiddle_1qqneq1_35._sizeS_1qqneq1_24{
462
462
  border-radius:4px;
463
463
  }
464
- ._alignMiddle_1i1wy12_35._sizeM_1i1wy12_27{
464
+ ._alignMiddle_1qqneq1_35._sizeM_1qqneq1_27{
465
465
  border-radius:6px;
466
466
  }
467
- ._alignMiddle_1i1wy12_35._sizeL_1i1wy12_30{
467
+ ._alignMiddle_1qqneq1_35._sizeL_1qqneq1_30{
468
468
  border-radius:8px;
469
469
  }
470
- ._top_1i1wy12_52{
470
+ ._top_1qqneq1_52{
471
471
  top:0;
472
472
  }
473
- ._top_1i1wy12_52._start_1i1wy12_56._offset16_1i1wy12_57{
473
+ ._top_1qqneq1_52._start_1qqneq1_56._offset16_1qqneq1_57{
474
474
  left:16px;
475
475
  }
476
- ._top_1i1wy12_52._start_1i1wy12_56._offset24_1i1wy12_60{
476
+ ._top_1qqneq1_52._start_1qqneq1_56._offset24_1qqneq1_60{
477
477
  left:24px;
478
478
  }
479
- ._top_1i1wy12_52._start_1i1wy12_56._offset32_1i1wy12_63{
479
+ ._top_1qqneq1_52._start_1qqneq1_56._offset32_1qqneq1_63{
480
480
  left:32px;
481
481
  }
482
- ._top_1i1wy12_52._end_1i1wy12_68._offset16_1i1wy12_57{
482
+ ._top_1qqneq1_52._end_1qqneq1_68._offset16_1qqneq1_57{
483
483
  right:16px;
484
484
  }
485
- ._top_1i1wy12_52._end_1i1wy12_68._offset24_1i1wy12_60{
485
+ ._top_1qqneq1_52._end_1qqneq1_68._offset24_1qqneq1_60{
486
486
  right:24px;
487
487
  }
488
- ._top_1i1wy12_52._end_1i1wy12_68._offset32_1i1wy12_63{
488
+ ._top_1qqneq1_52._end_1qqneq1_68._offset32_1qqneq1_63{
489
489
  right:32px;
490
490
  }
491
- ._top_1i1wy12_52._alignTop_1i1wy12_20{
491
+ ._top_1qqneq1_52._alignTop_1qqneq1_20{
492
492
  -webkit-transform:translate(0, -100%);
493
493
  transform:translate(0, -100%);
494
494
  }
495
- ._top_1i1wy12_52._alignMiddle_1i1wy12_35{
495
+ ._top_1qqneq1_52._alignMiddle_1qqneq1_35{
496
496
  -webkit-transform:translate(0, -50%);
497
497
  transform:translate(0, -50%);
498
498
  }
499
- ._left_1i1wy12_90{
499
+ ._left_1qqneq1_90{
500
500
  right:100%;
501
501
 
502
502
  -webkit-transform-origin:100% 0;
503
503
 
504
504
  transform-origin:100% 0;
505
505
  }
506
- ._left_1i1wy12_90._start_1i1wy12_56._offset16_1i1wy12_57{
506
+ ._left_1qqneq1_90._start_1qqneq1_56._offset16_1qqneq1_57{
507
507
  top:16px;
508
508
  }
509
- ._left_1i1wy12_90._start_1i1wy12_56._offset24_1i1wy12_60{
509
+ ._left_1qqneq1_90._start_1qqneq1_56._offset24_1qqneq1_60{
510
510
  top:24px;
511
511
  }
512
- ._left_1i1wy12_90._start_1i1wy12_56._offset32_1i1wy12_63{
512
+ ._left_1qqneq1_90._start_1qqneq1_56._offset32_1qqneq1_63{
513
513
  top:32px;
514
514
  }
515
- ._left_1i1wy12_90._end_1i1wy12_68._offset16_1i1wy12_57{
515
+ ._left_1qqneq1_90._end_1qqneq1_68._offset16_1qqneq1_57{
516
516
  top:calc(100% - 16px);
517
517
  }
518
- ._left_1i1wy12_90._end_1i1wy12_68._offset24_1i1wy12_60{
518
+ ._left_1qqneq1_90._end_1qqneq1_68._offset24_1qqneq1_60{
519
519
  top:calc(100% - 24px);
520
520
  }
521
- ._left_1i1wy12_90._end_1i1wy12_68._offset32_1i1wy12_63{
521
+ ._left_1qqneq1_90._end_1qqneq1_68._offset32_1qqneq1_63{
522
522
  top:calc(100% - 32px);
523
523
  }
524
- ._left_1i1wy12_90._start_1i1wy12_56._alignTop_1i1wy12_20{
524
+ ._left_1qqneq1_90._start_1qqneq1_56._alignTop_1qqneq1_20{
525
525
  -webkit-transform:rotate(270deg) translate(0, -100%);
526
526
  transform:rotate(270deg) translate(0, -100%);
527
527
  }
528
- ._left_1i1wy12_90._end_1i1wy12_68._alignTop_1i1wy12_20{
528
+ ._left_1qqneq1_90._end_1qqneq1_68._alignTop_1qqneq1_20{
529
529
  -webkit-transform:rotate(270deg) translate(100%, -100%);
530
530
  transform:rotate(270deg) translate(100%, -100%);
531
531
  }
532
- ._left_1i1wy12_90._start_1i1wy12_56._alignMiddle_1i1wy12_35{
532
+ ._left_1qqneq1_90._start_1qqneq1_56._alignMiddle_1qqneq1_35{
533
533
  -webkit-transform:rotate(270deg) translate(0, -50%);
534
534
  transform:rotate(270deg) translate(0, -50%);
535
535
  }
536
- ._left_1i1wy12_90._end_1i1wy12_68._alignMiddle_1i1wy12_35{
536
+ ._left_1qqneq1_90._end_1qqneq1_68._alignMiddle_1qqneq1_35{
537
537
  -webkit-transform:rotate(270deg) translate(100%, -50%);
538
538
  transform:rotate(270deg) translate(100%, -50%);
539
539
  }
540
540
 
541
- ._sizeXs_1x6m32n_9{
541
+ ._sizeXs_194d54w_9{
542
542
  border-radius:4px;
543
543
  }
544
- ._sizeS_1x6m32n_13{
544
+ ._sizeS_194d54w_13{
545
545
  border-radius:4px;
546
546
  }
547
- ._sizeM_1x6m32n_17{
547
+ ._sizeM_194d54w_17{
548
548
  border-radius:6px;
549
549
  }
550
- ._sizeL_1x6m32n_21{
550
+ ._sizeL_194d54w_21{
551
551
  border-radius:8px;
552
552
  }
package/lib/parts/base-tag.p.module.css.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
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"
2
+ "main": "_main_jf7m5g_25",
3
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_jf7m5g_1",
4
+ "alignIconLeft": "_alignIconLeft_jf7m5g_46",
5
+ "alignIconRight": "_alignIconRight_jf7m5g_50",
6
+ "sizeXs": "_sizeXs_jf7m5g_54",
7
+ "sizeS": "_sizeS_jf7m5g_61",
8
+ "sizeM": "_sizeM_jf7m5g_68",
9
+ "sizeL": "_sizeL_jf7m5g_75",
10
+ "icon": "_icon_jf7m5g_82",
11
+ "uppercase": "_uppercase_jf7m5g_116"
12
12
  };
13
13
  export { styles as default };
package/lib/parts/presets.d.ts CHANGED
@@ -1,9 +1,57 @@
1
1
  export declare type Preset = {
2
+ /** Tag text color */
2
3
  color: string;
4
+ /** Tag background color */
3
5
  backgroundColor?: string;
6
+ /** Tag border color */
4
7
  borderColor?: string;
5
8
  };
6
- export declare type Presets = {
7
- [key: string]: Preset;
9
+ declare const presetsLight: {
10
+ /** Primary background */
11
+ classicLight: {
12
+ color: "#FFFFFF";
13
+ backgroundColor: "var(--rs-color-primary-light-theme, #6B57FF)";
14
+ };
15
+ /** Contrast background */
16
+ rockLight: {
17
+ color: "#FFFFFF";
18
+ backgroundColor: "#19191C";
19
+ };
20
+ /** Grey background */
21
+ filledLight: {
22
+ color: "rgba(25,25,28,0.7)";
23
+ backgroundColor: "rgba(25,25,28,0.1)";
24
+ };
25
+ /** Transparent with border */
26
+ outlineLight: {
27
+ color: "#19191C";
28
+ borderColor: "#19191C";
29
+ };
8
30
  };
31
+ declare const presetsDark: {
32
+ /** Primary background */
33
+ classicDark: {
34
+ color: "#FFFFFF";
35
+ backgroundColor: "var(--rs-color-primary-dark-theme, #8473FF)";
36
+ };
37
+ /** Contrast background */
38
+ rockDark: {
39
+ color: "#19191C";
40
+ backgroundColor: "#FFFFFF";
41
+ };
42
+ /** Grey background */
43
+ filledDark: {
44
+ color: "rgba(255,255,255,0.7)";
45
+ backgroundColor: "rgba(255,255,255,0.1)";
46
+ };
47
+ /** Transparent with border */
48
+ outlineDark: {
49
+ color: "#FFFFFF";
50
+ borderColor: "#FFFFFF";
51
+ };
52
+ };
53
+ export declare type PresetsLight = typeof presetsLight;
54
+ export declare type PresetsDark = typeof presetsDark;
55
+ export declare type Presets = Record<keyof PresetsLight | keyof PresetsDark, Preset>;
9
56
  export declare const presets: Presets;
57
+ export {};
package/lib/parts/presets.js CHANGED
@@ -1,36 +1,68 @@
1
+ import "core-js/modules/es.object.to-string.js";
2
+ import "core-js/modules/web.dom-collections.for-each.js";
3
+ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
4
+ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
5
+ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
6
+ import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
7
+ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
8
+ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
9
+
10
+ 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; }
11
+
12
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
13
+
1
14
  import { RS_COLOR_WHITE, RS_COLOR_PRIMARY_LIGHT_THEME, RS_COLOR_BLACK, RS_COLOR_BLACK_T70, RS_COLOR_BLACK_T10, RS_COLOR_PRIMARY_DARK_THEME, RS_COLOR_WHITE_T70, RS_COLOR_WHITE_T10 } from '@rescui/colors';
2
- var presets = {
15
+ var presetsLight = {
16
+ /** Primary background */
3
17
  classicLight: {
4
18
  color: RS_COLOR_WHITE,
5
19
  backgroundColor: "var(--rs-color-primary-light-theme, ".concat(RS_COLOR_PRIMARY_LIGHT_THEME, ")")
6
20
  },
21
+
22
+ /** Contrast background */
7
23
  rockLight: {
8
24
  color: RS_COLOR_WHITE,
9
25
  backgroundColor: RS_COLOR_BLACK
10
26
  },
27
+
28
+ /** Grey background */
11
29
  filledLight: {
12
30
  color: RS_COLOR_BLACK_T70,
13
31
  backgroundColor: RS_COLOR_BLACK_T10
14
32
  },
33
+
34
+ /** Transparent with border */
15
35
  outlineLight: {
16
36
  color: RS_COLOR_BLACK,
17
37
  borderColor: RS_COLOR_BLACK
18
- },
38
+ }
39
+ };
40
+ var presetsDark = {
41
+ /** Primary background */
19
42
  classicDark: {
20
43
  color: RS_COLOR_WHITE,
21
44
  backgroundColor: "var(--rs-color-primary-dark-theme, ".concat(RS_COLOR_PRIMARY_DARK_THEME, ")")
22
45
  },
46
+
47
+ /** Contrast background */
23
48
  rockDark: {
24
49
  color: RS_COLOR_BLACK,
25
50
  backgroundColor: RS_COLOR_WHITE
26
51
  },
52
+
53
+ /** Grey background */
27
54
  filledDark: {
28
55
  color: RS_COLOR_WHITE_T70,
29
56
  backgroundColor: RS_COLOR_WHITE_T10
30
57
  },
58
+
59
+ /** Transparent with border */
31
60
  outlineDark: {
32
61
  color: RS_COLOR_WHITE,
33
62
  borderColor: RS_COLOR_WHITE
34
63
  }
35
64
  };
65
+
66
+ var presets = _objectSpread(_objectSpread({}, presetsLight), presetsDark);
67
+
36
68
  export { presets };
package/lib/parts/removable-tag.p.module.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var styles = {
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"
2
+ "wrapper": "_wrapper_euyoo3_36",
3
+ "sizeXs": "_sizeXs_euyoo3_48",
4
+ "sizeS": "_sizeS_euyoo3_49",
5
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_euyoo3_1",
6
+ "sizeM": "_sizeM_euyoo3_53",
7
+ "sizeL": "_sizeL_euyoo3_57",
8
+ "themeLight": "_themeLight_euyoo3_61",
9
+ "disabled": "_disabled_euyoo3_65",
10
+ "themeDark": "_themeDark_euyoo3_69",
11
+ "main": "_main_euyoo3_110",
12
+ "wrap": "_wrap_euyoo3_36",
13
+ "close": "_close_euyoo3_146",
14
+ "icon": "_icon_euyoo3_243"
15
15
  };
16
16
  export { styles as default };
package/lib/parts/sticky-tag.d.ts CHANGED
@@ -24,15 +24,15 @@ export declare type StickyTagProps = {
24
24
  align?: StickyTagAlign;
25
25
  /** Offset from the edge */
26
26
  offset?: StickyTagOffset;
27
- /** Text color */
27
+ /** Text color. See [Presets](/components/tag/presets) page. */
28
28
  color?: string;
29
29
  /**
30
- * Background color.
30
+ * Background color. See [Presets](/components/tag/presets) page.
31
31
  * @default transparent
32
32
  * */
33
33
  backgroundColor?: string;
34
34
  /**
35
- * Border color.
35
+ * Border color. See [Presets](/components/tag/presets) page.
36
36
  * @default transparent
37
37
  * */
38
38
  borderColor?: string;
package/lib/parts/sticky-tag.p.module.css.js CHANGED
@@ -1,18 +1,18 @@
1
1
  var styles = {
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"
2
+ "wrapper": "_wrapper_1qqneq1_10",
3
+ "tag": "_tag_1qqneq1_14",
4
+ "alignTop": "_alignTop_1qqneq1_20",
5
+ "sizeXs": "_sizeXs_1qqneq1_21",
6
+ "sizeS": "_sizeS_1qqneq1_24",
7
+ "sizeM": "_sizeM_1qqneq1_27",
8
+ "sizeL": "_sizeL_1qqneq1_30",
9
+ "alignMiddle": "_alignMiddle_1qqneq1_35",
10
+ "top": "_top_1qqneq1_52",
11
+ "start": "_start_1qqneq1_56",
12
+ "offset16": "_offset16_1qqneq1_57",
13
+ "offset24": "_offset24_1qqneq1_60",
14
+ "offset32": "_offset32_1qqneq1_63",
15
+ "end": "_end_1qqneq1_68",
16
+ "left": "_left_1qqneq1_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_1x6m32n_9",
3
- "sizeS": "_sizeS_1x6m32n_13",
4
- "sizeM": "_sizeM_1x6m32n_17",
5
- "sizeL": "_sizeL_1x6m32n_21"
2
+ "sizeXs": "_sizeXs_194d54w_9",
3
+ "sizeS": "_sizeS_194d54w_13",
4
+ "sizeM": "_sizeM_194d54w_17",
5
+ "sizeL": "_sizeL_194d54w_21"
6
6
  };
7
7
  export { styles as default };
package/lib/tag.d.ts CHANGED
@@ -11,15 +11,15 @@ export declare type TagProps = {
11
11
  size?: TagSize;
12
12
  /** Should the content be uppercase */
13
13
  isUppercase?: boolean;
14
- /** Text color */
14
+ /** Text color. See [Presets](/components/tag/presets) page. */
15
15
  color?: string;
16
16
  /**
17
- * Background color.
17
+ * Background color. See [Presets](/components/tag/presets) page.
18
18
  * @default transparent
19
19
  * */
20
20
  backgroundColor?: string;
21
21
  /**
22
- * Border color.
22
+ * Border color. See [Presets](/components/tag/presets) page.
23
23
  * @default transparent
24
24
  * */
25
25
  borderColor?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tag",
3
- "version": "0.4.1",
3
+ "version": "0.5.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -15,8 +15,8 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
- "@rescui/colors": "^0.1.4",
19
- "@rescui/icons": "^0.10.2",
18
+ "@rescui/colors": "^0.1.5",
19
+ "@rescui/icons": "^0.10.4",
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.2"
30
+ "@rescui/typography": "^0.9.0"
31
31
  },
32
32
  "scripts": {
33
33
  "build": "rescui-scripts build"
34
34
  },
35
- "gitHead": "399d5bcaf892b517a4b5d8108d509ed6549629f2"
35
+ "gitHead": "dabdf725c89406ff04be3ac8148a70db22648e27"
36
36
  }