@fluentui/react-button 0.0.0-nightly-20240730-0407.1 → 0.0.0-nightly-20240816-2133.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 +13 -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 +130 -120
  13. package/lib-commonjs/components/Button/useButtonStyles.styles.js.map +1 -1
  14. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js +64 -55
  15. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
  16. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js +34 -30
  17. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
  18. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js +48 -42
  19. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
  20. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js +80 -74
  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: "f1nfm20t",
27
+ De3pzq: "f18kwpo5",
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: "f14nttnl",
38
+ sj55zd: "f1csp37j",
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: "f1knas48",
51
+ Jwef8y: "f15sokxw",
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: "feu1g3u",
63
- iro3zm: "f141de4g",
62
+ Bi91k9c: "f16ytb1",
63
+ iro3zm: "f1ofp345",
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: "f9olfzr"
74
+ B2d53fq: "f1scj889"
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: "f1q9pm1r",
134
+ De3pzq: "f1vm7n5g",
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: "fjxutwb",
156
- iro3zm: "fwiml72",
155
+ Jwef8y: "fjc9ezv",
156
+ iro3zm: "f1isutwh",
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: "f8w4g0q",
169
+ De3pzq: "f1uy0udz",
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: "f1phragk",
181
- Jwef8y: "f15wkkf3",
180
+ sj55zd: "fl6npt0",
181
+ Jwef8y: "f1jl89bf",
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: "f1rq72xc",
193
- iro3zm: "fnp9lpt",
192
+ Bi91k9c: "f55wp2b",
193
+ iro3zm: "f13jzei3",
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: "f1d6v5y2"
204
+ B2d53fq: "fi40r0w"
205
205
  },
206
206
  secondary: {},
207
207
  subtle: {
208
- De3pzq: "fq5gl1p",
208
+ De3pzq: "f15oh68g",
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: "f1eryozh",
220
- Jwef8y: "f1t94bn6",
219
+ sj55zd: "f21mm76",
220
+ Jwef8y: "f1y622at",
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: "fnwyq0v",
232
- iro3zm: "fsv2rcd",
231
+ Bi91k9c: "fmfdhz9",
232
+ iro3zm: "f129df0b",
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: "f1omzyqd"
243
+ B2d53fq: "f1dbhjl3"
244
244
  },
245
245
  transparent: {
246
- De3pzq: "f1q9pm1r",
246
+ De3pzq: "fqs746z",
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: "f1qj7y59",
258
- Jwef8y: "fjxutwb",
257
+ sj55zd: "femyvo7",
258
+ Jwef8y: "f1kdwvt",
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: "f139oj5f",
270
- iro3zm: "fwiml72",
269
+ Bi91k9c: "f1uifz6n",
270
+ iro3zm: "fcvsot5",
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: "f1fg1p5m"
281
+ B2d53fq: "fyf9bfy"
282
282
  }
283
283
  }, {
284
284
  d: [
285
- ".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}",
285
+ ".f18kwpo5{background-color:var(--ctrl-token-ToggleButton-117, var(--semantic-token-ToggleButton-118, 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
- ".f14nttnl{color:var(--colorNeutralForeground1Selected);}",
290
+ ".f1csp37j{color:var(--ctrl-token-ToggleButton-119, var(--semantic-token-ToggleButton-120, 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
- ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}",
297
+ ".f1vm7n5g{background-color:var(--ctrl-token-ToggleButton-129, var(--semantic-token-ToggleButton-130, 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,49 +303,52 @@ 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
- ".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}",
306
+ ".f1uy0udz{background-color:var(--ctrl-token-ToggleButton-135, var(--semantic-token-ToggleButton-136, 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
- ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
312
- ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}",
313
- ".f1eryozh{color:var(--colorNeutralForeground2Selected);}",
314
- ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"
311
+ ".fl6npt0{color:var(--ctrl-token-ToggleButton-137, var(--semantic-token-ToggleButton-138, var(--colorNeutralForegroundOnBrand)));}",
312
+ ".f15oh68g{background-color:var(--ctrl-token-ToggleButton-147, var(--semantic-token-ToggleButton-148, var(--colorSubtleBackgroundSelected)));}",
313
+ ".f21mm76{color:var(--ctrl-token-ToggleButton-149, var(--semantic-token-ToggleButton-150, var(--colorNeutralForeground2Selected)));}",
314
+ ".fqs746z{background-color:var(--ctrl-token-ToggleButton-159, var(--semantic-token-ToggleButton-160, var(--colorTransparentBackgroundSelected)));}",
315
+ ".femyvo7{color:var(--ctrl-token-ToggleButton-161, var(--semantic-token-ToggleButton-162, var(--colorNeutralForeground2BrandSelected)));}"
315
316
  ],
316
317
  h: [
317
- ".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}",
318
+ ".f15sokxw:hover{background-color:var(--ctrl-token-ToggleButton-121, var(--semantic-token-ToggleButton-122, var(--colorNeutralBackground1Hover)));}",
318
319
  ".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}",
319
320
  ".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}",
320
321
  ".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}",
321
322
  ".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}",
322
- ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}",
323
- ".f141de4g:hover:active{background-color:var(--colorNeutralBackground1Pressed);}",
323
+ ".f16ytb1:hover{color:var(--ctrl-token-ToggleButton-123, var(--semantic-token-ToggleButton-124, var(--colorNeutralForeground1Hover)));}",
324
+ ".f1ofp345:hover:active{background-color:var(--ctrl-token-ToggleButton-125, var(--semantic-token-ToggleButton-126, var(--colorNeutralBackground1Pressed)));}",
324
325
  ".f11v6sdu:hover:active{border-top-color:var(--colorNeutralStroke1Pressed);}",
325
326
  ".f9yn8i4:hover:active{border-right-color:var(--colorNeutralStroke1Pressed);}",
326
327
  ".f1ajwf28:hover:active{border-left-color:var(--colorNeutralStroke1Pressed);}",
327
328
  ".f1uwu36w:hover:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}",
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);}",
329
+ ".f1scj889:hover:active{color:var(--ctrl-token-ToggleButton-127, var(--semantic-token-ToggleButton-128, var(--colorNeutralForeground1Pressed)));}",
330
+ ".fjc9ezv:hover{background-color:var(--ctrl-token-ToggleButton-131, var(--semantic-token-ToggleButton-132, var(--colorTransparentBackgroundHover)));}",
331
+ ".f1isutwh:hover:active{background-color:var(--ctrl-token-ToggleButton-133, var(--semantic-token-ToggleButton-134, var(--colorTransparentBackgroundPressed)));}",
332
+ ".f1jl89bf:hover{background-color:var(--ctrl-token-ToggleButton-139, var(--semantic-token-ToggleButton-140, var(--colorBrandBackgroundHover)));}",
332
333
  ".f1s2uweq:hover{border-top-color:transparent;}",
333
334
  ".fr80ssc:hover{border-right-color:transparent;}",
334
335
  ".fecsdlb:hover{border-left-color:transparent;}",
335
336
  ".f1ukrpxl:hover{border-bottom-color:transparent;}",
336
- ".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}",
337
- ".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}",
337
+ ".f55wp2b:hover{color:var(--ctrl-token-ToggleButton-141, var(--semantic-token-ToggleButton-142, var(--colorNeutralForegroundOnBrand)));}",
338
+ ".f13jzei3:hover:active{background-color:var(--ctrl-token-ToggleButton-143, var(--semantic-token-ToggleButton-144, var(--colorBrandBackgroundPressed)));}",
338
339
  ".f1h0usnq:hover:active{border-top-color:transparent;}",
339
340
  ".fs4ktlq:hover:active{border-right-color:transparent;}",
340
341
  ".fx2bmrt:hover:active{border-left-color:transparent;}",
341
342
  ".f16h9ulv:hover:active{border-bottom-color:transparent;}",
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);}"
343
+ ".fi40r0w:hover:active{color:var(--ctrl-token-ToggleButton-145, var(--semantic-token-ToggleButton-146, var(--colorNeutralForegroundOnBrand)));}",
344
+ ".f1y622at:hover{background-color:var(--ctrl-token-ToggleButton-151, var(--semantic-token-ToggleButton-152, var(--colorSubtleBackgroundHover)));}",
345
+ ".fmfdhz9:hover{color:var(--ctrl-token-ToggleButton-153, var(--semantic-token-ToggleButton-154, var(--colorNeutralForeground2Hover)));}",
346
+ ".f129df0b:hover:active{background-color:var(--ctrl-token-ToggleButton-155, var(--semantic-token-ToggleButton-156, var(--colorSubtleBackgroundPressed)));}",
347
+ ".f1dbhjl3:hover:active{color:var(--ctrl-token-ToggleButton-157, var(--semantic-token-ToggleButton-158, var(--colorNeutralForeground2Pressed)));}",
348
+ ".f1kdwvt:hover{background-color:var(--ctrl-token-ToggleButton-163, var(--semantic-token-ToggleButton-164, var(--colorTransparentBackgroundHover)));}",
349
+ ".f1uifz6n:hover{color:var(--ctrl-token-ToggleButton-165, var(--semantic-token-ToggleButton-166, var(--colorNeutralForeground2BrandHover)));}",
350
+ ".fcvsot5:hover:active{background-color:var(--ctrl-token-ToggleButton-167, var(--semantic-token-ToggleButton-168, var(--colorTransparentBackgroundPressed)));}",
351
+ ".fyf9bfy:hover:active{color:var(--ctrl-token-ToggleButton-169, var(--semantic-token-ToggleButton-170, var(--colorNeutralForeground2BrandPressed)));}"
349
352
  ],
350
353
  m: [
351
354
  [
@@ -461,7 +464,7 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
461
464
  });
462
465
  const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
463
466
  base: {
464
- De3pzq: "f1bg9a2p",
467
+ De3pzq: "f1k23yoa",
465
468
  g2u3we: "f1jj8ep1",
466
469
  h3c5rm: [
467
470
  "f15xbau",
@@ -472,8 +475,8 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
472
475
  "fy0fskl",
473
476
  "f15xbau"
474
477
  ],
475
- sj55zd: "f1s2aq7o",
476
- Jwef8y: "f1falr9n",
478
+ sj55zd: "fjspjct",
479
+ Jwef8y: "f1n2t4ql",
477
480
  Bgoe8wy: "f12mpcsy",
478
481
  Bwzppfd: [
479
482
  "f1gwvigk",
@@ -484,8 +487,8 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
484
487
  "f18rmfxp",
485
488
  "f1gwvigk"
486
489
  ],
487
- Bi91k9c: "fvgxktp",
488
- iro3zm: "f1t6o4dc",
490
+ Bi91k9c: "f1ue51li",
491
+ iro3zm: "f1jom5jg",
489
492
  b661bw: "f10ztigi",
490
493
  Bk6r4ia: [
491
494
  "f1ft5sdu",
@@ -496,7 +499,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
496
499
  "f1gzf82w",
497
500
  "f1ft5sdu"
498
501
  ],
499
- B2d53fq: "fcvwxyo"
502
+ B2d53fq: "f1sv745"
500
503
  },
501
504
  outline: {},
502
505
  primary: {
@@ -533,7 +536,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
533
536
  },
534
537
  secondary: {},
535
538
  subtle: {
536
- De3pzq: "f1c21dwh",
539
+ De3pzq: "fxu8n6m",
537
540
  g2u3we: "f1p3nwhy",
538
541
  h3c5rm: [
539
542
  "f11589ue",
@@ -544,7 +547,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
544
547
  "f1pdflbu",
545
548
  "f11589ue"
546
549
  ],
547
- Jwef8y: "fjxutwb",
550
+ Jwef8y: "f1jvt5m3",
548
551
  Bgoe8wy: "f1s2uweq",
549
552
  Bwzppfd: [
550
553
  "fr80ssc",
@@ -555,7 +558,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
555
558
  "fecsdlb",
556
559
  "fr80ssc"
557
560
  ],
558
- iro3zm: "fwiml72",
561
+ iro3zm: "f3n1mc4",
559
562
  b661bw: "f1h0usnq",
560
563
  Bk6r4ia: [
561
564
  "fs4ktlq",
@@ -568,7 +571,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
568
571
  ]
569
572
  },
570
573
  transparent: {
571
- De3pzq: "f1c21dwh",
574
+ De3pzq: "fgg7zh1",
572
575
  g2u3we: "f1p3nwhy",
573
576
  h3c5rm: [
574
577
  "f11589ue",
@@ -579,7 +582,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
579
582
  "f1pdflbu",
580
583
  "f11589ue"
581
584
  ],
582
- Jwef8y: "fjxutwb",
585
+ Jwef8y: "f1atjbej",
583
586
  Bgoe8wy: "f1s2uweq",
584
587
  Bwzppfd: [
585
588
  "fr80ssc",
@@ -590,7 +593,7 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
590
593
  "fecsdlb",
591
594
  "fr80ssc"
592
595
  ],
593
- iro3zm: "fwiml72",
596
+ iro3zm: "flu360c",
594
597
  b661bw: "f1h0usnq",
595
598
  Bk6r4ia: [
596
599
  "fs4ktlq",
@@ -604,31 +607,32 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
604
607
  }
605
608
  }, {
606
609
  d: [
607
- ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}",
610
+ ".f1k23yoa{background-color:var(--ctrl-token-ToggleButton-171, var(--semantic-token-ToggleButton-172, var(--colorNeutralBackgroundDisabled)));}",
608
611
  ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}",
609
612
  ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}",
610
613
  ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}",
611
614
  ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
612
- ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
615
+ ".fjspjct{color:var(--ctrl-token-ToggleButton-173, var(--semantic-token-ToggleButton-174, var(--colorNeutralForegroundDisabled)));}",
613
616
  ".f1p3nwhy{border-top-color:transparent;}",
614
617
  ".f11589ue{border-right-color:transparent;}",
615
618
  ".f1pdflbu{border-left-color:transparent;}",
616
619
  ".f1q5o8ev{border-bottom-color:transparent;}",
617
- ".f1c21dwh{background-color:var(--colorTransparentBackground);}"
620
+ ".fxu8n6m{background-color:var(--ctrl-token-ToggleButton-183, var(--semantic-token-ToggleButton-184, var(--colorTransparentBackground)));}",
621
+ ".fgg7zh1{background-color:var(--ctrl-token-ToggleButton-189, var(--semantic-token-ToggleButton-190, var(--colorTransparentBackground)));}"
618
622
  ],
619
623
  h: [
620
- ".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}",
624
+ ".f1n2t4ql:hover{background-color:var(--ctrl-token-ToggleButton-175, var(--semantic-token-ToggleButton-176, var(--colorNeutralBackgroundDisabled)));}",
621
625
  ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}",
622
626
  ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}",
623
627
  ".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}",
624
628
  ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
625
- ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}",
626
- ".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}",
629
+ ".f1ue51li:hover{color:var(--ctrl-token-ToggleButton-177, var(--semantic-token-ToggleButton-178, var(--colorNeutralForegroundDisabled)));}",
630
+ ".f1jom5jg:hover:active{background-color:var(--ctrl-token-ToggleButton-179, var(--semantic-token-ToggleButton-180, var(--colorNeutralBackgroundDisabled)));}",
627
631
  ".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}",
628
632
  ".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}",
629
633
  ".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}",
630
634
  ".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}",
631
- ".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}",
635
+ ".f1sv745:hover:active{color:var(--ctrl-token-ToggleButton-181, var(--semantic-token-ToggleButton-182, var(--colorNeutralForegroundDisabled)));}",
632
636
  ".f1s2uweq:hover{border-top-color:transparent;}",
633
637
  ".fr80ssc:hover{border-right-color:transparent;}",
634
638
  ".fecsdlb:hover{border-left-color:transparent;}",
@@ -637,20 +641,22 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
637
641
  ".fs4ktlq:hover:active{border-right-color:transparent;}",
638
642
  ".fx2bmrt:hover:active{border-left-color:transparent;}",
639
643
  ".f16h9ulv:hover:active{border-bottom-color:transparent;}",
640
- ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}",
641
- ".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}"
644
+ ".f1jvt5m3:hover{background-color:var(--ctrl-token-ToggleButton-185, var(--semantic-token-ToggleButton-186, var(--colorTransparentBackgroundHover)));}",
645
+ ".f3n1mc4:hover:active{background-color:var(--ctrl-token-ToggleButton-187, var(--semantic-token-ToggleButton-188, var(--colorTransparentBackgroundPressed)));}",
646
+ ".f1atjbej:hover{background-color:var(--ctrl-token-ToggleButton-191, var(--semantic-token-ToggleButton-192, var(--colorTransparentBackgroundHover)));}",
647
+ ".flu360c:hover:active{background-color:var(--ctrl-token-ToggleButton-193, var(--semantic-token-ToggleButton-194, var(--colorTransparentBackgroundPressed)));}"
642
648
  ]
643
649
  });
644
650
  const useIconCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
645
651
  subtleOrTransparent: {
646
- sj55zd: "f1qj7y59"
652
+ sj55zd: "f9x7xpk"
647
653
  },
648
654
  highContrast: {
649
655
  ycbfsm: "fg4l7m0"
650
656
  }
651
657
  }, {
652
658
  d: [
653
- ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"
659
+ ".f9x7xpk{color:var(--ctrl-token-ToggleButton-195, var(--semantic-token-ToggleButton-196, var(--colorNeutralForeground2BrandSelected)));}"
654
660
  ],
655
661
  m: [
656
662
  [
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: 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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"}
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(--ctrl-token-ToggleButton-117, var(--semantic-token-ToggleButton-118, ${tokens.colorNeutralBackground1Selected}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n color: `var(--ctrl-token-ToggleButton-119, var(--semantic-token-ToggleButton-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(--ctrl-token-ToggleButton-121, var(--semantic-token-ToggleButton-122, ${tokens.colorNeutralBackground1Hover}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n color: `var(--ctrl-token-ToggleButton-123, var(--semantic-token-ToggleButton-124, ${tokens.colorNeutralForeground1Hover}))`\n },\n ':hover:active': {\n backgroundColor: `var(--ctrl-token-ToggleButton-125, var(--semantic-token-ToggleButton-126, ${tokens.colorNeutralBackground1Pressed}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n color: `var(--ctrl-token-ToggleButton-127, var(--semantic-token-ToggleButton-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(--ctrl-token-ToggleButton-129, var(--semantic-token-ToggleButton-130, ${tokens.colorTransparentBackgroundSelected}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n ...shorthands.borderWidth(tokens.strokeWidthThicker),\n ':hover': {\n backgroundColor: `var(--ctrl-token-ToggleButton-131, var(--semantic-token-ToggleButton-132, ${tokens.colorTransparentBackgroundHover}))`\n },\n ':hover:active': {\n backgroundColor: `var(--ctrl-token-ToggleButton-133, var(--semantic-token-ToggleButton-134, ${tokens.colorTransparentBackgroundPressed}))`\n },\n ...createCustomFocusIndicatorStyle({\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n })\n },\n primary: {\n backgroundColor: `var(--ctrl-token-ToggleButton-135, var(--semantic-token-ToggleButton-136, ${tokens.colorBrandBackgroundSelected}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--ctrl-token-ToggleButton-137, var(--semantic-token-ToggleButton-138, ${tokens.colorNeutralForegroundOnBrand}))`,\n ':hover': {\n backgroundColor: `var(--ctrl-token-ToggleButton-139, var(--semantic-token-ToggleButton-140, ${tokens.colorBrandBackgroundHover}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--ctrl-token-ToggleButton-141, var(--semantic-token-ToggleButton-142, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n ':hover:active': {\n backgroundColor: `var(--ctrl-token-ToggleButton-143, var(--semantic-token-ToggleButton-144, ${tokens.colorBrandBackgroundPressed}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--ctrl-token-ToggleButton-145, var(--semantic-token-ToggleButton-146, ${tokens.colorNeutralForegroundOnBrand}))`\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: `var(--ctrl-token-ToggleButton-147, var(--semantic-token-ToggleButton-148, ${tokens.colorSubtleBackgroundSelected}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--ctrl-token-ToggleButton-149, var(--semantic-token-ToggleButton-150, ${tokens.colorNeutralForeground2Selected}))`,\n ':hover': {\n backgroundColor: `var(--ctrl-token-ToggleButton-151, var(--semantic-token-ToggleButton-152, ${tokens.colorSubtleBackgroundHover}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--ctrl-token-ToggleButton-153, var(--semantic-token-ToggleButton-154, ${tokens.colorNeutralForeground2Hover}))`\n },\n ':hover:active': {\n backgroundColor: `var(--ctrl-token-ToggleButton-155, var(--semantic-token-ToggleButton-156, ${tokens.colorSubtleBackgroundPressed}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--ctrl-token-ToggleButton-157, var(--semantic-token-ToggleButton-158, ${tokens.colorNeutralForeground2Pressed}))`\n }\n },\n transparent: {\n backgroundColor: `var(--ctrl-token-ToggleButton-159, var(--semantic-token-ToggleButton-160, ${tokens.colorTransparentBackgroundSelected}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--ctrl-token-ToggleButton-161, var(--semantic-token-ToggleButton-162, ${tokens.colorNeutralForeground2BrandSelected}))`,\n ':hover': {\n backgroundColor: `var(--ctrl-token-ToggleButton-163, var(--semantic-token-ToggleButton-164, ${tokens.colorTransparentBackgroundHover}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--ctrl-token-ToggleButton-165, var(--semantic-token-ToggleButton-166, ${tokens.colorNeutralForeground2BrandHover}))`\n },\n ':hover:active': {\n backgroundColor: `var(--ctrl-token-ToggleButton-167, var(--semantic-token-ToggleButton-168, ${tokens.colorTransparentBackgroundPressed}))`,\n ...shorthands.borderColor('transparent'),\n color: `var(--ctrl-token-ToggleButton-169, var(--semantic-token-ToggleButton-170, ${tokens.colorNeutralForeground2BrandPressed}))`\n }\n }\n});\nconst useRootDisabledStyles = makeStyles({\n // Base styles\n base: {\n backgroundColor: `var(--ctrl-token-ToggleButton-171, var(--semantic-token-ToggleButton-172, ${tokens.colorNeutralBackgroundDisabled}))`,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: `var(--ctrl-token-ToggleButton-173, var(--semantic-token-ToggleButton-174, ${tokens.colorNeutralForegroundDisabled}))`,\n ':hover': {\n backgroundColor: `var(--ctrl-token-ToggleButton-175, var(--semantic-token-ToggleButton-176, ${tokens.colorNeutralBackgroundDisabled}))`,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: `var(--ctrl-token-ToggleButton-177, var(--semantic-token-ToggleButton-178, ${tokens.colorNeutralForegroundDisabled}))`\n },\n ':hover:active': {\n backgroundColor: `var(--ctrl-token-ToggleButton-179, var(--semantic-token-ToggleButton-180, ${tokens.colorNeutralBackgroundDisabled}))`,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: `var(--ctrl-token-ToggleButton-181, var(--semantic-token-ToggleButton-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(--ctrl-token-ToggleButton-183, var(--semantic-token-ToggleButton-184, ${tokens.colorTransparentBackground}))`,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: `var(--ctrl-token-ToggleButton-185, var(--semantic-token-ToggleButton-186, ${tokens.colorTransparentBackgroundHover}))`,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: `var(--ctrl-token-ToggleButton-187, var(--semantic-token-ToggleButton-188, ${tokens.colorTransparentBackgroundPressed}))`,\n ...shorthands.borderColor('transparent')\n }\n },\n transparent: {\n backgroundColor: `var(--ctrl-token-ToggleButton-189, var(--semantic-token-ToggleButton-190, ${tokens.colorTransparentBackground}))`,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: `var(--ctrl-token-ToggleButton-191, var(--semantic-token-ToggleButton-192, ${tokens.colorTransparentBackgroundHover}))`,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: `var(--ctrl-token-ToggleButton-193, var(--semantic-token-ToggleButton-194, ${tokens.colorTransparentBackgroundPressed}))`,\n ...shorthands.borderColor('transparent')\n }\n }\n});\nconst useIconCheckedStyles = makeStyles({\n // Appearance variations\n subtleOrTransparent: {\n color: `var(--ctrl-token-ToggleButton-195, var(--semantic-token-ToggleButton-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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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-button",
3
- "version": "0.0.0-nightly-20240730-0407.1",
3
+ "version": "0.0.0-nightly-20240816-2133.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-20240730-0407.1",
31
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240730-0407.1",
30
+ "@fluentui/react-conformance": "0.0.0-nightly-20240816-2133.1",
31
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240816-2133.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-20240730-0407.1",
37
- "@fluentui/react-aria": "0.0.0-nightly-20240730-0407.1",
36
+ "@fluentui/keyboard-keys": "0.0.0-nightly-20240816-2133.1",
37
+ "@fluentui/react-aria": "0.0.0-nightly-20240816-2133.1",
38
38
  "@fluentui/react-icons": "^2.0.245",
39
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240730-0407.1",
40
- "@fluentui/react-shared-contexts": "0.0.0-nightly-20240730-0407.1",
41
- "@fluentui/react-tabster": "0.0.0-nightly-20240730-0407.1",
42
- "@fluentui/react-theme": "0.0.0-nightly-20240730-0407.1",
43
- "@fluentui/react-utilities": "0.0.0-nightly-20240730-0407.1",
39
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240816-2133.1",
40
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20240816-2133.1",
41
+ "@fluentui/react-tabster": "0.0.0-nightly-20240816-2133.1",
42
+ "@fluentui/react-theme": "0.0.0-nightly-20240816-2133.1",
43
+ "@fluentui/react-utilities": "0.0.0-nightly-20240816-2133.1",
44
44
  "@griffel/react": "^1.5.22",
45
45
  "@swc/helpers": "^0.5.1"
46
46
  },