@fluentui/react-button 0.0.0-nightly-20240823-1802.1 → 0.0.0-nightly-20240826-0407.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/CHANGELOG.md +33 -13
  2. package/lib/components/Button/useButtonStyles.styles.js +79 -79
  3. package/lib/components/Button/useButtonStyles.styles.js.map +1 -1
  4. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.js +40 -40
  5. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
  6. package/lib/components/MenuButton/useMenuButtonStyles.styles.js +19 -19
  7. package/lib/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
  8. package/lib/components/SplitButton/useSplitButtonStyles.styles.js +14 -14
  9. package/lib/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
  10. package/lib/components/ToggleButton/useToggleButtonStyles.styles.js +45 -45
  11. package/lib/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
  12. package/lib-commonjs/components/Button/useButtonStyles.styles.js +120 -130
  13. package/lib-commonjs/components/Button/useButtonStyles.styles.js.map +1 -1
  14. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js +55 -64
  15. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
  16. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js +30 -34
  17. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
  18. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js +42 -48
  19. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
  20. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js +74 -80
  21. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
  22. package/package.json +10 -10
package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js CHANGED
@@ -24,7 +24,7 @@ const toggleButtonClassNames = {
24
24
  };
25
25
  const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
26
26
  base: {
27
- De3pzq: "f1quyamg",
27
+ De3pzq: "f1nfm20t",
28
28
  g2u3we: "fj3muxo",
29
29
  h3c5rm: [
30
30
  "f1akhkt",
@@ -35,7 +35,7 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
35
35
  "f1lxtadh",
36
36
  "f1akhkt"
37
37
  ],
38
- sj55zd: "ftobqpq",
38
+ sj55zd: "f14nttnl",
39
39
  B4j52fo: "f192inf7",
40
40
  Bekrc4i: [
41
41
  "f5tn483",
@@ -48,7 +48,7 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
48
48
  ],
49
49
  D0sxk3: "fxoiby5",
50
50
  t6yez3: "f15q0o9g",
51
- Jwef8y: "f1ufrqid",
51
+ Jwef8y: "f1knas48",
52
52
  Bgoe8wy: "fvcxoqz",
53
53
  Bwzppfd: [
54
54
  "f1ub3y4t",
@@ -59,8 +59,8 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
59
59
  "f1m52nbi",
60
60
  "f1ub3y4t"
61
61
  ],
62
- Bi91k9c: "frsn5jk",
63
- iro3zm: "fld24mq",
62
+ Bi91k9c: "feu1g3u",
63
+ iro3zm: "f141de4g",
64
64
  b661bw: "f11v6sdu",
65
65
  Bk6r4ia: [
66
66
  "f9yn8i4",
@@ -71,7 +71,7 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
71
71
  "f1ajwf28",
72
72
  "f9yn8i4"
73
73
  ],
74
- B2d53fq: "f13xdy7n"
74
+ B2d53fq: "f9olfzr"
75
75
  },
76
76
  highContrast: {
77
77
  Bsw6fvg: "f1rirnrt",
@@ -131,7 +131,7 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
131
131
  B7d2ofm: "fkom8lu"
132
132
  },
133
133
  outline: {
134
- De3pzq: "f172tr4g",
134
+ De3pzq: "f1q9pm1r",
135
135
  g2u3we: "fj3muxo",
136
136
  h3c5rm: [
137
137
  "f1akhkt",
@@ -152,8 +152,8 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
152
152
  "f1efpmoh",
153
153
  "f130t4y6"
154
154
  ],
155
- Jwef8y: "fy73arb",
156
- iro3zm: "f1n3kqpp",
155
+ Jwef8y: "fjxutwb",
156
+ iro3zm: "fwiml72",
157
157
  B8q5s1w: "fcaw57c",
158
158
  Bci5o5g: [
159
159
  "fpwd27e",
@@ -166,7 +166,7 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
166
166
  ]
167
167
  },
168
168
  primary: {
169
- De3pzq: "f1lf224m",
169
+ De3pzq: "f8w4g0q",
170
170
  g2u3we: "f1p3nwhy",
171
171
  h3c5rm: [
172
172
  "f11589ue",
@@ -177,8 +177,8 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
177
177
  "f1pdflbu",
178
178
  "f11589ue"
179
179
  ],
180
- sj55zd: "fg5qrus",
181
- Jwef8y: "fxswv3b",
180
+ sj55zd: "f1phragk",
181
+ Jwef8y: "f15wkkf3",
182
182
  Bgoe8wy: "f1s2uweq",
183
183
  Bwzppfd: [
184
184
  "fr80ssc",
@@ -189,8 +189,8 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
189
189
  "fecsdlb",
190
190
  "fr80ssc"
191
191
  ],
192
- Bi91k9c: "fuwkukp",
193
- iro3zm: "f1psmnu2",
192
+ Bi91k9c: "f1rq72xc",
193
+ iro3zm: "fnp9lpt",
194
194
  b661bw: "f1h0usnq",
195
195
  Bk6r4ia: [
196
196
  "fs4ktlq",
@@ -201,11 +201,11 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
201
201
  "fx2bmrt",
202
202
  "fs4ktlq"
203
203
  ],
204
- B2d53fq: "f2ivi1s"
204
+ B2d53fq: "f1d6v5y2"
205
205
  },
206
206
  secondary: {},
207
207
  subtle: {
208
- De3pzq: "f1ftzvcr",
208
+ De3pzq: "fq5gl1p",
209
209
  g2u3we: "f1p3nwhy",
210
210
  h3c5rm: [
211
211
  "f11589ue",
@@ -216,8 +216,8 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
216
216
  "f1pdflbu",
217
217
  "f11589ue"
218
218
  ],
219
- sj55zd: "ffjioa1",
220
- Jwef8y: "f1d9twxa",
219
+ sj55zd: "f1eryozh",
220
+ Jwef8y: "f1t94bn6",
221
221
  Bgoe8wy: "f1s2uweq",
222
222
  Bwzppfd: [
223
223
  "fr80ssc",
@@ -228,8 +228,8 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
228
228
  "fecsdlb",
229
229
  "fr80ssc"
230
230
  ],
231
- Bi91k9c: "f1bnsls0",
232
- iro3zm: "f2qeqlu",
231
+ Bi91k9c: "fnwyq0v",
232
+ iro3zm: "fsv2rcd",
233
233
  b661bw: "f1h0usnq",
234
234
  Bk6r4ia: [
235
235
  "fs4ktlq",
@@ -240,10 +240,10 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
240
240
  "fx2bmrt",
241
241
  "fs4ktlq"
242
242
  ],
243
- B2d53fq: "fmikl02"
243
+ B2d53fq: "f1omzyqd"
244
244
  },
245
245
  transparent: {
246
- De3pzq: "f13l10xp",
246
+ De3pzq: "f1q9pm1r",
247
247
  g2u3we: "f1p3nwhy",
248
248
  h3c5rm: [
249
249
  "f11589ue",
@@ -254,8 +254,8 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
254
254
  "f1pdflbu",
255
255
  "f11589ue"
256
256
  ],
257
- sj55zd: "f1qj54ry",
258
- Jwef8y: "f7m7ne2",
257
+ sj55zd: "f1qj7y59",
258
+ Jwef8y: "fjxutwb",
259
259
  Bgoe8wy: "f1s2uweq",
260
260
  Bwzppfd: [
261
261
  "fr80ssc",
@@ -266,8 +266,8 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
266
266
  "fecsdlb",
267
267
  "fr80ssc"
268
268
  ],
269
- Bi91k9c: "f1svx1ee",
270
- iro3zm: "f1qy32lw",
269
+ Bi91k9c: "f139oj5f",
270
+ iro3zm: "fwiml72",
271
271
  b661bw: "f1h0usnq",
272
272
  Bk6r4ia: [
273
273
  "fs4ktlq",
@@ -278,23 +278,23 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
278
278
  "fx2bmrt",
279
279
  "fs4ktlq"
280
280
  ],
281
- B2d53fq: "fjg449s"
281
+ B2d53fq: "f1fg1p5m"
282
282
  }
283
283
  }, {
284
284
  d: [
285
- ".f1quyamg{background-color:var(--117, var(--118, var(--colorNeutralBackground1Selected)));}",
285
+ ".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}",
286
286
  ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}",
287
287
  ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}",
288
288
  ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}",
289
289
  ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}",
290
- ".ftobqpq{color:var(--119, var(--120, var(--colorNeutralForeground1Selected)));}",
290
+ ".f14nttnl{color:var(--colorNeutralForeground1Selected);}",
291
291
  ".f192inf7{border-top-width:var(--strokeWidthThin);}",
292
292
  ".f5tn483{border-right-width:var(--strokeWidthThin);}",
293
293
  ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}",
294
294
  ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}",
295
295
  ".fxoiby5 .fui-Icon-filled{display:inline;}",
296
296
  ".f15q0o9g .fui-Icon-regular{display:none;}",
297
- ".f172tr4g{background-color:var(--129, var(--130, var(--colorTransparentBackgroundSelected)));}",
297
+ ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}",
298
298
  ".fgx37oo{border-top-width:var(--strokeWidthThicker);}",
299
299
  ".f130t4y6{border-right-width:var(--strokeWidthThicker);}",
300
300
  ".f1efpmoh{border-left-width:var(--strokeWidthThicker);}",
@@ -303,52 +303,49 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
303
303
  ".fpwd27e[data-fui-focus-visible]{border-right-color:var(--colorNeutralStroke1);}",
304
304
  ".f1999bjr[data-fui-focus-visible]{border-left-color:var(--colorNeutralStroke1);}",
305
305
  ".f1hi52o4[data-fui-focus-visible]{border-bottom-color:var(--colorNeutralStroke1);}",
306
- ".f1lf224m{background-color:var(--135, var(--136, var(--colorBrandBackgroundSelected)));}",
306
+ ".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}",
307
307
  ".f1p3nwhy{border-top-color:transparent;}",
308
308
  ".f11589ue{border-right-color:transparent;}",
309
309
  ".f1pdflbu{border-left-color:transparent;}",
310
310
  ".f1q5o8ev{border-bottom-color:transparent;}",
311
- ".fg5qrus{color:var(--137, var(--138, var(--colorNeutralForegroundOnBrand)));}",
312
- ".f1ftzvcr{background-color:var(--147, var(--148, var(--colorSubtleBackgroundSelected)));}",
313
- ".ffjioa1{color:var(--149, var(--150, var(--colorNeutralForeground2Selected)));}",
314
- ".f13l10xp{background-color:var(--159, var(--160, var(--colorTransparentBackgroundSelected)));}",
315
- ".f1qj54ry{color:var(--161, var(--162, var(--colorNeutralForeground2BrandSelected)));}"
311
+ ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
312
+ ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}",
313
+ ".f1eryozh{color:var(--colorNeutralForeground2Selected);}",
314
+ ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"
316
315
  ],
317
316
  h: [
318
- ".f1ufrqid:hover{background-color:var(--121, var(--122, var(--colorNeutralBackground1Hover)));}",
317
+ ".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}",
319
318
  ".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}",
320
319
  ".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}",
321
320
  ".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}",
322
321
  ".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}",
323
- ".frsn5jk:hover{color:var(--123, var(--124, var(--colorNeutralForeground1Hover)));}",
324
- ".fld24mq:hover:active{background-color:var(--125, var(--126, var(--colorNeutralBackground1Pressed)));}",
322
+ ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}",
323
+ ".f141de4g:hover:active{background-color:var(--colorNeutralBackground1Pressed);}",
325
324
  ".f11v6sdu:hover:active{border-top-color:var(--colorNeutralStroke1Pressed);}",
326
325
  ".f9yn8i4:hover:active{border-right-color:var(--colorNeutralStroke1Pressed);}",
327
326
  ".f1ajwf28:hover:active{border-left-color:var(--colorNeutralStroke1Pressed);}",
328
327
  ".f1uwu36w:hover:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}",
329
- ".f13xdy7n:hover:active{color:var(--127, var(--128, var(--colorNeutralForeground1Pressed)));}",
330
- ".fy73arb:hover{background-color:var(--131, var(--132, var(--colorTransparentBackgroundHover)));}",
331
- ".f1n3kqpp:hover:active{background-color:var(--133, var(--134, var(--colorTransparentBackgroundPressed)));}",
332
- ".fxswv3b:hover{background-color:var(--139, var(--140, var(--colorBrandBackgroundHover)));}",
328
+ ".f9olfzr:hover:active{color:var(--colorNeutralForeground1Pressed);}",
329
+ ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}",
330
+ ".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}",
331
+ ".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}",
333
332
  ".f1s2uweq:hover{border-top-color:transparent;}",
334
333
  ".fr80ssc:hover{border-right-color:transparent;}",
335
334
  ".fecsdlb:hover{border-left-color:transparent;}",
336
335
  ".f1ukrpxl:hover{border-bottom-color:transparent;}",
337
- ".fuwkukp:hover{color:var(--141, var(--142, var(--colorNeutralForegroundOnBrand)));}",
338
- ".f1psmnu2:hover:active{background-color:var(--143, var(--144, var(--colorBrandBackgroundPressed)));}",
336
+ ".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}",
337
+ ".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}",
339
338
  ".f1h0usnq:hover:active{border-top-color:transparent;}",
340
339
  ".fs4ktlq:hover:active{border-right-color:transparent;}",
341
340
  ".fx2bmrt:hover:active{border-left-color:transparent;}",
342
341
  ".f16h9ulv:hover:active{border-bottom-color:transparent;}",
343
- ".f2ivi1s:hover:active{color:var(--145, var(--146, var(--colorNeutralForegroundOnBrand)));}",
344
- ".f1d9twxa:hover{background-color:var(--151, var(--152, var(--colorSubtleBackgroundHover)));}",
345
- ".f1bnsls0:hover{color:var(--153, var(--154, var(--colorNeutralForeground2Hover)));}",
346
- ".f2qeqlu:hover:active{background-color:var(--155, var(--156, var(--colorSubtleBackgroundPressed)));}",
347
- ".fmikl02:hover:active{color:var(--157, var(--158, var(--colorNeutralForeground2Pressed)));}",
348
- ".f7m7ne2:hover{background-color:var(--163, var(--164, var(--colorTransparentBackgroundHover)));}",
349
- ".f1svx1ee:hover{color:var(--165, var(--166, var(--colorNeutralForeground2BrandHover)));}",
350
- ".f1qy32lw:hover:active{background-color:var(--167, var(--168, var(--colorTransparentBackgroundPressed)));}",
351
- ".fjg449s:hover:active{color:var(--169, var(--170, var(--colorNeutralForeground2BrandPressed)));}"
342
+ ".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}",
343
+ ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}",
344
+ ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
345
+ ".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}",
346
+ ".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}",
347
+ ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}",
348
+ ".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"
352
349
  ],
353
350
  m: [
354
351
  [
@@ -464,7 +461,7 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
464
461
  });
465
462
  const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
466
463
  base: {
467
- De3pzq: "f1osjf8k",
464
+ De3pzq: "f1bg9a2p",
468
465
  g2u3we: "f1jj8ep1",
469
466
  h3c5rm: [
470
467
  "f15xbau",
@@ -475,8 +472,8 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
475
472
  "fy0fskl",
476
473
  "f15xbau"
477
474
  ],
478
- sj55zd: "fvc80cw",
479
- Jwef8y: "f1drr2o5",
475
+ sj55zd: "f1s2aq7o",
476
+ Jwef8y: "f1falr9n",
480
477
  Bgoe8wy: "f12mpcsy",
481
478
  Bwzppfd: [
482
479
  "f1gwvigk",
@@ -487,8 +484,8 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
487
484
  "f18rmfxp",
488
485
  "f1gwvigk"
489
486
  ],
490
- Bi91k9c: "fbgtw56",
491
- iro3zm: "f1skfleq",
487
+ Bi91k9c: "fvgxktp",
488
+ iro3zm: "f1t6o4dc",
492
489
  b661bw: "f10ztigi",
493
490
  Bk6r4ia: [
494
491
  "f1ft5sdu",
@@ -499,7 +496,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
499
496
  "f1gzf82w",
500
497
  "f1ft5sdu"
501
498
  ],
502
- B2d53fq: "f1h9k2a9"
499
+ B2d53fq: "fcvwxyo"
503
500
  },
504
501
  outline: {},
505
502
  primary: {
@@ -536,7 +533,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
536
533
  },
537
534
  secondary: {},
538
535
  subtle: {
539
- De3pzq: "f1p2r5mf",
536
+ De3pzq: "f1c21dwh",
540
537
  g2u3we: "f1p3nwhy",
541
538
  h3c5rm: [
542
539
  "f11589ue",
@@ -547,7 +544,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
547
544
  "f1pdflbu",
548
545
  "f11589ue"
549
546
  ],
550
- Jwef8y: "fi2y0pq",
547
+ Jwef8y: "fjxutwb",
551
548
  Bgoe8wy: "f1s2uweq",
552
549
  Bwzppfd: [
553
550
  "fr80ssc",
@@ -558,7 +555,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
558
555
  "fecsdlb",
559
556
  "fr80ssc"
560
557
  ],
561
- iro3zm: "fzki9cu",
558
+ iro3zm: "fwiml72",
562
559
  b661bw: "f1h0usnq",
563
560
  Bk6r4ia: [
564
561
  "fs4ktlq",
@@ -571,7 +568,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
571
568
  ]
572
569
  },
573
570
  transparent: {
574
- De3pzq: "f1ps6dp4",
571
+ De3pzq: "f1c21dwh",
575
572
  g2u3we: "f1p3nwhy",
576
573
  h3c5rm: [
577
574
  "f11589ue",
@@ -582,7 +579,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
582
579
  "f1pdflbu",
583
580
  "f11589ue"
584
581
  ],
585
- Jwef8y: "f1599wiw",
582
+ Jwef8y: "fjxutwb",
586
583
  Bgoe8wy: "f1s2uweq",
587
584
  Bwzppfd: [
588
585
  "fr80ssc",
@@ -593,7 +590,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
593
590
  "fecsdlb",
594
591
  "fr80ssc"
595
592
  ],
596
- iro3zm: "f18qe6cd",
593
+ iro3zm: "fwiml72",
597
594
  b661bw: "f1h0usnq",
598
595
  Bk6r4ia: [
599
596
  "fs4ktlq",
@@ -607,32 +604,31 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
607
604
  }
608
605
  }, {
609
606
  d: [
610
- ".f1osjf8k{background-color:var(--171, var(--172, var(--colorNeutralBackgroundDisabled)));}",
607
+ ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}",
611
608
  ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}",
612
609
  ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}",
613
610
  ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}",
614
611
  ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
615
- ".fvc80cw{color:var(--173, var(--174, var(--colorNeutralForegroundDisabled)));}",
612
+ ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
616
613
  ".f1p3nwhy{border-top-color:transparent;}",
617
614
  ".f11589ue{border-right-color:transparent;}",
618
615
  ".f1pdflbu{border-left-color:transparent;}",
619
616
  ".f1q5o8ev{border-bottom-color:transparent;}",
620
- ".f1p2r5mf{background-color:var(--183, var(--184, var(--colorTransparentBackground)));}",
621
- ".f1ps6dp4{background-color:var(--189, var(--190, var(--colorTransparentBackground)));}"
617
+ ".f1c21dwh{background-color:var(--colorTransparentBackground);}"
622
618
  ],
623
619
  h: [
624
- ".f1drr2o5:hover{background-color:var(--175, var(--176, var(--colorNeutralBackgroundDisabled)));}",
620
+ ".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}",
625
621
  ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}",
626
622
  ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}",
627
623
  ".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}",
628
624
  ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
629
- ".fbgtw56:hover{color:var(--177, var(--178, var(--colorNeutralForegroundDisabled)));}",
630
- ".f1skfleq:hover:active{background-color:var(--179, var(--180, var(--colorNeutralBackgroundDisabled)));}",
625
+ ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}",
626
+ ".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}",
631
627
  ".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}",
632
628
  ".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}",
633
629
  ".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}",
634
630
  ".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
635
- ".f1h9k2a9:hover:active{color:var(--181, var(--182, var(--colorNeutralForegroundDisabled)));}",
631
+ ".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}",
636
632
  ".f1s2uweq:hover{border-top-color:transparent;}",
637
633
  ".fr80ssc:hover{border-right-color:transparent;}",
638
634
  ".fecsdlb:hover{border-left-color:transparent;}",
@@ -641,22 +637,20 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
641
637
  ".fs4ktlq:hover:active{border-right-color:transparent;}",
642
638
  ".fx2bmrt:hover:active{border-left-color:transparent;}",
643
639
  ".f16h9ulv:hover:active{border-bottom-color:transparent;}",
644
- ".fi2y0pq:hover{background-color:var(--185, var(--186, var(--colorTransparentBackgroundHover)));}",
645
- ".fzki9cu:hover:active{background-color:var(--187, var(--188, var(--colorTransparentBackgroundPressed)));}",
646
- ".f1599wiw:hover{background-color:var(--191, var(--192, var(--colorTransparentBackgroundHover)));}",
647
- ".f18qe6cd:hover:active{background-color:var(--193, var(--194, var(--colorTransparentBackgroundPressed)));}"
640
+ ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}",
641
+ ".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}"
648
642
  ]
649
643
  });
650
644
  const useIconCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
651
645
  subtleOrTransparent: {
652
- sj55zd: "f1hg606s"
646
+ sj55zd: "f1qj7y59"
653
647
  },
654
648
  highContrast: {
655
649
  ycbfsm: "fg4l7m0"
656
650
  }
657
651
  }, {
658
652
  d: [
659
- ".f1hg606s{color:var(--195, var(--196, var(--colorNeutralForeground2BrandSelected)));}"
653
+ ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"
660
654
  ],
661
655
  m: [
662
656
  [
package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useToggleButtonStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';\nexport const toggleButtonClassNames = {\n root: 'fui-ToggleButton',\n icon: 'fui-ToggleButton__icon'\n};\nconst useRootCheckedStyles = makeStyles({\n // Base styles\n base: {\n backgroundColor: `var(--117, var(--118, ${tokens.colorNeutralBackground1Selected}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n color: `var(--119, var(--120, ${tokens.colorNeutralForeground1Selected}))`,\n ...shorthands.borderWidth(tokens.strokeWidthThin),\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n ':hover': {\n backgroundColor: `var(--121, var(--122, ${tokens.colorNeutralBackground1Hover}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n color: `var(--123, var(--124, ${tokens.colorNeutralForeground1Hover}))`\n },\n ':hover:active': {\n backgroundColor: `var(--125, var(--126, ${tokens.colorNeutralBackground1Pressed}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n color: `var(--127, var(--128, ${tokens.colorNeutralForeground1Pressed}))`\n }\n },\n // High contrast styles\n highContrast: {\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n ...shorthands.borderColor('Highlight'),\n color: 'HighlightText',\n forcedColorAdjust: 'none',\n ':hover': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n },\n ':hover:active': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n },\n ':focus': {\n border: '1px solid HighlightText',\n outlineColor: 'Highlight'\n }\n }\n },\n // Appearance variations\n outline: {\n backgroundColor: `var(--129, var(--130, ${tokens.colorTransparentBackgroundSelected}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n ...shorthands.borderWidth(tokens.strokeWidthThicker),\n ':hover': {\n backgroundColor: `var(--131, var(--132, ${tokens.colorTransparentBackgroundHover}))`\n },\n ':hover:active': {\n backgroundColor: `var(--133, var(--134, ${tokens.colorTransparentBackgroundPressed}))`\n },\n ...createCustomFocusIndicatorStyle({\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n })\n },\n primary: {\n backgroundColor: `var(--135, var(--136, ${tokens.colorBrandBackgroundSelected}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--137, var(--138, ${tokens.colorNeutralForegroundOnBrand}))`,\n ':hover': {\n backgroundColor: `var(--139, var(--140, ${tokens.colorBrandBackgroundHover}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--141, var(--142, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n ':hover:active': {\n backgroundColor: `var(--143, var(--144, ${tokens.colorBrandBackgroundPressed}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--145, var(--146, ${tokens.colorNeutralForegroundOnBrand}))`\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: `var(--147, var(--148, ${tokens.colorSubtleBackgroundSelected}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--149, var(--150, ${tokens.colorNeutralForeground2Selected}))`,\n ':hover': {\n backgroundColor: `var(--151, var(--152, ${tokens.colorSubtleBackgroundHover}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--153, var(--154, ${tokens.colorNeutralForeground2Hover}))`\n },\n ':hover:active': {\n backgroundColor: `var(--155, var(--156, ${tokens.colorSubtleBackgroundPressed}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--157, var(--158, ${tokens.colorNeutralForeground2Pressed}))`\n }\n },\n transparent: {\n backgroundColor: `var(--159, var(--160, ${tokens.colorTransparentBackgroundSelected}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--161, var(--162, ${tokens.colorNeutralForeground2BrandSelected}))`,\n ':hover': {\n backgroundColor: `var(--163, var(--164, ${tokens.colorTransparentBackgroundHover}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--165, var(--166, ${tokens.colorNeutralForeground2BrandHover}))`\n },\n ':hover:active': {\n backgroundColor: `var(--167, var(--168, ${tokens.colorTransparentBackgroundPressed}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--169, var(--170, ${tokens.colorNeutralForeground2BrandPressed}))`\n }\n }\n});\nconst useRootDisabledStyles = makeStyles({\n // Base styles\n base: {\n backgroundColor: `var(--171, var(--172, ${tokens.colorNeutralBackgroundDisabled}))`,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: `var(--173, var(--174, ${tokens.colorNeutralForegroundDisabled}))`,\n ':hover': {\n backgroundColor: `var(--175, var(--176, ${tokens.colorNeutralBackgroundDisabled}))`,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: `var(--177, var(--178, ${tokens.colorNeutralForegroundDisabled}))`\n },\n ':hover:active': {\n backgroundColor: `var(--179, var(--180, ${tokens.colorNeutralBackgroundDisabled}))`,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: `var(--181, var(--182, ${tokens.colorNeutralForegroundDisabled}))`\n }\n },\n // Appearance variations\n outline: {\n },\n primary: {\n ...shorthands.borderColor('transparent'),\n ':hover': {\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n ...shorthands.borderColor('transparent')\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: `var(--183, var(--184, ${tokens.colorTransparentBackground}))`,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: `var(--185, var(--186, ${tokens.colorTransparentBackgroundHover}))`,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: `var(--187, var(--188, ${tokens.colorTransparentBackgroundPressed}))`,\n ...shorthands.borderColor('transparent')\n }\n },\n transparent: {\n backgroundColor: `var(--189, var(--190, ${tokens.colorTransparentBackground}))`,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: `var(--191, var(--192, ${tokens.colorTransparentBackgroundHover}))`,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: `var(--193, var(--194, ${tokens.colorTransparentBackgroundPressed}))`,\n ...shorthands.borderColor('transparent')\n }\n }\n});\nconst useIconCheckedStyles = makeStyles({\n // Appearance variations\n subtleOrTransparent: {\n color: `var(--195, var(--196, ${tokens.colorNeutralForeground2BrandSelected}))`\n },\n // High contrast styles\n highContrast: {\n '@media (forced-colors: active)': {\n forcedColorAdjust: 'auto'\n }\n }\n});\nconst usePrimaryHighContrastStyles = makeStyles({\n // Do not use primary variant high contrast styles for toggle buttons\n // otherwise there isn't enough difference between on/off states\n base: {\n '@media (forced-colors: active)': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('ButtonBorder'),\n color: 'ButtonText',\n forcedColorAdjust: 'auto'\n }\n },\n disabled: {\n '@media (forced-colors: active)': {\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText',\n ':focus': {\n ...shorthands.borderColor('GrayText')\n }\n }\n }\n});\nexport const useToggleButtonStyles_unstable = (state)=>{\n 'use no memo';\n const rootCheckedStyles = useRootCheckedStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const iconCheckedStyles = useIconCheckedStyles();\n const primaryHighContrastStyles = usePrimaryHighContrastStyles();\n const { appearance, checked, disabled, disabledFocusable } = state;\n state.root.className = mergeClasses(toggleButtonClassNames.root, // Primary high contrast styles\n appearance === 'primary' && primaryHighContrastStyles.base, appearance === 'primary' && (disabled || disabledFocusable) && primaryHighContrastStyles.disabled, // Checked styles\n checked && rootCheckedStyles.base, checked && rootCheckedStyles.highContrast, appearance && checked && rootCheckedStyles[appearance], // Disabled styles\n (disabled || disabledFocusable) && rootDisabledStyles.base, appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance], // User provided class name\n state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(toggleButtonClassNames.icon, checked && (appearance === 'subtle' || appearance === 'transparent') && iconCheckedStyles.subtleOrTransparent, iconCheckedStyles.highContrast, state.icon.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n"],"names":["toggleButtonClassNames","useToggleButtonStyles_unstable","root","icon","useRootCheckedStyles","__styles","base","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","sj55zd","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","D0sxk3","t6yez3","Jwef8y","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Bi91k9c","iro3zm","b661bw","Bk6r4ia","B9zn80p","Bpld233","B2d53fq","highContrast","Bsw6fvg","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bbusuzp","ycbfsm","Bqrx1nm","pgvf35","Bh7lczh","dpv3f4","Bpnjhaq","ze5xyy","g2kj27","Bf756sw","Bow2dr7","Bvhedfk","Gye4lf","pc6evw","F3bflw","mxns5l","B0tp99d","l9kbep","Bg4echp","o3nasb","B55dcl7","By5cl00","Bnk1xnq","gdbnj","Bw5jppy","B8jyv7h","ka51wi","G867l3","abbn9y","Btyszwp","Bi9mhhg","B7d2ofm","outline","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","primary","secondary","subtle","transparent","d","h","m","p","useRootDisabledStyles","useIconCheckedStyles","subtleOrTransparent","usePrimaryHighContrastStyles","disabled","state","rootCheckedStyles","rootDisabledStyles","iconCheckedStyles","primaryHighContrastStyles","appearance","checked","disabledFocusable","className","mergeClasses","useButtonStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1
+ {"version":3,"sources":["useToggleButtonStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';\nexport const toggleButtonClassNames = {\n root: 'fui-ToggleButton',\n icon: 'fui-ToggleButton__icon'\n};\nconst useRootCheckedStyles = makeStyles({\n // Base styles\n base: {\n backgroundColor: tokens.colorNeutralBackground1Selected,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n color: tokens.colorNeutralForeground1Selected,\n ...shorthands.borderWidth(tokens.strokeWidthThin),\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n color: tokens.colorNeutralForeground1Hover\n },\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n color: tokens.colorNeutralForeground1Pressed\n }\n },\n // High contrast styles\n highContrast: {\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n ...shorthands.borderColor('Highlight'),\n color: 'HighlightText',\n forcedColorAdjust: 'none',\n ':hover': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n },\n ':hover:active': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n },\n ':focus': {\n border: '1px solid HighlightText',\n outlineColor: 'Highlight'\n }\n }\n },\n // Appearance variations\n outline: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n ...shorthands.borderWidth(tokens.strokeWidthThicker),\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed\n },\n ...createCustomFocusIndicatorStyle({\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n })\n },\n primary: {\n backgroundColor: tokens.colorBrandBackgroundSelected,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n backgroundColor: tokens.colorBrandBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n backgroundColor: tokens.colorBrandBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2Selected,\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2Hover\n },\n ':hover:active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2Pressed\n }\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2BrandSelected,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2BrandHover\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2BrandPressed\n }\n }\n});\nconst useRootDisabledStyles = makeStyles({\n // Base styles\n base: {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n ':hover': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled\n },\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled\n }\n },\n // Appearance variations\n outline: {\n },\n primary: {\n ...shorthands.borderColor('transparent'),\n ':hover': {\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n ...shorthands.borderColor('transparent')\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n ...shorthands.borderColor('transparent')\n }\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n ...shorthands.borderColor('transparent')\n }\n }\n});\nconst useIconCheckedStyles = makeStyles({\n // Appearance variations\n subtleOrTransparent: {\n color: tokens.colorNeutralForeground2BrandSelected\n },\n // High contrast styles\n highContrast: {\n '@media (forced-colors: active)': {\n forcedColorAdjust: 'auto'\n }\n }\n});\nconst usePrimaryHighContrastStyles = makeStyles({\n // Do not use primary variant high contrast styles for toggle buttons\n // otherwise there isn't enough difference between on/off states\n base: {\n '@media (forced-colors: active)': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('ButtonBorder'),\n color: 'ButtonText',\n forcedColorAdjust: 'auto'\n }\n },\n disabled: {\n '@media (forced-colors: active)': {\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText',\n ':focus': {\n ...shorthands.borderColor('GrayText')\n }\n }\n }\n});\nexport const useToggleButtonStyles_unstable = (state)=>{\n 'use no memo';\n const rootCheckedStyles = useRootCheckedStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const iconCheckedStyles = useIconCheckedStyles();\n const primaryHighContrastStyles = usePrimaryHighContrastStyles();\n const { appearance, checked, disabled, disabledFocusable } = state;\n state.root.className = mergeClasses(toggleButtonClassNames.root, // Primary high contrast styles\n appearance === 'primary' && primaryHighContrastStyles.base, appearance === 'primary' && (disabled || disabledFocusable) && primaryHighContrastStyles.disabled, // Checked styles\n checked && rootCheckedStyles.base, checked && rootCheckedStyles.highContrast, appearance && checked && rootCheckedStyles[appearance], // Disabled styles\n (disabled || disabledFocusable) && rootDisabledStyles.base, appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance], // User provided class name\n state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(toggleButtonClassNames.icon, checked && (appearance === 'subtle' || appearance === 'transparent') && iconCheckedStyles.subtleOrTransparent, iconCheckedStyles.highContrast, state.icon.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n"],"names":["toggleButtonClassNames","useToggleButtonStyles_unstable","root","icon","useRootCheckedStyles","__styles","base","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","sj55zd","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","D0sxk3","t6yez3","Jwef8y","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Bi91k9c","iro3zm","b661bw","Bk6r4ia","B9zn80p","Bpld233","B2d53fq","highContrast","Bsw6fvg","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bbusuzp","ycbfsm","Bqrx1nm","pgvf35","Bh7lczh","dpv3f4","Bpnjhaq","ze5xyy","g2kj27","Bf756sw","Bow2dr7","Bvhedfk","Gye4lf","pc6evw","F3bflw","mxns5l","B0tp99d","l9kbep","Bg4echp","o3nasb","B55dcl7","By5cl00","Bnk1xnq","gdbnj","Bw5jppy","B8jyv7h","ka51wi","G867l3","abbn9y","Btyszwp","Bi9mhhg","B7d2ofm","outline","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","primary","secondary","subtle","transparent","d","h","m","p","useRootDisabledStyles","useIconCheckedStyles","subtleOrTransparent","usePrimaryHighContrastStyles","disabled","state","rootCheckedStyles","rootDisabledStyles","iconCheckedStyles","primaryHighContrastStyles","appearance","checked","disabledFocusable","className","mergeClasses","useButtonStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-button",
3
- "version": "0.0.0-nightly-20240823-1802.1",
3
+ "version": "0.0.0-nightly-20240826-0407.1",
4
4
  "description": "Fluent UI React Button component.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -27,20 +27,20 @@
27
27
  "devDependencies": {
28
28
  "@fluentui/a11y-testing": "*",
29
29
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/react-conformance": "0.0.0-nightly-20240823-1802.1",
31
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240823-1802.1",
30
+ "@fluentui/react-conformance": "0.0.0-nightly-20240826-0407.1",
31
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240826-0407.1",
32
32
  "@fluentui/scripts-api-extractor": "*",
33
33
  "@fluentui/scripts-tasks": "*"
34
34
  },
35
35
  "dependencies": {
36
- "@fluentui/keyboard-keys": "0.0.0-nightly-20240823-1802.1",
37
- "@fluentui/react-aria": "0.0.0-nightly-20240823-1802.1",
36
+ "@fluentui/keyboard-keys": "0.0.0-nightly-20240826-0407.1",
37
+ "@fluentui/react-aria": "0.0.0-nightly-20240826-0407.1",
38
38
  "@fluentui/react-icons": "^2.0.245",
39
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240823-1802.1",
40
- "@fluentui/react-shared-contexts": "0.0.0-nightly-20240823-1802.1",
41
- "@fluentui/react-tabster": "0.0.0-nightly-20240823-1802.1",
42
- "@fluentui/react-theme": "0.0.0-nightly-20240823-1802.1",
43
- "@fluentui/react-utilities": "0.0.0-nightly-20240823-1802.1",
39
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240826-0407.1",
40
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20240826-0407.1",
41
+ "@fluentui/react-tabster": "0.0.0-nightly-20240826-0407.1",
42
+ "@fluentui/react-theme": "0.0.0-nightly-20240826-0407.1",
43
+ "@fluentui/react-utilities": "0.0.0-nightly-20240826-0407.1",
44
44
  "@griffel/react": "^1.5.22",
45
45
  "@swc/helpers": "^0.5.1"
46
46
  },