@fluentui/react-button 9.3.4 → 9.3.5

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

@@ -1,115 +1,272 @@
 "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, {
+    splitButtonClassNames: ()=>splitButtonClassNames,
+    useSplitButtonStyles_unstable: ()=>useSplitButtonStyles_unstable
 });
-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 _react = require("@griffel/react");
+const splitButtonClassNames = {
+    root: 'fui-SplitButton',
+    menuButton: 'fui-SplitButton__menuButton',
+    primaryActionButton: 'fui-SplitButton__primaryActionButton'
 };
-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"]
-  }
+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"
+        ]
+    }
 }, {
-  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__*/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"]
-  }
+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"
+        ]
+    }
 }, {
-  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 = 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;
+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
+
 //# sourceMappingURL=useSplitButtonStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","react_tabster_1","react_theme_1","exports","splitButtonClassNames","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","useSplitButtonStyles_unstable","state","rootStyles","focusStyles","appearance","disabledFocusable","className","mergeClasses"],"sources":["../src/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"],"mappings":"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"}
+{"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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"}

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

@@ -1,27 +1,25 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "ToggleButton", {
+    enumerable: true,
+    get: ()=>ToggleButton
 });
-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");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * 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);
-  const {
-    useToggleButtonStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderToggleButton_1.renderToggleButton_unstable(state);
-  // Casting is required due to lack of distributive union to support unions on @types/react
+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 _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const ToggleButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useToggleButton.useToggleButton_unstable)(props, ref);
+    (0, _useToggleButtonStyles.useToggleButtonStyles_unstable)(state);
+    const { useToggleButtonStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderToggleButton.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,"names":["React","require","renderToggleButton_1","useToggleButton_1","useToggleButtonStyles_1","react_shared_contexts_1","exports","ToggleButton","forwardRef","props","ref","state","useToggleButton_unstable","useToggleButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderToggleButton_unstable","displayName"],"sources":["../src/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';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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  const { useToggleButtonStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(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"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,oBAAA,gBAAAD,OAAA;AACA,MAAAE,iBAAA,gBAAAF,OAAA;AACA,MAAAG,uBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,YAAY,gBAA2CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAClG,MAAMC,KAAK,GAAGR,iBAAA,CAAAS,wBAAwB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAElDN,uBAAA,CAAAS,8BAA8B,CAACF,KAAK,CAAC;EAErC,MAAM;IAAEE,8BAA8B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAC1FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOT,oBAAA,CAAAc,2BAA2B,CAACL,KAAK,CAAC;EACzC;AACF,CAAC,CAA2C;;AAE5CL,OAAA,CAAAC,YAAY,CAACU,WAAW,GAAG,cAAc"}
+{"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';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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  const {\n    useToggleButtonStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(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","useCustomStyles","useCustomStyleHooks_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;oCACqB;iCACH;uCACM;qCACF;AAItC,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,qDAA8B,EAACF;IAC/B,MAAM,EACJE,gCAAgCC,gBAAe,EAChD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,+CAA2B,EAACL;AACnC,0FAA0F;AAC5F;AAEAL,aAAaW,WAAW,GAAG,gBAC3B,wCAAwC"}

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

@@ -1,6 +1,7 @@
 "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,"names":[],"sources":["../src/packages/react-components/react-button/src/components/ToggleButton/ToggleButton.types.ts"],"sourcesContent":["import type { ButtonProps, ButtonState } from '../Button/Button.types';\n\nexport type ToggleButtonProps = ButtonProps & {\n  /**\n   * Defines whether the `ToggleButton` is initially in a checked state or not when rendered.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * Defines the controlled checked state of the `ToggleButton`.\n   * If passed, `ToggleButton` ignores the `defaultChecked` property.\n   * This should only be used if the checked state is to be controlled at a higher level and there is a plan to pass the\n   * correct value based on handling `onClick` events and re-rendering.\n   *\n   * @default false\n   */\n  checked?: boolean;\n};\n\nexport type ToggleButtonState = ButtonState & Required<Pick<ToggleButtonProps, 'checked'>>;\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/ToggleButton/ToggleButton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ToggleButton.types.js.map"],"names":[],"mappings":";;;;CACA,8CAA8C"}

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

@@ -1,25 +1,23 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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;
-  }
+    value: true
 });
-Object.defineProperty(exports, "useToggleButtonStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return useToggleButtonStyles_1.useToggleButtonStyles_unstable;
-  }
+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
 });
+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,"names":["tslib_1","__exportStar","require","exports","useToggleButtonStyles_1","Object","defineProperty","enumerable","get","toggleButtonClassNames","useToggleButtonStyles_unstable"],"sources":["../src/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"],"mappings":";;;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACA,IAAAC,uBAAA,gBAAAF,OAAA;AAASG,MAAA,CAAAC,cAAA,CAAAH,OAAA;EAAAI,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAJ,uBAAA,CAAAK,sBAAsB;EAAA;AAAA;AAAEJ,MAAA,CAAAC,cAAA,CAAAH,OAAA;EAAAI,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAJ,uBAAA,CAAAM,8BAA8B;EAAA;AAAA"}
+{"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"}

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

@@ -1,14 +1,12 @@
 "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: function () {
-    return renderButton_1.renderButton_unstable;
-  }
+    enumerable: true,
+    get: ()=>_renderButton.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,"names":["renderButton_1","require","Object","defineProperty","exports","enumerable","get","renderButton_unstable"],"sources":["../src/packages/react-components/react-button/src/components/ToggleButton/renderToggleButton.tsx"],"sourcesContent":["export { renderButton_unstable as renderToggleButton_unstable } from '../Button/renderButton';\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,gBAAAC,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,cAAA,CAAAO,qBAAqB;EAAA;AAAA"}
+{"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"}