@react-spectrum/tag 3.0.0-nightly.2064 → 3.0.0-nightly.2085
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.
- package/dist/import.mjs +61 -74
- package/dist/main.css +1 -1
- package/dist/main.js +61 -74
- package/dist/main.js.map +1 -1
- package/dist/module.js +61 -74
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +18 -18
- package/src/Tag.tsx +2 -2
- package/src/TagGroup.tsx +20 -14
package/dist/import.mjs
CHANGED
|
@@ -51,7 +51,7 @@ var $4f97095b36611c9c$exports = {};
|
|
|
51
51
|
$4f97095b36611c9c$exports = {
|
|
52
52
|
"actions": `الإجراءات`,
|
|
53
53
|
"hideButtonLabel": `إظهار أقل`,
|
|
54
|
-
"showAllButtonLabel": (args)=>`إظهار الكل (${args.tagCount})`
|
|
54
|
+
"showAllButtonLabel": (args, formatter)=>`إظهار الكل (${formatter.number(args.tagCount)})`
|
|
55
55
|
};
|
|
56
56
|
|
|
57
57
|
|
|
@@ -59,7 +59,7 @@ var $d1606ced019b0a9e$exports = {};
|
|
|
59
59
|
$d1606ced019b0a9e$exports = {
|
|
60
60
|
"actions": `Действия`,
|
|
61
61
|
"hideButtonLabel": `Показване на по-малко`,
|
|
62
|
-
"showAllButtonLabel": (args)=>`Показване на всички (${args.tagCount})`
|
|
62
|
+
"showAllButtonLabel": (args, formatter)=>`Показване на всички (${formatter.number(args.tagCount)})`
|
|
63
63
|
};
|
|
64
64
|
|
|
65
65
|
|
|
@@ -67,7 +67,7 @@ var $01e300f7d0078144$exports = {};
|
|
|
67
67
|
$01e300f7d0078144$exports = {
|
|
68
68
|
"actions": `Akce`,
|
|
69
69
|
"hideButtonLabel": `Zobrazit méně`,
|
|
70
|
-
"showAllButtonLabel": (args)=>`Zobrazit vše (${args.tagCount})`
|
|
70
|
+
"showAllButtonLabel": (args, formatter)=>`Zobrazit vše (${formatter.number(args.tagCount)})`
|
|
71
71
|
};
|
|
72
72
|
|
|
73
73
|
|
|
@@ -75,7 +75,7 @@ var $f3862a5e5adf53a4$exports = {};
|
|
|
75
75
|
$f3862a5e5adf53a4$exports = {
|
|
76
76
|
"actions": `Handlinger`,
|
|
77
77
|
"hideButtonLabel": `Vis mindre`,
|
|
78
|
-
"showAllButtonLabel": (args)=>`Vis alle (${args.tagCount})`
|
|
78
|
+
"showAllButtonLabel": (args, formatter)=>`Vis alle (${formatter.number(args.tagCount)})`
|
|
79
79
|
};
|
|
80
80
|
|
|
81
81
|
|
|
@@ -83,7 +83,7 @@ var $74c0b6e11258b497$exports = {};
|
|
|
83
83
|
$74c0b6e11258b497$exports = {
|
|
84
84
|
"actions": `Aktionen`,
|
|
85
85
|
"hideButtonLabel": `Weniger zeigen`,
|
|
86
|
-
"showAllButtonLabel": (args)=>`Alle anzeigen (${args.tagCount})`
|
|
86
|
+
"showAllButtonLabel": (args, formatter)=>`Alle anzeigen (${formatter.number(args.tagCount)})`
|
|
87
87
|
};
|
|
88
88
|
|
|
89
89
|
|
|
@@ -91,13 +91,13 @@ var $54fc4e3090259431$exports = {};
|
|
|
91
91
|
$54fc4e3090259431$exports = {
|
|
92
92
|
"actions": `Ενέργειες`,
|
|
93
93
|
"hideButtonLabel": `Εμφάνιση λιγότερων`,
|
|
94
|
-
"showAllButtonLabel": (args)=>`Εμφάνιση όλων (${args.tagCount})`
|
|
94
|
+
"showAllButtonLabel": (args, formatter)=>`Εμφάνιση όλων (${formatter.number(args.tagCount)})`
|
|
95
95
|
};
|
|
96
96
|
|
|
97
97
|
|
|
98
98
|
var $edf02907a7caaf96$exports = {};
|
|
99
99
|
$edf02907a7caaf96$exports = {
|
|
100
|
-
"showAllButtonLabel": (args)=>`Show all (${args.tagCount})`,
|
|
100
|
+
"showAllButtonLabel": (args, formatter)=>`Show all (${formatter.number(args.tagCount)})`,
|
|
101
101
|
"hideButtonLabel": `Show less`,
|
|
102
102
|
"actions": `Actions`
|
|
103
103
|
};
|
|
@@ -107,7 +107,7 @@ var $b15ad3cf4b213b8e$exports = {};
|
|
|
107
107
|
$b15ad3cf4b213b8e$exports = {
|
|
108
108
|
"actions": `Acciones`,
|
|
109
109
|
"hideButtonLabel": `Mostrar menos`,
|
|
110
|
-
"showAllButtonLabel": (args)=>`Mostrar todo (${args.tagCount})`
|
|
110
|
+
"showAllButtonLabel": (args, formatter)=>`Mostrar todo (${formatter.number(args.tagCount)})`
|
|
111
111
|
};
|
|
112
112
|
|
|
113
113
|
|
|
@@ -115,7 +115,7 @@ var $36cfda096c3db653$exports = {};
|
|
|
115
115
|
$36cfda096c3db653$exports = {
|
|
116
116
|
"actions": `Toimingud`,
|
|
117
117
|
"hideButtonLabel": `Kuva vähem`,
|
|
118
|
-
"showAllButtonLabel": (args)=>`Kuva kõik (${args.tagCount})`
|
|
118
|
+
"showAllButtonLabel": (args, formatter)=>`Kuva kõik (${formatter.number(args.tagCount)})`
|
|
119
119
|
};
|
|
120
120
|
|
|
121
121
|
|
|
@@ -123,7 +123,7 @@ var $1a42e74299cab64d$exports = {};
|
|
|
123
123
|
$1a42e74299cab64d$exports = {
|
|
124
124
|
"actions": `Toiminnot`,
|
|
125
125
|
"hideButtonLabel": `Näytä vähemmän`,
|
|
126
|
-
"showAllButtonLabel": (args)=>`Näytä kaikki (${args.tagCount})`
|
|
126
|
+
"showAllButtonLabel": (args, formatter)=>`Näytä kaikki (${formatter.number(args.tagCount)})`
|
|
127
127
|
};
|
|
128
128
|
|
|
129
129
|
|
|
@@ -131,7 +131,7 @@ var $dd8d3f41a5bfc373$exports = {};
|
|
|
131
131
|
$dd8d3f41a5bfc373$exports = {
|
|
132
132
|
"actions": `Actions`,
|
|
133
133
|
"hideButtonLabel": `Afficher moins`,
|
|
134
|
-
"showAllButtonLabel": (args)=>`Tout afficher (${args.tagCount})`
|
|
134
|
+
"showAllButtonLabel": (args, formatter)=>`Tout afficher (${formatter.number(args.tagCount)})`
|
|
135
135
|
};
|
|
136
136
|
|
|
137
137
|
|
|
@@ -139,7 +139,7 @@ var $35d68da324c3ed3e$exports = {};
|
|
|
139
139
|
$35d68da324c3ed3e$exports = {
|
|
140
140
|
"actions": `פעולות`,
|
|
141
141
|
"hideButtonLabel": `הצג פחות`,
|
|
142
|
-
"showAllButtonLabel": (args)=>`הצג הכל (${args.tagCount})`
|
|
142
|
+
"showAllButtonLabel": (args, formatter)=>`הצג הכל (${formatter.number(args.tagCount)})`
|
|
143
143
|
};
|
|
144
144
|
|
|
145
145
|
|
|
@@ -147,7 +147,7 @@ var $92746ce1284cd29f$exports = {};
|
|
|
147
147
|
$92746ce1284cd29f$exports = {
|
|
148
148
|
"actions": `Radnje`,
|
|
149
149
|
"hideButtonLabel": `Prikaži manje`,
|
|
150
|
-
"showAllButtonLabel": (args)=>`Prikaži sve (${args.tagCount})`
|
|
150
|
+
"showAllButtonLabel": (args, formatter)=>`Prikaži sve (${formatter.number(args.tagCount)})`
|
|
151
151
|
};
|
|
152
152
|
|
|
153
153
|
|
|
@@ -155,7 +155,7 @@ var $570956f4f59f34b9$exports = {};
|
|
|
155
155
|
$570956f4f59f34b9$exports = {
|
|
156
156
|
"actions": `Műveletek`,
|
|
157
157
|
"hideButtonLabel": `Mutass kevesebbet`,
|
|
158
|
-
"showAllButtonLabel": (args)=>`Összes megjelenítése (${args.tagCount})`
|
|
158
|
+
"showAllButtonLabel": (args, formatter)=>`Összes megjelenítése (${formatter.number(args.tagCount)})`
|
|
159
159
|
};
|
|
160
160
|
|
|
161
161
|
|
|
@@ -163,7 +163,7 @@ var $f680d16d6f0d92d8$exports = {};
|
|
|
163
163
|
$f680d16d6f0d92d8$exports = {
|
|
164
164
|
"actions": `Azioni`,
|
|
165
165
|
"hideButtonLabel": `Mostra meno`,
|
|
166
|
-
"showAllButtonLabel": (args)=>`Mostra tutto (${args.tagCount})`
|
|
166
|
+
"showAllButtonLabel": (args, formatter)=>`Mostra tutto (${formatter.number(args.tagCount)})`
|
|
167
167
|
};
|
|
168
168
|
|
|
169
169
|
|
|
@@ -171,7 +171,7 @@ var $d28c56f33dc08452$exports = {};
|
|
|
171
171
|
$d28c56f33dc08452$exports = {
|
|
172
172
|
"actions": `アクション`,
|
|
173
173
|
"hideButtonLabel": `表示を減らす`,
|
|
174
|
-
"showAllButtonLabel": (args)=>`(${args.tagCount}) 個をすべて表示`
|
|
174
|
+
"showAllButtonLabel": (args, formatter)=>`(${formatter.number(args.tagCount)}) 個をすべて表示`
|
|
175
175
|
};
|
|
176
176
|
|
|
177
177
|
|
|
@@ -179,7 +179,7 @@ var $fc6f973338bd2d9c$exports = {};
|
|
|
179
179
|
$fc6f973338bd2d9c$exports = {
|
|
180
180
|
"actions": `액션`,
|
|
181
181
|
"hideButtonLabel": `간단히 표시`,
|
|
182
|
-
"showAllButtonLabel": (args)=>`모두 표시 (${args.tagCount})`
|
|
182
|
+
"showAllButtonLabel": (args, formatter)=>`모두 표시 (${formatter.number(args.tagCount)})`
|
|
183
183
|
};
|
|
184
184
|
|
|
185
185
|
|
|
@@ -187,7 +187,7 @@ var $8664f3f6a18cfaa6$exports = {};
|
|
|
187
187
|
$8664f3f6a18cfaa6$exports = {
|
|
188
188
|
"actions": `Veiksmai`,
|
|
189
189
|
"hideButtonLabel": `Rodyti mažiau`,
|
|
190
|
-
"showAllButtonLabel": (args)=>`Rodyti viską (${args.tagCount})`
|
|
190
|
+
"showAllButtonLabel": (args, formatter)=>`Rodyti viską (${formatter.number(args.tagCount)})`
|
|
191
191
|
};
|
|
192
192
|
|
|
193
193
|
|
|
@@ -195,7 +195,7 @@ var $bd6e0fb18b482534$exports = {};
|
|
|
195
195
|
$bd6e0fb18b482534$exports = {
|
|
196
196
|
"actions": `Darbības`,
|
|
197
197
|
"hideButtonLabel": `Rādīt mazāk`,
|
|
198
|
-
"showAllButtonLabel": (args)=>`Rādīt visu (${args.tagCount})`
|
|
198
|
+
"showAllButtonLabel": (args, formatter)=>`Rādīt visu (${formatter.number(args.tagCount)})`
|
|
199
199
|
};
|
|
200
200
|
|
|
201
201
|
|
|
@@ -203,7 +203,7 @@ var $3df66303c61fb25b$exports = {};
|
|
|
203
203
|
$3df66303c61fb25b$exports = {
|
|
204
204
|
"actions": `Handlinger`,
|
|
205
205
|
"hideButtonLabel": `Vis mindre`,
|
|
206
|
-
"showAllButtonLabel": (args)=>`Vis alle (${args.tagCount})`
|
|
206
|
+
"showAllButtonLabel": (args, formatter)=>`Vis alle (${formatter.number(args.tagCount)})`
|
|
207
207
|
};
|
|
208
208
|
|
|
209
209
|
|
|
@@ -211,7 +211,7 @@ var $0f533b61cdf70176$exports = {};
|
|
|
211
211
|
$0f533b61cdf70176$exports = {
|
|
212
212
|
"actions": `Acties`,
|
|
213
213
|
"hideButtonLabel": `Minder weergeven`,
|
|
214
|
-
"showAllButtonLabel": (args)=>`Alles weergeven (${args.tagCount})`
|
|
214
|
+
"showAllButtonLabel": (args, formatter)=>`Alles weergeven (${formatter.number(args.tagCount)})`
|
|
215
215
|
};
|
|
216
216
|
|
|
217
217
|
|
|
@@ -219,7 +219,7 @@ var $03a6cd8f61b18787$exports = {};
|
|
|
219
219
|
$03a6cd8f61b18787$exports = {
|
|
220
220
|
"actions": `Działania`,
|
|
221
221
|
"hideButtonLabel": `Wyświetl mniej`,
|
|
222
|
-
"showAllButtonLabel": (args)=>`Wyświetl wszystkie (${args.tagCount})`
|
|
222
|
+
"showAllButtonLabel": (args, formatter)=>`Wyświetl wszystkie (${formatter.number(args.tagCount)})`
|
|
223
223
|
};
|
|
224
224
|
|
|
225
225
|
|
|
@@ -227,7 +227,7 @@ var $c726a9d931f60c66$exports = {};
|
|
|
227
227
|
$c726a9d931f60c66$exports = {
|
|
228
228
|
"actions": `Ações`,
|
|
229
229
|
"hideButtonLabel": `Mostrar menos`,
|
|
230
|
-
"showAllButtonLabel": (args)=>`Mostrar todos (${args.tagCount})`
|
|
230
|
+
"showAllButtonLabel": (args, formatter)=>`Mostrar todos (${formatter.number(args.tagCount)})`
|
|
231
231
|
};
|
|
232
232
|
|
|
233
233
|
|
|
@@ -235,7 +235,7 @@ var $ae9982f17f7235eb$exports = {};
|
|
|
235
235
|
$ae9982f17f7235eb$exports = {
|
|
236
236
|
"actions": `Ações`,
|
|
237
237
|
"hideButtonLabel": `Mostrar menos`,
|
|
238
|
-
"showAllButtonLabel": (args)=>`Mostrar tudo (${args.tagCount})`
|
|
238
|
+
"showAllButtonLabel": (args, formatter)=>`Mostrar tudo (${formatter.number(args.tagCount)})`
|
|
239
239
|
};
|
|
240
240
|
|
|
241
241
|
|
|
@@ -243,7 +243,7 @@ var $c756723b814c63fa$exports = {};
|
|
|
243
243
|
$c756723b814c63fa$exports = {
|
|
244
244
|
"actions": `Acțiuni`,
|
|
245
245
|
"hideButtonLabel": `Se afișează mai puțin`,
|
|
246
|
-
"showAllButtonLabel": (args)=>`Se afișează tot (${args.tagCount})`
|
|
246
|
+
"showAllButtonLabel": (args, formatter)=>`Se afișează tot (${formatter.number(args.tagCount)})`
|
|
247
247
|
};
|
|
248
248
|
|
|
249
249
|
|
|
@@ -251,7 +251,7 @@ var $1601284ef6ec0730$exports = {};
|
|
|
251
251
|
$1601284ef6ec0730$exports = {
|
|
252
252
|
"actions": `Действия`,
|
|
253
253
|
"hideButtonLabel": `Показать меньше`,
|
|
254
|
-
"showAllButtonLabel": (args)=>`Показать все (${args.tagCount})`
|
|
254
|
+
"showAllButtonLabel": (args, formatter)=>`Показать все (${formatter.number(args.tagCount)})`
|
|
255
255
|
};
|
|
256
256
|
|
|
257
257
|
|
|
@@ -259,7 +259,7 @@ var $0388aac8e3bc5b59$exports = {};
|
|
|
259
259
|
$0388aac8e3bc5b59$exports = {
|
|
260
260
|
"actions": `Akcie`,
|
|
261
261
|
"hideButtonLabel": `Zobraziť menej`,
|
|
262
|
-
"showAllButtonLabel": (args)=>`Zobraziť všetko (${args.tagCount})`
|
|
262
|
+
"showAllButtonLabel": (args, formatter)=>`Zobraziť všetko (${formatter.number(args.tagCount)})`
|
|
263
263
|
};
|
|
264
264
|
|
|
265
265
|
|
|
@@ -267,7 +267,7 @@ var $247d9c4a71da6b08$exports = {};
|
|
|
267
267
|
$247d9c4a71da6b08$exports = {
|
|
268
268
|
"actions": `Dejanja`,
|
|
269
269
|
"hideButtonLabel": `Prikaži manj`,
|
|
270
|
-
"showAllButtonLabel": (args)=>`Prikaži vse (${args.tagCount})`
|
|
270
|
+
"showAllButtonLabel": (args, formatter)=>`Prikaži vse (${formatter.number(args.tagCount)})`
|
|
271
271
|
};
|
|
272
272
|
|
|
273
273
|
|
|
@@ -275,7 +275,7 @@ var $91424dbafdc02f68$exports = {};
|
|
|
275
275
|
$91424dbafdc02f68$exports = {
|
|
276
276
|
"actions": `Radnje`,
|
|
277
277
|
"hideButtonLabel": `Prikaži manje`,
|
|
278
|
-
"showAllButtonLabel": (args)=>`Prikaži sve (${args.tagCount})`
|
|
278
|
+
"showAllButtonLabel": (args, formatter)=>`Prikaži sve (${formatter.number(args.tagCount)})`
|
|
279
279
|
};
|
|
280
280
|
|
|
281
281
|
|
|
@@ -283,7 +283,7 @@ var $23c23096b6c1b0fa$exports = {};
|
|
|
283
283
|
$23c23096b6c1b0fa$exports = {
|
|
284
284
|
"actions": `Åtgärder`,
|
|
285
285
|
"hideButtonLabel": `Visa mindre`,
|
|
286
|
-
"showAllButtonLabel": (args)=>`Visa allt (${args.tagCount})`
|
|
286
|
+
"showAllButtonLabel": (args, formatter)=>`Visa allt (${formatter.number(args.tagCount)})`
|
|
287
287
|
};
|
|
288
288
|
|
|
289
289
|
|
|
@@ -291,7 +291,7 @@ var $d82875ae28963e58$exports = {};
|
|
|
291
291
|
$d82875ae28963e58$exports = {
|
|
292
292
|
"actions": `Eylemler`,
|
|
293
293
|
"hideButtonLabel": `Daha az göster`,
|
|
294
|
-
"showAllButtonLabel": (args)=>`Tümünü göster (${args.tagCount})`
|
|
294
|
+
"showAllButtonLabel": (args, formatter)=>`Tümünü göster (${formatter.number(args.tagCount)})`
|
|
295
295
|
};
|
|
296
296
|
|
|
297
297
|
|
|
@@ -299,7 +299,7 @@ var $1dd153688f5574fc$exports = {};
|
|
|
299
299
|
$1dd153688f5574fc$exports = {
|
|
300
300
|
"actions": `Дії`,
|
|
301
301
|
"hideButtonLabel": `Показувати менше`,
|
|
302
|
-
"showAllButtonLabel": (args)=>`Показати всі (${args.tagCount})`
|
|
302
|
+
"showAllButtonLabel": (args, formatter)=>`Показати всі (${formatter.number(args.tagCount)})`
|
|
303
303
|
};
|
|
304
304
|
|
|
305
305
|
|
|
@@ -307,7 +307,7 @@ var $6427307c9596258c$exports = {};
|
|
|
307
307
|
$6427307c9596258c$exports = {
|
|
308
308
|
"actions": `操作`,
|
|
309
309
|
"hideButtonLabel": `显示更少`,
|
|
310
|
-
"showAllButtonLabel": (args)=>`显示全部 (${args.tagCount})`
|
|
310
|
+
"showAllButtonLabel": (args, formatter)=>`显示全部 (${formatter.number(args.tagCount)})`
|
|
311
311
|
};
|
|
312
312
|
|
|
313
313
|
|
|
@@ -315,7 +315,7 @@ var $18b85da2aafaaf3e$exports = {};
|
|
|
315
315
|
$18b85da2aafaaf3e$exports = {
|
|
316
316
|
"actions": `動作`,
|
|
317
317
|
"hideButtonLabel": `顯示較少`,
|
|
318
|
-
"showAllButtonLabel": (args)=>`顯示全部 (${args.tagCount})`
|
|
318
|
+
"showAllButtonLabel": (args, formatter)=>`顯示全部 (${formatter.number(args.tagCount)})`
|
|
319
319
|
};
|
|
320
320
|
|
|
321
321
|
|
|
@@ -362,7 +362,7 @@ $70cc9ce0ced2eb4a$exports = {
|
|
|
362
362
|
|
|
363
363
|
var $c033a7c057e84ef1$exports = {};
|
|
364
364
|
|
|
365
|
-
$parcel$export($c033a7c057e84ef1$exports, "spectrum-
|
|
365
|
+
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag", () => $c033a7c057e84ef1$export$6174bd1d20b4c022, (v) => $c033a7c057e84ef1$export$6174bd1d20b4c022 = v);
|
|
366
366
|
$parcel$export($c033a7c057e84ef1$exports, "focus-ring", () => $c033a7c057e84ef1$export$f39a09f249340e2a, (v) => $c033a7c057e84ef1$export$f39a09f249340e2a = v);
|
|
367
367
|
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags", () => $c033a7c057e84ef1$export$eb7e80013a1212da, (v) => $c033a7c057e84ef1$export$eb7e80013a1212da = v);
|
|
368
368
|
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-container", () => $c033a7c057e84ef1$export$3300169c5d27fe96, (v) => $c033a7c057e84ef1$export$3300169c5d27fe96 = v);
|
|
@@ -372,21 +372,14 @@ $parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag-cell", () => $c033a7c057
|
|
|
372
372
|
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag-icon", () => $c033a7c057e84ef1$export$21f5254139e14871, (v) => $c033a7c057e84ef1$export$21f5254139e14871 = v);
|
|
373
373
|
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag-avatar", () => $c033a7c057e84ef1$export$7b57f5221a1b5306, (v) => $c033a7c057e84ef1$export$7b57f5221a1b5306 = v);
|
|
374
374
|
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag-content", () => $c033a7c057e84ef1$export$d281c967f4ee071e, (v) => $c033a7c057e84ef1$export$d281c967f4ee071e = v);
|
|
375
|
-
$parcel$export($c033a7c057e84ef1$exports, "
|
|
375
|
+
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tag--removable", () => $c033a7c057e84ef1$export$87165794583be111, (v) => $c033a7c057e84ef1$export$87165794583be111 = v);
|
|
376
376
|
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-actions", () => $c033a7c057e84ef1$export$8afaa02110915bbb, (v) => $c033a7c057e84ef1$export$8afaa02110915bbb = v);
|
|
377
377
|
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-actionButton", () => $c033a7c057e84ef1$export$e6882f8db018e3bd, (v) => $c033a7c057e84ef1$export$e6882f8db018e3bd = v);
|
|
378
378
|
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-fieldWrapper", () => $c033a7c057e84ef1$export$c9b7ca327d69b2b5, (v) => $c033a7c057e84ef1$export$c9b7ca327d69b2b5 = v);
|
|
379
379
|
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-fieldWrapper--positionSide", () => $c033a7c057e84ef1$export$a7c11d4acc244e09, (v) => $c033a7c057e84ef1$export$a7c11d4acc244e09 = v);
|
|
380
380
|
$parcel$export($c033a7c057e84ef1$exports, "is-hovered", () => $c033a7c057e84ef1$export$b8813cd5d7824ce7, (v) => $c033a7c057e84ef1$export$b8813cd5d7824ce7 = v);
|
|
381
|
-
$parcel$export($c033a7c057e84ef1$exports, "is-selected", () => $c033a7c057e84ef1$export$1e0fb04f31d3c22a, (v) => $c033a7c057e84ef1$export$1e0fb04f31d3c22a = v);
|
|
382
|
-
$parcel$export($c033a7c057e84ef1$exports, "is-invalid", () => $c033a7c057e84ef1$export$14a30de2866685fa, (v) => $c033a7c057e84ef1$export$14a30de2866685fa = v);
|
|
383
|
-
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-itemIcon", () => $c033a7c057e84ef1$export$8c615c557fdf3d9c, (v) => $c033a7c057e84ef1$export$8c615c557fdf3d9c = v);
|
|
384
|
-
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-itemLabel", () => $c033a7c057e84ef1$export$23caf26adee41b84, (v) => $c033a7c057e84ef1$export$23caf26adee41b84 = v);
|
|
385
|
-
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-itemClearButton", () => $c033a7c057e84ef1$export$90881dd581d6be55, (v) => $c033a7c057e84ef1$export$90881dd581d6be55 = v);
|
|
386
|
-
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Avatar", () => $c033a7c057e84ef1$export$2e049b8d031600fb, (v) => $c033a7c057e84ef1$export$2e049b8d031600fb = v);
|
|
387
|
-
$parcel$export($c033a7c057e84ef1$exports, "spectrum-Tags-item--removable", () => $c033a7c057e84ef1$export$c1666977f4e14f87, (v) => $c033a7c057e84ef1$export$c1666977f4e14f87 = v);
|
|
388
381
|
$parcel$export($c033a7c057e84ef1$exports, "is-focused", () => $c033a7c057e84ef1$export$e7dc768d35940237, (v) => $c033a7c057e84ef1$export$e7dc768d35940237 = v);
|
|
389
|
-
var $c033a7c057e84ef1$export$
|
|
382
|
+
var $c033a7c057e84ef1$export$6174bd1d20b4c022;
|
|
390
383
|
var $c033a7c057e84ef1$export$f39a09f249340e2a;
|
|
391
384
|
var $c033a7c057e84ef1$export$eb7e80013a1212da;
|
|
392
385
|
var $c033a7c057e84ef1$export$3300169c5d27fe96;
|
|
@@ -396,21 +389,14 @@ var $c033a7c057e84ef1$export$9c4fd4d7faada408;
|
|
|
396
389
|
var $c033a7c057e84ef1$export$21f5254139e14871;
|
|
397
390
|
var $c033a7c057e84ef1$export$7b57f5221a1b5306;
|
|
398
391
|
var $c033a7c057e84ef1$export$d281c967f4ee071e;
|
|
399
|
-
var $c033a7c057e84ef1$export$
|
|
392
|
+
var $c033a7c057e84ef1$export$87165794583be111;
|
|
400
393
|
var $c033a7c057e84ef1$export$8afaa02110915bbb;
|
|
401
394
|
var $c033a7c057e84ef1$export$e6882f8db018e3bd;
|
|
402
395
|
var $c033a7c057e84ef1$export$c9b7ca327d69b2b5;
|
|
403
396
|
var $c033a7c057e84ef1$export$a7c11d4acc244e09;
|
|
404
397
|
var $c033a7c057e84ef1$export$b8813cd5d7824ce7;
|
|
405
|
-
var $c033a7c057e84ef1$export$1e0fb04f31d3c22a;
|
|
406
|
-
var $c033a7c057e84ef1$export$14a30de2866685fa;
|
|
407
|
-
var $c033a7c057e84ef1$export$8c615c557fdf3d9c;
|
|
408
|
-
var $c033a7c057e84ef1$export$23caf26adee41b84;
|
|
409
|
-
var $c033a7c057e84ef1$export$90881dd581d6be55;
|
|
410
|
-
var $c033a7c057e84ef1$export$2e049b8d031600fb;
|
|
411
|
-
var $c033a7c057e84ef1$export$c1666977f4e14f87;
|
|
412
398
|
var $c033a7c057e84ef1$export$e7dc768d35940237;
|
|
413
|
-
$c033a7c057e84ef1$export$
|
|
399
|
+
$c033a7c057e84ef1$export$6174bd1d20b4c022 = "spectrum-Tag_8407eb";
|
|
414
400
|
$c033a7c057e84ef1$export$f39a09f249340e2a = "focus-ring_8407eb";
|
|
415
401
|
$c033a7c057e84ef1$export$eb7e80013a1212da = "spectrum-Tags_8407eb";
|
|
416
402
|
$c033a7c057e84ef1$export$3300169c5d27fe96 = "spectrum-Tags-container_8407eb";
|
|
@@ -420,19 +406,12 @@ $c033a7c057e84ef1$export$9c4fd4d7faada408 = "spectrum-Tag-cell_8407eb";
|
|
|
420
406
|
$c033a7c057e84ef1$export$21f5254139e14871 = "spectrum-Tag-icon_8407eb";
|
|
421
407
|
$c033a7c057e84ef1$export$7b57f5221a1b5306 = "spectrum-Tag-avatar_8407eb";
|
|
422
408
|
$c033a7c057e84ef1$export$d281c967f4ee071e = "spectrum-Tag-content_8407eb";
|
|
423
|
-
$c033a7c057e84ef1$export$
|
|
409
|
+
$c033a7c057e84ef1$export$87165794583be111 = "spectrum-Tag--removable_8407eb";
|
|
424
410
|
$c033a7c057e84ef1$export$8afaa02110915bbb = "spectrum-Tags-actions_8407eb";
|
|
425
411
|
$c033a7c057e84ef1$export$e6882f8db018e3bd = "spectrum-Tags-actionButton_8407eb";
|
|
426
412
|
$c033a7c057e84ef1$export$c9b7ca327d69b2b5 = "spectrum-Tags-fieldWrapper_8407eb";
|
|
427
413
|
$c033a7c057e84ef1$export$a7c11d4acc244e09 = "spectrum-Tags-fieldWrapper--positionSide_8407eb";
|
|
428
414
|
$c033a7c057e84ef1$export$b8813cd5d7824ce7 = "is-hovered_8407eb";
|
|
429
|
-
$c033a7c057e84ef1$export$1e0fb04f31d3c22a = "is-selected_8407eb";
|
|
430
|
-
$c033a7c057e84ef1$export$14a30de2866685fa = "is-invalid_8407eb";
|
|
431
|
-
$c033a7c057e84ef1$export$8c615c557fdf3d9c = "spectrum-Tags-itemIcon_8407eb";
|
|
432
|
-
$c033a7c057e84ef1$export$23caf26adee41b84 = "spectrum-Tags-itemLabel_8407eb";
|
|
433
|
-
$c033a7c057e84ef1$export$90881dd581d6be55 = "spectrum-Tags-itemClearButton_8407eb";
|
|
434
|
-
$c033a7c057e84ef1$export$2e049b8d031600fb = "spectrum-Avatar_8407eb";
|
|
435
|
-
$c033a7c057e84ef1$export$c1666977f4e14f87 = "spectrum-Tags-item--removable_8407eb";
|
|
436
415
|
$c033a7c057e84ef1$export$e7dc768d35940237 = "is-focused_8407eb";
|
|
437
416
|
|
|
438
417
|
|
|
@@ -473,11 +452,11 @@ function $b5f5ee35d3b6b95c$export$3288d34c523a1192(props) {
|
|
|
473
452
|
}, state, ref);
|
|
474
453
|
return /*#__PURE__*/ (0, $fUaQ2$react).createElement("div", {
|
|
475
454
|
...(0, $fUaQ2$mergeProps)(rowProps, hoverProps, focusProps),
|
|
476
|
-
className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-
|
|
455
|
+
className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tag", {
|
|
477
456
|
"focus-ring": isFocusVisible,
|
|
478
457
|
"is-focused": isFocused,
|
|
479
458
|
"is-hovered": isHovered,
|
|
480
|
-
"
|
|
459
|
+
"spectrum-Tag--removable": allowsRemoving
|
|
481
460
|
}, styleProps.className),
|
|
482
461
|
ref: ref
|
|
483
462
|
}, /*#__PURE__*/ (0, $fUaQ2$react).createElement("div", {
|
|
@@ -527,7 +506,8 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
|
527
506
|
let state = (0, $fUaQ2$useTagGroupState)(props);
|
|
528
507
|
let [tagState, setTagState] = (0, $fUaQ2$useValueEffect)({
|
|
529
508
|
visibleTagCount: state.collection.size,
|
|
530
|
-
showCollapseButton: false
|
|
509
|
+
showCollapseButton: false,
|
|
510
|
+
maxHeight: undefined
|
|
531
511
|
});
|
|
532
512
|
let keyboardDelegate = (0, $fUaQ2$useMemo)(()=>isCollapsed ? new (0, $fUaQ2$TagKeyboardDelegate)(new (0, $fUaQ2$ListCollection)([
|
|
533
513
|
...state.collection
|
|
@@ -551,10 +531,9 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
|
551
531
|
let computeVisibleTagCount = ()=>{
|
|
552
532
|
var _tags_;
|
|
553
533
|
// Refs can be null at runtime.
|
|
554
|
-
let currDomRef = domRef.current;
|
|
555
534
|
let currContainerRef = containerRef.current;
|
|
556
535
|
let currTagsRef = tagsRef.current;
|
|
557
|
-
if (!
|
|
536
|
+
if (!currContainerRef || !currTagsRef) return;
|
|
558
537
|
let tags = [
|
|
559
538
|
...currTagsRef.children
|
|
560
539
|
];
|
|
@@ -578,25 +557,30 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
|
578
557
|
}
|
|
579
558
|
// Remove tags until there is space for the collapse button and action button (if present) on the last row.
|
|
580
559
|
let buttonsWidth = buttons.reduce((acc, curr)=>acc += curr.getBoundingClientRect().width, 0);
|
|
560
|
+
buttonsWidth += parseInt(window.getComputedStyle(buttons[buttons.length - 1]).marginRight, 10) * 2;
|
|
581
561
|
let end = direction === "ltr" ? "right" : "left";
|
|
582
|
-
let containerEnd = currContainerRef.getBoundingClientRect()[end];
|
|
562
|
+
let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];
|
|
583
563
|
let lastTagEnd = (_tags_ = tags[index - 1]) === null || _tags_ === void 0 ? void 0 : _tags_.getBoundingClientRect()[end];
|
|
564
|
+
lastTagEnd += parseInt(window.getComputedStyle(tags[index - 1]).marginRight, 10);
|
|
584
565
|
let availableWidth = containerEnd - lastTagEnd;
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
availableWidth += tagWidth;
|
|
566
|
+
while(availableWidth < buttonsWidth && index < state.collection.size && index > 0){
|
|
567
|
+
availableWidth += tagWidths.pop();
|
|
588
568
|
index--;
|
|
589
569
|
}
|
|
570
|
+
let tagStyle = window.getComputedStyle(tags[0]);
|
|
571
|
+
let maxHeight = (parseInt(tagStyle.height, 10) + parseInt(tagStyle.marginTop, 10) * 2) * maxRows;
|
|
590
572
|
return {
|
|
591
573
|
visibleTagCount: index,
|
|
592
|
-
showCollapseButton: index < state.collection.size
|
|
574
|
+
showCollapseButton: index < state.collection.size,
|
|
575
|
+
maxHeight: maxHeight
|
|
593
576
|
};
|
|
594
577
|
};
|
|
595
578
|
setTagState(function*() {
|
|
596
579
|
// Update to show all items.
|
|
597
580
|
yield {
|
|
598
581
|
visibleTagCount: state.collection.size,
|
|
599
|
-
showCollapseButton: true
|
|
582
|
+
showCollapseButton: true,
|
|
583
|
+
maxHeight: undefined
|
|
600
584
|
};
|
|
601
585
|
// Measure, and update to show the items until maxRows is reached.
|
|
602
586
|
yield computeVisibleTagCount();
|
|
@@ -605,12 +589,11 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
|
605
589
|
}, [
|
|
606
590
|
maxRows,
|
|
607
591
|
setTagState,
|
|
608
|
-
domRef,
|
|
609
592
|
direction,
|
|
610
593
|
state.collection.size
|
|
611
594
|
]);
|
|
612
595
|
(0, $fUaQ2$useResizeObserver)({
|
|
613
|
-
ref:
|
|
596
|
+
ref: containerRef,
|
|
614
597
|
onResize: updateVisibleTagCount
|
|
615
598
|
});
|
|
616
599
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -645,6 +628,10 @@ function $880d112c7a588209$var$TagGroup(props, ref) {
|
|
|
645
628
|
"spectrum-Tags-fieldWrapper--positionSide": labelPosition === "side"
|
|
646
629
|
})
|
|
647
630
|
}, /*#__PURE__*/ (0, $fUaQ2$react).createElement("div", {
|
|
631
|
+
style: maxRows != null && tagState.showCollapseButton && isCollapsed ? {
|
|
632
|
+
maxHeight: tagState.maxHeight,
|
|
633
|
+
overflow: "hidden"
|
|
634
|
+
} : undefined,
|
|
648
635
|
ref: containerRef,
|
|
649
636
|
className: (0, $fUaQ2$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c033a7c057e84ef1$exports))), "spectrum-Tags-container")
|
|
650
637
|
}, /*#__PURE__*/ (0, $fUaQ2$react).createElement("div", {
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.spectrum-Tags-item_8407eb{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.spectrum-Tags-item_8407eb:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Tags-item_8407eb.focus-ring_8407eb:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.spectrum-Tags_8407eb{display:inline}[dir=ltr] .spectrum-Tags-container_8407eb{margin-left:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2*-1)}[dir=rtl] .spectrum-Tags-container_8407eb{margin-right:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2*-1)}[dir=ltr] .spectrum-Tags-container_8407eb{margin-right:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2)}[dir=rtl] .spectrum-Tags-container_8407eb{margin-left:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2)}[dir=ltr] .spectrum-Tags-item_8407eb{padding-left:calc(var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)))}[dir=rtl] .spectrum-Tags-item_8407eb{padding-right:calc(var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)))}.spectrum-Tags-item_8407eb{--spectrum-focus-ring-border-radius:var(--spectrum-tag-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-border-size:var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin));display:-ms-inline-grid;box-sizing:border-box;margin:calc(var(--spectrum-taggroup-tag-gap-y,var(--spectrum-global-dimension-size-100))/2)calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2);height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300));max-width:100%;border-width:var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-tag-border-radius,var(--spectrum-alias-border-radius-regular));-webkit-user-select:none;user-select:none;transition:border-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;outline:none;align-items:center;display:inline-grid;position:relative}.spectrum-Tags-item_8407eb.is-disabled_8407eb{pointer-events:none}.spectrum-Tags-item_8407eb .spectrum-Tag-removeButton_8407eb{height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - 2*var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)));width:var(--spectrum-global-dimension-size-300);grid-area:action}.spectrum-Tags-item_8407eb .spectrum-Tag-cell_8407eb{text-overflow:ellipsis;display:-ms-grid;-ms-grid-columns:auto 1fr auto;grid-template-columns:auto 1fr auto;grid-template-areas:"decoration content action";align-items:center;display:grid;overflow:hidden}[dir=ltr] .spectrum-Tags-item_8407eb .spectrum-Tag-icon_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tags-item_8407eb .spectrum-Tag-icon_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tags-item_8407eb .spectrum-Tag-icon_8407eb{grid-area:decoration}[dir=ltr] .spectrum-Tags-item_8407eb .spectrum-Tag-avatar_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tags-item_8407eb .spectrum-Tag-avatar_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tags-item_8407eb .spectrum-Tag-avatar_8407eb{grid-area:decoration}[dir=ltr] .spectrum-Tags-item_8407eb .spectrum-Tag-content_8407eb{margin-right:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-item_8407eb .spectrum-Tag-content_8407eb{margin-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.spectrum-Tags-item_8407eb .spectrum-Tag-content_8407eb{line-height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin))*2);font-size:var(--spectrum-tag-text-size,var(--spectrum-global-dimension-font-size-75));cursor:default;white-space:nowrap;text-overflow:ellipsis;outline:none;flex:auto;grid-area:content;overflow:hidden}[dir=ltr] .spectrum-Tags-item_8407eb.is-removable_8407eb .spectrum-Tag-content_8407eb{margin-right:0}[dir=rtl] .spectrum-Tags-item_8407eb.is-removable_8407eb .spectrum-Tag-content_8407eb{margin-left:0}.spectrum-Tags-actions_8407eb{display:inline}.spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb{height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300));font-size:var(--spectrum-tag-text-size,var(--spectrum-global-dimension-font-size-75));margin:calc(var(--spectrum-taggroup-tag-gap-y,var(--spectrum-global-dimension-size-100))/2)calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2);display:inline}[dir=ltr] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span,[dir=ltr] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-right:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.spectrum-Tags-fieldWrapper_8407eb.spectrum-Tags-fieldWrapper_8407eb{width:unset}.spectrum-Tags-fieldWrapper_8407eb.spectrum-Tags-fieldWrapper_8407eb:not(.spectrum-Tags-fieldWrapper--positionSide_8407eb){display:-ms-grid;display:grid}.spectrum-Tags-item_8407eb{color:var(--spectrum-tag-text-color,var(--spectrum-global-color-gray-700));background-color:var(--spectrum-tag-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-tag-border-color,var(--spectrum-global-color-gray-600))}.spectrum-Tags-item_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-background-color-hover,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-text-color-hover,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-tag-border-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Tags-item_8407eb.focus-ring_8407eb{background-color:var(--spectrum-tag-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-text-color-key-focus,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Tags-item_8407eb.is-selected_8407eb{background-color:var(--spectrum-tag-background-color-selected,var(--spectrum-global-color-gray-700));color:var(--spectrum-tag-text-color-selected,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-tag-border-color-selected,var(--spectrum-alias-border-color-transparent))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-background-color-selected-hover,var(--spectrum-global-color-gray-800))}.spectrum-Tags-item_8407eb.is-selected_8407eb.focus-ring_8407eb{box-shadow:0 0 0 2px var(--spectrum-tag-border-color-selected-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-tag-text-color-selected-key-focus,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb{border-color:var(--spectrum-tag-border-color-error-selected,var(--spectrum-alias-border-color-transparent))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb .spectrum-Tags-itemIcon_8407eb,.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb .spectrum-Tags-itemLabel_8407eb,.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb .spectrum-Tags-itemClearButton_8407eb{color:var(--spectrum-tag-text-color-error-selected,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb.focus-ring_8407eb{box-shadow:0 0 0 2px var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-tag-border-color-error-selected,var(--spectrum-alias-border-color-transparent))}.spectrum-Tags-item_8407eb.is-selected_8407eb.is-invalid_8407eb.is-hovered_8407eb{border-color:var(--spectrum-tag-border-color-selected,var(--spectrum-alias-border-color-transparent))}.spectrum-Tags-item_8407eb.is-invalid_8407eb{color:var(--spectrum-tag-icon-color-error,var(--spectrum-global-color-red-500));border-color:var(--spectrum-tag-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Tags-item_8407eb.is-invalid_8407eb.is-hovered_8407eb{color:var(--spectrum-tag-icon-color-error-hover,var(--spectrum-global-color-red-600));border-color:var(--spectrum-tag-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Tags-item_8407eb.is-invalid_8407eb.focus-ring_8407eb{color:var(--spectrum-tag-icon-color-error-hover,var(--spectrum-global-color-red-600));border-color:var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Tags-item_8407eb.is-invalid_8407eb .spectrum-Tags-itemIcon_8407eb,.spectrum-Tags-item_8407eb.is-invalid_8407eb .spectrum-Tags-itemClearButton_8407eb{color:var(--spectrum-tag-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Tags-item_8407eb.is-disabled_8407eb{color:var(--spectrum-tag-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:var(--spectrum-tag-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-tag-border-color-disabled,var(--spectrum-global-color-gray-200))}.spectrum-Tags-item_8407eb.is-disabled_8407eb .spectrum-Avatar_8407eb{opacity:var(--spectrum-avatar-small-opacity-disabled,.3)}.spectrum-Tags-item--removable_8407eb.is-hovered_8407eb{color:var(--spectrum-tag-removable-text-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Tags-item--removable_8407eb:active{color:var(--spectrum-tag-removable-text-color-down,var(--spectrum-global-color-gray-700))}.spectrum-Tags-item--removable_8407eb.is-invalid_8407eb.is-hovered_8407eb{border-color:var(--spectrum-tag-removable-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Tags-item--removable_8407eb.is-invalid_8407eb.is-hovered_8407eb .spectrum-Tags-itemClearButton_8407eb{color:var(--spectrum-tag-removable-border-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Tags-item--removable_8407eb.is-invalid_8407eb .spectrum-Tags-itemClearButton_8407eb.is-focused_8407eb{color:var(--spectrum-tag-icon-color-error-hover,var(--spectrum-global-color-red-600))}.spectrum-Tags-item--removable_8407eb.is-invalid_8407eb:active{border-color:var(--spectrum-tag-removable-border-color-error-down,var(--spectrum-global-color-red-700));color:var(--spectrum-tag-removable-text-color-error-down,var(--spectrum-global-color-gray-700))}.spectrum-Tags-item--removable_8407eb.is-focused_8407eb{color:var(--spectrum-tag-removable-text-color-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Tags-item--removable_8407eb.is-focused_8407eb.is-invalid_8407eb{color:var(--spectrum-tag-removable-text-color-error-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Tags-item--removable_8407eb.is-selected_8407eb{color:var(--spectrum-tag-removable-text-color-selected,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item--removable_8407eb.is-selected_8407eb.is-focused_8407eb{color:var(--spectrum-tag-removable-text-color-selected-key-focus,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item--removable_8407eb.is-selected_8407eb .spectrum-Tags-itemClearButton_8407eb{color:var(--spectrum-tag-removable-button-icon-color-selected,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item--removable_8407eb.is-selected_8407eb .spectrum-Tags-itemClearButton_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-removable-button-background-color-selected-hover,var(--spectrum-global-color-gray-600));color:var(--spectrum-tag-removable-button-icon-color-selected-hover,var(--spectrum-global-color-gray-50))}.spectrum-Tags-item--removable_8407eb .spectrum-Tags-itemClearButton_8407eb.is-focused_8407eb{border:2px solid var(--spectrum-tag-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));background-color:var(--spectrum-tag-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-600));color:var(--spectrum-tag-removable-button-icon-color-key-focus,var(--spectrum-global-color-gray-900))}.spectrum-Tags-item--removable_8407eb .spectrum-Tags-itemClearButton_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-removable-button-background-color-hover,var(--spectrum-global-color-gray-300));color:var(--spectrum-tag-removable-button-icon-color-hover,var(--spectrum-global-color-gray-900))}@media (forced-colors:active){.spectrum-Tags-item_8407eb{forced-color-adjust:none;--spectrum-tag-background-color:ButtonFace;--spectrum-tag-background-color-disabled:ButtonFace;--spectrum-tag-background-color-hover:ButtonFace;--spectrum-tag-background-color-key-focus:ButtonFace;--spectrum-tag-background-color-selected:Highlight;--spectrum-tag-background-color-selected-hover:Highlight;--spectrum-tag-border-color:ButtonText;--spectrum-tag-border-color-disabled:GrayText;--spectrum-tag-border-color-error:ButtonText;--spectrum-tag-border-color-error-hover:ButtonText;--spectrum-tag-border-color-error-selected:HighlightText;--spectrum-tag-border-color-hover:Highlight;--spectrum-tag-border-color-key-focus:Highlight;--spectrum-tag-border-color-selected:HighlightText;--spectrum-tag-border-color-selected-key-focus:ButtonText;--spectrum-tag-icon-color-error:ButtonText;--spectrum-tag-icon-color-error-hover:ButtonText;--spectrum-tag-removable-border-color-error-down:Highlight;--spectrum-tag-removable-border-color-error-hover:Highlight;--spectrum-tag-removable-border-color-key-focus:Highlight;--spectrum-tag-removable-button-background-color-hover:ButtonFace;--spectrum-tag-removable-button-background-color-key-focus:ButtonFace;--spectrum-tag-removable-button-background-color-selected-hover:Highlight;--spectrum-tag-removable-button-icon-color-hover:Highlight;--spectrum-tag-removable-button-icon-color-key-focus:Highlight;--spectrum-tag-removable-button-icon-color-selected:HighlightText;--spectrum-tag-removable-button-icon-color-selected-hover:HighlightText;--spectrum-tag-removable-text-color-down:ButtonText;--spectrum-tag-removable-text-color-error-down:Highlight;--spectrum-tag-removable-text-color-error-key-focus:Highlight;--spectrum-tag-removable-text-color-hover:ButtonText;--spectrum-tag-removable-text-color-key-focus:ButtonText;--spectrum-tag-removable-text-color-selected:HighlightText;--spectrum-tag-removable-text-color-selected-key-focus:HighlightText;--spectrum-tag-text-color:ButtonText;--spectrum-tag-text-color-disabled:GrayText;--spectrum-tag-text-color-error-selected:HighlightText;--spectrum-tag-text-color-hover:ButtonText;--spectrum-tag-text-color-key-focus:ButtonText;--spectrum-tag-text-color-selected:HighlightText;--spectrum-tag-text-color-selected-key-focus:HighlightText}}
|
|
1
|
+
.spectrum-Tag_8407eb{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.spectrum-Tag_8407eb:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Tag_8407eb.focus-ring_8407eb:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.spectrum-Tags_8407eb{display:inline}[dir=ltr] .spectrum-Tags-container_8407eb{margin-left:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2*-1)}[dir=rtl] .spectrum-Tags-container_8407eb{margin-right:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2*-1)}[dir=ltr] .spectrum-Tags-container_8407eb{margin-right:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2)}[dir=rtl] .spectrum-Tags-container_8407eb{margin-left:calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2)}[dir=ltr] .spectrum-Tag_8407eb{padding-left:calc(var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)))}[dir=rtl] .spectrum-Tag_8407eb{padding-right:calc(var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)))}.spectrum-Tag_8407eb{--spectrum-focus-ring-border-radius:var(--spectrum-tag-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-border-size:var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin));display:-ms-inline-grid;box-sizing:border-box;margin:calc(var(--spectrum-taggroup-tag-gap-y,var(--spectrum-global-dimension-size-100))/2)calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2);height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300));max-width:100%;border-width:var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin));border-radius:var(--spectrum-tag-border-radius,var(--spectrum-alias-border-radius-regular));-webkit-user-select:none;user-select:none;transition:border-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;outline:none;align-items:center;display:inline-grid;position:relative}.spectrum-Tag_8407eb.is-disabled_8407eb{pointer-events:none}.spectrum-Tag_8407eb .spectrum-Tag-removeButton_8407eb{height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - 2*var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin)));width:var(--spectrum-global-dimension-size-300);grid-area:action}.spectrum-Tag_8407eb .spectrum-Tag-cell_8407eb{text-overflow:ellipsis;display:-ms-grid;-ms-grid-columns:auto 1fr auto;grid-template-columns:auto 1fr auto;grid-template-areas:"decoration content action";align-items:center;display:grid;overflow:hidden}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tag_8407eb .spectrum-Tag-icon_8407eb{grid-area:decoration}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{margin-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{margin-left:var(--spectrum-global-dimension-size-100)}.spectrum-Tag_8407eb .spectrum-Tag-avatar_8407eb{grid-area:decoration}[dir=ltr] .spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{margin-right:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{margin-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.spectrum-Tag_8407eb .spectrum-Tag-content_8407eb{line-height:calc(var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300)) - var(--spectrum-tag-border-size,var(--spectrum-alias-border-size-thin))*2);font-size:var(--spectrum-tag-text-size,var(--spectrum-global-dimension-font-size-75));cursor:default;white-space:nowrap;text-overflow:ellipsis;outline:none;flex:auto;grid-area:content;overflow:hidden}[dir=ltr] .spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-content_8407eb{margin-right:0}[dir=rtl] .spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-content_8407eb{margin-left:0}.spectrum-Tags-actions_8407eb{display:inline}.spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb{height:var(--spectrum-tag-height,var(--spectrum-global-dimension-size-300));font-size:var(--spectrum-tag-text-size,var(--spectrum-global-dimension-font-size-75));margin:calc(var(--spectrum-taggroup-tag-gap-y,var(--spectrum-global-dimension-size-100))/2)calc(var(--spectrum-taggroup-tag-gap-x,var(--spectrum-global-dimension-size-100))/2);display:inline}[dir=ltr] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span,[dir=ltr] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-right:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}[dir=rtl] .spectrum-Tags-actions_8407eb .spectrum-Tags-actionButton_8407eb.spectrum-Tags-actionButton_8407eb>span{padding-left:var(--spectrum-tag-padding-x,var(--spectrum-global-dimension-size-125))}.spectrum-Tags-fieldWrapper_8407eb.spectrum-Tags-fieldWrapper_8407eb{width:unset}.spectrum-Tags-fieldWrapper_8407eb.spectrum-Tags-fieldWrapper_8407eb:not(.spectrum-Tags-fieldWrapper--positionSide_8407eb){display:-ms-grid;display:grid}.spectrum-Tag_8407eb{color:var(--spectrum-tag-text-color,var(--spectrum-global-color-gray-700));background-color:var(--spectrum-tag-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-tag-border-color,var(--spectrum-global-color-gray-600))}.spectrum-Tag_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-background-color-hover,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-text-color-hover,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-tag-border-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.focus-ring_8407eb{background-color:var(--spectrum-tag-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-text-color-key-focus,var(--spectrum-global-color-gray-900));border-color:var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Tag_8407eb.focus-ring_8407eb:after{box-shadow:0 0 0 var(--spectrum-focus-ring-border-size)var(--spectrum-tag-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Tag_8407eb.is-disabled_8407eb{color:var(--spectrum-tag-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:var(--spectrum-tag-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-tag-border-color-disabled,var(--spectrum-global-color-gray-200))}.spectrum-Tag_8407eb.is-disabled_8407eb .spectrum-Tag-avatar_8407eb{opacity:var(--spectrum-avatar-small-opacity-disabled,.3)}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb.is-hovered_8407eb{color:var(--spectrum-tag-removable-text-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb:active{color:var(--spectrum-tag-removable-text-color-down,var(--spectrum-global-color-gray-700))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb.is-focused_8407eb{color:var(--spectrum-tag-removable-text-color-key-focus,var(--spectrum-global-color-gray-700))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-removeButton_8407eb.is-focused_8407eb{border:2px solid var(--spectrum-tag-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));background-color:var(--spectrum-tag-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-600));color:var(--spectrum-tag-removable-button-icon-color-key-focus,var(--spectrum-global-color-gray-900))}.spectrum-Tag_8407eb.spectrum-Tag--removable_8407eb .spectrum-Tag-removeButton_8407eb.is-hovered_8407eb{background-color:var(--spectrum-tag-removable-button-background-color-hover,var(--spectrum-global-color-gray-300));color:var(--spectrum-tag-removable-button-icon-color-hover,var(--spectrum-global-color-gray-900))}@media (forced-colors:active){.spectrum-Tag_8407eb{forced-color-adjust:none;--spectrum-tag-background-color:ButtonFace;--spectrum-tag-background-color-disabled:ButtonFace;--spectrum-tag-background-color-hover:ButtonFace;--spectrum-tag-background-color-key-focus:ButtonFace;--spectrum-tag-border-color:ButtonText;--spectrum-tag-border-color-disabled:GrayText;--spectrum-tag-border-color-hover:Highlight;--spectrum-tag-border-color-key-focus:Highlight;--spectrum-tag-removable-border-color-key-focus:Highlight;--spectrum-tag-removable-button-background-color-hover:ButtonFace;--spectrum-tag-removable-button-background-color-key-focus:ButtonFace;--spectrum-tag-removable-button-icon-color-hover:Highlight;--spectrum-tag-removable-button-icon-color-key-focus:Highlight;--spectrum-tag-removable-text-color-down:ButtonText;--spectrum-tag-removable-text-color-hover:ButtonText;--spectrum-tag-removable-text-color-key-focus:ButtonText;--spectrum-tag-text-color:ButtonText;--spectrum-tag-text-color-disabled:GrayText;--spectrum-tag-text-color-hover:ButtonText;--spectrum-tag-text-color-key-focus:ButtonText}}
|