feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-button/lib/components/ToggleButton/useToggleButtonStyles.styles.js

@@ -0,0 +1,419 @@
+'use client';
+
+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",
+    Bpjbzib: "f128kf1x",
+    im15vp: "f1a38rnh",
+    Hjvxdg: ["f1wvuwkr", "fbu0tau"],
+    Gpfmf1: "f132k7zb",
+    ustxxc: ["fbu0tau", "f1wvuwkr"],
+    Brsut9c: "fggfoek"
+  },
+  highContrast: {
+    By8wz76: "f1nz3ub2",
+    Bcq6wej: "fjq791v",
+    Jcjdmf: ["fkq2p2y", "f1sehlss"],
+    sc4o1m: "f11odvng",
+    Bosien3: ["f1sehlss", "fkq2p2y"],
+    B7iucu3: "fqc85l4",
+    B8gzw0y: "f1h3a8gf",
+    Bbkh6qg: "fkiggi6",
+    F230oe: "f8gmj8i",
+    Bdw8ktp: ["f1ap8nzx", "fjag8bx"],
+    Bj1xduy: "f1igan7k",
+    Bhh2cfd: ["fjag8bx", "f1ap8nzx"],
+    Bahaeuw: "f1v3eptx",
+    Bv2bamp: "f1ysmecq",
+    vxuvv6: "faulsx",
+    Bli9q98: ["f79t15f", "f8qmx7k"],
+    Bx2tt8t: "fbtzoaq",
+    yad0b3: ["f8qmx7k", "f79t15f"],
+    j2fop7: "fd4bjan",
+    B6rz4yo: 0,
+    Buk7464: 0,
+    Bqg8rp8: 0,
+    pjr8j7: 0,
+    Bgs2klq: 0,
+    Hwei09: 0,
+    Bi9aqk7: 0,
+    Fihjvf: 0,
+    nhyz0p: 0,
+    Buw724y: 0,
+    Bn7qjfh: 0,
+    B0u7xl9: 0,
+    md97jv: 0,
+    h3ptyc: 0,
+    s1kvfj: 0,
+    kogrdj: 0,
+    dqx2i2: "fdmpsdn",
+    o0nolc: "fgjsukj"
+  },
+  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",
+    Bpjbzib: "fkoldzo",
+    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",
+    Bpjbzib: "f1ksv2xa",
+    im15vp: "fhvnf4x",
+    Hjvxdg: ["fb6swo4", "f232fm2"],
+    Gpfmf1: "f1klyf7k",
+    ustxxc: ["f232fm2", "fb6swo4"],
+    Brsut9c: "f1d6mv4x"
+  },
+  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",
+    Bpjbzib: "f1q1yqic",
+    im15vp: "fhvnf4x",
+    Hjvxdg: ["fb6swo4", "f232fm2"],
+    Gpfmf1: "f1klyf7k",
+    ustxxc: ["f232fm2", "fb6swo4"],
+    Brsut9c: "fwga7ee"
+  },
+  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",
+    Bpjbzib: "fkoldzo",
+    im15vp: "fhvnf4x",
+    Hjvxdg: ["fb6swo4", "f232fm2"],
+    Gpfmf1: "f1klyf7k",
+    ustxxc: ["f232fm2", "fb6swo4"],
+    Brsut9c: "f1l983o9"
+  }
+}, {
+  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);}", ".f128kf1x:hover:active,.f128kf1x:active:focus-visible{background-color:var(--colorNeutralBackground1Pressed);}", ".f1a38rnh:hover:active,.f1a38rnh:active:focus-visible{border-top-color:var(--colorNeutralStroke1Pressed);}", ".f1wvuwkr:hover:active,.f1wvuwkr:active:focus-visible{border-right-color:var(--colorNeutralStroke1Pressed);}", ".fbu0tau:hover:active,.fbu0tau:active:focus-visible{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f132k7zb:hover:active,.f132k7zb:active:focus-visible{border-bottom-color:var(--colorNeutralStroke1Pressed);}", ".fggfoek:hover:active,.fggfoek:active:focus-visible{color:var(--colorNeutralForeground1Pressed);}", ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}", ".fkoldzo:hover:active,.fkoldzo:active:focus-visible{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);}", ".f1ksv2xa:hover:active,.f1ksv2xa:active:focus-visible{background-color:var(--colorBrandBackgroundPressed);}", ".fhvnf4x:hover:active,.fhvnf4x:active:focus-visible{border-top-color:transparent;}", ".fb6swo4:hover:active,.fb6swo4:active:focus-visible{border-right-color:transparent;}", ".f232fm2:hover:active,.f232fm2:active:focus-visible{border-left-color:transparent;}", ".f1klyf7k:hover:active,.f1klyf7k:active:focus-visible{border-bottom-color:transparent;}", ".f1d6mv4x:hover:active,.f1d6mv4x:active:focus-visible{color:var(--colorNeutralForegroundOnBrand);}", ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".f1q1yqic:hover:active,.f1q1yqic:active:focus-visible{background-color:var(--colorSubtleBackgroundPressed);}", ".fwga7ee:hover:active,.fwga7ee:active:focus-visible{color:var(--colorNeutralForeground2Pressed);}", ".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}", ".f1l983o9:hover:active,.f1l983o9:active:focus-visible{color:var(--colorNeutralForeground2BrandPressed);}"],
+  m: [["@media (forced-colors: active){.f1nz3ub2{background-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fjq791v{border-top-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1sehlss{border-left-color:Highlight;}.fkq2p2y{border-right-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f11odvng{border-bottom-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fqc85l4{color:HighlightText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1h3a8gf{forced-color-adjust:none;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fkiggi6:hover{background-color:HighlightText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f8gmj8i:hover{border-top-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1ap8nzx:hover{border-right-color:Highlight;}.fjag8bx:hover{border-left-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1igan7k:hover{border-bottom-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1v3eptx:hover{color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1ysmecq:hover:active,.f1ysmecq:active:focus-visible{background-color:HighlightText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.faulsx:hover:active,.faulsx:active:focus-visible{border-top-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f79t15f:hover:active,.f79t15f:active:focus-visible{border-right-color:Highlight;}.f8qmx7k:hover:active,.f8qmx7k:active:focus-visible{border-left-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fbtzoaq:hover:active,.fbtzoaq:active:focus-visible{border-bottom-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fd4bjan:hover:active,.fd4bjan:active:focus-visible{color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fdmpsdn:focus{border:1px solid HighlightText;}}", {
+    p: -2,
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fgjsukj:focus{outline-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }]]
+});
+const useCheckedAccessibleStyles = /*#__PURE__*/__styles({
+  base: {
+    De3pzq: "ffp7eso",
+    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",
+    Bpjbzib: "f1ksv2xa",
+    im15vp: "fhvnf4x",
+    Hjvxdg: ["fb6swo4", "f232fm2"],
+    Gpfmf1: "f1klyf7k",
+    ustxxc: ["f232fm2", "fb6swo4"],
+    Brsut9c: "f1d6mv4x"
+  },
+  outline: {
+    B4j52fo: "f192inf7",
+    Bekrc4i: ["f5tn483", "f1ojsxk5"],
+    Bn0qgzm: "f1vxd6vx",
+    ibv6hh: ["f1ojsxk5", "f5tn483"]
+  },
+  primary: {
+    Bw0xxkn: 0,
+    oeaueh: 0,
+    Bpd4iqm: 0,
+    Befb4lg: "f12rpxh0",
+    Dhobit: "f10okvgz",
+    Bfpq7zp: 0,
+    g9k6zt: 0,
+    Bn4voq9: 0,
+    giviqs: "f40way",
+    Bpkdmpa: "ftbw7yw"
+  },
+  subtle: {
+    ysa4qo: "f17xzaca"
+  },
+  transparent: {},
+  secondary: {}
+}, {
+  d: [".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", [".f12rpxh0{outline:var(--strokeWidthThin) solid var(--colorNeutralForegroundOnBrand);}", {
+    p: -1
+  }], ".f10okvgz{outline-offset:calc(var(--strokeWidthThicker) * -1);}", [".f40way[data-fui-focus-visible]{outline:var(--strokeWidthThin) solid var(--colorNeutralForegroundOnBrand);}", {
+    p: -1
+  }], ".ftbw7yw[data-fui-focus-visible]{outline-offset:calc(var(--strokeWidthThickest) * -1);}"],
+  h: [".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);}", ".f1ksv2xa:hover:active,.f1ksv2xa:active:focus-visible{background-color:var(--colorBrandBackgroundPressed);}", ".fhvnf4x:hover:active,.fhvnf4x:active:focus-visible{border-top-color:transparent;}", ".fb6swo4:hover:active,.fb6swo4:active:focus-visible{border-right-color:transparent;}", ".f232fm2:hover:active,.f232fm2:active:focus-visible{border-left-color:transparent;}", ".f1klyf7k:hover:active,.f1klyf7k:active:focus-visible{border-bottom-color:transparent;}", ".f1d6mv4x:hover:active,.f1d6mv4x:active:focus-visible{color:var(--colorNeutralForegroundOnBrand);}", ".f17xzaca:hover .fui-ToggleButton__icon{color:var(--colorNeutralForegroundOnBrand);}"]
+});
+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",
+    Bpjbzib: "f1jct5ie",
+    im15vp: "f13txml0",
+    Hjvxdg: ["f1ncddno", "f1axfvow"],
+    Gpfmf1: "f1z04ada",
+    ustxxc: ["f1axfvow", "f1ncddno"],
+    Brsut9c: "f1uhomfy"
+  },
+  outline: {},
+  primary: {
+    g2u3we: "f1p3nwhy",
+    h3c5rm: ["f11589ue", "f1pdflbu"],
+    B9xav0g: "f1q5o8ev",
+    zhjwy3: ["f1pdflbu", "f11589ue"],
+    Bgoe8wy: "f1s2uweq",
+    Bwzppfd: ["fr80ssc", "fecsdlb"],
+    oetu4i: "f1ukrpxl",
+    gg5e9n: ["fecsdlb", "fr80ssc"],
+    im15vp: "fhvnf4x",
+    Hjvxdg: ["fb6swo4", "f232fm2"],
+    Gpfmf1: "f1klyf7k",
+    ustxxc: ["f232fm2", "fb6swo4"]
+  },
+  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"],
+    Bpjbzib: "fkoldzo",
+    im15vp: "fhvnf4x",
+    Hjvxdg: ["fb6swo4", "f232fm2"],
+    Gpfmf1: "f1klyf7k",
+    ustxxc: ["f232fm2", "fb6swo4"]
+  },
+  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"],
+    Bpjbzib: "fkoldzo",
+    im15vp: "fhvnf4x",
+    Hjvxdg: ["fb6swo4", "f232fm2"],
+    Gpfmf1: "f1klyf7k",
+    ustxxc: ["f232fm2", "fb6swo4"]
+  }
+}, {
+  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);}", ".f1jct5ie:hover:active,.f1jct5ie:active:focus-visible{background-color:var(--colorNeutralBackgroundDisabled);}", ".f13txml0:hover:active,.f13txml0:active:focus-visible{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1ncddno:hover:active,.f1ncddno:active:focus-visible{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f1axfvow:hover:active,.f1axfvow:active:focus-visible{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f1z04ada:hover:active,.f1z04ada:active:focus-visible{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f1uhomfy:hover:active,.f1uhomfy:active:focus-visible{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;}", ".fhvnf4x:hover:active,.fhvnf4x:active:focus-visible{border-top-color:transparent;}", ".fb6swo4:hover:active,.fb6swo4:active:focus-visible{border-right-color:transparent;}", ".f232fm2:hover:active,.f232fm2:active:focus-visible{border-left-color:transparent;}", ".f1klyf7k:hover:active,.f1klyf7k:active:focus-visible{border-bottom-color:transparent;}", ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}", ".fkoldzo:hover:active,.fkoldzo:active:focus-visible{background-color:var(--colorTransparentBackgroundPressed);}"]
+});
+const useIconCheckedStyles = /*#__PURE__*/__styles({
+  subtleOrTransparent: {
+    sj55zd: "f1qj7y59"
+  },
+  highContrast: {
+    B8gzw0y: "f1dd5bof"
+  }
+}, {
+  d: [".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"],
+  m: [["@media (forced-colors: active){.f1dd5bof{forced-color-adjust:auto;}}", {
+    m: "(forced-colors: active)"
+  }]]
+});
+const usePrimaryHighContrastStyles = /*#__PURE__*/__styles({
+  base: {
+    By8wz76: "f14ptb23",
+    Bcq6wej: "fd7znuh",
+    Jcjdmf: ["f1wh4a04", "f15h7fac"],
+    sc4o1m: "f1f064oi",
+    Bosien3: ["f15h7fac", "f1wh4a04"],
+    B7iucu3: "f3ggph1",
+    B8gzw0y: "f1dd5bof"
+  },
+  disabled: {
+    Bcq6wej: "f9dbb4x",
+    Jcjdmf: ["f3qs60o", "f5u9ap2"],
+    sc4o1m: "fwd1oij",
+    Bosien3: ["f5u9ap2", "f3qs60o"],
+    B7iucu3: "f1cyfu5x",
+    h3ptyc: "f19etb0b",
+    Buw724y: ["f4f984j", "fw441p0"],
+    Buk7464: "f3d22hf",
+    Hwei09: ["fw441p0", "f4f984j"]
+  }
+}, {
+  m: [["@media (forced-colors: active){.f14ptb23{background-color:ButtonFace;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fd7znuh{border-top-color:ButtonBorder;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f15h7fac{border-left-color:ButtonBorder;}.f1wh4a04{border-right-color:ButtonBorder;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1f064oi{border-bottom-color:ButtonBorder;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f3ggph1{color:ButtonText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1dd5bof{forced-color-adjust:auto;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f9dbb4x{border-top-color:GrayText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f3qs60o{border-right-color:GrayText;}.f5u9ap2{border-left-color:GrayText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fwd1oij{border-bottom-color:GrayText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1cyfu5x{color:GrayText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f19etb0b:focus{border-top-color:GrayText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f4f984j:focus{border-right-color:GrayText;}.fw441p0:focus{border-left-color:GrayText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f3d22hf:focus{border-bottom-color:GrayText;}}", {
+    m: "(forced-colors: active)"
+  }]]
+});
+export const useToggleButtonStyles_unstable = state => {
+  'use no memo';
+
+  const rootCheckedStyles = useRootCheckedStyles();
+  const accessibleCheckedStyles = useCheckedAccessibleStyles();
+  const rootDisabledStyles = useRootDisabledStyles();
+  const iconCheckedStyles = useIconCheckedStyles();
+  const primaryHighContrastStyles = usePrimaryHighContrastStyles();
+  const {
+    appearance,
+    checked,
+    disabled,
+    disabledFocusable,
+    isAccessible
+  } = 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],
+  // Opt-in accessible checked styles
+  isAccessible && checked && accessibleCheckedStyles.base, isAccessible && appearance && checked && accessibleCheckedStyles[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 && !isAccessible && (appearance === 'subtle' || appearance === 'transparent') && iconCheckedStyles.subtleOrTransparent, iconCheckedStyles.highContrast, state.icon.className);
+  }
+  useButtonStyles_unstable(state);
+  return state;
+};