@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 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-Tags-item", () => $c033a7c057e84ef1$export$950d8dc0a3751654, (v) => $c033a7c057e84ef1$export$950d8dc0a3751654 = v);
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, "is-removable", () => $c033a7c057e84ef1$export$52d72cb84c5fde5e, (v) => $c033a7c057e84ef1$export$52d72cb84c5fde5e = v);
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$950d8dc0a3751654;
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$52d72cb84c5fde5e;
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$950d8dc0a3751654 = "spectrum-Tags-item_8407eb";
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$52d72cb84c5fde5e = "is-removable_8407eb";
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-Tags-item", {
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
- "is-removable": allowsRemoving
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 (!currDomRef || !currContainerRef || !currTagsRef) return;
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
- for (let tagWidth of tagWidths.reverse()){
586
- if (availableWidth >= buttonsWidth || index <= 1 || index >= state.collection.size) break;
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: domRef,
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}}