@fluentui/react-button 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuButton/MenuButton.js"],"sourcesContent":["import * as React from \"react\";\nimport { renderMenuButton_unstable } from \"./renderMenuButton\";\nimport { useMenuButton_unstable } from \"./useMenuButton\";\nimport { useMenuButtonStyles_unstable } from \"./useMenuButtonStyles\";\nimport { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\n/**\n * MenuButtons are buttons that have a chevron icon after the button contents and are usually clicked to open/close\n * menus.\n */\nexport const MenuButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useMenuButton_unstable(props, ref);\n  useMenuButtonStyles_unstable(state);\n  const {\n    useMenuButtonStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderMenuButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nMenuButton.displayName = \"MenuButton\";\n//# sourceMappingURL=MenuButton.js.map"],"names":["MenuButton","React","forwardRef","props","ref","state","useMenuButton_unstable","useMenuButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderMenuButton_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;kCACmB;+BACH;qCACM;qCACA;AAKtC,MAAMA,aAAa,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACtE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,iDAA4B,EAACF;IAC7B,MAAM,EACJE,8BAA8BC,gBAAe,EAC9C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,2CAAyB,EAACL;AACjC,0FAA0F;AAC5F;AAEAL,WAAWW,WAAW,GAAG,cACzB,sCAAsC"}
+{"version":3,"names":["React","require","renderMenuButton_1","useMenuButton_1","useMenuButtonStyles_1","react_shared_contexts_1","exports","MenuButton","forwardRef","props","ref","state","useMenuButton_unstable","useMenuButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderMenuButton_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-button/src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderMenuButton_unstable } from './renderMenuButton';\nimport { useMenuButton_unstable } from './useMenuButton';\nimport { useMenuButtonStyles_unstable } from './useMenuButtonStyles';\nimport type { MenuButtonProps } from './MenuButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * MenuButtons are buttons that have a chevron icon after the button contents and are usually clicked to open/close\n * menus.\n */\nexport const MenuButton: ForwardRefComponent<MenuButtonProps> = React.forwardRef((props, ref) => {\n  const state = useMenuButton_unstable(props, ref);\n\n  useMenuButtonStyles_unstable(state);\n\n  const { useMenuButtonStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderMenuButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<MenuButtonProps>;\n\nMenuButton.displayName = 'MenuButton';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,kBAAA,gBAAAD,OAAA;AACA,MAAAE,eAAA,gBAAAF,OAAA;AACA,MAAAG,qBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;;AAIaK,OAAA,CAAAC,UAAU,gBAAyCP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC9F,MAAMC,KAAK,GAAGR,eAAA,CAAAS,sBAAsB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEhDN,qBAAA,CAAAS,4BAA4B,CAACF,KAAK,CAAC;EAEnC,MAAM;IAAEE,4BAA4B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACxFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOT,kBAAA,CAAAc,yBAAyB,CAACL,KAAK,CAAC;EACvC;AACF,CAAC,CAAyC;;AAE1CL,OAAA,CAAAC,UAAU,CAACU,WAAW,GAAG,YAAY"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuButton/MenuButton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=MenuButton.types.js.map"],"names":[],"mappings":";;;;CACA,4CAA4C"}
+{"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-button/src/components/MenuButton/MenuButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonProps, ButtonSlots, ButtonState } from '../Button/Button.types';\n\nexport type MenuButtonSlots = ButtonSlots & {\n  /**\n   * Menu icon that indicates that this button has a menu that can be expanded.\n   */\n  menuIcon?: Slot<'span'>;\n};\n\nexport type MenuButtonProps = ComponentProps<MenuButtonSlots> &\n  Pick<ButtonProps, 'appearance' | 'disabledFocusable' | 'disabled' | 'shape' | 'size'>;\n\nexport type MenuButtonState = ComponentState<MenuButtonSlots> &\n  Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;\n"],"mappings":""}

package/lib-commonjs/components/MenuButton/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, {
-    menuButtonClassNames: ()=>_useMenuButtonStyles.menuButtonClassNames,
-    useMenuButtonStyles_unstable: ()=>_useMenuButtonStyles.useMenuButtonStyles_unstable
+exports.useMenuButtonStyles_unstable = exports.menuButtonClassNames = void 0;
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./MenuButton.types"), exports);
+tslib_1.__exportStar(require("./MenuButton"), exports);
+tslib_1.__exportStar(require("./renderMenuButton"), exports);
+tslib_1.__exportStar(require("./useMenuButton"), exports);
+var useMenuButtonStyles_1 = /*#__PURE__*/require("./useMenuButtonStyles");
+Object.defineProperty(exports, "menuButtonClassNames", {
+  enumerable: true,
+  get: function () {
+    return useMenuButtonStyles_1.menuButtonClassNames;
+  }
+});
+Object.defineProperty(exports, "useMenuButtonStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return useMenuButtonStyles_1.useMenuButtonStyles_unstable;
+  }
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./MenuButton.types"), exports);
-_exportStar(require("./MenuButton"), exports);
-_exportStar(require("./renderMenuButton"), exports);
-_exportStar(require("./useMenuButton"), exports);
-const _useMenuButtonStyles = require("./useMenuButtonStyles");
- //# sourceMappingURL=index.js.map
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuButton/index.js"],"sourcesContent":["export * from \"./MenuButton.types\";\nexport * from \"./MenuButton\";\nexport * from \"./renderMenuButton\";\nexport * from \"./useMenuButton\";\nexport { menuButtonClassNames, useMenuButtonStyles_unstable } from \"./useMenuButtonStyles\";\n//# sourceMappingURL=index.js.map"],"names":["menuButtonClassNames","useMenuButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,oBAAoB,MAApBA,yCAAoB;IAAEC,4BAA4B,MAA5BA,iDAA4B;;;oBAJ7C;oBACA;oBACA;oBACA;qCACqD;CACnE,iCAAiC"}
+{"version":3,"names":["tslib_1","__exportStar","require","exports","useMenuButtonStyles_1","Object","defineProperty","enumerable","get","menuButtonClassNames","useMenuButtonStyles_unstable"],"sources":["../../../../../../../../../packages/react-components/react-button/src/components/MenuButton/index.ts"],"sourcesContent":["export * from './MenuButton.types';\nexport * from './MenuButton';\nexport * from './renderMenuButton';\nexport * from './useMenuButton';\nexport { menuButtonClassNames, useMenuButtonStyles_unstable } from './useMenuButtonStyles';\n"],"mappings":";;;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,kBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACA,IAAAC,qBAAA,gBAAAF,OAAA;AAASG,MAAA,CAAAC,cAAA,CAAAH,OAAA;EAAAI,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAJ,qBAAA,CAAAK,oBAAoB;EAAA;AAAA;AAAEJ,MAAA,CAAAC,cAAA,CAAAH,OAAA;EAAAI,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAJ,qBAAA,CAAAM,4BAA4B;EAAA;AAAA"}

package/lib-commonjs/components/MenuButton/renderMenuButton.js

@@ -1,18 +1,30 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderMenuButton_unstable", {
-    enumerable: true,
-    get: ()=>renderMenuButton_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const renderMenuButton_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    const { icon , iconOnly  } = state;
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, slots.icon && /*#__PURE__*/ _react.createElement(slots.icon, slotProps.icon), !iconOnly && slotProps.root.children, (!iconOnly || !icon?.children) && slots.menuIcon && /*#__PURE__*/ _react.createElement(slots.menuIcon, slotProps.menuIcon));
-}; //# sourceMappingURL=renderMenuButton.js.map
-
+exports.renderMenuButton_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Renders a MenuButton component by passing the state defined props to the appropriate slots.
+ */
+const renderMenuButton_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  const {
+    icon,
+    iconOnly
+  } = state;
+  return React.createElement(slots.root, {
+    ...slotProps.root
+  }, slots.icon && React.createElement(slots.icon, {
+    ...slotProps.icon
+  }), !iconOnly && slotProps.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && slots.menuIcon && React.createElement(slots.menuIcon, {
+    ...slotProps.menuIcon
+  }));
+};
+exports.renderMenuButton_unstable = renderMenuButton_unstable;
 //# sourceMappingURL=renderMenuButton.js.map

package/lib-commonjs/components/MenuButton/renderMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuButton/renderMenuButton.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\n/**\n * Renders a MenuButton component by passing the state defined props to the appropriate slots.\n */\nexport const renderMenuButton_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  const {\n    icon,\n    iconOnly\n  } = state;\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, slots.icon && /*#__PURE__*/React.createElement(slots.icon, slotProps.icon), !iconOnly && slotProps.root.children, (!iconOnly || !icon?.children) && slots.menuIcon && /*#__PURE__*/React.createElement(slots.menuIcon, slotProps.menuIcon));\n};\n//# sourceMappingURL=renderMenuButton.js.map"],"names":["renderMenuButton_unstable","state","slots","slotProps","getSlots","icon","iconOnly","React","createElement","root","children","menuIcon"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,4BAA4BC,CAAAA,QAAS;IAChD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,MAAM,EACJI,KAAI,EACJC,SAAQ,EACT,GAAGL;IACJ,OAAO,WAAW,GAAEM,OAAMC,aAAa,CAACN,MAAMO,IAAI,EAAEN,UAAUM,IAAI,EAAEP,MAAMG,IAAI,IAAI,WAAW,GAAEE,OAAMC,aAAa,CAACN,MAAMG,IAAI,EAAEF,UAAUE,IAAI,GAAG,CAACC,YAAYH,UAAUM,IAAI,CAACC,QAAQ,EAAE,AAAC,CAAA,CAACJ,YAAY,CAACD,MAAMK,QAAO,KAAMR,MAAMS,QAAQ,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACN,MAAMS,QAAQ,EAAER,UAAUQ,QAAQ;AAC/S,GACA,4CAA4C"}
+{"version":3,"names":["React","require","react_utilities_1","renderMenuButton_unstable","state","slots","slotProps","getSlots","icon","iconOnly","createElement","root","children","menuIcon","exports"],"sources":["../../../../../../../../../packages/react-components/react-button/src/components/MenuButton/renderMenuButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { MenuButtonSlots, MenuButtonState } from './MenuButton.types';\n\n/**\n * Renders a MenuButton component by passing the state defined props to the appropriate slots.\n */\nexport const renderMenuButton_unstable = (state: MenuButtonState) => {\n  const { slots, slotProps } = getSlots<MenuButtonSlots>(state);\n  const { icon, iconOnly } = state;\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.icon && <slots.icon {...slotProps.icon} />}\n      {!iconOnly && slotProps.root.children}\n      {(!iconOnly || !icon?.children) && slots.menuIcon && <slots.menuIcon {...slotProps.menuIcon} />}\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,yBAAyB,GAAIC,KAAsB,IAAI;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAkBH,KAAK,CAAC;EAC7D,MAAM;IAAEI,IAAI;IAAEC;EAAQ,CAAE,GAAGL,KAAK;EAEhC,OACEJ,KAAA,CAAAU,aAAA,CAACL,KAAK,CAACM,IAAI;IAAA,GAAKL,SAAS,CAACK;EAAI,GAC3BN,KAAK,CAACG,IAAI,IAAIR,KAAA,CAAAU,aAAA,CAACL,KAAK,CAACG,IAAI;IAAA,GAAKF,SAAS,CAACE;EAAI,EAAI,EAChD,CAACC,QAAQ,IAAIH,SAAS,CAACK,IAAI,CAACC,QAAQ,EACpC,CAAC,CAACH,QAAQ,IAAI,EAACD,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,QAAQ,MAAKP,KAAK,CAACQ,QAAQ,IAAIb,KAAA,CAAAU,aAAA,CAACL,KAAK,CAACQ,QAAQ;IAAA,GAAKP,SAAS,CAACO;EAAQ,EAAI,CACpF;AAEjB,CAAC;AAXYC,OAAA,CAAAX,yBAAyB,GAAAA,yBAAA"}

package/lib-commonjs/components/MenuButton/useMenuButton.js

@@ -1,37 +1,41 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useMenuButton_unstable", {
-    enumerable: true,
-    get: ()=>useMenuButton_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactIcons = require("@fluentui/react-icons");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _index = require("../Button/index");
-const useMenuButton_unstable = ({ menuIcon , ...props }, ref)=>{
-    const buttonState = (0, _index.useButton_unstable)(props, ref);
-    buttonState.root["aria-expanded"] = props["aria-expanded"] ?? false;
-    return {
-        // Button state
-        ...buttonState,
-        // State calculated from a set of props
-        iconOnly: Boolean(!props.children),
-        // Slots definition
-        components: {
-            root: "button",
-            icon: "span",
-            menuIcon: "span"
-        },
-        menuIcon: (0, _reactUtilities.resolveShorthand)(menuIcon, {
-            defaultProps: {
-                children: /*#__PURE__*/ _react.createElement(_reactIcons.ChevronDownRegular, null)
-            },
-            required: true
-        })
-    };
-}; //# sourceMappingURL=useMenuButton.js.map
-
+exports.useMenuButton_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const index_1 = /*#__PURE__*/require("../Button/index");
+/**
+ * Given user props, returns the final state for a MenuButton.
+ */
+const useMenuButton_unstable = ({
+  menuIcon,
+  ...props
+}, ref) => {
+  var _a;
+  const buttonState = index_1.useButton_unstable(props, ref);
+  buttonState.root['aria-expanded'] = (_a = props['aria-expanded']) !== null && _a !== void 0 ? _a : false;
+  return {
+    // Button state
+    ...buttonState,
+    // State calculated from a set of props
+    iconOnly: Boolean(!props.children),
+    // Slots definition
+    components: {
+      root: 'button',
+      icon: 'span',
+      menuIcon: 'span'
+    },
+    menuIcon: react_utilities_1.resolveShorthand(menuIcon, {
+      defaultProps: {
+        children: React.createElement(react_icons_1.ChevronDownRegular, null)
+      },
+      required: true
+    })
+  };
+};
+exports.useMenuButton_unstable = useMenuButton_unstable;
 //# sourceMappingURL=useMenuButton.js.map

package/lib-commonjs/components/MenuButton/useMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuButton/useMenuButton.js"],"sourcesContent":["import * as React from \"react\";\nimport { ChevronDownRegular } from \"@fluentui/react-icons\";\nimport { resolveShorthand } from \"@fluentui/react-utilities\";\nimport { useButton_unstable } from \"../Button/index\";\n/**\n * Given user props, returns the final state for a MenuButton.\n */\nexport const useMenuButton_unstable = ({\n  menuIcon,\n  ...props\n}, ref) => {\n  const buttonState = useButton_unstable(props, ref);\n  buttonState.root[\"aria-expanded\"] = props[\"aria-expanded\"] ?? false;\n  return {\n    // Button state\n    ...buttonState,\n    // State calculated from a set of props\n    iconOnly: Boolean(!props.children),\n    // Slots definition\n    components: {\n      root: \"button\",\n      icon: \"span\",\n      menuIcon: \"span\"\n    },\n    menuIcon: resolveShorthand(menuIcon, {\n      defaultProps: {\n        children: /*#__PURE__*/React.createElement(ChevronDownRegular, null)\n      },\n      required: true\n    })\n  };\n};\n//# sourceMappingURL=useMenuButton.js.map"],"names":["useMenuButton_unstable","menuIcon","props","ref","buttonState","useButton_unstable","root","iconOnly","Boolean","children","components","icon","resolveShorthand","defaultProps","React","createElement","ChevronDownRegular","required"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;4BACY;gCACF;uBACE;AAI5B,MAAMA,yBAAyB,CAAC,EACrCC,SAAQ,EACR,GAAGC,OACJ,EAAEC,MAAQ;IACT,MAAMC,cAAcC,IAAAA,yBAAkB,EAACH,OAAOC;IAC9CC,YAAYE,IAAI,CAAC,gBAAgB,GAAGJ,KAAK,CAAC,gBAAgB,IAAI,KAAK;IACnE,OAAO;QACL,eAAe;QACf,GAAGE,WAAW;QACd,uCAAuC;QACvCG,UAAUC,QAAQ,CAACN,MAAMO,QAAQ;QACjC,mBAAmB;QACnBC,YAAY;YACVJ,MAAM;YACNK,MAAM;YACNV,UAAU;QACZ;QACAA,UAAUW,IAAAA,gCAAgB,EAACX,UAAU;YACnCY,cAAc;gBACZJ,UAAU,WAAW,GAAEK,OAAMC,aAAa,CAACC,8BAAkB,EAAE,IAAI;YACrE;YACAC,UAAU,IAAI;QAChB;IACF;AACF,GACA,yCAAyC"}
+{"version":3,"names":["React","require","react_icons_1","react_utilities_1","index_1","useMenuButton_unstable","menuIcon","props","ref","buttonState","useButton_unstable","root","_a","iconOnly","Boolean","children","components","icon","resolveShorthand","defaultProps","createElement","ChevronDownRegular","required","exports"],"sources":["../../../../../../../../../packages/react-components/react-button/src/components/MenuButton/useMenuButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '../Button/index';\nimport type { MenuButtonProps, MenuButtonState } from './MenuButton.types';\n\n/**\n * Given user props, returns the final state for a MenuButton.\n */\nexport const useMenuButton_unstable = (\n  { menuIcon, ...props }: MenuButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): MenuButtonState => {\n  const buttonState = useButton_unstable(props, ref);\n  buttonState.root['aria-expanded'] = props['aria-expanded'] ?? false;\n\n  return {\n    // Button state\n    ...buttonState,\n\n    // State calculated from a set of props\n    iconOnly: Boolean(!props.children),\n\n    // Slots definition\n    components: {\n      root: 'button',\n      icon: 'span',\n      menuIcon: 'span',\n    },\n\n    menuIcon: resolveShorthand(menuIcon, {\n      defaultProps: {\n        children: <ChevronDownRegular />,\n      },\n      required: true,\n    }),\n  };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,iBAAA,gBAAAF,OAAA;AACA,MAAAG,OAAA,gBAAAH,OAAA;AAGA;;;AAGO,MAAMI,sBAAsB,GAAGA,CACpC;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAmB,EACvCC,GAAqD,KAClC;;EACnB,MAAMC,WAAW,GAAGL,OAAA,CAAAM,kBAAkB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAClDC,WAAW,CAACE,IAAI,CAAC,eAAe,CAAC,GAAG,CAAAC,EAAA,GAAAL,KAAK,CAAC,eAAe,CAAC,cAAAK,EAAA,cAAAA,EAAA,GAAI,KAAK;EAEnE,OAAO;IACL;IACA,GAAGH,WAAW;IAEd;IACAI,QAAQ,EAAEC,OAAO,CAAC,CAACP,KAAK,CAACQ,QAAQ,CAAC;IAElC;IACAC,UAAU,EAAE;MACVL,IAAI,EAAE,QAAQ;MACdM,IAAI,EAAE,MAAM;MACZX,QAAQ,EAAE;KACX;IAEDA,QAAQ,EAAEH,iBAAA,CAAAe,gBAAgB,CAACZ,QAAQ,EAAE;MACnCa,YAAY,EAAE;QACZJ,QAAQ,EAAEf,KAAA,CAAAoB,aAAA,CAAClB,aAAA,CAAAmB,kBAAkB;OAC9B;MACDC,QAAQ,EAAE;KACX;GACF;AACH,CAAC;AA5BYC,OAAA,CAAAlB,sBAAsB,GAAAA,sBAAA"}

package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js

@@ -1,177 +1,117 @@
 "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, {
-    menuButtonClassNames: ()=>menuButtonClassNames,
-    useMenuButtonStyles_unstable: ()=>useMenuButtonStyles_unstable
+  value: true
 });
-const _react = require("@griffel/react");
-const _useButtonStyles = require("../Button/useButtonStyles");
-const menuButtonClassNames = {
-    root: "fui-MenuButton",
-    icon: "fui-MenuButton__icon",
-    menuIcon: "fui-MenuButton__menuIcon"
+exports.useMenuButtonStyles_unstable = exports.menuButtonClassNames = void 0;
+const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
+const react_1 = /*#__PURE__*/require("@griffel/react");
+const useButtonStyles_1 = /*#__PURE__*/require("../Button/useButtonStyles");
+exports.menuButtonClassNames = {
+  root: 'fui-MenuButton',
+  icon: 'fui-MenuButton__icon',
+  menuIcon: 'fui-MenuButton__menuIcon'
 };
-const useRootExpandedStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    base: {
-        D0sxk3: "fxoiby5",
-        t6yez3: "f15q0o9g"
-    },
-    outline: {
-        g2u3we: "f1ly1fcm",
-        h3c5rm: [
-            "fi8bssc",
-            "fj6btzu"
-        ],
-        B9xav0g: "f1s9tnsa",
-        zhjwy3: [
-            "fj6btzu",
-            "fi8bssc"
-        ],
-        B4j52fo: "fgx37oo",
-        Bekrc4i: [
-            "f130t4y6",
-            "f1efpmoh"
-        ],
-        Bn0qgzm: "fv51ejd",
-        ibv6hh: [
-            "f1efpmoh",
-            "f130t4y6"
-        ],
-        sj55zd: "f14nttnl"
-    },
-    primary: {
-        De3pzq: "f8w4g0q"
-    },
-    secondary: {
-        De3pzq: "f1nfm20t",
-        g2u3we: "f1ly1fcm",
-        h3c5rm: [
-            "fi8bssc",
-            "fj6btzu"
-        ],
-        B9xav0g: "f1s9tnsa",
-        zhjwy3: [
-            "fj6btzu",
-            "fi8bssc"
-        ],
-        sj55zd: "f14nttnl"
-    },
-    subtle: {
-        De3pzq: "fq5gl1p",
-        sj55zd: "f1eryozh"
-    },
-    transparent: {
-        De3pzq: "f1q9pm1r",
-        sj55zd: "f1qj7y59"
-    }
+const useRootExpandedStyles = /*#__PURE__*/react_1.__styles({
+  base: {
+    D0sxk3: "fxoiby5",
+    t6yez3: "f15q0o9g"
+  },
+  outline: {
+    g2u3we: "f1ly1fcm",
+    h3c5rm: ["fi8bssc", "fj6btzu"],
+    B9xav0g: "f1s9tnsa",
+    zhjwy3: ["fj6btzu", "fi8bssc"],
+    B4j52fo: "fgx37oo",
+    Bekrc4i: ["f130t4y6", "f1efpmoh"],
+    Bn0qgzm: "fv51ejd",
+    ibv6hh: ["f1efpmoh", "f130t4y6"],
+    sj55zd: "f14nttnl"
+  },
+  primary: {
+    De3pzq: "f8w4g0q"
+  },
+  secondary: {
+    De3pzq: "f1nfm20t",
+    g2u3we: "f1ly1fcm",
+    h3c5rm: ["fi8bssc", "fj6btzu"],
+    B9xav0g: "f1s9tnsa",
+    zhjwy3: ["fj6btzu", "fi8bssc"],
+    sj55zd: "f14nttnl"
+  },
+  subtle: {
+    De3pzq: "fq5gl1p",
+    sj55zd: "f1eryozh"
+  },
+  transparent: {
+    De3pzq: "f1q9pm1r",
+    sj55zd: "f1qj7y59"
+  }
 }, {
-    d: [
-        ".fxoiby5 .fui-Icon-filled{display:inline;}",
-        ".f15q0o9g .fui-Icon-regular{display:none;}",
-        ".f1ly1fcm{border-top-color:var(--colorNeutralStroke1Selected);}",
-        ".fi8bssc{border-right-color:var(--colorNeutralStroke1Selected);}",
-        ".fj6btzu{border-left-color:var(--colorNeutralStroke1Selected);}",
-        ".f1s9tnsa{border-bottom-color:var(--colorNeutralStroke1Selected);}",
-        ".fgx37oo{border-top-width:var(--strokeWidthThicker);}",
-        ".f130t4y6{border-right-width:var(--strokeWidthThicker);}",
-        ".f1efpmoh{border-left-width:var(--strokeWidthThicker);}",
-        ".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}",
-        ".f14nttnl{color:var(--colorNeutralForeground1Selected);}",
-        ".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}",
-        ".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}",
-        ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}",
-        ".f1eryozh{color:var(--colorNeutralForeground2Selected);}",
-        ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}",
-        ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"
-    ]
+  d: [".fxoiby5 .fui-Icon-filled{display:inline;}", ".f15q0o9g .fui-Icon-regular{display:none;}", ".f1ly1fcm{border-top-color:var(--colorNeutralStroke1Selected);}", ".fi8bssc{border-right-color:var(--colorNeutralStroke1Selected);}", ".fj6btzu{border-left-color:var(--colorNeutralStroke1Selected);}", ".f1s9tnsa{border-bottom-color:var(--colorNeutralStroke1Selected);}", ".fgx37oo{border-top-width:var(--strokeWidthThicker);}", ".f130t4y6{border-right-width:var(--strokeWidthThicker);}", ".f1efpmoh{border-left-width:var(--strokeWidthThicker);}", ".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}", ".f14nttnl{color:var(--colorNeutralForeground1Selected);}", ".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}", ".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}", ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}", ".f1eryozh{color:var(--colorNeutralForeground2Selected);}", ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}", ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"]
 });
-const useIconExpandedStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    outline: {
-        sj55zd: "f14nttnl"
-    },
-    primary: {},
-    secondary: {
-        sj55zd: "f14nttnl"
-    },
-    subtle: {
-        sj55zd: "f1qj7y59"
-    },
-    transparent: {
-        sj55zd: "f1qj7y59"
-    }
+const useIconExpandedStyles = /*#__PURE__*/react_1.__styles({
+  outline: {
+    sj55zd: "f14nttnl"
+  },
+  primary: {},
+  secondary: {
+    sj55zd: "f14nttnl"
+  },
+  subtle: {
+    sj55zd: "f1qj7y59"
+  },
+  transparent: {
+    sj55zd: "f1qj7y59"
+  }
 }, {
-    d: [
-        ".f14nttnl{color:var(--colorNeutralForeground1Selected);}",
-        ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"
-    ]
+  d: [".f14nttnl{color:var(--colorNeutralForeground1Selected);}", ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"]
 });
-const useMenuIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    base: {
-        Bg96gwp: "fez10in"
-    },
-    small: {
-        Be2twd7: "f1ugzwwg",
-        Bqenvij: "fvblgha",
-        Bg96gwp: "fwrc4pm",
-        a9b677: "frx94fk"
-    },
-    medium: {
-        Be2twd7: "f1ugzwwg",
-        Bqenvij: "fvblgha",
-        Bg96gwp: "fwrc4pm",
-        a9b677: "frx94fk"
-    },
-    large: {
-        Be2twd7: "f4ybsrx",
-        Bqenvij: "fd461yt",
-        Bg96gwp: "faaz57k",
-        a9b677: "fjw5fx7"
-    },
-    notIconOnly: {
-        Frg6f3: [
-            "fbyavb5",
-            "fm0x6gh"
-        ]
-    }
+const useMenuIconStyles = /*#__PURE__*/react_1.__styles({
+  base: {
+    Bg96gwp: "fez10in"
+  },
+  small: {
+    Be2twd7: "f1ugzwwg",
+    Bqenvij: "fvblgha",
+    Bg96gwp: "fwrc4pm",
+    a9b677: "frx94fk"
+  },
+  medium: {
+    Be2twd7: "f1ugzwwg",
+    Bqenvij: "fvblgha",
+    Bg96gwp: "fwrc4pm",
+    a9b677: "frx94fk"
+  },
+  large: {
+    Be2twd7: "f4ybsrx",
+    Bqenvij: "fd461yt",
+    Bg96gwp: "faaz57k",
+    a9b677: "fjw5fx7"
+  },
+  notIconOnly: {
+    Frg6f3: ["fbyavb5", "fm0x6gh"]
+  }
 }, {
-    d: [
-        ".fez10in{line-height:0;}",
-        ".f1ugzwwg{font-size:12px;}",
-        ".fvblgha{height:12px;}",
-        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
-        ".frx94fk{width:12px;}",
-        ".f4ybsrx{font-size:16px;}",
-        ".fd461yt{height:16px;}",
-        ".faaz57k{line-height:var(--lineHeightBase400);}",
-        ".fjw5fx7{width:16px;}",
-        ".fbyavb5{margin-left:var(--spacingHorizontalXS);}",
-        ".fm0x6gh{margin-right:var(--spacingHorizontalXS);}"
-    ]
+  d: [".fez10in{line-height:0;}", ".f1ugzwwg{font-size:12px;}", ".fvblgha{height:12px;}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".frx94fk{width:12px;}", ".f4ybsrx{font-size:16px;}", ".fd461yt{height:16px;}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fjw5fx7{width:16px;}", ".fbyavb5{margin-left:var(--spacingHorizontalXS);}", ".fm0x6gh{margin-right:var(--spacingHorizontalXS);}"]
 });
-const useMenuButtonStyles_unstable = (state)=>{
-    const rootExpandedStyles = useRootExpandedStyles();
-    const iconExpandedStyles = useIconExpandedStyles();
-    const menuIconStyles = useMenuIconStyles();
-    state.root.className = (0, _react.mergeClasses)(menuButtonClassNames.root, state.root["aria-expanded"] && rootExpandedStyles.base, state.root["aria-expanded"] && rootExpandedStyles[state.appearance], state.root.className);
-    if (state.icon) {
-        state.icon.className = (0, _react.mergeClasses)(menuButtonClassNames.icon, state.root["aria-expanded"] && iconExpandedStyles[state.appearance], state.icon.className);
-    }
-    if (state.menuIcon) {
-        state.menuIcon.className = (0, _react.mergeClasses)(menuButtonClassNames.menuIcon, menuIconStyles.base, menuIconStyles[state.size], !state.iconOnly && menuIconStyles.notIconOnly, state.menuIcon.className);
-    }
-    (0, _useButtonStyles.useButtonStyles_unstable)({
-        ...state,
-        iconPosition: "before"
-    });
-    return state;
-}; //# sourceMappingURL=useMenuButtonStyles.js.map
-
+const useMenuButtonStyles_unstable = state => {
+  const rootExpandedStyles = useRootExpandedStyles();
+  const iconExpandedStyles = useIconExpandedStyles();
+  const menuIconStyles = useMenuIconStyles();
+  state.root.className = react_1.mergeClasses(exports.menuButtonClassNames.root, state.root['aria-expanded'] && rootExpandedStyles.base, state.root['aria-expanded'] && rootExpandedStyles[state.appearance], state.root.className);
+  if (state.icon) {
+    state.icon.className = react_1.mergeClasses(exports.menuButtonClassNames.icon, state.root['aria-expanded'] && iconExpandedStyles[state.appearance], state.icon.className);
+  }
+  if (state.menuIcon) {
+    state.menuIcon.className = react_1.mergeClasses(exports.menuButtonClassNames.menuIcon, menuIconStyles.base, menuIconStyles[state.size], !state.iconOnly && menuIconStyles.notIconOnly, state.menuIcon.className);
+  }
+  useButtonStyles_1.useButtonStyles_unstable({
+    ...state,
+    iconPosition: 'before'
+  });
+  return state;
+};
+exports.useMenuButtonStyles_unstable = useMenuButtonStyles_unstable;
 //# sourceMappingURL=useMenuButtonStyles.js.map

package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuButton/useMenuButtonStyles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from \"@fluentui/react-icons\";\nimport { tokens } from \"@fluentui/react-theme\";\nimport { mergeClasses, __styles, shorthands } from \"@griffel/react\";\nimport { useButtonStyles_unstable } from \"../Button/useButtonStyles\";\nexport const menuButtonClassNames = {\n  root: \"fui-MenuButton\",\n  icon: \"fui-MenuButton__icon\",\n  menuIcon: \"fui-MenuButton__menuIcon\"\n};\nconst useRootExpandedStyles = /*#__PURE__*/__styles({\n  base: {\n    D0sxk3: \"fxoiby5\",\n    t6yez3: \"f15q0o9g\"\n  },\n  outline: {\n    g2u3we: \"f1ly1fcm\",\n    h3c5rm: [\"fi8bssc\", \"fj6btzu\"],\n    B9xav0g: \"f1s9tnsa\",\n    zhjwy3: [\"fj6btzu\", \"fi8bssc\"],\n    B4j52fo: \"fgx37oo\",\n    Bekrc4i: [\"f130t4y6\", \"f1efpmoh\"],\n    Bn0qgzm: \"fv51ejd\",\n    ibv6hh: [\"f1efpmoh\", \"f130t4y6\"],\n    sj55zd: \"f14nttnl\"\n  },\n  primary: {\n    De3pzq: \"f8w4g0q\"\n  },\n  secondary: {\n    De3pzq: \"f1nfm20t\",\n    g2u3we: \"f1ly1fcm\",\n    h3c5rm: [\"fi8bssc\", \"fj6btzu\"],\n    B9xav0g: \"f1s9tnsa\",\n    zhjwy3: [\"fj6btzu\", \"fi8bssc\"],\n    sj55zd: \"f14nttnl\"\n  },\n  subtle: {\n    De3pzq: \"fq5gl1p\",\n    sj55zd: \"f1eryozh\"\n  },\n  transparent: {\n    De3pzq: \"f1q9pm1r\",\n    sj55zd: \"f1qj7y59\"\n  }\n}, {\n  d: [\".fxoiby5 .fui-Icon-filled{display:inline;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\", \".f1ly1fcm{border-top-color:var(--colorNeutralStroke1Selected);}\", \".fi8bssc{border-right-color:var(--colorNeutralStroke1Selected);}\", \".fj6btzu{border-left-color:var(--colorNeutralStroke1Selected);}\", \".f1s9tnsa{border-bottom-color:var(--colorNeutralStroke1Selected);}\", \".fgx37oo{border-top-width:var(--strokeWidthThicker);}\", \".f130t4y6{border-right-width:var(--strokeWidthThicker);}\", \".f1efpmoh{border-left-width:var(--strokeWidthThicker);}\", \".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}\", \".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}\", \".f1eryozh{color:var(--colorNeutralForeground2Selected);}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"]\n});\nconst useIconExpandedStyles = /*#__PURE__*/__styles({\n  outline: {\n    sj55zd: \"f14nttnl\"\n  },\n  primary: {},\n  secondary: {\n    sj55zd: \"f14nttnl\"\n  },\n  subtle: {\n    sj55zd: \"f1qj7y59\"\n  },\n  transparent: {\n    sj55zd: \"f1qj7y59\"\n  }\n}, {\n  d: [\".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"]\n});\nconst useMenuIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Bg96gwp: \"fez10in\"\n  },\n  small: {\n    Be2twd7: \"f1ugzwwg\",\n    Bqenvij: \"fvblgha\",\n    Bg96gwp: \"fwrc4pm\",\n    a9b677: \"frx94fk\"\n  },\n  medium: {\n    Be2twd7: \"f1ugzwwg\",\n    Bqenvij: \"fvblgha\",\n    Bg96gwp: \"fwrc4pm\",\n    a9b677: \"frx94fk\"\n  },\n  large: {\n    Be2twd7: \"f4ybsrx\",\n    Bqenvij: \"fd461yt\",\n    Bg96gwp: \"faaz57k\",\n    a9b677: \"fjw5fx7\"\n  },\n  notIconOnly: {\n    Frg6f3: [\"fbyavb5\", \"fm0x6gh\"]\n  }\n}, {\n  d: [\".fez10in{line-height:0;}\", \".f1ugzwwg{font-size:12px;}\", \".fvblgha{height:12px;}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".frx94fk{width:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fd461yt{height:16px;}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fjw5fx7{width:16px;}\", \".fbyavb5{margin-left:var(--spacingHorizontalXS);}\", \".fm0x6gh{margin-right:var(--spacingHorizontalXS);}\"]\n});\nexport const useMenuButtonStyles_unstable = state => {\n  const rootExpandedStyles = useRootExpandedStyles();\n  const iconExpandedStyles = useIconExpandedStyles();\n  const menuIconStyles = useMenuIconStyles();\n  state.root.className = mergeClasses(menuButtonClassNames.root, state.root[\"aria-expanded\"] && rootExpandedStyles.base, state.root[\"aria-expanded\"] && rootExpandedStyles[state.appearance], state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuButtonClassNames.icon, state.root[\"aria-expanded\"] && iconExpandedStyles[state.appearance], state.icon.className);\n  }\n  if (state.menuIcon) {\n    state.menuIcon.className = mergeClasses(menuButtonClassNames.menuIcon, menuIconStyles.base, menuIconStyles[state.size], !state.iconOnly && menuIconStyles.notIconOnly, state.menuIcon.className);\n  }\n  useButtonStyles_unstable({\n    ...state,\n    iconPosition: \"before\"\n  });\n  return state;\n};\n//# sourceMappingURL=useMenuButtonStyles.js.map"],"names":["menuButtonClassNames","useMenuButtonStyles_unstable","root","icon","menuIcon","useRootExpandedStyles","__styles","base","D0sxk3","t6yez3","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","sj55zd","primary","De3pzq","secondary","subtle","transparent","d","useIconExpandedStyles","useMenuIconStyles","Bg96gwp","small","Be2twd7","Bqenvij","a9b677","medium","large","notIconOnly","Frg6f3","state","rootExpandedStyles","iconExpandedStyles","menuIconStyles","className","mergeClasses","appearance","size","iconOnly","useButtonStyles_unstable","iconPosition"],"mappings":"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"}
+{"version":3,"names":["react_icons_1","require","react_theme_1","react_1","useButtonStyles_1","exports","menuButtonClassNames","root","icon","menuIcon","useRootExpandedStyles","__styles","base","D0sxk3","t6yez3","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","sj55zd","primary","De3pzq","secondary","subtle","transparent","d","useIconExpandedStyles","useMenuIconStyles","Bg96gwp","small","Be2twd7","Bqenvij","a9b677","medium","large","notIconOnly","Frg6f3","useMenuButtonStyles_unstable","state","rootExpandedStyles","iconExpandedStyles","menuIconStyles","className","mergeClasses","appearance","size","iconOnly","useButtonStyles_unstable","iconPosition"],"sources":["../../../../../../../../../packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses, makeStyles, shorthands } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles';\nimport type { MenuButtonSlots, MenuButtonState } from './MenuButton.types';\n\nexport const menuButtonClassNames: SlotClassNames<MenuButtonSlots> = {\n  root: 'fui-MenuButton',\n  icon: 'fui-MenuButton__icon',\n  menuIcon: 'fui-MenuButton__menuIcon',\n};\n\nconst useRootExpandedStyles = makeStyles({\n  base: {\n    [`& .${iconFilledClassName}`]: {\n      display: 'inline',\n    },\n    [`& .${iconRegularClassName}`]: {\n      display: 'none',\n    },\n  },\n\n  // Appearance variations\n  outline: {\n    ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n    ...shorthands.borderWidth(tokens.strokeWidthThicker),\n    color: tokens.colorNeutralForeground1Selected,\n  },\n  primary: {\n    backgroundColor: tokens.colorBrandBackgroundSelected,\n  },\n  secondary: {\n    backgroundColor: tokens.colorNeutralBackground1Selected,\n    ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n    color: tokens.colorNeutralForeground1Selected,\n  },\n  subtle: {\n    backgroundColor: tokens.colorSubtleBackgroundSelected,\n    color: tokens.colorNeutralForeground2Selected,\n  },\n  transparent: {\n    backgroundColor: tokens.colorTransparentBackgroundSelected,\n    color: tokens.colorNeutralForeground2BrandSelected,\n  },\n});\n\nconst useIconExpandedStyles = makeStyles({\n  // Appearance variations\n  outline: {\n    color: tokens.colorNeutralForeground1Selected,\n  },\n  primary: {\n    /* The primary styles are exactly the same as the base styles. */\n  },\n  secondary: {\n    color: tokens.colorNeutralForeground1Selected,\n  },\n  subtle: {\n    color: tokens.colorNeutralForeground2BrandSelected,\n  },\n  transparent: {\n    color: tokens.colorNeutralForeground2BrandSelected,\n  },\n});\n\nconst useMenuIconStyles = makeStyles({\n  base: {\n    lineHeight: 0,\n  },\n\n  // Size appearance\n  small: {\n    fontSize: '12px',\n    height: '12px',\n    lineHeight: tokens.lineHeightBase200,\n    width: '12px',\n  },\n  medium: {\n    fontSize: '12px',\n    height: '12px',\n    lineHeight: tokens.lineHeightBase200,\n    width: '12px',\n  },\n  large: {\n    fontSize: '16px',\n    height: '16px',\n    lineHeight: tokens.lineHeightBase400,\n    width: '16px',\n  },\n\n  // Not-icon only\n  notIconOnly: {\n    marginLeft: tokens.spacingHorizontalXS,\n  },\n});\n\nexport const useMenuButtonStyles_unstable = (state: MenuButtonState): MenuButtonState => {\n  const rootExpandedStyles = useRootExpandedStyles();\n  const iconExpandedStyles = useIconExpandedStyles();\n  const menuIconStyles = useMenuIconStyles();\n\n  state.root.className = mergeClasses(\n    menuButtonClassNames.root,\n    state.root['aria-expanded'] && rootExpandedStyles.base,\n    state.root['aria-expanded'] && rootExpandedStyles[state.appearance],\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      menuButtonClassNames.icon,\n      state.root['aria-expanded'] && iconExpandedStyles[state.appearance],\n      state.icon.className,\n    );\n  }\n\n  if (state.menuIcon) {\n    state.menuIcon.className = mergeClasses(\n      menuButtonClassNames.menuIcon,\n      menuIconStyles.base,\n      menuIconStyles[state.size],\n      !state.iconOnly && menuIconStyles.notIconOnly,\n      state.menuIcon.className,\n    );\n  }\n\n  useButtonStyles_unstable({ ...state, iconPosition: 'before' });\n\n  return state;\n};\n"],"mappings":"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"}