@fluentui/react-calendar-compat 0.1.7 → 0.1.9

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 (22) hide show
  1. package/CHANGELOG.md +25 -2
  2. package/lib/components/Calendar/useCalendarStyles.styles.js +89 -53
  3. package/lib/components/Calendar/useCalendarStyles.styles.js.map +1 -1
  4. package/lib/components/CalendarDay/useCalendarDayStyles.styles.js +84 -46
  5. package/lib/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
  6. package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js +154 -93
  7. package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -1
  8. package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js +162 -79
  9. package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -1
  10. package/lib/utils/animations.js +3 -4
  11. package/lib/utils/animations.js.map +1 -1
  12. package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js +126 -155
  13. package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js.map +1 -1
  14. package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js +133 -137
  15. package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
  16. package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js +220 -286
  17. package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -1
  18. package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js +244 -225
  19. package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -1
  20. package/lib-commonjs/utils/animations.js +3 -4
  21. package/lib-commonjs/utils/animations.js.map +1 -1
  22. package/package.json +6 -6
package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js CHANGED
@@ -34,64 +34,60 @@ const calendarPickerClassNames = {
34
34
  const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
35
35
  base: {
36
36
  B7ck84d: "f1e4lqlz",
37
- B68tc82: "f1p9o1ba",
38
- Bmxbyg5: "f1sil6mw",
39
- z8tnut: "f1kcqot9",
40
- z189sj: [
41
- "f11qrl6u",
42
- "fjlbh76"
43
- ],
44
- Byoj8tv: "fpe6lb7",
45
- uwmqm3: [
46
- "fjlbh76",
47
- "f11qrl6u"
48
- ],
37
+ B68tc82: 0,
38
+ Bmxbyg5: 0,
39
+ Bpg54ce: "f1a3p1vp",
40
+ Byoj8tv: 0,
41
+ uwmqm3: 0,
42
+ z189sj: 0,
43
+ z8tnut: 0,
44
+ B0ocmuz: "f1sy4kr4",
49
45
  a9b677: "f4m2ahc"
50
46
  },
51
47
  normalize: {
52
48
  E5pizo: "f1couhl3",
53
49
  B7ck84d: "f1ewtqcl",
54
- B6of3ja: "f1hu3pq6",
55
- t21cq0: [
56
- "f11qmguv",
57
- "f1tyq0we"
58
- ],
59
- jrapky: "f19f4twv",
60
- Frg6f3: [
61
- "f1tyq0we",
62
- "f11qmguv"
63
- ],
64
- z8tnut: "f1g0x7ka",
65
- z189sj: [
66
- "fhxju0i",
67
- "f1cnd47f"
68
- ],
69
- Byoj8tv: "f1qch9an",
70
- uwmqm3: [
71
- "f1cnd47f",
72
- "fhxju0i"
73
- ]
50
+ jrapky: 0,
51
+ Frg6f3: 0,
52
+ t21cq0: 0,
53
+ B6of3ja: 0,
54
+ B74szlk: "f1s184ao",
55
+ Byoj8tv: 0,
56
+ uwmqm3: 0,
57
+ z189sj: 0,
58
+ z8tnut: 0,
59
+ B0ocmuz: "f1mk8lai"
74
60
  }
75
61
  }, {
76
62
  d: [
77
63
  ".f1e4lqlz{box-sizing:content-box;}",
78
- ".f1p9o1ba{overflow-x:hidden;}",
79
- ".f1sil6mw{overflow-y:hidden;}",
80
- ".f1kcqot9{padding-top:12px;}",
81
- ".f11qrl6u{padding-right:12px;}",
82
- ".fjlbh76{padding-left:12px;}",
83
- ".fpe6lb7{padding-bottom:12px;}",
64
+ [
65
+ ".f1a3p1vp{overflow:hidden;}",
66
+ {
67
+ p: -1
68
+ }
69
+ ],
70
+ [
71
+ ".f1sy4kr4{padding:12px;}",
72
+ {
73
+ p: -1
74
+ }
75
+ ],
84
76
  ".f4m2ahc{width:196px;}",
85
77
  ".f1couhl3{box-shadow:none;}",
86
78
  ".f1ewtqcl{box-sizing:border-box;}",
87
- ".f1hu3pq6{margin-top:0;}",
88
- ".f11qmguv{margin-right:0;}",
89
- ".f1tyq0we{margin-left:0;}",
90
- ".f19f4twv{margin-bottom:0;}",
91
- ".f1g0x7ka{padding-top:0;}",
92
- ".fhxju0i{padding-right:0;}",
93
- ".f1cnd47f{padding-left:0;}",
94
- ".f1qch9an{padding-bottom:0;}"
79
+ [
80
+ ".f1s184ao{margin:0;}",
81
+ {
82
+ p: -1
83
+ }
84
+ ],
85
+ [
86
+ ".f1mk8lai{padding:0;}",
87
+ {
88
+ p: -1
89
+ }
90
+ ]
95
91
  ]
96
92
  });
97
93
  const useHeaderContainerStyles = /*#__PURE__*/ (0, _react.__styles)({
@@ -121,17 +117,16 @@ const useCurrentItemButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
121
117
  Bahqtrf: "f1mo0ibp",
122
118
  Be2twd7: "fkhj508",
123
119
  Bhrd7zp: "fl43uef",
124
- B68tc82: "f1mtd64y",
125
- Bmxbyg5: "f1y7q3j9",
126
- z8tnut: "f1g0x7ka",
127
- z189sj: [
128
- "f8wuabp",
129
- "fycuoez"
130
- ],
131
- Byoj8tv: "f1qch9an",
132
- uwmqm3: [
133
- "frdkuqy",
134
- "f81rol6"
120
+ B68tc82: 0,
121
+ Bmxbyg5: 0,
122
+ Bpg54ce: "f1gl81tg",
123
+ Byoj8tv: 0,
124
+ uwmqm3: 0,
125
+ z189sj: 0,
126
+ z8tnut: 0,
127
+ B0ocmuz: [
128
+ "f1td8mcv",
129
+ "f1udkdxo"
135
130
  ],
136
131
  fsow6f: [
137
132
  "f1o700av",
@@ -148,15 +143,17 @@ const useCurrentItemButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
148
143
  Jwef8y: "f18a0fwf",
149
144
  Bi91k9c: "f3sdaeg",
150
145
  eoavqd: "f8491dx",
151
- Dwtyhm: "f14gx60i",
152
- ukgb2i: "f1o3croz",
153
- pugfm4: "f11jyo21",
146
+ pugfm4: 0,
147
+ ukgb2i: 0,
148
+ Dwtyhm: 0,
149
+ Biisq0s: "f15rpok4",
154
150
  iro3zm: "f1wvkgvo",
155
151
  B2d53fq: "f1wdoaqd",
156
152
  c3iz72: "f13c0t7h",
157
- syojd9: "f190yoes",
158
- Bx68yb: "f98srbw",
159
- mghro0: "fw9cbop"
153
+ mghro0: 0,
154
+ Bx68yb: 0,
155
+ syojd9: 0,
156
+ E5hylx: "fy2scak"
160
157
  }
161
158
  }, {
162
159
  d: [
@@ -170,14 +167,24 @@ const useCurrentItemButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
170
167
  ".f1mo0ibp{font-family:inherit;}",
171
168
  ".fkhj508{font-size:var(--fontSizeBase300);}",
172
169
  ".fl43uef{font-weight:var(--fontWeightSemibold);}",
173
- ".f1mtd64y{overflow-x:visible;}",
174
- ".f1y7q3j9{overflow-y:visible;}",
175
- ".f1g0x7ka{padding-top:0;}",
176
- ".f8wuabp{padding-right:4px;}",
177
- ".fycuoez{padding-left:4px;}",
178
- ".f1qch9an{padding-bottom:0;}",
179
- ".frdkuqy{padding-left:10px;}",
180
- ".f81rol6{padding-right:10px;}",
170
+ [
171
+ ".f1gl81tg{overflow:visible;}",
172
+ {
173
+ p: -1
174
+ }
175
+ ],
176
+ [
177
+ ".f1td8mcv{padding:0 4px 0 10px;}",
178
+ {
179
+ p: -1
180
+ }
181
+ ],
182
+ [
183
+ ".f1udkdxo{padding:0 10px 0 4px;}",
184
+ {
185
+ p: -1
186
+ }
187
+ ],
181
188
  ".f1o700av{text-align:left;}",
182
189
  ".fes3tcz{text-align:right;}",
183
190
  ".fhsqnsn{animation-duration:0.267s;}",
@@ -192,15 +199,21 @@ const useCurrentItemButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
192
199
  ".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}",
193
200
  ".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}",
194
201
  ".f8491dx:hover{cursor:pointer;}",
195
- ".f14gx60i:hover{outline-width:1px;}",
196
- ".f1o3croz:hover{outline-style:solid;}",
197
- ".f11jyo21:hover{outline-color:var(--colorTransparentStroke);}",
202
+ [
203
+ ".f15rpok4:hover{outline:1px solid var(--colorTransparentStroke);}",
204
+ {
205
+ p: -1
206
+ }
207
+ ],
198
208
  ".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}",
199
209
  ".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}",
200
210
  ".f13c0t7h:hover:active{cursor:pointer;}",
201
- ".f190yoes:hover:active{outline-width:1px;}",
202
- ".f98srbw:hover:active{outline-style:solid;}",
203
- ".fw9cbop:hover:active{outline-color:var(--colorTransparentStroke);}"
211
+ [
212
+ ".fy2scak:hover:active{outline:1px solid var(--colorTransparentStroke);}",
213
+ {
214
+ p: -1
215
+ }
216
+ ]
204
217
  ]
205
218
  });
206
219
  const useNavigationButtonsContainerStyles = /*#__PURE__*/ (0, _react.__styles)({
@@ -217,32 +230,28 @@ const useNavigationButtonsContainerStyles = /*#__PURE__*/ (0, _react.__styles)({
217
230
  const useNavigationButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
218
231
  base: {
219
232
  De3pzq: "f1c21dwh",
220
- icvyot: "f1ern45e",
221
- vrafjx: [
222
- "f1n71otn",
223
- "f1deefiw"
224
- ],
225
- oivjwe: "f1h8hb77",
226
- wvpqe5: [
227
- "f1deefiw",
228
- "f1n71otn"
229
- ],
230
- Bbmb7ep: [
231
- "f2i1086",
232
- "f1rlsnju"
233
- ],
234
- Beyfa6y: [
235
- "f1rlsnju",
236
- "f2i1086"
237
- ],
238
- B7oj6ja: [
239
- "f1stktl2",
240
- "f1127022"
241
- ],
242
- Btl43ni: [
243
- "f1127022",
244
- "f1stktl2"
245
- ],
233
+ Bgfg5da: 0,
234
+ B9xav0g: 0,
235
+ oivjwe: 0,
236
+ Bn0qgzm: 0,
237
+ B4g9neb: 0,
238
+ zhjwy3: 0,
239
+ wvpqe5: 0,
240
+ ibv6hh: 0,
241
+ u1mtju: 0,
242
+ h3c5rm: 0,
243
+ vrafjx: 0,
244
+ Bekrc4i: 0,
245
+ i8vvqc: 0,
246
+ g2u3we: 0,
247
+ icvyot: 0,
248
+ B4j52fo: 0,
249
+ irswps: "f3bhgqh",
250
+ Beyfa6y: 0,
251
+ Bbmb7ep: 0,
252
+ Btl43ni: 0,
253
+ B7oj6ja: 0,
254
+ Dimara: "fl4tsp0",
246
255
  sj55zd: "f19n0e5",
247
256
  mc9l5x: "ftgm304",
248
257
  Bahqtrf: "f1mo0ibp",
@@ -251,41 +260,42 @@ const useNavigationButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
251
260
  Bg96gwp: "f336tjw",
252
261
  sshi5w: "f1ysfysz",
253
262
  Bf4jedk: "f107v6xj",
254
- B68tc82: "f1mtd64y",
255
- Bmxbyg5: "f1y7q3j9",
256
- z8tnut: "f1g0x7ka",
257
- z189sj: [
258
- "fhxju0i",
259
- "f1cnd47f"
260
- ],
261
- Byoj8tv: "f1qch9an",
262
- uwmqm3: [
263
- "f1cnd47f",
264
- "fhxju0i"
265
- ],
263
+ B68tc82: 0,
264
+ Bmxbyg5: 0,
265
+ Bpg54ce: "f1gl81tg",
266
+ Byoj8tv: 0,
267
+ uwmqm3: 0,
268
+ z189sj: 0,
269
+ z8tnut: 0,
270
+ B0ocmuz: "f1mk8lai",
266
271
  qhf8xq: "f10pi13n",
267
272
  fsow6f: "f17mccla",
268
273
  a9b677: "f1w9dchk",
269
274
  Jwef8y: "f18a0fwf",
270
275
  Bi91k9c: "f3sdaeg",
271
276
  eoavqd: "f8491dx",
272
- Dwtyhm: "f14gx60i",
273
- ukgb2i: "f1o3croz",
274
- pugfm4: "f11jyo21",
277
+ pugfm4: 0,
278
+ ukgb2i: 0,
279
+ Dwtyhm: 0,
280
+ Biisq0s: "f15rpok4",
275
281
  iro3zm: "f1wvkgvo",
276
282
  B2d53fq: "f1wdoaqd"
277
283
  }
278
284
  }, {
279
285
  d: [
280
286
  ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
281
- ".f1ern45e{border-top-style:none;}",
282
- ".f1n71otn{border-right-style:none;}",
283
- ".f1deefiw{border-left-style:none;}",
284
- ".f1h8hb77{border-bottom-style:none;}",
285
- ".f2i1086{border-bottom-right-radius:2px;}",
286
- ".f1rlsnju{border-bottom-left-radius:2px;}",
287
- ".f1stktl2{border-top-right-radius:2px;}",
288
- ".f1127022{border-top-left-radius:2px;}",
287
+ [
288
+ ".f3bhgqh{border:none;}",
289
+ {
290
+ p: -2
291
+ }
292
+ ],
293
+ [
294
+ ".fl4tsp0{border-radius:2px;}",
295
+ {
296
+ p: -1
297
+ }
298
+ ],
289
299
  ".f19n0e5{color:var(--colorNeutralForeground1);}",
290
300
  ".ftgm304{display:block;}",
291
301
  ".f1mo0ibp{font-family:inherit;}",
@@ -294,12 +304,18 @@ const useNavigationButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
294
304
  ".f336tjw{line-height:28px;}",
295
305
  ".f1ysfysz{min-height:28px;}",
296
306
  ".f107v6xj{min-width:28px;}",
297
- ".f1mtd64y{overflow-x:visible;}",
298
- ".f1y7q3j9{overflow-y:visible;}",
299
- ".f1g0x7ka{padding-top:0;}",
300
- ".fhxju0i{padding-right:0;}",
301
- ".f1cnd47f{padding-left:0;}",
302
- ".f1qch9an{padding-bottom:0;}",
307
+ [
308
+ ".f1gl81tg{overflow:visible;}",
309
+ {
310
+ p: -1
311
+ }
312
+ ],
313
+ [
314
+ ".f1mk8lai{padding:0;}",
315
+ {
316
+ p: -1
317
+ }
318
+ ],
303
319
  ".f10pi13n{position:relative;}",
304
320
  ".f17mccla{text-align:center;}",
305
321
  ".f1w9dchk{width:28px;}"
@@ -308,9 +324,12 @@ const useNavigationButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
308
324
  ".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}",
309
325
  ".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}",
310
326
  ".f8491dx:hover{cursor:pointer;}",
311
- ".f14gx60i:hover{outline-width:1px;}",
312
- ".f1o3croz:hover{outline-style:solid;}",
313
- ".f11jyo21:hover{outline-color:var(--colorTransparentStroke);}",
327
+ [
328
+ ".f15rpok4:hover{outline:1px solid var(--colorTransparentStroke);}",
329
+ {
330
+ p: -1
331
+ }
332
+ ],
314
333
  ".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}",
315
334
  ".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}"
316
335
  ]
@@ -375,32 +394,28 @@ const useButtonRowStyles = /*#__PURE__*/ (0, _react.__styles)({
375
394
  const useItemButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
376
395
  base: {
377
396
  De3pzq: "f1c21dwh",
378
- icvyot: "f1ern45e",
379
- vrafjx: [
380
- "f1n71otn",
381
- "f1deefiw"
382
- ],
383
- oivjwe: "f1h8hb77",
384
- wvpqe5: [
385
- "f1deefiw",
386
- "f1n71otn"
387
- ],
388
- Bbmb7ep: [
389
- "f2i1086",
390
- "f1rlsnju"
391
- ],
392
- Beyfa6y: [
393
- "f1rlsnju",
394
- "f2i1086"
395
- ],
396
- B7oj6ja: [
397
- "f1stktl2",
398
- "f1127022"
399
- ],
400
- Btl43ni: [
401
- "f1127022",
402
- "f1stktl2"
403
- ],
397
+ Bgfg5da: 0,
398
+ B9xav0g: 0,
399
+ oivjwe: 0,
400
+ Bn0qgzm: 0,
401
+ B4g9neb: 0,
402
+ zhjwy3: 0,
403
+ wvpqe5: 0,
404
+ ibv6hh: 0,
405
+ u1mtju: 0,
406
+ h3c5rm: 0,
407
+ vrafjx: 0,
408
+ Bekrc4i: 0,
409
+ i8vvqc: 0,
410
+ g2u3we: 0,
411
+ icvyot: 0,
412
+ B4j52fo: 0,
413
+ irswps: "f3bhgqh",
414
+ Beyfa6y: 0,
415
+ Bbmb7ep: 0,
416
+ Btl43ni: 0,
417
+ B7oj6ja: 0,
418
+ Dimara: "fl4tsp0",
404
419
  sj55zd: "f11d4kpn",
405
420
  Bahqtrf: "f1mo0ibp",
406
421
  Be2twd7: "fy9rknc",
@@ -408,28 +423,22 @@ const useItemButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
408
423
  Bg96gwp: "fc76cdq",
409
424
  sshi5w: "f1w5jphr",
410
425
  Bf4jedk: "f12clzc2",
411
- B6of3ja: "f1hu3pq6",
412
- t21cq0: [
413
- "f1x4n1mu",
414
- "f1hf5xhj"
415
- ],
416
- jrapky: "f19f4twv",
417
- Frg6f3: [
418
- "f1tyq0we",
419
- "f11qmguv"
420
- ],
421
- B68tc82: "f1mtd64y",
422
- Bmxbyg5: "f1y7q3j9",
423
- z8tnut: "f1g0x7ka",
424
- z189sj: [
425
- "fhxju0i",
426
- "f1cnd47f"
427
- ],
428
- Byoj8tv: "f1qch9an",
429
- uwmqm3: [
430
- "f1cnd47f",
431
- "fhxju0i"
432
- ],
426
+ jrapky: 0,
427
+ Frg6f3: 0,
428
+ t21cq0: 0,
429
+ B6of3ja: 0,
430
+ B74szlk: [
431
+ "f1ytixos",
432
+ "fqk6p8t"
433
+ ],
434
+ B68tc82: 0,
435
+ Bmxbyg5: 0,
436
+ Bpg54ce: "f1gl81tg",
437
+ Byoj8tv: 0,
438
+ uwmqm3: 0,
439
+ z189sj: 0,
440
+ z8tnut: 0,
441
+ B0ocmuz: "f1mk8lai",
433
442
  a9b677: "feqmc2u",
434
443
  Btgfwho: [
435
444
  "f65zstl",
@@ -440,15 +449,17 @@ const useItemButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
440
449
  Jwef8y: "f18a0fwf",
441
450
  Bi91k9c: "f1u69ym5",
442
451
  eoavqd: "f8491dx",
443
- Dwtyhm: "f14gx60i",
444
- ukgb2i: "f1o3croz",
445
- pugfm4: "f11jyo21",
452
+ pugfm4: 0,
453
+ ukgb2i: 0,
454
+ Dwtyhm: 0,
455
+ Biisq0s: "f15rpok4",
446
456
  Bqrx1nm: "f9ep5xw",
447
457
  ze5xyy: "f1qvjex",
448
458
  iyr2r2: "fd2qbv0",
449
- Bv57zgv: "fwr96hb",
450
- Bnosqey: "f7lk14",
451
- Bx7pl5v: "f143n69s",
459
+ Bx7pl5v: 0,
460
+ Bnosqey: 0,
461
+ Bv57zgv: 0,
462
+ Bbxjs3m: "fm3bo9w",
452
463
  iro3zm: "f1wvkgvo",
453
464
  g2kj27: "f1b9qfq3",
454
465
  pc6evw: "f9ddjv3",
@@ -457,14 +468,18 @@ const useItemButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
457
468
  }, {
458
469
  d: [
459
470
  ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
460
- ".f1ern45e{border-top-style:none;}",
461
- ".f1n71otn{border-right-style:none;}",
462
- ".f1deefiw{border-left-style:none;}",
463
- ".f1h8hb77{border-bottom-style:none;}",
464
- ".f2i1086{border-bottom-right-radius:2px;}",
465
- ".f1rlsnju{border-bottom-left-radius:2px;}",
466
- ".f1stktl2{border-top-right-radius:2px;}",
467
- ".f1127022{border-top-left-radius:2px;}",
471
+ [
472
+ ".f3bhgqh{border:none;}",
473
+ {
474
+ p: -2
475
+ }
476
+ ],
477
+ [
478
+ ".fl4tsp0{border-radius:2px;}",
479
+ {
480
+ p: -1
481
+ }
482
+ ],
468
483
  ".f11d4kpn{color:var(--colorNeutralForeground3);}",
469
484
  ".f1mo0ibp{font-family:inherit;}",
470
485
  ".fy9rknc{font-size:var(--fontSizeBase200);}",
@@ -472,18 +487,30 @@ const useItemButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
472
487
  ".fc76cdq{line-height:40px;}",
473
488
  ".f1w5jphr{min-height:40px;}",
474
489
  ".f12clzc2{min-width:40px;}",
475
- ".f1hu3pq6{margin-top:0;}",
476
- ".f1x4n1mu{margin-right:12px;}",
477
- ".f1hf5xhj{margin-left:12px;}",
478
- ".f19f4twv{margin-bottom:0;}",
479
- ".f1tyq0we{margin-left:0;}",
480
- ".f11qmguv{margin-right:0;}",
481
- ".f1mtd64y{overflow-x:visible;}",
482
- ".f1y7q3j9{overflow-y:visible;}",
483
- ".f1g0x7ka{padding-top:0;}",
484
- ".fhxju0i{padding-right:0;}",
485
- ".f1cnd47f{padding-left:0;}",
486
- ".f1qch9an{padding-bottom:0;}",
490
+ [
491
+ ".f1ytixos{margin:0 12px 0 0;}",
492
+ {
493
+ p: -1
494
+ }
495
+ ],
496
+ [
497
+ ".fqk6p8t{margin:0 0 0 12px;}",
498
+ {
499
+ p: -1
500
+ }
501
+ ],
502
+ [
503
+ ".f1gl81tg{overflow:visible;}",
504
+ {
505
+ p: -1
506
+ }
507
+ ],
508
+ [
509
+ ".f1mk8lai{padding:0;}",
510
+ {
511
+ p: -1
512
+ }
513
+ ],
487
514
  ".feqmc2u{width:40px;}",
488
515
  ".f65zstl:nth-child(4n + 4){margin-right:0;}",
489
516
  ".f1yt3tqw:nth-child(4n + 4){margin-left:0;}",
@@ -494,9 +521,12 @@ const useItemButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
494
521
  ".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}",
495
522
  ".f1u69ym5:hover{color:var(--colorNeutralForeground1Static);}",
496
523
  ".f8491dx:hover{cursor:pointer;}",
497
- ".f14gx60i:hover{outline-width:1px;}",
498
- ".f1o3croz:hover{outline-style:solid;}",
499
- ".f11jyo21:hover{outline-color:var(--colorTransparentStroke);}",
524
+ [
525
+ ".f15rpok4:hover{outline:1px solid var(--colorTransparentStroke);}",
526
+ {
527
+ p: -1
528
+ }
529
+ ],
500
530
  ".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}"
501
531
  ],
502
532
  m: [
@@ -519,20 +549,9 @@ const useItemButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
519
549
  }
520
550
  ],
521
551
  [
522
- "@media (forced-colors: active){.fwr96hb:hover{outline-width:1px;}}",
523
- {
524
- m: "(forced-colors: active)"
525
- }
526
- ],
527
- [
528
- "@media (forced-colors: active){.f7lk14:hover{outline-style:solid;}}",
529
- {
530
- m: "(forced-colors: active)"
531
- }
532
- ],
533
- [
534
- "@media (forced-colors: active){.f143n69s:hover{outline-color:Highlight;}}",
552
+ "@media (forced-colors: active){.fm3bo9w:hover{outline:1px solid Highlight;}}",
535
553
  {
554
+ p: -1,
536
555
  m: "(forced-colors: active)"
537
556
  }
538
557
  ],