@fluentui/react-combobox 9.11.4 → 9.11.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/CHANGELOG.md +34 -3
  2. package/dist/index.d.ts +38 -0
  3. package/lib/components/Combobox/Combobox.types.js.map +1 -1
  4. package/lib/components/Combobox/useComboboxStyles.styles.js +157 -82
  5. package/lib/components/Combobox/useComboboxStyles.styles.js.map +1 -1
  6. package/lib/components/Dropdown/Dropdown.types.js.map +1 -1
  7. package/lib/components/Dropdown/useDropdownStyles.styles.js +139 -73
  8. package/lib/components/Dropdown/useDropdownStyles.styles.js.map +1 -1
  9. package/lib/components/Listbox/Listbox.types.js.map +1 -1
  10. package/lib/components/Listbox/useListboxStyles.styles.js +15 -9
  11. package/lib/components/Listbox/useListboxStyles.styles.js.map +1 -1
  12. package/lib/components/Option/Option.types.js.map +1 -1
  13. package/lib/components/Option/useOptionStyles.styles.js +67 -41
  14. package/lib/components/Option/useOptionStyles.styles.js.map +1 -1
  15. package/lib/components/OptionGroup/OptionGroup.types.js.map +1 -1
  16. package/lib/components/OptionGroup/useOptionGroupStyles.styles.js +29 -17
  17. package/lib/components/OptionGroup/useOptionGroupStyles.styles.js.map +1 -1
  18. package/lib/utils/ComboboxBase.types.js.map +1 -1
  19. package/lib/utils/OptionCollection.types.js.map +1 -1
  20. package/lib/utils/Selection.types.js.map +1 -1
  21. package/lib-commonjs/components/Combobox/useComboboxStyles.styles.js +232 -252
  22. package/lib-commonjs/components/Combobox/useComboboxStyles.styles.js.map +1 -1
  23. package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.js +214 -241
  24. package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.js.map +1 -1
  25. package/lib-commonjs/components/Listbox/useListboxStyles.styles.js +21 -20
  26. package/lib-commonjs/components/Listbox/useListboxStyles.styles.js.map +1 -1
  27. package/lib-commonjs/components/Option/useOptionStyles.styles.js +90 -158
  28. package/lib-commonjs/components/Option/useOptionStyles.styles.js.map +1 -1
  29. package/lib-commonjs/components/OptionGroup/useOptionGroupStyles.styles.js +43 -54
  30. package/lib-commonjs/components/OptionGroup/useOptionGroupStyles.styles.js.map +1 -1
  31. package/package.json +11 -11
package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.js CHANGED
@@ -28,22 +28,11 @@ const dropdownClassNames = {
28
28
  * Styles for Dropdown
29
29
  */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
30
30
  root: {
31
- Bbmb7ep: [
32
- "f1aa9q02",
33
- "f16jpd5f"
34
- ],
35
- Beyfa6y: [
36
- "f16jpd5f",
37
- "f1aa9q02"
38
- ],
39
- B7oj6ja: [
40
- "f1jar5jt",
41
- "fyu767a"
42
- ],
43
- Btl43ni: [
44
- "fyu767a",
45
- "f1jar5jt"
46
- ],
31
+ Beyfa6y: 0,
32
+ Bbmb7ep: 0,
33
+ Btl43ni: 0,
34
+ B7oj6ja: 0,
35
+ Dimara: "ft85np5",
47
36
  B7ck84d: "f1ewtqcl",
48
37
  mc9l5x: "ftuwxu6",
49
38
  Bf4jedk: "f1exfvgq",
@@ -72,9 +61,10 @@ const dropdownClassNames = {
72
61
  "f1ibwz09",
73
62
  "f1kp91vd"
74
63
  ],
75
- Bcgy8vk: "f14pi962",
76
- Bw17bha: "f1lh990p",
77
- B1q35kw: "f1jc6hxc",
64
+ B1q35kw: 0,
65
+ Bw17bha: 0,
66
+ Bcgy8vk: 0,
67
+ Bjuhk93: "f1mnjydx",
78
68
  Gjdm7m: "f13evtba",
79
69
  b1kco5: "f1yk9hq",
80
70
  Ba2ppi3: "fhwpy7i",
@@ -95,22 +85,11 @@ const dropdownClassNames = {
95
85
  listbox: {
96
86
  B7ck84d: "f1ewtqcl",
97
87
  E5pizo: "f1hg901r",
98
- Bbmb7ep: [
99
- "f1aa9q02",
100
- "f16jpd5f"
101
- ],
102
- Beyfa6y: [
103
- "f16jpd5f",
104
- "f1aa9q02"
105
- ],
106
- B7oj6ja: [
107
- "f1jar5jt",
108
- "fyu767a"
109
- ],
110
- Btl43ni: [
111
- "fyu767a",
112
- "f1jar5jt"
113
- ],
88
+ Beyfa6y: 0,
89
+ Bbmb7ep: 0,
90
+ Btl43ni: 0,
91
+ B7oj6ja: 0,
92
+ Dimara: "ft85np5",
114
93
  Bxyxcbc: "fmmk62d"
115
94
  },
116
95
  listboxCollapsed: {
@@ -122,16 +101,23 @@ const dropdownClassNames = {
122
101
  button: {
123
102
  Bt984gj: "f122n59",
124
103
  De3pzq: "f1c21dwh",
125
- B4j52fo: "fre7gi1",
126
- Bekrc4i: [
127
- "f1358rze",
128
- "f1rvrf73"
129
- ],
130
- Bn0qgzm: "fqdk4by",
131
- ibv6hh: [
132
- "f1rvrf73",
133
- "f1358rze"
134
- ],
104
+ Bgfg5da: 0,
105
+ B9xav0g: 0,
106
+ oivjwe: 0,
107
+ Bn0qgzm: 0,
108
+ B4g9neb: 0,
109
+ zhjwy3: 0,
110
+ wvpqe5: 0,
111
+ ibv6hh: 0,
112
+ u1mtju: 0,
113
+ h3c5rm: 0,
114
+ vrafjx: 0,
115
+ Bekrc4i: 0,
116
+ i8vvqc: 0,
117
+ g2u3we: 0,
118
+ icvyot: 0,
119
+ B4j52fo: 0,
120
+ irswps: "f3bhgqh",
135
121
  B7ck84d: "f1ewtqcl",
136
122
  sj55zd: "f19n0e5",
137
123
  i8kkvl: "f14mj54c",
@@ -155,15 +141,13 @@ const dropdownClassNames = {
155
141
  Be2twd7: "fy9rknc",
156
142
  Bhrd7zp: "figsok6",
157
143
  Bg96gwp: "fwrc4pm",
158
- z8tnut: "f1khb0e9",
159
- z189sj: [
160
- "fdw0yi8",
161
- "fk8j09s"
162
- ],
163
- Byoj8tv: "f1jnq6q7",
164
- uwmqm3: [
165
- "f1xile11",
166
- "fqznh8f"
144
+ Byoj8tv: 0,
145
+ uwmqm3: 0,
146
+ z189sj: 0,
147
+ z8tnut: 0,
148
+ B0ocmuz: [
149
+ "fye6m5k",
150
+ "f3cq2dl"
167
151
  ]
168
152
  },
169
153
  medium: {
@@ -171,15 +155,13 @@ const dropdownClassNames = {
171
155
  Be2twd7: "fkhj508",
172
156
  Bhrd7zp: "figsok6",
173
157
  Bg96gwp: "f1i3iumi",
174
- z8tnut: "f1sbtcvk",
175
- z189sj: [
176
- "f11gcy0p",
177
- "f1ng84yb"
178
- ],
179
- Byoj8tv: "fdghr9",
180
- uwmqm3: [
181
- "f1e60jzv",
182
- "f135dnwl"
158
+ Byoj8tv: 0,
159
+ uwmqm3: 0,
160
+ z189sj: 0,
161
+ z8tnut: 0,
162
+ B0ocmuz: [
163
+ "f14ev680",
164
+ "f58uxzw"
183
165
  ]
184
166
  },
185
167
  large: {
@@ -188,49 +170,34 @@ const dropdownClassNames = {
188
170
  Be2twd7: "fod5ikn",
189
171
  Bhrd7zp: "figsok6",
190
172
  Bg96gwp: "faaz57k",
191
- z8tnut: "f1a1bwwz",
192
- z189sj: [
193
- "fw5db7e",
194
- "f1uw59to"
195
- ],
196
- Byoj8tv: "fy7v416",
197
- uwmqm3: [
198
- "fnphzt9",
199
- "flt1dlf"
173
+ Byoj8tv: 0,
174
+ uwmqm3: 0,
175
+ z189sj: 0,
176
+ z8tnut: 0,
177
+ B0ocmuz: [
178
+ "f139mn7i",
179
+ "f1v3q0m"
200
180
  ]
201
181
  },
202
182
  outline: {
203
183
  De3pzq: "fxugw4r",
204
- B4j52fo: "f192inf7",
205
- Bekrc4i: [
206
- "f5tn483",
207
- "f1ojsxk5"
208
- ],
209
- Bn0qgzm: "f1vxd6vx",
210
- ibv6hh: [
211
- "f1ojsxk5",
212
- "f5tn483"
213
- ],
214
- icvyot: "fzkkow9",
215
- vrafjx: [
216
- "fcdblym",
217
- "fjik90z"
218
- ],
219
- oivjwe: "fg706s2",
220
- wvpqe5: [
221
- "fjik90z",
222
- "fcdblym"
223
- ],
224
- g2u3we: "fj3muxo",
225
- h3c5rm: [
226
- "f1akhkt",
227
- "f1lxtadh"
228
- ],
184
+ Bgfg5da: 0,
229
185
  B9xav0g: "f1c1zstj",
230
- zhjwy3: [
231
- "f1lxtadh",
232
- "f1akhkt"
233
- ]
186
+ oivjwe: 0,
187
+ Bn0qgzm: 0,
188
+ B4g9neb: 0,
189
+ zhjwy3: 0,
190
+ wvpqe5: 0,
191
+ ibv6hh: 0,
192
+ u1mtju: 0,
193
+ h3c5rm: 0,
194
+ vrafjx: 0,
195
+ Bekrc4i: 0,
196
+ i8vvqc: 0,
197
+ g2u3we: 0,
198
+ icvyot: 0,
199
+ B4j52fo: 0,
200
+ irswps: "fhz96rm"
234
201
  },
235
202
  outlineInteractive: {
236
203
  Bgoe8wy: "fvcxoqz",
@@ -256,91 +223,55 @@ const dropdownClassNames = {
256
223
  },
257
224
  underline: {
258
225
  De3pzq: "f1c21dwh",
259
- Bn0qgzm: "f1vxd6vx",
260
- oivjwe: "fg706s2",
261
- B9xav0g: "f1c1zstj",
262
- Bbmb7ep: [
263
- "f1krrbdw",
264
- "f1deotkl"
265
- ],
266
- Beyfa6y: [
267
- "f1deotkl",
268
- "f1krrbdw"
269
- ],
270
- B7oj6ja: [
271
- "f10ostut",
272
- "f1ozlkrg"
273
- ],
274
- Btl43ni: [
275
- "f1ozlkrg",
276
- "f10ostut"
277
- ]
226
+ B9xav0g: 0,
227
+ oivjwe: 0,
228
+ Bn0qgzm: 0,
229
+ Bgfg5da: "f9ez7ne",
230
+ Beyfa6y: 0,
231
+ Bbmb7ep: 0,
232
+ Btl43ni: 0,
233
+ B7oj6ja: 0,
234
+ Dimara: "fokr779"
278
235
  },
279
236
  "filled-lighter": {
280
237
  De3pzq: "fxugw4r",
281
- B4j52fo: "f192inf7",
282
- Bekrc4i: [
283
- "f5tn483",
284
- "f1ojsxk5"
285
- ],
286
- Bn0qgzm: "f1vxd6vx",
287
- ibv6hh: [
288
- "f1ojsxk5",
289
- "f5tn483"
290
- ],
291
- icvyot: "fzkkow9",
292
- vrafjx: [
293
- "fcdblym",
294
- "fjik90z"
295
- ],
296
- oivjwe: "fg706s2",
297
- wvpqe5: [
298
- "fjik90z",
299
- "fcdblym"
300
- ],
301
- g2u3we: "f1p3nwhy",
302
- h3c5rm: [
303
- "f11589ue",
304
- "f1pdflbu"
305
- ],
306
- B9xav0g: "f1q5o8ev",
307
- zhjwy3: [
308
- "f1pdflbu",
309
- "f11589ue"
310
- ]
238
+ Bgfg5da: 0,
239
+ B9xav0g: 0,
240
+ oivjwe: 0,
241
+ Bn0qgzm: 0,
242
+ B4g9neb: 0,
243
+ zhjwy3: 0,
244
+ wvpqe5: 0,
245
+ ibv6hh: 0,
246
+ u1mtju: 0,
247
+ h3c5rm: 0,
248
+ vrafjx: 0,
249
+ Bekrc4i: 0,
250
+ i8vvqc: 0,
251
+ g2u3we: 0,
252
+ icvyot: 0,
253
+ B4j52fo: 0,
254
+ irswps: "fs2rfia"
311
255
  },
312
256
  "filled-darker": {
313
257
  De3pzq: "f16xq7d1",
314
- B4j52fo: "f192inf7",
315
- Bekrc4i: [
316
- "f5tn483",
317
- "f1ojsxk5"
318
- ],
319
- Bn0qgzm: "f1vxd6vx",
320
- ibv6hh: [
321
- "f1ojsxk5",
322
- "f5tn483"
323
- ],
324
- icvyot: "fzkkow9",
325
- vrafjx: [
326
- "fcdblym",
327
- "fjik90z"
328
- ],
329
- oivjwe: "fg706s2",
330
- wvpqe5: [
331
- "fjik90z",
332
- "fcdblym"
333
- ],
334
- g2u3we: "f1p3nwhy",
335
- h3c5rm: [
336
- "f11589ue",
337
- "f1pdflbu"
338
- ],
339
- B9xav0g: "f1q5o8ev",
340
- zhjwy3: [
341
- "f1pdflbu",
342
- "f11589ue"
343
- ]
258
+ Bgfg5da: 0,
259
+ B9xav0g: 0,
260
+ oivjwe: 0,
261
+ Bn0qgzm: 0,
262
+ B4g9neb: 0,
263
+ zhjwy3: 0,
264
+ wvpqe5: 0,
265
+ ibv6hh: 0,
266
+ u1mtju: 0,
267
+ h3c5rm: 0,
268
+ vrafjx: 0,
269
+ Bekrc4i: 0,
270
+ i8vvqc: 0,
271
+ g2u3we: 0,
272
+ icvyot: 0,
273
+ B4j52fo: 0,
274
+ irswps: "fs2rfia"
344
275
  },
345
276
  invalid: {
346
277
  tvckwq: "fs4k3qj",
@@ -390,10 +321,12 @@ const dropdownClassNames = {
390
321
  }
391
322
  }, {
392
323
  d: [
393
- ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
394
- ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
395
- ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
396
- ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
324
+ [
325
+ ".ft85np5{border-radius:var(--borderRadiusMedium);}",
326
+ {
327
+ p: -1
328
+ }
329
+ ],
397
330
  ".f1ewtqcl{box-sizing:border-box;}",
398
331
  ".ftuwxu6{display:inline-flex;}",
399
332
  ".f1exfvgq{min-width:250px;}",
@@ -407,24 +340,35 @@ const dropdownClassNames = {
407
340
  ".ffyw7fx::after{height:max(var(--strokeWidthThick), var(--borderRadiusMedium));}",
408
341
  ".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}",
409
342
  ".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}",
410
- ".f14pi962::after{border-bottom-width:var(--strokeWidthThick);}",
411
- ".f1lh990p::after{border-bottom-style:solid;}",
412
- ".f1jc6hxc::after{border-bottom-color:var(--colorCompoundBrandStroke);}",
343
+ [
344
+ ".f1mnjydx::after{border-bottom:var(--strokeWidthThick) solid var(--colorCompoundBrandStroke);}",
345
+ {
346
+ p: -1
347
+ }
348
+ ],
413
349
  ".f13evtba::after{clip-path:inset(calc(100% - 2px) 0 0 0);}",
414
350
  ".f1yk9hq::after{transform:scaleX(0);}",
415
351
  ".fhwpy7i::after{transition-property:transform;}",
416
352
  ".f14ee0xe::after{transition-duration:var(--durationUltraFast);}",
417
353
  ".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}",
418
354
  ".f1hg901r{box-shadow:var(--shadow16);}",
355
+ [
356
+ ".ft85np5{border-radius:var(--borderRadiusMedium);}",
357
+ {
358
+ p: -1
359
+ }
360
+ ],
419
361
  ".fmmk62d{max-height:80vh;}",
420
362
  ".fjseox{display:none;}",
421
363
  ".f19g0ac{z-index:1;}",
422
364
  ".f122n59{align-items:center;}",
423
365
  ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
424
- ".fre7gi1{border-top-width:0;}",
425
- ".f1358rze{border-right-width:0;}",
426
- ".f1rvrf73{border-left-width:0;}",
427
- ".fqdk4by{border-bottom-width:0;}",
366
+ [
367
+ ".f3bhgqh{border:none;}",
368
+ {
369
+ p: -2
370
+ }
371
+ ],
428
372
  ".f19n0e5{color:var(--colorNeutralForeground1);}",
429
373
  ".f14mj54c{column-gap:var(--spacingHorizontalXXS);}",
430
374
  ".f1k6fduh{cursor:pointer;}",
@@ -439,51 +383,80 @@ const dropdownClassNames = {
439
383
  ".fy9rknc{font-size:var(--fontSizeBase200);}",
440
384
  ".figsok6{font-weight:var(--fontWeightRegular);}",
441
385
  ".fwrc4pm{line-height:var(--lineHeightBase200);}",
442
- ".f1khb0e9{padding-top:3px;}",
443
- ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}",
444
- ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}",
445
- ".f1jnq6q7{padding-bottom:3px;}",
446
- ".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}",
447
- ".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}",
386
+ [
387
+ ".fye6m5k{padding:3px var(--spacingHorizontalSNudge) 3px calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}",
388
+ {
389
+ p: -1
390
+ }
391
+ ],
392
+ [
393
+ ".f3cq2dl{padding:3px calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS)) 3px var(--spacingHorizontalSNudge);}",
394
+ {
395
+ p: -1
396
+ }
397
+ ],
448
398
  ".fkhj508{font-size:var(--fontSizeBase300);}",
449
399
  ".f1i3iumi{line-height:var(--lineHeightBase300);}",
450
- ".f1sbtcvk{padding-top:5px;}",
451
- ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}",
452
- ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}",
453
- ".fdghr9{padding-bottom:5px;}",
454
- ".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}",
455
- ".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}",
400
+ [
401
+ ".f14ev680{padding:5px var(--spacingHorizontalMNudge) 5px calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}",
402
+ {
403
+ p: -1
404
+ }
405
+ ],
406
+ [
407
+ ".f58uxzw{padding:5px calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS)) 5px var(--spacingHorizontalMNudge);}",
408
+ {
409
+ p: -1
410
+ }
411
+ ],
456
412
  ".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}",
457
413
  ".fod5ikn{font-size:var(--fontSizeBase400);}",
458
414
  ".faaz57k{line-height:var(--lineHeightBase400);}",
459
- ".f1a1bwwz{padding-top:7px;}",
460
- ".fw5db7e{padding-right:var(--spacingHorizontalM);}",
461
- ".f1uw59to{padding-left:var(--spacingHorizontalM);}",
462
- ".fy7v416{padding-bottom:7px;}",
463
- ".fnphzt9{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}",
464
- ".flt1dlf{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}",
415
+ [
416
+ ".f139mn7i{padding:7px var(--spacingHorizontalM) 7px calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}",
417
+ {
418
+ p: -1
419
+ }
420
+ ],
421
+ [
422
+ ".f1v3q0m{padding:7px calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge)) 7px var(--spacingHorizontalM);}",
423
+ {
424
+ p: -1
425
+ }
426
+ ],
465
427
  ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
466
- ".f192inf7{border-top-width:var(--strokeWidthThin);}",
467
- ".f5tn483{border-right-width:var(--strokeWidthThin);}",
468
- ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}",
469
- ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}",
470
- ".fzkkow9{border-top-style:solid;}",
471
- ".fcdblym{border-right-style:solid;}",
472
- ".fjik90z{border-left-style:solid;}",
473
- ".fg706s2{border-bottom-style:solid;}",
474
- ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}",
475
- ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}",
476
- ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}",
428
+ [
429
+ ".fhz96rm{border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);}",
430
+ {
431
+ p: -2
432
+ }
433
+ ],
477
434
  ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}",
478
- ".f1krrbdw{border-bottom-right-radius:0;}",
479
- ".f1deotkl{border-bottom-left-radius:0;}",
480
- ".f10ostut{border-top-right-radius:0;}",
481
- ".f1ozlkrg{border-top-left-radius:0;}",
482
- ".f1p3nwhy{border-top-color:transparent;}",
483
- ".f11589ue{border-right-color:transparent;}",
484
- ".f1pdflbu{border-left-color:transparent;}",
485
- ".f1q5o8ev{border-bottom-color:transparent;}",
435
+ [
436
+ ".f9ez7ne{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);}",
437
+ {
438
+ p: -1
439
+ }
440
+ ],
441
+ [
442
+ ".fokr779{border-radius:0;}",
443
+ {
444
+ p: -1
445
+ }
446
+ ],
447
+ [
448
+ ".fs2rfia{border:var(--strokeWidthThin) solid transparent;}",
449
+ {
450
+ p: -2
451
+ }
452
+ ],
486
453
  ".f16xq7d1{background-color:var(--colorNeutralBackground3);}",
454
+ [
455
+ ".fs2rfia{border:var(--strokeWidthThin) solid transparent;}",
456
+ {
457
+ p: -2
458
+ }
459
+ ],
487
460
  ".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}",
488
461
  ".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}",
489
462
  ".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}",
@@ -622,22 +595,22 @@ const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
622
595
  ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}"
623
596
  ]
624
597
  });
625
- const useBaseClearButtonStyle = /*#__PURE__*/ (0, _react.__resetStyles)("r1ekmruf", "r1aeuc1g", {
598
+ const useBaseClearButtonStyle = /*#__PURE__*/ (0, _react.__resetStyles)("rticfuj", "r1vp6jef", {
626
599
  r: [
627
- ".r1ekmruf{align-self:center;background-color:var(--colorTransparentBackground);border:none;cursor:pointer;height:fit-content;margin:0;margin-right:var(--spacingHorizontalMNudge);padding:0;position:relative;}",
628
- ".r1ekmruf:focus{outline-style:none;}",
629
- ".r1ekmruf:focus-visible{outline-style:none;}",
630
- ".r1ekmruf[data-fui-focus-visible]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}",
631
- ".r1ekmruf[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}",
632
- ".r1aeuc1g{align-self:center;background-color:var(--colorTransparentBackground);border:none;cursor:pointer;height:fit-content;margin:0;margin-left:var(--spacingHorizontalMNudge);padding:0;position:relative;}",
633
- ".r1aeuc1g:focus{outline-style:none;}",
634
- ".r1aeuc1g:focus-visible{outline-style:none;}",
635
- ".r1aeuc1g[data-fui-focus-visible]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}",
636
- ".r1aeuc1g[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-width:2px;border-left-width:2px;border-bottom-width:2px;border-right-width:2px;border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}"
600
+ ".rticfuj{align-self:center;background-color:var(--colorTransparentBackground);border:none;cursor:pointer;height:fit-content;margin:0;margin-right:var(--spacingHorizontalMNudge);padding:0;position:relative;}",
601
+ ".rticfuj:focus{outline-style:none;}",
602
+ ".rticfuj:focus-visible{outline-style:none;}",
603
+ ".rticfuj[data-fui-focus-visible]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}",
604
+ ".rticfuj[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}",
605
+ ".r1vp6jef{align-self:center;background-color:var(--colorTransparentBackground);border:none;cursor:pointer;height:fit-content;margin:0;margin-left:var(--spacingHorizontalMNudge);padding:0;position:relative;}",
606
+ ".r1vp6jef:focus{outline-style:none;}",
607
+ ".r1vp6jef:focus-visible{outline-style:none;}",
608
+ ".r1vp6jef[data-fui-focus-visible]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}",
609
+ ".r1vp6jef[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}"
637
610
  ],
638
611
  s: [
639
- "@media (forced-colors: active){.r1ekmruf[data-fui-focus-visible]::after{border-top-color:Highlight;border-right-color:Highlight;border-bottom-color:Highlight;border-left-color:Highlight;}}",
640
- "@media (forced-colors: active){.r1aeuc1g[data-fui-focus-visible]::after{border-top-color:Highlight;border-left-color:Highlight;border-bottom-color:Highlight;border-right-color:Highlight;}}"
612
+ "@media (forced-colors: active){.rticfuj[data-fui-focus-visible]::after{border-top-color:Highlight;border-right-color:Highlight;border-bottom-color:Highlight;border-left-color:Highlight;}}",
613
+ "@media (forced-colors: active){.r1vp6jef[data-fui-focus-visible]::after{border-top-color:Highlight;border-left-color:Highlight;border-bottom-color:Highlight;border-right-color:Highlight;}}"
641
614
  ]
642
615
  });
643
616
  const useDropdownStyles_unstable = (state)=>{