@fluentui/react-button 9.3.14 → 9.3.16
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +79 -1
- package/CHANGELOG.md +28 -2
- package/lib/Button.js +0 -1
- package/lib/Button.js.map +1 -1
- package/lib/CompoundButton.js +0 -1
- package/lib/CompoundButton.js.map +1 -1
- package/lib/MenuButton.js +0 -1
- package/lib/MenuButton.js.map +1 -1
- package/lib/SplitButton.js +0 -1
- package/lib/SplitButton.js.map +1 -1
- package/lib/ToggleButton.js +0 -1
- package/lib/ToggleButton.js.map +1 -1
- package/lib/components/Button/Button.js +6 -9
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/Button/Button.types.js +1 -2
- package/lib/components/Button/Button.types.js.map +1 -1
- package/lib/components/Button/index.js +0 -1
- package/lib/components/Button/index.js.map +1 -1
- package/lib/components/Button/renderButton.js +5 -13
- package/lib/components/Button/renderButton.js.map +1 -1
- package/lib/components/Button/useButton.js +28 -41
- package/lib/components/Button/useButton.js.map +1 -1
- package/lib/components/Button/useButtonStyles.styles.js.map +1 -1
- package/lib/components/CompoundButton/CompoundButton.js +6 -9
- package/lib/components/CompoundButton/CompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/CompoundButton.types.js +1 -2
- package/lib/components/CompoundButton/CompoundButton.types.js.map +1 -1
- package/lib/components/CompoundButton/index.js +0 -1
- package/lib/components/CompoundButton/index.js.map +1 -1
- package/lib/components/CompoundButton/renderCompoundButton.js +5 -13
- package/lib/components/CompoundButton/renderCompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButton.js +20 -26
- package/lib/components/CompoundButton/useCompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
- package/lib/components/MenuButton/MenuButton.js +6 -9
- package/lib/components/MenuButton/MenuButton.js.map +1 -1
- package/lib/components/MenuButton/MenuButton.types.js +1 -2
- package/lib/components/MenuButton/MenuButton.types.js.map +1 -1
- package/lib/components/MenuButton/index.js +0 -1
- package/lib/components/MenuButton/index.js.map +1 -1
- package/lib/components/MenuButton/renderMenuButton.js +5 -13
- package/lib/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib/components/MenuButton/useMenuButton.js +22 -27
- package/lib/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
- package/lib/components/SplitButton/SplitButton.js +6 -9
- package/lib/components/SplitButton/SplitButton.js.map +1 -1
- package/lib/components/SplitButton/SplitButton.types.js +1 -2
- package/lib/components/SplitButton/SplitButton.types.js.map +1 -1
- package/lib/components/SplitButton/index.js +0 -1
- package/lib/components/SplitButton/index.js.map +1 -1
- package/lib/components/SplitButton/renderSplitButton.js +4 -9
- package/lib/components/SplitButton/renderSplitButton.js.map +1 -1
- package/lib/components/SplitButton/useSplitButton.js +54 -68
- package/lib/components/SplitButton/useSplitButton.js.map +1 -1
- package/lib/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
- package/lib/components/ToggleButton/ToggleButton.js +6 -9
- package/lib/components/ToggleButton/ToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/ToggleButton.types.js +1 -2
- package/lib/components/ToggleButton/ToggleButton.types.js.map +1 -1
- package/lib/components/ToggleButton/index.js +0 -1
- package/lib/components/ToggleButton/index.js.map +1 -1
- package/lib/components/ToggleButton/renderToggleButton.js +0 -1
- package/lib/components/ToggleButton/renderToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButton.js +3 -5
- package/lib/components/ToggleButton/useToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
- package/lib/contexts/ButtonContext.js +3 -6
- package/lib/contexts/ButtonContext.js.map +1 -1
- package/lib/contexts/index.js +0 -1
- package/lib/contexts/index.js.map +1 -1
- package/lib/index.js +0 -1
- package/lib/index.js.map +1 -1
- package/lib/utils/index.js +0 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/useToggleState.js +30 -34
- package/lib/utils/useToggleState.js.map +1 -1
- package/lib-commonjs/Button.js +0 -3
- package/lib-commonjs/Button.js.map +1 -1
- package/lib-commonjs/CompoundButton.js +0 -3
- package/lib-commonjs/CompoundButton.js.map +1 -1
- package/lib-commonjs/MenuButton.js +0 -3
- package/lib-commonjs/MenuButton.js.map +1 -1
- package/lib-commonjs/SplitButton.js +0 -3
- package/lib-commonjs/SplitButton.js.map +1 -1
- package/lib-commonjs/ToggleButton.js +0 -3
- package/lib-commonjs/ToggleButton.js.map +1 -1
- package/lib-commonjs/components/Button/Button.js +1 -3
- package/lib-commonjs/components/Button/Button.js.map +1 -1
- package/lib-commonjs/components/Button/Button.types.js +0 -3
- package/lib-commonjs/components/Button/Button.types.js.map +1 -1
- package/lib-commonjs/components/Button/index.js +0 -3
- package/lib-commonjs/components/Button/index.js.map +1 -1
- package/lib-commonjs/components/Button/renderButton.js +1 -3
- package/lib-commonjs/components/Button/renderButton.js.map +1 -1
- package/lib-commonjs/components/Button/useButton.js +1 -3
- package/lib-commonjs/components/Button/useButton.js.map +1 -1
- package/lib-commonjs/components/Button/useButtonStyles.styles.js +0 -2
- package/lib-commonjs/components/Button/useButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/CompoundButton.js +1 -3
- package/lib-commonjs/components/CompoundButton/CompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/CompoundButton.types.js +0 -3
- package/lib-commonjs/components/CompoundButton/CompoundButton.types.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/index.js +0 -3
- package/lib-commonjs/components/CompoundButton/index.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.js +1 -3
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButton.js +1 -3
- package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js +0 -2
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MenuButton/MenuButton.js +1 -3
- package/lib-commonjs/components/MenuButton/MenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/MenuButton.types.js +0 -3
- package/lib-commonjs/components/MenuButton/MenuButton.types.js.map +1 -1
- package/lib-commonjs/components/MenuButton/index.js +0 -3
- package/lib-commonjs/components/MenuButton/index.js.map +1 -1
- package/lib-commonjs/components/MenuButton/renderMenuButton.js +1 -3
- package/lib-commonjs/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButton.js +1 -3
- package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js +0 -2
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/SplitButton/SplitButton.js +1 -3
- package/lib-commonjs/components/SplitButton/SplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/SplitButton.types.js +0 -3
- package/lib-commonjs/components/SplitButton/SplitButton.types.js.map +1 -1
- package/lib-commonjs/components/SplitButton/index.js +0 -3
- package/lib-commonjs/components/SplitButton/index.js.map +1 -1
- package/lib-commonjs/components/SplitButton/renderSplitButton.js +1 -3
- package/lib-commonjs/components/SplitButton/renderSplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButton.js +1 -3
- package/lib-commonjs/components/SplitButton/useSplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js +0 -2
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/ToggleButton.js +1 -3
- package/lib-commonjs/components/ToggleButton/ToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/ToggleButton.types.js +0 -3
- package/lib-commonjs/components/ToggleButton/ToggleButton.types.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/index.js +0 -3
- package/lib-commonjs/components/ToggleButton/index.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/renderToggleButton.js +0 -3
- package/lib-commonjs/components/ToggleButton/renderToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButton.js +1 -3
- package/lib-commonjs/components/ToggleButton/useToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js +0 -2
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/contexts/ButtonContext.js +1 -3
- package/lib-commonjs/contexts/ButtonContext.js.map +1 -1
- package/lib-commonjs/contexts/index.js +0 -3
- package/lib-commonjs/contexts/index.js.map +1 -1
- package/lib-commonjs/index.js +0 -3
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/index.js +0 -3
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/useToggleState.js +1 -3
- package/lib-commonjs/utils/useToggleState.js.map +1 -1
- package/package.json +7 -7
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["MenuButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderMenuButton_unstable } from './renderMenuButton';\nimport { useMenuButton_unstable } from './useMenuButton';\nimport { useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles';\nimport { useCustomStyleHook_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 */ export const MenuButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useMenuButton_unstable(props, ref);\n useMenuButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useMenuButtonStyles_unstable')(state);\n return renderMenuButton_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nMenuButton.displayName = 'MenuButton';\n"],"names":["MenuButton","React","forwardRef","props","ref","state","useMenuButton_unstable","useMenuButtonStyles_unstable","useCustomStyleHook_unstable","renderMenuButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;kCACmB;+BACH;2CACM;qCACD;AAIjC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACvE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7BG,IAAAA,gDAA2B,EAAC,gCAAgCH;IAC5D,OAAOI,IAAAA,2CAAyB,EAACJ;AACrC,0FAA0F;AAC1F;AACAL,WAAWU,WAAW,GAAG"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":[
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":""}
|
@@ -18,6 +18,3 @@ _exportStar(require("./MenuButton"), exports);
|
|
18
18
|
_exportStar(require("./renderMenuButton"), exports);
|
19
19
|
_exportStar(require("./useMenuButton"), exports);
|
20
20
|
const _useMenuButtonStylesStyles = require("./useMenuButtonStyles.styles");
|
21
|
-
//# sourceMappingURL=index.js.map
|
22
|
-
|
23
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './MenuButton.types';\nexport * from './MenuButton';\nexport * from './renderMenuButton';\nexport * from './useMenuButton';\nexport { menuButtonClassNames, useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles';\n"],"names":["menuButtonClassNames","useMenuButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,oBAAoB,MAApBA,+CAAoB;IAAEC,4BAA4B,MAA5BA,uDAA4B;;;oBAJ7C;oBACA;oBACA;oBACA;2CACqD"}
|
@@ -12,6 +12,4 @@ const renderMenuButton_unstable = (state)=>{
|
|
12
12
|
const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
|
13
13
|
const { icon , iconOnly } = state;
|
14
14
|
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slots.icon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.icon, slotProps.icon), !iconOnly && slotProps.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && slots.menuIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.menuIcon, slotProps.menuIcon));
|
15
|
-
};
|
16
|
-
|
17
|
-
//# sourceMappingURL=renderMenuButton.js.map
|
15
|
+
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["renderMenuButton.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Renders a MenuButton component by passing the state defined props to the appropriate slots.\n */ export const renderMenuButton_unstable = (state)=>{\n const { slots , slotProps } = getSlotsNext(state);\n const { icon , iconOnly } = state;\n return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.icon && /*#__PURE__*/ createElement(slots.icon, slotProps.icon), !iconOnly && slotProps.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && slots.menuIcon && /*#__PURE__*/ createElement(slots.menuIcon, slotProps.menuIcon));\n};\n"],"names":["renderMenuButton_unstable","state","slots","slotProps","getSlotsNext","icon","iconOnly","createElement","root","children","menuIcon"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,4BAA4B,CAACC,QAAQ;IAClD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,MAAM,EAAEI,KAAI,EAAGC,SAAQ,EAAG,GAAGL;IAC7B,OAAO,WAAW,GAAGM,IAAAA,8BAAa,EAACL,MAAMM,IAAI,EAAEL,UAAUK,IAAI,EAAEN,MAAMG,IAAI,IAAI,WAAW,GAAGE,IAAAA,8BAAa,EAACL,MAAMG,IAAI,EAAEF,UAAUE,IAAI,GAAG,CAACC,YAAYH,UAAUK,IAAI,CAACC,QAAQ,EAAE,AAAC,CAAA,CAACH,YAAY,CAAED,CAAAA,SAAS,IAAI,IAAIA,SAAS,KAAK,IAAI,KAAK,IAAIA,KAAKI,QAAQ,AAAD,CAAC,KAAMP,MAAMQ,QAAQ,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACL,MAAMQ,QAAQ,EAAEP,UAAUO,QAAQ;AAC/U"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["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 */ export const useMenuButton_unstable = ({ menuIcon , ...props }, ref)=>{\n const buttonState = useButton_unstable(props, ref);\n var _props_ariaexpanded;\n buttonState.root['aria-expanded'] = (_props_ariaexpanded = props['aria-expanded']) !== null && _props_ariaexpanded !== void 0 ? _props_ariaexpanded : 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"],"names":["useMenuButton_unstable","menuIcon","props","ref","buttonState","useButton_unstable","_props_ariaexpanded","root","iconOnly","Boolean","children","components","icon","resolveShorthand","defaultProps","React","createElement","ChevronDownRegular","required"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;4BACY;gCACF;uBACE;AAGxB,MAAMA,yBAAyB,CAAC,EAAEC,SAAQ,EAAG,GAAGC,OAAO,EAAEC,MAAM;IACtE,MAAMC,cAAcC,IAAAA,yBAAkB,EAACH,OAAOC;IAC9C,IAAIG;IACJF,YAAYG,IAAI,CAAC,gBAAgB,GAAG,AAACD,CAAAA,sBAAsBJ,KAAK,CAAC,gBAAgB,AAAD,MAAO,IAAI,IAAII,wBAAwB,KAAK,IAAIA,sBAAsB,KAAK;IAC3J,OAAO;QACH,eAAe;QACf,GAAGF,WAAW;QACd,uCAAuC;QACvCI,UAAUC,QAAQ,CAACP,MAAMQ,QAAQ;QACjC,mBAAmB;QACnBC,YAAY;YACRJ,MAAM;YACNK,MAAM;YACNX,UAAU;QACd;QACAA,UAAUY,IAAAA,gCAAgB,EAACZ,UAAU;YACjCa,cAAc;gBACVJ,UAAU,WAAW,GAAGK,OAAMC,aAAa,CAACC,8BAAkB,EAAE,IAAI;YACxE;YACAC,UAAU,IAAI;QAClB;IACJ;AACJ"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["useMenuButtonStyles.styles.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.styles';\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.styles.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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"}
|
@@ -19,6 +19,4 @@ const SplitButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
19
19
|
return (0, _renderSplitButton.renderSplitButton_unstable)(state);
|
20
20
|
// Casting is required due to lack of distributive union to support unions on @types/react
|
21
21
|
});
|
22
|
-
SplitButton.displayName = 'SplitButton';
|
23
|
-
|
24
|
-
//# sourceMappingURL=SplitButton.js.map
|
22
|
+
SplitButton.displayName = 'SplitButton';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["SplitButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderSplitButton_unstable } from './renderSplitButton';\nimport { useSplitButton_unstable } from './useSplitButton';\nimport { useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary\n * action, while interacting with the second one opens a menu with secondary actions.\n */ export const SplitButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useSplitButton_unstable(props, ref);\n useSplitButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useSplitButtonStyles_unstable')(state);\n return renderSplitButton_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nSplitButton.displayName = 'SplitButton';\n"],"names":["SplitButton","React","forwardRef","props","ref","state","useSplitButton_unstable","useSplitButtonStyles_unstable","useCustomStyleHook_unstable","renderSplitButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;mCACoB;gCACH;4CACM;qCACF;AAIjC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACxE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,yDAA6B,EAACF;IAC9BG,IAAAA,gDAA2B,EAAC,iCAAiCH;IAC7D,OAAOI,IAAAA,6CAA0B,EAACJ;AACtC,0FAA0F;AAC1F;AACAL,YAAYU,WAAW,GAAG"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":[
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":""}
|
@@ -18,6 +18,3 @@ _exportStar(require("./SplitButton.types"), exports);
|
|
18
18
|
_exportStar(require("./renderSplitButton"), exports);
|
19
19
|
_exportStar(require("./useSplitButton"), exports);
|
20
20
|
const _useSplitButtonStylesStyles = require("./useSplitButtonStyles.styles");
|
21
|
-
//# sourceMappingURL=index.js.map
|
22
|
-
|
23
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './SplitButton';\nexport * from './SplitButton.types';\nexport * from './renderSplitButton';\nexport * from './useSplitButton';\nexport { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\n"],"names":["splitButtonClassNames","useSplitButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,qBAAqB,MAArBA,iDAAqB;IAAEC,6BAA6B,MAA7BA,yDAA6B;;;oBAJ/C;oBACA;oBACA;oBACA;4CACuD"}
|
@@ -11,6 +11,4 @@ const _reactUtilities = require("@fluentui/react-utilities");
|
|
11
11
|
const renderSplitButton_unstable = (state)=>{
|
12
12
|
const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
|
13
13
|
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slots.primaryActionButton && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.primaryActionButton, slotProps.primaryActionButton), slots.menuButton && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.menuButton, slotProps.menuButton));
|
14
|
-
};
|
15
|
-
|
16
|
-
//# sourceMappingURL=renderSplitButton.js.map
|
14
|
+
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["renderSplitButton.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Renders a SplitButton component by passing the state defined props to the appropriate slots.\n */ export const renderSplitButton_unstable = (state)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.primaryActionButton && /*#__PURE__*/ createElement(slots.primaryActionButton, slotProps.primaryActionButton), slots.menuButton && /*#__PURE__*/ createElement(slots.menuButton, slotProps.menuButton));\n};\n"],"names":["renderSplitButton_unstable","state","slots","slotProps","getSlotsNext","createElement","root","primaryActionButton","menuButton"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,6BAA6B,CAACC,QAAQ;IACnD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,mBAAmB,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMK,mBAAmB,EAAEJ,UAAUI,mBAAmB,GAAGL,MAAMM,UAAU,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMM,UAAU,EAAEL,UAAUK,UAAU;AAC7Q"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["useSplitButton.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\n/**\n * Given user props, defines default props for the SplitButton and returns processed state.\n * @param props - User provided props to the SplitButton component.\n * @param ref - User provided ref to be passed to the SplitButton component.\n */ export const useSplitButton_unstable = (props, ref)=>{\n const { appearance ='secondary' , children , disabled =false , disabledFocusable =false , icon , iconPosition ='before' , menuButton , menuIcon , primaryActionButton , shape ='rounded' , size ='medium' } = props;\n const baseId = useId('splitButton-');\n const menuButtonShorthand = resolveShorthand(menuButton, {\n defaultProps: {\n appearance,\n disabled,\n disabledFocusable,\n menuIcon,\n shape,\n size\n },\n required: true\n });\n const primaryActionButtonShorthand = resolveShorthand(primaryActionButton, {\n defaultProps: {\n appearance,\n children,\n disabled,\n disabledFocusable,\n icon,\n iconPosition,\n id: baseId + '__primaryActionButton',\n shape,\n size\n },\n required: true\n });\n // Resolve menu button's aria-labelledby to be labelled by the primary action button if not a label was not provided\n // by the user.\n if (menuButtonShorthand && primaryActionButtonShorthand && !menuButtonShorthand['aria-label'] && !menuButtonShorthand['aria-labelledby']) {\n menuButtonShorthand['aria-labelledby'] = primaryActionButtonShorthand.id;\n }\n return {\n // Props passed at the top-level\n appearance,\n disabled,\n disabledFocusable,\n iconPosition,\n shape,\n size,\n // Slots definition\n components: {\n root: 'div',\n menuButton: MenuButton,\n primaryActionButton: Button\n },\n root: getNativeElementProps('div', {\n ref,\n ...props\n }),\n menuButton: menuButtonShorthand,\n primaryActionButton: primaryActionButtonShorthand\n };\n};\n"],"names":["useSplitButton_unstable","props","ref","appearance","children","disabled","disabledFocusable","icon","iconPosition","menuButton","menuIcon","primaryActionButton","shape","size","baseId","useId","menuButtonShorthand","resolveShorthand","defaultProps","required","primaryActionButtonShorthand","id","components","root","MenuButton","Button","getNativeElementProps"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;gCACwC;wBACxC;4BACI;AAKhB,MAAMA,0BAA0B,CAACC,OAAOC,MAAM;IACrD,MAAM,EAAEC,YAAY,YAAW,EAAGC,SAAQ,EAAGC,UAAU,KAAK,CAAA,EAAGC,mBAAmB,KAAK,CAAA,EAAGC,KAAI,EAAGC,cAAc,SAAQ,EAAGC,WAAU,EAAGC,SAAQ,EAAGC,oBAAmB,EAAGC,OAAO,UAAS,EAAGC,MAAM,SAAQ,EAAG,GAAGZ;IAC/M,MAAMa,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAMC,sBAAsBC,IAAAA,gCAAgB,EAACR,YAAY;QACrDS,cAAc;YACVf;YACAE;YACAC;YACAI;YACAE;YACAC;QACJ;QACAM,UAAU,IAAI;IAClB;IACA,MAAMC,+BAA+BH,IAAAA,gCAAgB,EAACN,qBAAqB;QACvEO,cAAc;YACVf;YACAC;YACAC;YACAC;YACAC;YACAC;YACAa,IAAIP,SAAS;YACbF;YACAC;QACJ;QACAM,UAAU,IAAI;IAClB;IACA,oHAAoH;IACpH,eAAe;IACf,IAAIH,uBAAuBI,gCAAgC,CAACJ,mBAAmB,CAAC,aAAa,IAAI,CAACA,mBAAmB,CAAC,kBAAkB,EAAE;QACtIA,mBAAmB,CAAC,kBAAkB,GAAGI,6BAA6BC,EAAE;IAC5E,CAAC;IACD,OAAO;QACH,gCAAgC;QAChClB;QACAE;QACAC;QACAE;QACAI;QACAC;QACA,mBAAmB;QACnBS,YAAY;YACRC,MAAM;YACNd,YAAYe,sBAAU;YACtBb,qBAAqBc,cAAM;QAC/B;QACAF,MAAMG,IAAAA,qCAAqB,EAAC,OAAO;YAC/BxB;YACA,GAAGD,KAAK;QACZ;QACAQ,YAAYO;QACZL,qBAAqBS;IACzB;AACJ"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/SplitButton/useSplitButtonStyles.styles.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 B6xbmo0: [\"f1x37qnr\", \"f1um7c6d\"],\n kdpuga: [\"fn4c73s\", \"f6pwzcr\"]\n },\n menuButton: {\n lbo84a: [\"frrbwxo\", \"f1rgcpbv\"],\n dm238s: [\"f1um7c6d\", \"f1x37qnr\"],\n Bw81rd7: [\"f6pwzcr\", \"fn4c73s\"]\n }\n}, {\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.styles.js.map"],"names":["splitButtonClassNames","useSplitButtonStyles_unstable","root","menuButton","primaryActionButton","useFocusStyles","__styles","B6xbmo0","kdpuga","lbo84a","dm238s","Bw81rd7","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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"}
|
1
|
+
{"version":3,"sources":["useSplitButtonStyles.styles.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 B6xbmo0: [\"f1x37qnr\", \"f1um7c6d\"],\n kdpuga: [\"fn4c73s\", \"f6pwzcr\"]\n },\n menuButton: {\n lbo84a: [\"frrbwxo\", \"f1rgcpbv\"],\n dm238s: [\"f1um7c6d\", \"f1x37qnr\"],\n Bw81rd7: [\"f6pwzcr\", \"fn4c73s\"]\n }\n}, {\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.styles.js.map"],"names":["splitButtonClassNames","useSplitButtonStyles_unstable","root","menuButton","primaryActionButton","useFocusStyles","__styles","B6xbmo0","kdpuga","lbo84a","dm238s","Bw81rd7","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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"}
|
@@ -19,6 +19,4 @@ const ToggleButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
19
19
|
return (0, _renderToggleButton.renderToggleButton_unstable)(state);
|
20
20
|
// Casting is required due to lack of distributive union to support unions on @types/react
|
21
21
|
});
|
22
|
-
ToggleButton.displayName = 'ToggleButton';
|
23
|
-
|
24
|
-
//# sourceMappingURL=ToggleButton.js.map
|
22
|
+
ToggleButton.displayName = 'ToggleButton';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["ToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from './renderToggleButton';\nimport { useToggleButton_unstable } from './useToggleButton';\nimport { useToggleButtonStyles_unstable } from './useToggleButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToggleButtons are buttons that toggle between two defined states when triggered.\n */ export const ToggleButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useToggleButton_unstable(props, ref);\n useToggleButtonStyles_unstable(state);\n useCustomStyleHook_unstable('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});\nToggleButton.displayName = 'ToggleButton';\n"],"names":["ToggleButton","React","forwardRef","props","ref","state","useToggleButton_unstable","useToggleButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;oCACqB;iCACH;6CACM;qCACH;AAGjC,MAAMA,eAAe,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACzE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/BG,IAAAA,gDAA2B,EAAC,kCAAkCH;IAC9D,OAAOI,IAAAA,+CAA2B,EAACJ;AACvC,0FAA0F;AAC1F;AACAL,aAAaU,WAAW,GAAG"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":[
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":""}
|
@@ -18,6 +18,3 @@ _exportStar(require("./ToggleButton.types"), exports);
|
|
18
18
|
_exportStar(require("./renderToggleButton"), exports);
|
19
19
|
_exportStar(require("./useToggleButton"), exports);
|
20
20
|
const _useToggleButtonStylesStyles = require("./useToggleButtonStyles.styles");
|
21
|
-
//# sourceMappingURL=index.js.map
|
22
|
-
|
23
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToggleButton';\nexport * from './ToggleButton.types';\nexport * from './renderToggleButton';\nexport * from './useToggleButton';\nexport { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles.styles';\n"],"names":["toggleButtonClassNames","useToggleButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,sBAAsB,MAAtBA,mDAAsB;IAAEC,8BAA8B,MAA9BA,2DAA8B;;;oBAJjD;oBACA;oBACA;oBACA;6CACyD"}
|
@@ -7,6 +7,3 @@ Object.defineProperty(exports, "renderToggleButton_unstable", {
|
|
7
7
|
get: ()=>_renderButton.renderButton_unstable
|
8
8
|
});
|
9
9
|
const _renderButton = require("../Button/renderButton");
|
10
|
-
//# sourceMappingURL=renderToggleButton.js.map
|
11
|
-
|
12
|
-
//# sourceMappingURL=renderToggleButton.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["renderToggleButton.js"],"sourcesContent":["export { renderButton_unstable as renderToggleButton_unstable } from '../Button/renderButton';\n"],"names":["renderToggleButton_unstable","renderButton_unstable"],"mappings":";;;;+BAAkCA;;aAAzBC,mCAAqB;;8BAAuC"}
|
@@ -13,6 +13,4 @@ const _useButton = require("../Button/useButton");
|
|
13
13
|
const useToggleButton_unstable = (props, ref)=>{
|
14
14
|
const buttonState = (0, _useButton.useButton_unstable)(props, ref);
|
15
15
|
return (0, _useToggleState.useToggleState)(props, buttonState);
|
16
|
-
};
|
17
|
-
|
18
|
-
//# sourceMappingURL=useToggleButton.js.map
|
16
|
+
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["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 */ export const useToggleButton_unstable = (props, ref)=>{\n const buttonState = useButton_unstable(props, ref);\n return useToggleState(props, buttonState);\n};\n"],"names":["useToggleButton_unstable","props","ref","buttonState","useButton_unstable","useToggleState"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;gCACQ;2BACI;AAMxB,MAAMA,2BAA2B,CAACC,OAAOC,MAAM;IACtD,MAAMC,cAAcC,IAAAA,6BAAkB,EAACH,OAAOC;IAC9C,OAAOG,IAAAA,8BAAc,EAACJ,OAAOE;AACjC"}
|