@fluentui/react-button 0.0.0-nightly-20240822-1237.1 → 0.0.0-nightly-20240823-1802.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.
- package/CHANGELOG.md +13 -33
- package/lib/components/Button/useButtonStyles.styles.js +79 -79
- package/lib/components/Button/useButtonStyles.styles.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButtonStyles.styles.js +40 -40
- package/lib/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
- package/lib/components/MenuButton/useMenuButtonStyles.styles.js +19 -19
- package/lib/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
- package/lib/components/SplitButton/useSplitButtonStyles.styles.js +14 -14
- package/lib/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.styles.js +45 -45
- package/lib/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Button/useButtonStyles.styles.js +130 -120
- package/lib-commonjs/components/Button/useButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js +64 -55
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js +34 -30
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js +48 -42
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js +80 -74
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
- package/package.json +10 -10
@@ -24,7 +24,7 @@ const toggleButtonClassNames = {
|
|
24
24
|
};
|
25
25
|
const useRootCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
|
26
26
|
base: {
|
27
|
-
De3pzq: "
|
27
|
+
De3pzq: "f1quyamg",
|
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: "
|
38
|
+
sj55zd: "ftobqpq",
|
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: "
|
51
|
+
Jwef8y: "f1ufrqid",
|
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: "
|
63
|
-
iro3zm: "
|
62
|
+
Bi91k9c: "frsn5jk",
|
63
|
+
iro3zm: "fld24mq",
|
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: "
|
74
|
+
B2d53fq: "f13xdy7n"
|
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: "
|
134
|
+
De3pzq: "f172tr4g",
|
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: "
|
156
|
-
iro3zm: "
|
155
|
+
Jwef8y: "fy73arb",
|
156
|
+
iro3zm: "f1n3kqpp",
|
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: "
|
169
|
+
De3pzq: "f1lf224m",
|
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: "
|
181
|
-
Jwef8y: "
|
180
|
+
sj55zd: "fg5qrus",
|
181
|
+
Jwef8y: "fxswv3b",
|
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: "
|
193
|
-
iro3zm: "
|
192
|
+
Bi91k9c: "fuwkukp",
|
193
|
+
iro3zm: "f1psmnu2",
|
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: "
|
204
|
+
B2d53fq: "f2ivi1s"
|
205
205
|
},
|
206
206
|
secondary: {},
|
207
207
|
subtle: {
|
208
|
-
De3pzq: "
|
208
|
+
De3pzq: "f1ftzvcr",
|
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: "
|
220
|
-
Jwef8y: "
|
219
|
+
sj55zd: "ffjioa1",
|
220
|
+
Jwef8y: "f1d9twxa",
|
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: "
|
232
|
-
iro3zm: "
|
231
|
+
Bi91k9c: "f1bnsls0",
|
232
|
+
iro3zm: "f2qeqlu",
|
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: "
|
243
|
+
B2d53fq: "fmikl02"
|
244
244
|
},
|
245
245
|
transparent: {
|
246
|
-
De3pzq: "
|
246
|
+
De3pzq: "f13l10xp",
|
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: "
|
258
|
-
Jwef8y: "
|
257
|
+
sj55zd: "f1qj54ry",
|
258
|
+
Jwef8y: "f7m7ne2",
|
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: "
|
270
|
-
iro3zm: "
|
269
|
+
Bi91k9c: "f1svx1ee",
|
270
|
+
iro3zm: "f1qy32lw",
|
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: "
|
281
|
+
B2d53fq: "fjg449s"
|
282
282
|
}
|
283
283
|
}, {
|
284
284
|
d: [
|
285
|
-
".
|
285
|
+
".f1quyamg{background-color:var(--117, var(--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
|
-
".
|
290
|
+
".ftobqpq{color:var(--119, var(--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
|
-
".
|
297
|
+
".f172tr4g{background-color:var(--129, var(--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
|
-
".
|
306
|
+
".f1lf224m{background-color:var(--135, var(--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
|
-
".
|
312
|
-
".
|
313
|
-
".
|
314
|
-
".
|
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)));}"
|
315
316
|
],
|
316
317
|
h: [
|
317
|
-
".
|
318
|
+
".f1ufrqid:hover{background-color:var(--121, var(--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
|
-
".
|
323
|
-
".
|
323
|
+
".frsn5jk:hover{color:var(--123, var(--124, var(--colorNeutralForeground1Hover)));}",
|
324
|
+
".fld24mq:hover:active{background-color:var(--125, var(--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
|
-
".
|
329
|
-
".
|
330
|
-
".
|
331
|
-
".
|
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)));}",
|
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
|
-
".
|
337
|
-
".
|
337
|
+
".fuwkukp:hover{color:var(--141, var(--142, var(--colorNeutralForegroundOnBrand)));}",
|
338
|
+
".f1psmnu2:hover:active{background-color:var(--143, var(--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
|
-
".
|
343
|
-
".
|
344
|
-
".
|
345
|
-
".
|
346
|
-
".
|
347
|
-
".
|
348
|
-
".
|
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)));}"
|
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: "
|
467
|
+
De3pzq: "f1osjf8k",
|
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: "
|
476
|
-
Jwef8y: "
|
478
|
+
sj55zd: "fvc80cw",
|
479
|
+
Jwef8y: "f1drr2o5",
|
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: "
|
488
|
-
iro3zm: "
|
490
|
+
Bi91k9c: "fbgtw56",
|
491
|
+
iro3zm: "f1skfleq",
|
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: "
|
502
|
+
B2d53fq: "f1h9k2a9"
|
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: "
|
539
|
+
De3pzq: "f1p2r5mf",
|
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: "
|
550
|
+
Jwef8y: "fi2y0pq",
|
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: "
|
561
|
+
iro3zm: "fzki9cu",
|
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: "
|
574
|
+
De3pzq: "f1ps6dp4",
|
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: "
|
585
|
+
Jwef8y: "f1599wiw",
|
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: "
|
596
|
+
iro3zm: "f18qe6cd",
|
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
|
-
".
|
610
|
+
".f1osjf8k{background-color:var(--171, var(--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
|
-
".
|
615
|
+
".fvc80cw{color:var(--173, var(--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
|
-
".
|
620
|
+
".f1p2r5mf{background-color:var(--183, var(--184, var(--colorTransparentBackground)));}",
|
621
|
+
".f1ps6dp4{background-color:var(--189, var(--190, var(--colorTransparentBackground)));}"
|
618
622
|
],
|
619
623
|
h: [
|
620
|
-
".
|
624
|
+
".f1drr2o5:hover{background-color:var(--175, var(--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
|
-
".
|
626
|
-
".
|
629
|
+
".fbgtw56:hover{color:var(--177, var(--178, var(--colorNeutralForegroundDisabled)));}",
|
630
|
+
".f1skfleq:hover:active{background-color:var(--179, var(--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
|
-
".
|
635
|
+
".f1h9k2a9:hover:active{color:var(--181, var(--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
|
-
".
|
641
|
-
".
|
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)));}"
|
642
648
|
]
|
643
649
|
});
|
644
650
|
const useIconCheckedStyles = /*#__PURE__*/ (0, _react.__styles)({
|
645
651
|
subtleOrTransparent: {
|
646
|
-
sj55zd: "
|
652
|
+
sj55zd: "f1hg606s"
|
647
653
|
},
|
648
654
|
highContrast: {
|
649
655
|
ycbfsm: "fg4l7m0"
|
650
656
|
}
|
651
657
|
}, {
|
652
658
|
d: [
|
653
|
-
".
|
659
|
+
".f1hg606s{color:var(--195, var(--196, var(--colorNeutralForeground2BrandSelected)));}"
|
654
660
|
],
|
655
661
|
m: [
|
656
662
|
[
|
@@ -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(--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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"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-button",
|
3
|
-
"version": "0.0.0-nightly-
|
3
|
+
"version": "0.0.0-nightly-20240823-1802.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-
|
31
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
30
|
+
"@fluentui/react-conformance": "0.0.0-nightly-20240823-1802.1",
|
31
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20240823-1802.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-
|
37
|
-
"@fluentui/react-aria": "0.0.0-nightly-
|
36
|
+
"@fluentui/keyboard-keys": "0.0.0-nightly-20240823-1802.1",
|
37
|
+
"@fluentui/react-aria": "0.0.0-nightly-20240823-1802.1",
|
38
38
|
"@fluentui/react-icons": "^2.0.245",
|
39
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-
|
40
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
41
|
-
"@fluentui/react-tabster": "0.0.0-nightly-
|
42
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
43
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
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",
|
44
44
|
"@griffel/react": "^1.5.22",
|
45
45
|
"@swc/helpers": "^0.5.1"
|
46
46
|
},
|