361 lines
18 KiB
JavaScript
361 lines
18 KiB
JavaScript
import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
|
|
import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
|
|
import { tokens } from '@fluentui/react-theme';
|
|
import { shorthands, mergeClasses, __styles } from '@griffel/react';
|
|
import { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';
|
|
export const toggleButtonClassNames = {
|
|
root: 'fui-ToggleButton',
|
|
icon: 'fui-ToggleButton__icon'
|
|
};
|
|
const useRootCheckedStyles = /*#__PURE__*/__styles({
|
|
base: {
|
|
De3pzq: "f1nfm20t",
|
|
g2u3we: "fj3muxo",
|
|
h3c5rm: ["f1akhkt", "f1lxtadh"],
|
|
B9xav0g: "f1aperda",
|
|
zhjwy3: ["f1lxtadh", "f1akhkt"],
|
|
sj55zd: "f14nttnl",
|
|
B4j52fo: "f192inf7",
|
|
Bekrc4i: ["f5tn483", "f1ojsxk5"],
|
|
Bn0qgzm: "f1vxd6vx",
|
|
ibv6hh: ["f1ojsxk5", "f5tn483"],
|
|
D0sxk3: "fxoiby5",
|
|
t6yez3: "f15q0o9g",
|
|
Jwef8y: "f1knas48",
|
|
Bgoe8wy: "fvcxoqz",
|
|
Bwzppfd: ["f1ub3y4t", "f1m52nbi"],
|
|
oetu4i: "f1xlaoq0",
|
|
gg5e9n: ["f1m52nbi", "f1ub3y4t"],
|
|
Bi91k9c: "feu1g3u",
|
|
iro3zm: "f141de4g",
|
|
b661bw: "f11v6sdu",
|
|
Bk6r4ia: ["f9yn8i4", "f1ajwf28"],
|
|
B9zn80p: "f1uwu36w",
|
|
Bpld233: ["f1ajwf28", "f9yn8i4"],
|
|
B2d53fq: "f9olfzr"
|
|
},
|
|
highContrast: {
|
|
Bsw6fvg: "f1rirnrt",
|
|
Bjwas2f: "f132fbg1",
|
|
Bn1d65q: ["f1ene5x0", "fzbc999"],
|
|
Bxeuatn: "f6jgcol",
|
|
n51gp8: ["fzbc999", "f1ene5x0"],
|
|
Bbusuzp: "f1lkg8j3",
|
|
ycbfsm: "fkc42ay",
|
|
Bqrx1nm: "fq7113v",
|
|
pgvf35: "ff1wgvm",
|
|
Bh7lczh: ["fiob0tu", "f1x4h75k"],
|
|
dpv3f4: "f1j6scgf",
|
|
Bpnjhaq: ["f1x4h75k", "fiob0tu"],
|
|
ze5xyy: "f4xjyn1",
|
|
g2kj27: "fbgcvur",
|
|
Bf756sw: "f1ks1yx8",
|
|
Bow2dr7: ["f1o6qegi", "fmxjhhp"],
|
|
Bvhedfk: "fcnxywj",
|
|
Gye4lf: ["fmxjhhp", "f1o6qegi"],
|
|
pc6evw: "f9ddjv3",
|
|
F3bflw: 0,
|
|
mxns5l: 0,
|
|
B0tp99d: 0,
|
|
l9kbep: 0,
|
|
Bg4echp: 0,
|
|
o3nasb: 0,
|
|
B55dcl7: 0,
|
|
By5cl00: 0,
|
|
Bnk1xnq: 0,
|
|
gdbnj: 0,
|
|
Bw5jppy: 0,
|
|
B8jyv7h: 0,
|
|
ka51wi: 0,
|
|
G867l3: 0,
|
|
abbn9y: 0,
|
|
Btyszwp: 0,
|
|
Bi9mhhg: "f1mh9o5k",
|
|
B7d2ofm: "fkom8lu"
|
|
},
|
|
outline: {
|
|
De3pzq: "f1q9pm1r",
|
|
g2u3we: "fj3muxo",
|
|
h3c5rm: ["f1akhkt", "f1lxtadh"],
|
|
B9xav0g: "f1aperda",
|
|
zhjwy3: ["f1lxtadh", "f1akhkt"],
|
|
B4j52fo: "fgx37oo",
|
|
Bekrc4i: ["f130t4y6", "f1efpmoh"],
|
|
Bn0qgzm: "fv51ejd",
|
|
ibv6hh: ["f1efpmoh", "f130t4y6"],
|
|
Jwef8y: "fjxutwb",
|
|
iro3zm: "fwiml72",
|
|
B8q5s1w: "fcaw57c",
|
|
Bci5o5g: ["fpwd27e", "f1999bjr"],
|
|
n8qw10: "f1hi52o4",
|
|
Bdrgwmp: ["f1999bjr", "fpwd27e"]
|
|
},
|
|
primary: {
|
|
De3pzq: "f8w4g0q",
|
|
g2u3we: "f1p3nwhy",
|
|
h3c5rm: ["f11589ue", "f1pdflbu"],
|
|
B9xav0g: "f1q5o8ev",
|
|
zhjwy3: ["f1pdflbu", "f11589ue"],
|
|
sj55zd: "f1phragk",
|
|
Jwef8y: "f15wkkf3",
|
|
Bgoe8wy: "f1s2uweq",
|
|
Bwzppfd: ["fr80ssc", "fecsdlb"],
|
|
oetu4i: "f1ukrpxl",
|
|
gg5e9n: ["fecsdlb", "fr80ssc"],
|
|
Bi91k9c: "f1rq72xc",
|
|
iro3zm: "fnp9lpt",
|
|
b661bw: "f1h0usnq",
|
|
Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
|
|
B9zn80p: "f16h9ulv",
|
|
Bpld233: ["fx2bmrt", "fs4ktlq"],
|
|
B2d53fq: "f1d6v5y2"
|
|
},
|
|
secondary: {},
|
|
subtle: {
|
|
De3pzq: "fq5gl1p",
|
|
g2u3we: "f1p3nwhy",
|
|
h3c5rm: ["f11589ue", "f1pdflbu"],
|
|
B9xav0g: "f1q5o8ev",
|
|
zhjwy3: ["f1pdflbu", "f11589ue"],
|
|
sj55zd: "f1eryozh",
|
|
Jwef8y: "f1t94bn6",
|
|
Bgoe8wy: "f1s2uweq",
|
|
Bwzppfd: ["fr80ssc", "fecsdlb"],
|
|
oetu4i: "f1ukrpxl",
|
|
gg5e9n: ["fecsdlb", "fr80ssc"],
|
|
Bi91k9c: "fnwyq0v",
|
|
iro3zm: "fsv2rcd",
|
|
b661bw: "f1h0usnq",
|
|
Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
|
|
B9zn80p: "f16h9ulv",
|
|
Bpld233: ["fx2bmrt", "fs4ktlq"],
|
|
B2d53fq: "f1omzyqd"
|
|
},
|
|
transparent: {
|
|
De3pzq: "f1q9pm1r",
|
|
g2u3we: "f1p3nwhy",
|
|
h3c5rm: ["f11589ue", "f1pdflbu"],
|
|
B9xav0g: "f1q5o8ev",
|
|
zhjwy3: ["f1pdflbu", "f11589ue"],
|
|
sj55zd: "f1qj7y59",
|
|
Jwef8y: "fjxutwb",
|
|
Bgoe8wy: "f1s2uweq",
|
|
Bwzppfd: ["fr80ssc", "fecsdlb"],
|
|
oetu4i: "f1ukrpxl",
|
|
gg5e9n: ["fecsdlb", "fr80ssc"],
|
|
Bi91k9c: "f139oj5f",
|
|
iro3zm: "fwiml72",
|
|
b661bw: "f1h0usnq",
|
|
Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
|
|
B9zn80p: "f16h9ulv",
|
|
Bpld233: ["fx2bmrt", "fs4ktlq"],
|
|
B2d53fq: "f1fg1p5m"
|
|
}
|
|
}, {
|
|
d: [".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".f14nttnl{color:var(--colorNeutralForeground1Selected);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fxoiby5 .fui-Icon-filled{display:inline;}", ".f15q0o9g .fui-Icon-regular{display:none;}", ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}", ".fgx37oo{border-top-width:var(--strokeWidthThicker);}", ".f130t4y6{border-right-width:var(--strokeWidthThicker);}", ".f1efpmoh{border-left-width:var(--strokeWidthThicker);}", ".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}", ".fcaw57c[data-fui-focus-visible]{border-top-color:var(--colorNeutralStroke1);}", ".fpwd27e[data-fui-focus-visible]{border-right-color:var(--colorNeutralStroke1);}", ".f1999bjr[data-fui-focus-visible]{border-left-color:var(--colorNeutralStroke1);}", ".f1hi52o4[data-fui-focus-visible]{border-bottom-color:var(--colorNeutralStroke1);}", ".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}", ".f1eryozh{color:var(--colorNeutralForeground2Selected);}", ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"],
|
|
h: [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}", ".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}", ".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}", ".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}", ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}", ".f141de4g:hover:active{background-color:var(--colorNeutralBackground1Pressed);}", ".f11v6sdu:hover:active{border-top-color:var(--colorNeutralStroke1Pressed);}", ".f9yn8i4:hover:active{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f1ajwf28:hover:active{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1uwu36w:hover:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}", ".f9olfzr:hover:active{color:var(--colorNeutralForeground1Pressed);}", ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}", ".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}", ".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}", ".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}", ".f1h0usnq:hover:active{border-top-color:transparent;}", ".fs4ktlq:hover:active{border-right-color:transparent;}", ".fx2bmrt:hover:active{border-left-color:transparent;}", ".f16h9ulv:hover:active{border-bottom-color:transparent;}", ".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}", ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}", ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}", ".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}"],
|
|
m: [["@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f132fbg1{border-top-color:Highlight;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f1ene5x0{border-right-color:Highlight;}.fzbc999{border-left-color:Highlight;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f6jgcol{border-bottom-color:Highlight;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.ff1wgvm:hover{border-top-color:Highlight;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f1x4h75k:hover{border-left-color:Highlight;}.fiob0tu:hover{border-right-color:Highlight;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f1j6scgf:hover{border-bottom-color:Highlight;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f4xjyn1:hover{color:Highlight;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.fbgcvur:hover:active{background-color:HighlightText;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f1ks1yx8:hover:active{border-top-color:Highlight;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f1o6qegi:hover:active{border-right-color:Highlight;}.fmxjhhp:hover:active{border-left-color:Highlight;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.fcnxywj:hover:active{border-bottom-color:Highlight;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f9ddjv3:hover:active{color:Highlight;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f1mh9o5k:focus{border:1px solid HighlightText;}}", {
|
|
p: -2,
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.fkom8lu:focus{outline-color:Highlight;}}", {
|
|
m: "(forced-colors: active)"
|
|
}]]
|
|
});
|
|
const useRootDisabledStyles = /*#__PURE__*/__styles({
|
|
base: {
|
|
De3pzq: "f1bg9a2p",
|
|
g2u3we: "f1jj8ep1",
|
|
h3c5rm: ["f15xbau", "fy0fskl"],
|
|
B9xav0g: "f4ikngz",
|
|
zhjwy3: ["fy0fskl", "f15xbau"],
|
|
sj55zd: "f1s2aq7o",
|
|
Jwef8y: "f1falr9n",
|
|
Bgoe8wy: "f12mpcsy",
|
|
Bwzppfd: ["f1gwvigk", "f18rmfxp"],
|
|
oetu4i: "f1jnshp0",
|
|
gg5e9n: ["f18rmfxp", "f1gwvigk"],
|
|
Bi91k9c: "fvgxktp",
|
|
iro3zm: "f1t6o4dc",
|
|
b661bw: "f10ztigi",
|
|
Bk6r4ia: ["f1ft5sdu", "f1gzf82w"],
|
|
B9zn80p: "f12zbtn2",
|
|
Bpld233: ["f1gzf82w", "f1ft5sdu"],
|
|
B2d53fq: "fcvwxyo"
|
|
},
|
|
outline: {},
|
|
primary: {
|
|
g2u3we: "f1p3nwhy",
|
|
h3c5rm: ["f11589ue", "f1pdflbu"],
|
|
B9xav0g: "f1q5o8ev",
|
|
zhjwy3: ["f1pdflbu", "f11589ue"],
|
|
Bgoe8wy: "f1s2uweq",
|
|
Bwzppfd: ["fr80ssc", "fecsdlb"],
|
|
oetu4i: "f1ukrpxl",
|
|
gg5e9n: ["fecsdlb", "fr80ssc"],
|
|
b661bw: "f1h0usnq",
|
|
Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
|
|
B9zn80p: "f16h9ulv",
|
|
Bpld233: ["fx2bmrt", "fs4ktlq"]
|
|
},
|
|
secondary: {},
|
|
subtle: {
|
|
De3pzq: "f1c21dwh",
|
|
g2u3we: "f1p3nwhy",
|
|
h3c5rm: ["f11589ue", "f1pdflbu"],
|
|
B9xav0g: "f1q5o8ev",
|
|
zhjwy3: ["f1pdflbu", "f11589ue"],
|
|
Jwef8y: "fjxutwb",
|
|
Bgoe8wy: "f1s2uweq",
|
|
Bwzppfd: ["fr80ssc", "fecsdlb"],
|
|
oetu4i: "f1ukrpxl",
|
|
gg5e9n: ["fecsdlb", "fr80ssc"],
|
|
iro3zm: "fwiml72",
|
|
b661bw: "f1h0usnq",
|
|
Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
|
|
B9zn80p: "f16h9ulv",
|
|
Bpld233: ["fx2bmrt", "fs4ktlq"]
|
|
},
|
|
transparent: {
|
|
De3pzq: "f1c21dwh",
|
|
g2u3we: "f1p3nwhy",
|
|
h3c5rm: ["f11589ue", "f1pdflbu"],
|
|
B9xav0g: "f1q5o8ev",
|
|
zhjwy3: ["f1pdflbu", "f11589ue"],
|
|
Jwef8y: "fjxutwb",
|
|
Bgoe8wy: "f1s2uweq",
|
|
Bwzppfd: ["fr80ssc", "fecsdlb"],
|
|
oetu4i: "f1ukrpxl",
|
|
gg5e9n: ["fecsdlb", "fr80ssc"],
|
|
iro3zm: "fwiml72",
|
|
b661bw: "f1h0usnq",
|
|
Bk6r4ia: ["fs4ktlq", "fx2bmrt"],
|
|
B9zn80p: "f16h9ulv",
|
|
Bpld233: ["fx2bmrt", "fs4ktlq"]
|
|
}
|
|
}, {
|
|
d: [".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}"],
|
|
h: [".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}", ".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}", ".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}", ".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}", ".f1s2uweq:hover{border-top-color:transparent;}", ".fr80ssc:hover{border-right-color:transparent;}", ".fecsdlb:hover{border-left-color:transparent;}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".f1h0usnq:hover:active{border-top-color:transparent;}", ".fs4ktlq:hover:active{border-right-color:transparent;}", ".fx2bmrt:hover:active{border-left-color:transparent;}", ".f16h9ulv:hover:active{border-bottom-color:transparent;}", ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}", ".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}"]
|
|
});
|
|
const useIconCheckedStyles = /*#__PURE__*/__styles({
|
|
subtleOrTransparent: {
|
|
sj55zd: "f1qj7y59"
|
|
},
|
|
highContrast: {
|
|
ycbfsm: "fg4l7m0"
|
|
}
|
|
}, {
|
|
d: [".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"],
|
|
m: [["@media (forced-colors: active){.fg4l7m0{forced-color-adjust:auto;}}", {
|
|
m: "(forced-colors: active)"
|
|
}]]
|
|
});
|
|
const usePrimaryHighContrastStyles = /*#__PURE__*/__styles({
|
|
base: {
|
|
Bsw6fvg: "f4lkoma",
|
|
Bjwas2f: "f1bauw5b",
|
|
Bn1d65q: ["fbpknfk", "fedl69w"],
|
|
Bxeuatn: "f15s25nd",
|
|
n51gp8: ["fedl69w", "fbpknfk"],
|
|
Bbusuzp: "f1e4kh5",
|
|
ycbfsm: "fg4l7m0"
|
|
},
|
|
disabled: {
|
|
Bjwas2f: "fg455y9",
|
|
Bn1d65q: ["f1rvyvqg", "f14g86mu"],
|
|
Bxeuatn: "f1cwzwz",
|
|
n51gp8: ["f14g86mu", "f1rvyvqg"],
|
|
Bbusuzp: "f1dcs8yz",
|
|
G867l3: "fjwq6ea",
|
|
gdbnj: ["f1lr3nhc", "f1mbxvi6"],
|
|
mxns5l: "fn5gmvv",
|
|
o3nasb: ["f1mbxvi6", "f1lr3nhc"]
|
|
}
|
|
}, {
|
|
m: [["@media (forced-colors: active){.f4lkoma{background-color:ButtonFace;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f1bauw5b{border-top-color:ButtonBorder;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.fbpknfk{border-right-color:ButtonBorder;}.fedl69w{border-left-color:ButtonBorder;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f15s25nd{border-bottom-color:ButtonBorder;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f1e4kh5{color:ButtonText;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.fg4l7m0{forced-color-adjust:auto;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.fjwq6ea:focus{border-top-color:GrayText;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.f1lr3nhc:focus{border-right-color:GrayText;}.f1mbxvi6:focus{border-left-color:GrayText;}}", {
|
|
m: "(forced-colors: active)"
|
|
}], ["@media (forced-colors: active){.fn5gmvv:focus{border-bottom-color:GrayText;}}", {
|
|
m: "(forced-colors: active)"
|
|
}]]
|
|
});
|
|
export const useToggleButtonStyles_unstable = state => {
|
|
'use no memo';
|
|
|
|
const rootCheckedStyles = useRootCheckedStyles();
|
|
const rootDisabledStyles = useRootDisabledStyles();
|
|
const iconCheckedStyles = useIconCheckedStyles();
|
|
const primaryHighContrastStyles = usePrimaryHighContrastStyles();
|
|
const {
|
|
appearance,
|
|
checked,
|
|
disabled,
|
|
disabledFocusable
|
|
} = state;
|
|
state.root.className = mergeClasses(toggleButtonClassNames.root,
|
|
// Primary high contrast styles
|
|
appearance === 'primary' && primaryHighContrastStyles.base, appearance === 'primary' && (disabled || disabledFocusable) && primaryHighContrastStyles.disabled,
|
|
// Checked styles
|
|
checked && rootCheckedStyles.base, checked && rootCheckedStyles.highContrast, appearance && checked && rootCheckedStyles[appearance],
|
|
// Disabled styles
|
|
(disabled || disabledFocusable) && rootDisabledStyles.base, appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance],
|
|
// User provided class name
|
|
state.root.className);
|
|
if (state.icon) {
|
|
state.icon.className = mergeClasses(toggleButtonClassNames.icon, checked && (appearance === 'subtle' || appearance === 'transparent') && iconCheckedStyles.subtleOrTransparent, iconCheckedStyles.highContrast, state.icon.className);
|
|
}
|
|
useButtonStyles_unstable(state);
|
|
return state;
|
|
}; |