@fluentui/react-button 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230227-0424.1

package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js

@@ -1,272 +1,115 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    splitButtonClassNames: ()=>splitButtonClassNames,
-    useSplitButtonStyles_unstable: ()=>useSplitButtonStyles_unstable
+  value: true
 });
-const _react = require("@griffel/react");
-const splitButtonClassNames = {
-    root: 'fui-SplitButton',
-    menuButton: 'fui-SplitButton__menuButton',
-    primaryActionButton: 'fui-SplitButton__primaryActionButton'
+exports.useSplitButtonStyles_unstable = exports.splitButtonClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
+exports.splitButtonClassNames = {
+  root: 'fui-SplitButton',
+  menuButton: 'fui-SplitButton__menuButton',
+  primaryActionButton: 'fui-SplitButton__primaryActionButton'
 };
-const useFocusStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    primaryActionButton: {
-        Brovlpu: "ftqa4ok",
-        B486eqv: "f2hkw1w",
-        B6xbmo0: [
-            "f1x37qnr",
-            "f1um7c6d"
-        ],
-        kdpuga: [
-            "fn4c73s",
-            "f6pwzcr"
-        ]
-    },
-    menuButton: {
-        Brovlpu: "ftqa4ok",
-        B486eqv: "f2hkw1w",
-        lbo84a: [
-            "frrbwxo",
-            "f1rgcpbv"
-        ],
-        dm238s: [
-            "f1um7c6d",
-            "f1x37qnr"
-        ],
-        Bw81rd7: [
-            "f6pwzcr",
-            "fn4c73s"
-        ]
-    }
+const useFocusStyles = /*#__PURE__*/react_1.__styles({
+  primaryActionButton: {
+    Brovlpu: "ftqa4ok",
+    B486eqv: "f2hkw1w",
+    B6xbmo0: ["f1x37qnr", "f1um7c6d"],
+    kdpuga: ["fn4c73s", "f6pwzcr"]
+  },
+  menuButton: {
+    Brovlpu: "ftqa4ok",
+    B486eqv: "f2hkw1w",
+    lbo84a: ["frrbwxo", "f1rgcpbv"],
+    dm238s: ["f1um7c6d", "f1x37qnr"],
+    Bw81rd7: ["f6pwzcr", "fn4c73s"]
+  }
 }, {
-    f: [
-        ".ftqa4ok:focus{outline-style:none;}"
-    ],
-    i: [
-        ".f2hkw1w:focus-visible{outline-style:none;}"
-    ],
-    d: [
-        ".f1x37qnr[data-fui-focus-visible]{border-top-right-radius:0;}",
-        ".f1um7c6d[data-fui-focus-visible]{border-top-left-radius:0;}",
-        ".fn4c73s[data-fui-focus-visible]{border-bottom-right-radius:0;}",
-        ".f6pwzcr[data-fui-focus-visible]{border-bottom-left-radius:0;}",
-        ".frrbwxo[data-fui-focus-visible]{border-left-width:0;}",
-        ".f1rgcpbv[data-fui-focus-visible]{border-right-width:0;}"
-    ]
+  f: [".ftqa4ok:focus{outline-style:none;}"],
+  i: [".f2hkw1w:focus-visible{outline-style:none;}"],
+  d: [".f1x37qnr[data-fui-focus-visible]{border-top-right-radius:0;}", ".f1um7c6d[data-fui-focus-visible]{border-top-left-radius:0;}", ".fn4c73s[data-fui-focus-visible]{border-bottom-right-radius:0;}", ".f6pwzcr[data-fui-focus-visible]{border-bottom-left-radius:0;}", ".frrbwxo[data-fui-focus-visible]{border-left-width:0;}", ".f1rgcpbv[data-fui-focus-visible]{border-right-width:0;}"]
 });
-const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    base: {
-        mc9l5x: "ftuwxu6",
-        Brf1p80: "fsxf2b5",
-        qhf8xq: "f10pi13n",
-        ha4doy: "fmrv4ls",
-        kn2xc0: [
-            "f14uur2j",
-            "fc1btbj"
-        ],
-        Bs76p8a: [
-            "fye5tvs",
-            "fc597qq"
-        ],
-        cuxpm9: [
-            "f1e8brtx",
-            "fr36rk3"
-        ],
-        Biffepf: [
-            "fxp12j1",
-            "f1m6nt2y"
-        ],
-        Defnvf: [
-            "fr7y8no",
-            "f1dn0c6m"
-        ],
-        z0pv9t: "f1hvqvul"
-    },
-    outline: {},
-    primary: {
-        B1l9wao: [
-            "f117mkrt",
-            "f6ic349"
-        ],
-        lcnrd8: [
-            "f10mpf6u",
-            "f1bt8jlh"
-        ],
-        Brbpp8k: [
-            "f1c28ih9",
-            "fku5vw4"
-        ],
-        Bcsxniv: [
-            "ff0tx2l",
-            "fnrj3rw"
-        ],
-        tl7e51: [
-            "f3jppgx",
-            "f1m2s8ie"
-        ],
-        mba178: [
-            "f96h41g",
-            "fdxf0pi"
-        ]
-    },
-    secondary: {},
-    subtle: {
-        B1l9wao: [
-            "fbw67pg",
-            "fcas6k2"
-        ],
-        lcnrd8: [
-            "fn44ryq",
-            "fwhhltr"
-        ],
-        Brbpp8k: [
-            "f1xppm0p",
-            "fkfp127"
-        ]
-    },
-    transparent: {
-        B1l9wao: [
-            "fbw67pg",
-            "fcas6k2"
-        ],
-        lcnrd8: [
-            "fn44ryq",
-            "fwhhltr"
-        ],
-        Brbpp8k: [
-            "f1xppm0p",
-            "fkfp127"
-        ]
-    },
-    circular: {},
-    rounded: {},
-    square: {},
-    disabled: {
-        B1l9wao: [
-            "f10xrnr8",
-            "f15nylwb"
-        ],
-        lcnrd8: [
-            "f11fwhjz",
-            "f18vtcsx"
-        ],
-        Brbpp8k: [
-            "f31btwb",
-            "fzgm9gq"
-        ]
-    },
-    disabledHighContrast: {
-        Bcsxniv: [
-            "fj2q5vi",
-            "f13tct40"
-        ],
-        tl7e51: [
-            "fb2mzc7",
-            "f179dhpp"
-        ],
-        mba178: [
-            "f1ma39qa",
-            "f1nzpdru"
-        ]
-    }
+const useRootStyles = /*#__PURE__*/react_1.__styles({
+  base: {
+    mc9l5x: "ftuwxu6",
+    Brf1p80: "fsxf2b5",
+    qhf8xq: "f10pi13n",
+    ha4doy: "fmrv4ls",
+    kn2xc0: ["f14uur2j", "fc1btbj"],
+    Bs76p8a: ["fye5tvs", "fc597qq"],
+    cuxpm9: ["f1e8brtx", "fr36rk3"],
+    Biffepf: ["fxp12j1", "f1m6nt2y"],
+    Defnvf: ["fr7y8no", "f1dn0c6m"],
+    z0pv9t: "f1hvqvul"
+  },
+  outline: {},
+  primary: {
+    B1l9wao: ["f117mkrt", "f6ic349"],
+    lcnrd8: ["f10mpf6u", "f1bt8jlh"],
+    Brbpp8k: ["f1c28ih9", "fku5vw4"],
+    Bcsxniv: ["ff0tx2l", "fnrj3rw"],
+    tl7e51: ["f3jppgx", "f1m2s8ie"],
+    mba178: ["f96h41g", "fdxf0pi"]
+  },
+  secondary: {},
+  subtle: {
+    B1l9wao: ["fbw67pg", "fcas6k2"],
+    lcnrd8: ["fn44ryq", "fwhhltr"],
+    Brbpp8k: ["f1xppm0p", "fkfp127"]
+  },
+  transparent: {
+    B1l9wao: ["fbw67pg", "fcas6k2"],
+    lcnrd8: ["fn44ryq", "fwhhltr"],
+    Brbpp8k: ["f1xppm0p", "fkfp127"]
+  },
+  circular: {},
+  rounded: {},
+  square: {},
+  disabled: {
+    B1l9wao: ["f10xrnr8", "f15nylwb"],
+    lcnrd8: ["f11fwhjz", "f18vtcsx"],
+    Brbpp8k: ["f31btwb", "fzgm9gq"]
+  },
+  disabledHighContrast: {
+    Bcsxniv: ["fj2q5vi", "f13tct40"],
+    tl7e51: ["fb2mzc7", "f179dhpp"],
+    mba178: ["f1ma39qa", "f1nzpdru"]
+  }
 }, {
-    d: [
-        ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}",
-        ".fsxf2b5{-webkit-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;}",
-        ".f10pi13n{position:relative;}",
-        ".fmrv4ls{vertical-align:middle;}",
-        ".f14uur2j .fui-SplitButton__primaryActionButton{border-top-right-radius:0;}",
-        ".fc1btbj .fui-SplitButton__primaryActionButton{border-top-left-radius:0;}",
-        ".fye5tvs .fui-SplitButton__primaryActionButton{border-bottom-right-radius:0;}",
-        ".fc597qq .fui-SplitButton__primaryActionButton{border-bottom-left-radius:0;}",
-        ".f1e8brtx .fui-SplitButton__menuButton{border-left-width:0;}",
-        ".fr36rk3 .fui-SplitButton__menuButton{border-right-width:0;}",
-        ".fxp12j1 .fui-SplitButton__menuButton{border-top-left-radius:0;}",
-        ".f1m6nt2y .fui-SplitButton__menuButton{border-top-right-radius:0;}",
-        ".fr7y8no .fui-SplitButton__menuButton{border-bottom-left-radius:0;}",
-        ".f1dn0c6m .fui-SplitButton__menuButton{border-bottom-right-radius:0;}",
-        ".f1hvqvul .fui-SplitButton__menuButton{min-width:0;}",
-        ".f117mkrt .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}",
-        ".f6ic349 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}",
-        ".fbw67pg .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1);}",
-        ".fcas6k2 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1);}",
-        ".f10xrnr8 .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}",
-        ".f15nylwb .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}"
-    ],
-    h: [
-        ".f10mpf6u:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}",
-        ".f1bt8jlh:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}",
-        ".f1c28ih9:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}",
-        ".fku5vw4:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}",
-        ".fn44ryq:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Hover);}",
-        ".fwhhltr:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Hover);}",
-        ".f1xppm0p:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Pressed);}",
-        ".fkfp127:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Pressed);}",
-        ".f11fwhjz:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}",
-        ".f18vtcsx:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}",
-        ".f31btwb:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}",
-        ".fzgm9gq:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}"
-    ],
-    m: [
-        [
-            "@media (forced-colors: active){.ff0tx2l .fui-SplitButton__primaryActionButton{border-right-color:HighlightText;}.fnrj3rw .fui-SplitButton__primaryActionButton{border-left-color:HighlightText;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f3jppgx:hover .fui-SplitButton__primaryActionButton{border-right-color:Highlight;}.f1m2s8ie:hover .fui-SplitButton__primaryActionButton{border-left-color:Highlight;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f96h41g:hover:active .fui-SplitButton__primaryActionButton{border-right-color:Highlight;}.fdxf0pi:hover:active .fui-SplitButton__primaryActionButton{border-left-color:Highlight;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.fj2q5vi .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f13tct40 .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.fb2mzc7:hover .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f179dhpp:hover .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.f1ma39qa:hover:active .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f1nzpdru:hover:active .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ]
-    ]
+  d: [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fsxf2b5{-webkit-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;}", ".f10pi13n{position:relative;}", ".fmrv4ls{vertical-align:middle;}", ".f14uur2j .fui-SplitButton__primaryActionButton{border-top-right-radius:0;}", ".fc1btbj .fui-SplitButton__primaryActionButton{border-top-left-radius:0;}", ".fye5tvs .fui-SplitButton__primaryActionButton{border-bottom-right-radius:0;}", ".fc597qq .fui-SplitButton__primaryActionButton{border-bottom-left-radius:0;}", ".f1e8brtx .fui-SplitButton__menuButton{border-left-width:0;}", ".fr36rk3 .fui-SplitButton__menuButton{border-right-width:0;}", ".fxp12j1 .fui-SplitButton__menuButton{border-top-left-radius:0;}", ".f1m6nt2y .fui-SplitButton__menuButton{border-top-right-radius:0;}", ".fr7y8no .fui-SplitButton__menuButton{border-bottom-left-radius:0;}", ".f1dn0c6m .fui-SplitButton__menuButton{border-bottom-right-radius:0;}", ".f1hvqvul .fui-SplitButton__menuButton{min-width:0;}", ".f117mkrt .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".f6ic349 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".fbw67pg .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1);}", ".fcas6k2 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1);}", ".f10xrnr8 .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f15nylwb .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}"],
+  h: [".f10mpf6u:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".f1bt8jlh:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".f1c28ih9:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}", ".fku5vw4:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}", ".fn44ryq:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Hover);}", ".fwhhltr:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Hover);}", ".f1xppm0p:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Pressed);}", ".fkfp127:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f11fwhjz:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}", ".f18vtcsx:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f31btwb:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fzgm9gq:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}"],
+  m: [["@media (forced-colors: active){.ff0tx2l .fui-SplitButton__primaryActionButton{border-right-color:HighlightText;}.fnrj3rw .fui-SplitButton__primaryActionButton{border-left-color:HighlightText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f3jppgx:hover .fui-SplitButton__primaryActionButton{border-right-color:Highlight;}.f1m2s8ie:hover .fui-SplitButton__primaryActionButton{border-left-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f96h41g:hover:active .fui-SplitButton__primaryActionButton{border-right-color:Highlight;}.fdxf0pi:hover:active .fui-SplitButton__primaryActionButton{border-left-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fj2q5vi .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f13tct40 .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fb2mzc7:hover .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f179dhpp:hover .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1ma39qa:hover:active .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f1nzpdru:hover:active .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}", {
+    m: "(forced-colors: active)"
+  }]]
 });
-const useSplitButtonStyles_unstable = (state)=>{
-    const rootStyles = useRootStyles();
-    const focusStyles = useFocusStyles();
-    const { appearance , disabled , disabledFocusable  } = state;
-    state.root.className = (0, _react.mergeClasses)(splitButtonClassNames.root, rootStyles.base, appearance && rootStyles[appearance], (disabled || disabledFocusable) && rootStyles.disabled, (disabled || disabledFocusable) && rootStyles.disabledHighContrast, state.root.className);
-    if (state.menuButton) {
-        state.menuButton.className = (0, _react.mergeClasses)(splitButtonClassNames.menuButton, focusStyles.menuButton, state.menuButton.className);
-    }
-    if (state.primaryActionButton) {
-        state.primaryActionButton.className = (0, _react.mergeClasses)(splitButtonClassNames.primaryActionButton, focusStyles.primaryActionButton, state.primaryActionButton.className);
-    }
-    return state;
-}; //# sourceMappingURL=useSplitButtonStyles.js.map
-
+const useSplitButtonStyles_unstable = state => {
+  const rootStyles = useRootStyles();
+  const focusStyles = useFocusStyles();
+  const {
+    appearance,
+    disabled,
+    disabledFocusable
+  } = state;
+  state.root.className = react_1.mergeClasses(exports.splitButtonClassNames.root, rootStyles.base, appearance && rootStyles[appearance], (disabled || disabledFocusable) && rootStyles.disabled, (disabled || disabledFocusable) && rootStyles.disabledHighContrast, state.root.className);
+  if (state.menuButton) {
+    state.menuButton.className = react_1.mergeClasses(exports.splitButtonClassNames.menuButton, focusStyles.menuButton, state.menuButton.className);
+  }
+  if (state.primaryActionButton) {
+    state.primaryActionButton.className = react_1.mergeClasses(exports.splitButtonClassNames.primaryActionButton, focusStyles.primaryActionButton, state.primaryActionButton.className);
+  }
+  return state;
+};
+exports.useSplitButtonStyles_unstable = useSplitButtonStyles_unstable;
 //# sourceMappingURL=useSplitButtonStyles.js.map

package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SplitButton/useSplitButtonStyles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const splitButtonClassNames = {\n  root: 'fui-SplitButton',\n  menuButton: 'fui-SplitButton__menuButton',\n  primaryActionButton: 'fui-SplitButton__primaryActionButton'\n};\nconst useFocusStyles = /*#__PURE__*/__styles({\n  primaryActionButton: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    B6xbmo0: [\"f1x37qnr\", \"f1um7c6d\"],\n    kdpuga: [\"fn4c73s\", \"f6pwzcr\"]\n  },\n  menuButton: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    lbo84a: [\"frrbwxo\", \"f1rgcpbv\"],\n    dm238s: [\"f1um7c6d\", \"f1x37qnr\"],\n    Bw81rd7: [\"f6pwzcr\", \"fn4c73s\"]\n  }\n}, {\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n  d: [\".f1x37qnr[data-fui-focus-visible]{border-top-right-radius:0;}\", \".f1um7c6d[data-fui-focus-visible]{border-top-left-radius:0;}\", \".fn4c73s[data-fui-focus-visible]{border-bottom-right-radius:0;}\", \".f6pwzcr[data-fui-focus-visible]{border-bottom-left-radius:0;}\", \".frrbwxo[data-fui-focus-visible]{border-left-width:0;}\", \".f1rgcpbv[data-fui-focus-visible]{border-right-width:0;}\"]\n});\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"ftuwxu6\",\n    Brf1p80: \"fsxf2b5\",\n    qhf8xq: \"f10pi13n\",\n    ha4doy: \"fmrv4ls\",\n    kn2xc0: [\"f14uur2j\", \"fc1btbj\"],\n    Bs76p8a: [\"fye5tvs\", \"fc597qq\"],\n    cuxpm9: [\"f1e8brtx\", \"fr36rk3\"],\n    Biffepf: [\"fxp12j1\", \"f1m6nt2y\"],\n    Defnvf: [\"fr7y8no\", \"f1dn0c6m\"],\n    z0pv9t: \"f1hvqvul\"\n  },\n  outline: {},\n  primary: {\n    B1l9wao: [\"f117mkrt\", \"f6ic349\"],\n    lcnrd8: [\"f10mpf6u\", \"f1bt8jlh\"],\n    Brbpp8k: [\"f1c28ih9\", \"fku5vw4\"],\n    Bcsxniv: [\"ff0tx2l\", \"fnrj3rw\"],\n    tl7e51: [\"f3jppgx\", \"f1m2s8ie\"],\n    mba178: [\"f96h41g\", \"fdxf0pi\"]\n  },\n  secondary: {},\n  subtle: {\n    B1l9wao: [\"fbw67pg\", \"fcas6k2\"],\n    lcnrd8: [\"fn44ryq\", \"fwhhltr\"],\n    Brbpp8k: [\"f1xppm0p\", \"fkfp127\"]\n  },\n  transparent: {\n    B1l9wao: [\"fbw67pg\", \"fcas6k2\"],\n    lcnrd8: [\"fn44ryq\", \"fwhhltr\"],\n    Brbpp8k: [\"f1xppm0p\", \"fkfp127\"]\n  },\n  circular: {},\n  rounded: {},\n  square: {},\n  disabled: {\n    B1l9wao: [\"f10xrnr8\", \"f15nylwb\"],\n    lcnrd8: [\"f11fwhjz\", \"f18vtcsx\"],\n    Brbpp8k: [\"f31btwb\", \"fzgm9gq\"]\n  },\n  disabledHighContrast: {\n    Bcsxniv: [\"fj2q5vi\", \"f13tct40\"],\n    tl7e51: [\"fb2mzc7\", \"f179dhpp\"],\n    mba178: [\"f1ma39qa\", \"f1nzpdru\"]\n  }\n}, {\n  d: [\".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".fsxf2b5{-webkit-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;}\", \".f10pi13n{position:relative;}\", \".fmrv4ls{vertical-align:middle;}\", \".f14uur2j .fui-SplitButton__primaryActionButton{border-top-right-radius:0;}\", \".fc1btbj .fui-SplitButton__primaryActionButton{border-top-left-radius:0;}\", \".fye5tvs .fui-SplitButton__primaryActionButton{border-bottom-right-radius:0;}\", \".fc597qq .fui-SplitButton__primaryActionButton{border-bottom-left-radius:0;}\", \".f1e8brtx .fui-SplitButton__menuButton{border-left-width:0;}\", \".fr36rk3 .fui-SplitButton__menuButton{border-right-width:0;}\", \".fxp12j1 .fui-SplitButton__menuButton{border-top-left-radius:0;}\", \".f1m6nt2y .fui-SplitButton__menuButton{border-top-right-radius:0;}\", \".fr7y8no .fui-SplitButton__menuButton{border-bottom-left-radius:0;}\", \".f1dn0c6m .fui-SplitButton__menuButton{border-bottom-right-radius:0;}\", \".f1hvqvul .fui-SplitButton__menuButton{min-width:0;}\", \".f117mkrt .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f6ic349 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".fbw67pg .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1);}\", \".fcas6k2 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1);}\", \".f10xrnr8 .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f15nylwb .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}\"],\n  h: [\".f10mpf6u:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f1bt8jlh:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f1c28ih9:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".fku5vw4:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".fn44ryq:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Hover);}\", \".fwhhltr:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Hover);}\", \".f1xppm0p:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".fkfp127:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f11fwhjz:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f18vtcsx:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f31btwb:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fzgm9gq:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}\"],\n  m: [[\"@media (forced-colors: active){.ff0tx2l .fui-SplitButton__primaryActionButton{border-right-color:HighlightText;}.fnrj3rw .fui-SplitButton__primaryActionButton{border-left-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f3jppgx:hover .fui-SplitButton__primaryActionButton{border-right-color:Highlight;}.f1m2s8ie:hover .fui-SplitButton__primaryActionButton{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f96h41g:hover:active .fui-SplitButton__primaryActionButton{border-right-color:Highlight;}.fdxf0pi:hover:active .fui-SplitButton__primaryActionButton{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fj2q5vi .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f13tct40 .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fb2mzc7:hover .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f179dhpp:hover .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1ma39qa:hover:active .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f1nzpdru:hover:active .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nexport const useSplitButtonStyles_unstable = state => {\n  const rootStyles = useRootStyles();\n  const focusStyles = useFocusStyles();\n  const {\n    appearance,\n    disabled,\n    disabledFocusable\n  } = state;\n  state.root.className = mergeClasses(splitButtonClassNames.root, rootStyles.base, appearance && rootStyles[appearance], (disabled || disabledFocusable) && rootStyles.disabled, (disabled || disabledFocusable) && rootStyles.disabledHighContrast, state.root.className);\n  if (state.menuButton) {\n    state.menuButton.className = mergeClasses(splitButtonClassNames.menuButton, focusStyles.menuButton, state.menuButton.className);\n  }\n  if (state.primaryActionButton) {\n    state.primaryActionButton.className = mergeClasses(splitButtonClassNames.primaryActionButton, focusStyles.primaryActionButton, state.primaryActionButton.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useSplitButtonStyles.js.map"],"names":["splitButtonClassNames","useSplitButtonStyles_unstable","root","menuButton","primaryActionButton","useFocusStyles","__styles","Brovlpu","B486eqv","B6xbmo0","kdpuga","lbo84a","dm238s","Bw81rd7","f","i","d","useRootStyles","base","mc9l5x","Brf1p80","qhf8xq","ha4doy","kn2xc0","Bs76p8a","cuxpm9","Biffepf","Defnvf","z0pv9t","outline","primary","B1l9wao","lcnrd8","Brbpp8k","Bcsxniv","tl7e51","mba178","secondary","subtle","transparent","circular","rounded","square","disabled","disabledHighContrast","h","m","state","rootStyles","focusStyles","appearance","disabledFocusable","className","mergeClasses"],"mappings":"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"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AAIaA,6BAAqB,GAAqC;EACrEC,IAAI,EAAE,iBAAiB;EACvBC,UAAU,EAAE,6BAA6B;EACzCC,mBAAmB,EAAE;CACtB;AAED,MAAMC,cAAc,gBAAGC,gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;EAAA;EAAA;AAAA,EAW/B;AAEF,MAAMC,aAAa,gBAAGD,gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;EAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;EAAA;EAAA;IAAA;EAAA;IAAA;EAAA;IAAA;EAAA;IAAA;EAAA;IAAA;EAAA;IAAA;EAAA;AAAA,EA8I9B;AAEK,MAAME,6BAA6B,GAAIC,KAAuB,IAAsB;EACzF,MAAMC,UAAU,GAAGH,aAAa,EAAE;EAClC,MAAMI,WAAW,GAAGN,cAAc,EAAE;EAEpC,MAAM;IAAEO,UAAU;IAAEC,QAAQ;IAAEC;EAAiB,CAAE,GAAGL,KAAK;EAEzDA,KAAK,CAACP,IAAI,CAACa,SAAS,GAAGT,oBAAY,CACjCL,6BAAqB,CAACC,IAAI,EAC1BQ,UAAU,CAACM,IAAI,EACfJ,UAAU,IAAIF,UAAU,CAACE,UAAU,CAAC,EACpC,CAACC,QAAQ,IAAIC,iBAAiB,KAAKJ,UAAU,CAACG,QAAQ,EACtD,CAACA,QAAQ,IAAIC,iBAAiB,KAAKJ,UAAU,CAACO,oBAAoB,EAClER,KAAK,CAACP,IAAI,CAACa,SAAS,CACrB;EAED,IAAIN,KAAK,CAACN,UAAU,EAAE;IACpBM,KAAK,CAACN,UAAU,CAACY,SAAS,GAAGT,oBAAY,CACvCL,6BAAqB,CAACE,UAAU,EAChCQ,WAAW,CAACR,UAAU,EACtBM,KAAK,CAACN,UAAU,CAACY,SAAS,CAC3B;;EAGH,IAAIN,KAAK,CAACL,mBAAmB,EAAE;IAC7BK,KAAK,CAACL,mBAAmB,CAACW,SAAS,GAAGT,oBAAY,CAChDL,6BAAqB,CAACG,mBAAmB,EACzCO,WAAW,CAACP,mBAAmB,EAC/BK,KAAK,CAACL,mBAAmB,CAACW,SAAS,CACpC;;EAGH,OAAON,KAAK;AACd,CAAC;AAhCYR,qCAA6B","names":["exports","root","menuButton","primaryActionButton","useFocusStyles","react_1","useRootStyles","useSplitButtonStyles_unstable","state","rootStyles","focusStyles","appearance","disabled","disabledFocusable","className","base","disabledHighContrast"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-button/src/components/SplitButton/useSplitButtonStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { SplitButtonSlots, SplitButtonState } from './SplitButton.types';\n\nexport const splitButtonClassNames: SlotClassNames<SplitButtonSlots> = {\n  root: 'fui-SplitButton',\n  menuButton: 'fui-SplitButton__menuButton',\n  primaryActionButton: 'fui-SplitButton__primaryActionButton',\n};\n\nconst useFocusStyles = makeStyles({\n  primaryActionButton: createCustomFocusIndicatorStyle({\n    borderTopRightRadius: 0,\n    borderBottomRightRadius: 0,\n  }),\n\n  menuButton: createCustomFocusIndicatorStyle({\n    borderLeftWidth: 0,\n    borderTopLeftRadius: 0,\n    borderBottomLeftRadius: 0,\n  }),\n});\n\nconst useRootStyles = makeStyles({\n  // Base styles\n  base: {\n    display: 'inline-flex',\n    justifyContent: 'stretch',\n    position: 'relative',\n    verticalAlign: 'middle',\n\n    [`& .${splitButtonClassNames.primaryActionButton}`]: {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    },\n\n    [`& .${splitButtonClassNames.menuButton}`]: {\n      borderLeftWidth: 0,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      minWidth: 0,\n    },\n  },\n\n  // Appearance variations\n  outline: {\n    /* No styles */\n  },\n  primary: {\n    [`& .${splitButtonClassNames.primaryActionButton}`]: {\n      borderRightColor: tokens.colorNeutralForegroundOnBrand,\n    },\n\n    ':hover': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralForegroundOnBrand,\n      },\n    },\n\n    ':hover:active': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralForegroundOnBrand,\n      },\n    },\n\n    '@media (forced-colors: active)': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: 'HighlightText',\n      },\n\n      ':hover': {\n        [`& .${splitButtonClassNames.primaryActionButton}`]: {\n          borderRightColor: 'Highlight',\n        },\n      },\n\n      ':hover:active': {\n        [`& .${splitButtonClassNames.primaryActionButton}`]: {\n          borderRightColor: 'Highlight',\n        },\n      },\n    },\n  },\n  secondary: {\n    /* The secondary styles are exactly the same as the base styles. */\n  },\n  subtle: {\n    [`& .${splitButtonClassNames.primaryActionButton}`]: {\n      borderRightColor: tokens.colorNeutralStroke1,\n    },\n\n    ':hover': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralStroke1Hover,\n      },\n    },\n\n    ':hover:active': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralStroke1Pressed,\n      },\n    },\n  },\n  transparent: {\n    [`& .${splitButtonClassNames.primaryActionButton}`]: {\n      borderRightColor: tokens.colorNeutralStroke1,\n    },\n\n    ':hover': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralStroke1Hover,\n      },\n    },\n\n    ':hover:active': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralStroke1Pressed,\n      },\n    },\n  },\n\n  // Shape variations\n  circular: {},\n  rounded: {},\n  square: {},\n\n  // Disabled styles\n  disabled: {\n    [`& .${splitButtonClassNames.primaryActionButton}`]: {\n      borderRightColor: tokens.colorNeutralStrokeDisabled,\n    },\n\n    ':hover': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralStrokeDisabled,\n      },\n    },\n\n    ':hover:active': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralStrokeDisabled,\n      },\n    },\n  },\n\n  // Disabled high contrast styles\n  disabledHighContrast: {\n    '@media (forced-colors: active)': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: 'GrayText',\n      },\n\n      ':hover': {\n        [`& .${splitButtonClassNames.primaryActionButton}`]: {\n          borderRightColor: 'GrayText',\n        },\n      },\n\n      ':hover:active': {\n        [`& .${splitButtonClassNames.primaryActionButton}`]: {\n          borderRightColor: 'GrayText',\n        },\n      },\n    },\n  },\n});\n\nexport const useSplitButtonStyles_unstable = (state: SplitButtonState): SplitButtonState => {\n  const rootStyles = useRootStyles();\n  const focusStyles = useFocusStyles();\n\n  const { appearance, disabled, disabledFocusable } = state;\n\n  state.root.className = mergeClasses(\n    splitButtonClassNames.root,\n    rootStyles.base,\n    appearance && rootStyles[appearance],\n    (disabled || disabledFocusable) && rootStyles.disabled,\n    (disabled || disabledFocusable) && rootStyles.disabledHighContrast,\n    state.root.className,\n  );\n\n  if (state.menuButton) {\n    state.menuButton.className = mergeClasses(\n      splitButtonClassNames.menuButton,\n      focusStyles.menuButton,\n      state.menuButton.className,\n    );\n  }\n\n  if (state.primaryActionButton) {\n    state.primaryActionButton.className = mergeClasses(\n      splitButtonClassNames.primaryActionButton,\n      focusStyles.primaryActionButton,\n      state.primaryActionButton.className,\n    );\n  }\n\n  return state;\n};\n"]}

package/lib-commonjs/components/ToggleButton/ToggleButton.js

@@ -1,22 +1,22 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ToggleButton", {
-    enumerable: true,
-    get: ()=>ToggleButton
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _renderToggleButton = require("./renderToggleButton");
-const _useToggleButton = require("./useToggleButton");
-const _useToggleButtonStyles = require("./useToggleButtonStyles");
-const ToggleButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useToggleButton.useToggleButton_unstable)(props, ref);
-    (0, _useToggleButtonStyles.useToggleButtonStyles_unstable)(state);
-    return (0, _renderToggleButton.renderToggleButton_unstable)(state);
-// Casting is required due to lack of distributive union to support unions on @types/react
+exports.ToggleButton = void 0;
+const React = /*#__PURE__*/require("react");
+const renderToggleButton_1 = /*#__PURE__*/require("./renderToggleButton");
+const useToggleButton_1 = /*#__PURE__*/require("./useToggleButton");
+const useToggleButtonStyles_1 = /*#__PURE__*/require("./useToggleButtonStyles");
+/**
+ * ToggleButtons are buttons that toggle between two defined states when triggered.
+ */
+exports.ToggleButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useToggleButton_1.useToggleButton_unstable(props, ref);
+  useToggleButtonStyles_1.useToggleButtonStyles_unstable(state);
+  return renderToggleButton_1.renderToggleButton_unstable(state);
+  // Casting is required due to lack of distributive union to support unions on @types/react
 });
-ToggleButton.displayName = 'ToggleButton'; //# sourceMappingURL=ToggleButton.js.map
 
+exports.ToggleButton.displayName = 'ToggleButton';
 //# sourceMappingURL=ToggleButton.js.map

package/lib-commonjs/components/ToggleButton/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/ToggleButton/ToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from './renderToggleButton';\nimport { useToggleButton_unstable } from './useToggleButton';\nimport { useToggleButtonStyles_unstable } from './useToggleButtonStyles';\n/**\n * ToggleButtons are buttons that toggle between two defined states when triggered.\n */\nexport const ToggleButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useToggleButton_unstable(props, ref);\n  useToggleButtonStyles_unstable(state);\n  return renderToggleButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nToggleButton.displayName = 'ToggleButton';\n//# sourceMappingURL=ToggleButton.js.map"],"names":["ToggleButton","React","forwardRef","props","ref","state","useToggleButton_unstable","useToggleButtonStyles_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;oCACqB;iCACH;uCACM;AAIxC,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,qDAA8B,EAACF;IAC/B,OAAOG,IAAAA,+CAA2B,EAACH;AACnC,0FAA0F;AAC5F;AAEAL,aAAaS,WAAW,GAAG,gBAC3B,wCAAwC"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,oBAAY,gBAA2CC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAClG,MAAMC,KAAK,GAAGC,0CAAwB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAElDG,sDAA8B,CAACF,KAAK,CAAC;EAErC,OAAOG,gDAA2B,CAACH,KAAK,CAAC;EACzC;AACF,CAAC,CAA2C;;AAE5CL,oBAAY,CAACS,WAAW,GAAG,cAAc","names":["exports","React","forwardRef","props","ref","state","useToggleButton_1","useToggleButtonStyles_1","renderToggleButton_1","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-button/src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from './renderToggleButton';\nimport { useToggleButton_unstable } from './useToggleButton';\nimport { useToggleButtonStyles_unstable } from './useToggleButtonStyles';\nimport type { ToggleButtonProps } from './ToggleButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * ToggleButtons are buttons that toggle between two defined states when triggered.\n */\nexport const ToggleButton: ForwardRefComponent<ToggleButtonProps> = React.forwardRef((props, ref) => {\n  const state = useToggleButton_unstable(props, ref);\n\n  useToggleButtonStyles_unstable(state);\n\n  return renderToggleButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToggleButtonProps>;\n\nToggleButton.displayName = 'ToggleButton';\n"]}

package/lib-commonjs/components/ToggleButton/ToggleButton.types.js

@@ -1,7 +1,6 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
- //# sourceMappingURL=ToggleButton.types.js.map
-
 //# sourceMappingURL=ToggleButton.types.js.map

package/lib-commonjs/components/ToggleButton/ToggleButton.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/ToggleButton/ToggleButton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ToggleButton.types.js.map"],"names":[],"mappings":";;;;CACA,8CAA8C"}
+{"version":3,"mappings":"","names":[],"sourceRoot":"","sources":[],"sourcesContent":[]}

package/lib-commonjs/components/ToggleButton/index.js

@@ -1,23 +1,25 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    toggleButtonClassNames: ()=>_useToggleButtonStyles.toggleButtonClassNames,
-    useToggleButtonStyles_unstable: ()=>_useToggleButtonStyles.useToggleButtonStyles_unstable
+exports.useToggleButtonStyles_unstable = exports.toggleButtonClassNames = void 0;
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./ToggleButton"), exports);
+tslib_1.__exportStar(require("./ToggleButton.types"), exports);
+tslib_1.__exportStar(require("./renderToggleButton"), exports);
+tslib_1.__exportStar(require("./useToggleButton"), exports);
+var useToggleButtonStyles_1 = /*#__PURE__*/require("./useToggleButtonStyles");
+Object.defineProperty(exports, "toggleButtonClassNames", {
+  enumerable: true,
+  get: function () {
+    return useToggleButtonStyles_1.toggleButtonClassNames;
+  }
+});
+Object.defineProperty(exports, "useToggleButtonStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return useToggleButtonStyles_1.useToggleButtonStyles_unstable;
+  }
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./ToggleButton"), exports);
-_exportStar(require("./ToggleButton.types"), exports);
-_exportStar(require("./renderToggleButton"), exports);
-_exportStar(require("./useToggleButton"), exports);
-const _useToggleButtonStyles = require("./useToggleButtonStyles");
- //# sourceMappingURL=index.js.map
-
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/ToggleButton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/ToggleButton/index.js"],"sourcesContent":["export * from './ToggleButton';\nexport * from './ToggleButton.types';\nexport * from './renderToggleButton';\nexport * from './useToggleButton';\nexport { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles';\n//# sourceMappingURL=index.js.map"],"names":["toggleButtonClassNames","useToggleButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,sBAAsB,MAAtBA,6CAAsB;IAAEC,8BAA8B,MAA9BA,qDAA8B;;;oBAJjD;oBACA;oBACA;oBACA;uCACyD;CACvE,iCAAiC"}
+{"version":3,"mappings":";;;;;;;AAAAA;AACAA;AACAA;AACAA;AACA;AAASC;EAAAC;EAAAC;IAAA,qDAAsB;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,6DAA8B;EAAA;AAAA","names":["tslib_1","Object","enumerable","get"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-button/src/components/ToggleButton/index.ts"],"sourcesContent":["export * from './ToggleButton';\nexport * from './ToggleButton.types';\nexport * from './renderToggleButton';\nexport * from './useToggleButton';\nexport { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles';\n"]}

package/lib-commonjs/components/ToggleButton/renderToggleButton.js

@@ -1,12 +1,14 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
+exports.renderToggleButton_unstable = void 0;
+var renderButton_1 = /*#__PURE__*/require("../Button/renderButton");
 Object.defineProperty(exports, "renderToggleButton_unstable", {
-    enumerable: true,
-    get: ()=>_renderButton.renderButton_unstable
+  enumerable: true,
+  get: function () {
+    return renderButton_1.renderButton_unstable;
+  }
 });
-const _renderButton = require("../Button/renderButton");
- //# sourceMappingURL=renderToggleButton.js.map
-
 //# sourceMappingURL=renderToggleButton.js.map

package/lib-commonjs/components/ToggleButton/renderToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/ToggleButton/renderToggleButton.js"],"sourcesContent":["export { renderButton_unstable as renderToggleButton_unstable } from '../Button/renderButton';\n//# sourceMappingURL=renderToggleButton.js.map"],"names":["renderToggleButton_unstable","renderButton_unstable"],"mappings":";;;;+BAAkCA;;aAAzBC,mCAAqB;;8BAAuC;CACrE,8CAA8C"}
+{"version":3,"mappings":";;;;;;AAAA;AAASA;EAAAC;EAAAC;IAAA,2CAAqB;EAAA;AAAA","names":["Object","enumerable","get"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-button/src/components/ToggleButton/renderToggleButton.tsx"],"sourcesContent":["export { renderButton_unstable as renderToggleButton_unstable } from '../Button/renderButton';\n"]}

package/lib-commonjs/components/ToggleButton/useToggleButton.js

@@ -1,18 +1,20 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useToggleButton_unstable", {
-    enumerable: true,
-    get: ()=>useToggleButton_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useToggleState = require("../../utils/useToggleState");
-const _useButton = require("../Button/useButton");
-const useToggleButton_unstable = (props, ref)=>{
-    const buttonState = (0, _useButton.useButton_unstable)(props, ref);
-    return (0, _useToggleState.useToggleState)(props, buttonState);
-}; //# sourceMappingURL=useToggleButton.js.map
-
+exports.useToggleButton_unstable = void 0;
+const useToggleState_1 = /*#__PURE__*/require("../../utils/useToggleState");
+const useButton_1 = /*#__PURE__*/require("../Button/useButton");
+/**
+ * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
+ * processed state.
+ * @param props - User provided props to the ToggleButton component.
+ * @param ref - User provided ref to be passed to the ToggleButton component.
+ */
+const useToggleButton_unstable = (props, ref) => {
+  const buttonState = useButton_1.useButton_unstable(props, ref);
+  return useToggleState_1.useToggleState(props, buttonState);
+};
+exports.useToggleButton_unstable = useToggleButton_unstable;
 //# sourceMappingURL=useToggleButton.js.map

package/lib-commonjs/components/ToggleButton/useToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/ToggleButton/useToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useToggleState } from '../../utils/useToggleState';\nimport { useButton_unstable } from '../Button/useButton';\n/**\n * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the ToggleButton component.\n * @param ref - User provided ref to be passed to the ToggleButton component.\n */\nexport const useToggleButton_unstable = (props, ref) => {\n  const buttonState = useButton_unstable(props, ref);\n  return useToggleState(props, buttonState);\n};\n//# sourceMappingURL=useToggleButton.js.map"],"names":["useToggleButton_unstable","props","ref","buttonState","useButton_unstable","useToggleState"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;gCACQ;2BACI;AAO5B,MAAMA,2BAA2B,CAACC,OAAOC,MAAQ;IACtD,MAAMC,cAAcC,IAAAA,6BAAkB,EAACH,OAAOC;IAC9C,OAAOG,IAAAA,8BAAc,EAACJ,OAAOE;AAC/B,GACA,2CAA2C"}
+{"version":3,"mappings":";;;;;;AACA;AACA;AAGA;;;;;;AAMO,MAAMA,wBAAwB,GAAG,CACtCC,KAAwB,EACxBC,GAAqD,KAChC;EACrB,MAAMC,WAAW,GAAGC,8BAAkB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAElD,OAAOG,+BAAc,CAACJ,KAAK,EAAEE,WAAW,CAAC;AAC3C,CAAC;AAPYG,gCAAwB","names":["useToggleButton_unstable","props","ref","buttonState","useButton_1","useToggleState_1","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-button/src/components/ToggleButton/useToggleButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { useToggleState } from '../../utils/useToggleState';\nimport { useButton_unstable } from '../Button/useButton';\nimport type { ToggleButtonProps, ToggleButtonState } from './ToggleButton.types';\n\n/**\n * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the ToggleButton component.\n * @param ref - User provided ref to be passed to the ToggleButton component.\n */\nexport const useToggleButton_unstable = (\n  props: ToggleButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToggleButtonState => {\n  const buttonState = useButton_unstable(props, ref);\n\n  return useToggleState(props, buttonState);\n};\n"]}