@fluentui/react-button 9.3.34 → 9.3.36
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +97 -1
- package/CHANGELOG.md +31 -2
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/Button/renderButton.js +9 -3
- package/lib/components/Button/renderButton.js.map +1 -1
- package/lib/components/Button/useButton.js +4 -3
- 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.map +1 -1
- package/lib/components/CompoundButton/renderCompoundButton.js +14 -3
- package/lib/components/CompoundButton/renderCompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButton.js +1 -1
- 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.map +1 -1
- package/lib/components/MenuButton/renderMenuButton.js +10 -3
- package/lib/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib/components/MenuButton/useMenuButton.js +1 -1
- package/lib/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib/components/SplitButton/SplitButton.js.map +1 -1
- package/lib/components/SplitButton/renderSplitButton.js +7 -2
- package/lib/components/SplitButton/renderSplitButton.js.map +1 -1
- package/lib/components/SplitButton/useSplitButton.js +1 -1
- 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.map +1 -1
- package/lib/components/ToggleButton/useToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
- package/lib/contexts/ButtonContext.js.map +1 -1
- package/lib/utils/useToggleState.js +2 -2
- package/lib/utils/useToggleState.js.map +1 -1
- package/lib-commonjs/Button.js +2 -2
- package/lib-commonjs/Button.js.map +1 -1
- package/lib-commonjs/CompoundButton.js +2 -2
- package/lib-commonjs/CompoundButton.js.map +1 -1
- package/lib-commonjs/MenuButton.js +2 -2
- package/lib-commonjs/MenuButton.js.map +1 -1
- package/lib-commonjs/SplitButton.js +2 -2
- package/lib-commonjs/SplitButton.js.map +1 -1
- package/lib-commonjs/ToggleButton.js +2 -2
- package/lib-commonjs/ToggleButton.js.map +1 -1
- package/lib-commonjs/components/Button/Button.js +9 -7
- package/lib-commonjs/components/Button/Button.js.map +1 -1
- package/lib-commonjs/components/Button/index.js +11 -7
- package/lib-commonjs/components/Button/index.js.map +1 -1
- package/lib-commonjs/components/Button/renderButton.js +15 -7
- package/lib-commonjs/components/Button/renderButton.js.map +1 -1
- package/lib-commonjs/components/Button/useButton.js +14 -11
- package/lib-commonjs/components/Button/useButton.js.map +1 -1
- package/lib-commonjs/components/Button/useButtonStyles.styles.js +14 -10
- package/lib-commonjs/components/Button/useButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/CompoundButton.js +9 -7
- package/lib-commonjs/components/CompoundButton/CompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/index.js +12 -8
- package/lib-commonjs/components/CompoundButton/index.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.js +20 -7
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButton.js +9 -7
- package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js +14 -10
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MenuButton/MenuButton.js +9 -7
- package/lib-commonjs/components/MenuButton/MenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/index.js +12 -8
- package/lib-commonjs/components/MenuButton/index.js.map +1 -1
- package/lib-commonjs/components/MenuButton/renderMenuButton.js +16 -7
- package/lib-commonjs/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButton.js +10 -8
- package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js +11 -7
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/SplitButton/SplitButton.js +9 -7
- package/lib-commonjs/components/SplitButton/SplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/index.js +12 -8
- package/lib-commonjs/components/SplitButton/index.js.map +1 -1
- package/lib-commonjs/components/SplitButton/renderSplitButton.js +13 -6
- package/lib-commonjs/components/SplitButton/renderSplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButton.js +17 -15
- package/lib-commonjs/components/SplitButton/useSplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js +9 -5
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/ToggleButton.js +9 -7
- package/lib-commonjs/components/ToggleButton/ToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/index.js +12 -8
- package/lib-commonjs/components/ToggleButton/index.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/renderToggleButton.js +3 -1
- package/lib-commonjs/components/ToggleButton/renderToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButton.js +5 -3
- package/lib-commonjs/components/ToggleButton/useToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js +13 -9
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/contexts/ButtonContext.js +8 -4
- package/lib-commonjs/contexts/ButtonContext.js.map +1 -1
- package/lib-commonjs/contexts/index.js +2 -2
- package/lib-commonjs/contexts/index.js.map +1 -1
- package/lib-commonjs/index.js +89 -33
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/index.js +2 -2
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/useToggleState.js +10 -8
- package/lib-commonjs/utils/useToggleState.js.map +1 -1
- package/package.json +13 -13
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useCompoundButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { shorthands, mergeClasses, __styles } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';\nexport const compoundButtonClassNames = {\n root: 'fui-CompoundButton',\n icon: 'fui-CompoundButton__icon',\n contentContainer: 'fui-CompoundButton__contentContainer',\n secondaryContent: 'fui-CompoundButton__secondaryContent'\n};\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n Bqenvij: \"f11ysow2\",\n J657lq: \"f1um431h\",\n Jlnjib: \"fte7hqw\",\n Bc29nj9: \"f1yh8ef3\"\n },\n highContrast: {\n pu7qz5: \"fi3u9nm\",\n B10010i: \"f1tdgb9w\"\n },\n outline: {},\n primary: {\n J657lq: \"foe7gw6\",\n Jlnjib: \"fvxlz81\",\n Bc29nj9: \"f1c2mdy\",\n B8ia98v: \"f1r39r2s\"\n },\n secondary: {},\n subtle: {\n J657lq: \"f1um431h\",\n Jlnjib: \"fte7hqw\",\n Bc29nj9: \"f1yh8ef3\",\n pu7qz5: \"f1xoeh18\",\n B10010i: \"f1ca1nd7\"\n },\n transparent: {\n J657lq: \"f1um431h\",\n Jlnjib: \"f1wn9xqz\",\n Bc29nj9: \"f1a8q4d0\"\n },\n small: {\n z8tnut: \"f17mpqex\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"f1quwm26\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n Be2twd7: \"fkhj508\",\n Bg96gwp: \"f1i3iumi\"\n },\n medium: {\n z8tnut: \"fbtff6s\",\n z189sj: [\"fw5db7e\", \"f1uw59to\"],\n Byoj8tv: \"flw3t2g\",\n uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n Be2twd7: \"fkhj508\",\n Bg96gwp: \"f1i3iumi\"\n },\n large: {\n z8tnut: \"fm4bm3s\",\n z189sj: [\"fjodcmx\", \"fhx4nu\"],\n Byoj8tv: \"fdt8xvx\",\n uwmqm3: [\"fhx4nu\", \"fjodcmx\"],\n Be2twd7: \"fod5ikn\",\n Bg96gwp: \"faaz57k\"\n },\n disabled: {\n J657lq: \"f1rlv8bf\",\n Jlnjib: \"fd1dbtm\",\n Bc29nj9: \"f1vqmdmi\"\n },\n disabledHighContrast: {\n B8ia98v: \"f1csacz4\",\n pu7qz5: \"f1s5tkfe\",\n B10010i: \"fs0rda3\"\n }\n}, {\n d: [\".f11ysow2{height:auto;}\", \".f1um431h .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2);}\", \".foe7gw6 .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f17mpqex{padding-top:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1quwm26{padding-bottom:var(--spacingHorizontalMNudge);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fbtff6s{padding-top:14px;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".flw3t2g{padding-bottom:var(--spacingHorizontalL);}\", \".fm4bm3s{padding-top:18px;}\", \".fjodcmx{padding-right:var(--spacingHorizontalL);}\", \".fhx4nu{padding-left:var(--spacingHorizontalL);}\", \".fdt8xvx{padding-bottom:var(--spacingHorizontalXL);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1rlv8bf .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\"],\n h: [\".fte7hqw:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Hover);}\", \".f1yh8ef3:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Pressed);}\", \".fvxlz81:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f1c2mdy:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f1wn9xqz:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandHover);}\", \".f1a8q4d0:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandPressed);}\", \".fd1dbtm:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\", \".f1vqmdmi:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\"],\n m: [[\"@media (forced-colors: active){.fi3u9nm:hover .fui-CompoundButton__secondaryContent{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1tdgb9w:hover:active .fui-CompoundButton__secondaryContent{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1r39r2s .fui-CompoundButton__secondaryContent{color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1xoeh18:hover .fui-CompoundButton__secondaryContent{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ca1nd7:hover:active .fui-CompoundButton__secondaryContent{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1csacz4 .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1s5tkfe:hover .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fs0rda3:hover:active .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\nconst useRootIconOnlyStyles = /*#__PURE__*/__styles({\n small: {\n z8tnut: \"f1x4af0m\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"fd55psn\",\n uwmqm3: [\"fruq291\", \"f7x41pl\"],\n B2u0y6b: \"ft5vyj6\",\n Bf4jedk: \"f17suaiq\"\n },\n medium: {\n z8tnut: \"f16k8034\",\n z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n Byoj8tv: \"f1angvds\",\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n B2u0y6b: \"fdczgix\",\n Bf4jedk: \"fjdcg9m\"\n },\n large: {\n z8tnut: \"f17mpqex\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"fdvome7\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n B2u0y6b: \"fww51uw\",\n Bf4jedk: \"f1qhsl2h\"\n }\n}, {\n d: [\".f1x4af0m{padding-top:var(--spacingHorizontalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".fd55psn{padding-bottom:var(--spacingHorizontalXS);}\", \".ft5vyj6{max-width:48px;}\", \".f17suaiq{min-width:48px;}\", \".f16k8034{padding-top:var(--spacingHorizontalSNudge);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".f1angvds{padding-bottom:var(--spacingHorizontalSNudge);}\", \".fdczgix{max-width:52px;}\", \".fjdcg9m{min-width:52px;}\", \".f17mpqex{padding-top:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fdvome7{padding-bottom:var(--spacingHorizontalS);}\", \".fww51uw{max-width:56px;}\", \".f1qhsl2h{min-width:56px;}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n base: {\n Be2twd7: \"fndrnj9\",\n Bqenvij: \"fbhnoac\",\n a9b677: \"feqmc2u\"\n },\n before: {\n t21cq0: [\"fkujibs\", \"f199hnxi\"]\n },\n after: {\n Frg6f3: [\"f199hnxi\", \"fkujibs\"]\n }\n}, {\n d: [\".fndrnj9{font-size:40px;}\", \".fbhnoac{height:40px;}\", \".feqmc2u{width:40px;}\", \".fkujibs{margin-right:var(--spacingHorizontalM);}\", \".f199hnxi{margin-left:var(--spacingHorizontalM);}\"]\n});\nconst useContentContainerStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\",\n fsow6f: [\"f1o700av\", \"fes3tcz\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\"]\n});\nconst useSecondaryContentStyles = /*#__PURE__*/__styles({\n base: {\n Bg96gwp: \"flkuc6h\",\n Bhrd7zp: \"figsok6\"\n },\n small: {\n Be2twd7: \"fy9rknc\"\n },\n medium: {\n Be2twd7: \"fy9rknc\"\n },\n large: {\n Be2twd7: \"fkhj508\"\n }\n}, {\n d: [\".flkuc6h{line-height:100%;}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\"]\n});\nexport const useCompoundButtonStyles_unstable = state => {\n const rootStyles = useRootStyles();\n const rootIconOnlyStyles = useRootIconOnlyStyles();\n const iconStyles = useIconStyles();\n const contentContainerStyles = useContentContainerStyles();\n const secondaryContentStyles = useSecondaryContentStyles();\n const {\n appearance,\n disabled,\n disabledFocusable,\n iconOnly,\n iconPosition,\n size\n } = state;\n state.root.className = mergeClasses(compoundButtonClassNames.root,\n // Root styles\n rootStyles.base, rootStyles.highContrast, appearance && rootStyles[appearance], rootStyles[size],\n // Disabled styles\n (disabled || disabledFocusable) && rootStyles.disabled, (disabled || disabledFocusable) && rootStyles.disabledHighContrast,\n // Icon-only styles\n iconOnly && rootIconOnlyStyles[size],\n // User provided class name\n state.root.className);\n state.contentContainer.className = mergeClasses(compoundButtonClassNames.contentContainer, contentContainerStyles.base, state.contentContainer.className);\n if (state.icon) {\n state.icon.className = mergeClasses(compoundButtonClassNames.icon, iconStyles.base, state.root.children !== undefined && state.root.children !== null && iconStyles[iconPosition], state.icon.className);\n }\n if (state.secondaryContent) {\n state.secondaryContent.className = mergeClasses(compoundButtonClassNames.secondaryContent, secondaryContentStyles.base, secondaryContentStyles[size], state.secondaryContent.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n//# sourceMappingURL=useCompoundButtonStyles.styles.js.map"],"names":["compoundButtonClassNames","useCompoundButtonStyles_unstable","root","icon","contentContainer","secondaryContent","useRootStyles","__styles","base","Bqenvij","J657lq","Jlnjib","Bc29nj9","highContrast","pu7qz5","B10010i","outline","primary","B8ia98v","secondary","subtle","transparent","small","z8tnut","z189sj","Byoj8tv","uwmqm3","Be2twd7","Bg96gwp","medium","large","disabled","disabledHighContrast","d","h","m","useRootIconOnlyStyles","B2u0y6b","Bf4jedk","useIconStyles","a9b677","before","t21cq0","after","Frg6f3","useContentContainerStyles","mc9l5x","Beiy3e4","fsow6f","useSecondaryContentStyles","Bhrd7zp","state","rootStyles","rootIconOnlyStyles","iconStyles","contentContainerStyles","secondaryContentStyles","appearance","disabledFocusable","iconOnly","iconPosition","size","className","mergeClasses","children","undefined","useButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB,MAAxBA;IAiKAC,gCAAgC,MAAhCA;;uBAnKsC;uCACV;AAClC,MAAMD,2BAA2B;IACtCE,MAAM;IACNC,MAAM;IACNC,kBAAkB;IAClBC,kBAAkB;AACpB;AACA,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,MAAM;QACJC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,cAAc;QACZC,QAAQ;QACRC,SAAS;IACX;IACAC,SAAS,CAAC;IACVC,SAAS;QACPP,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTM,SAAS;IACX;IACAC,WAAW,CAAC;IACZC,QAAQ;QACNV,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTE,QAAQ;QACRC,SAAS;IACX;IACAM,aAAa;QACXX,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAU,OAAO;QACLC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,SAAS;IACX;IACAC,QAAQ;QACNN,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;IACX;IACAE,OAAO;QACLP,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAS;QAC7BC,SAAS;QACTC,QAAQ;YAAC;YAAU;SAAU;QAC7BC,SAAS;QACTC,SAAS;IACX;IACAG,UAAU;QACRrB,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAoB,sBAAsB;QACpBd,SAAS;QACTJ,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDkB,GAAG;QAAC;QAA2B;QAA0F;QAA+F;QAAqD;QAAuD;QAAsD;QAA6D;QAA+C;QAAoD;QAA+B;QAAsD;QAAsD;QAAuD;QAA+B;QAAsD;QAAoD;QAAwD;QAA+C;QAAmD;KAAgG;IAC/lCC,GAAG;QAAC;QAAoG;QAA8G;QAAqG;QAA4G;QAA0G;QAAmH;QAAsG;KAA6G;IACv1BC,GAAG;QAAC;YAAC;YAA0G;gBAC7GA,GAAG;YACL;SAAE;QAAE;YAAC;YAAkH;gBACrHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAyG;gBAC5GA,GAAG;YACL;SAAE;QAAE;YAAC;YAAwG;gBAC3GA,GAAG;YACL;SAAE;QAAE;YAAC;YAA+G;gBAClHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAoG;gBACvGA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0G;gBAC7GA,GAAG;YACL;SAAE;QAAE;YAAC;YAAgH;gBACnHA,GAAG;YACL;SAAE;KAAC;AACL;AACA,MAAMC,wBAAwB,WAAW,GAAE7B,IAAAA,kBAAQ,EAAC;IAClDe,OAAO;QACLC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BW,SAAS;QACTC,SAAS;IACX;IACAT,QAAQ;QACNN,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BW,SAAS;QACTC,SAAS;IACX;IACAR,OAAO;QACLP,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCW,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDL,GAAG;QAAC;QAAsD;QAAuD;QAAsD;QAAwD;QAA6B;QAA8B;QAA0D;QAA2D;QAA0D;QAA6D;QAA6B;QAA6B;QAAqD;QAAuD;QAAsD;QAAuD;QAA6B;KAA6B;AACr1B;AACA,MAAMM,gBAAgB,WAAW,GAAEhC,IAAAA,kBAAQ,EAAC;IAC1CC,MAAM;QACJmB,SAAS;QACTlB,SAAS;QACT+B,QAAQ;IACV;IACAC,QAAQ;QACNC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,OAAO;QACLC,QAAQ;YAAC;YAAY;SAAU;IACjC;AACF,GAAG;IACDX,GAAG;QAAC;QAA6B;QAA0B;QAAyB;QAAqD;KAAoD;AAC/L;AACA,MAAMY,4BAA4B,WAAW,GAAEtC,IAAAA,kBAAQ,EAAC;IACtDC,MAAM;QACJsC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;AACF,GAAG;IACDf,GAAG;QAAC;QAA2B;QAAqC;QAA+B;KAA8B;AACnI;AACA,MAAMgB,4BAA4B,WAAW,GAAE1C,IAAAA,kBAAQ,EAAC;IACtDC,MAAM;QACJoB,SAAS;QACTsB,SAAS;IACX;IACA5B,OAAO;QACLK,SAAS;IACX;IACAE,QAAQ;QACNF,SAAS;IACX;IACAG,OAAO;QACLH,SAAS;IACX;AACF,GAAG;IACDM,GAAG;QAAC;QAA+B;QAAmD;QAA+C;KAA8C;AACrL;AACO,MAAMhC,mCAAmCkD,CAAAA,QAAS;IACvD,MAAMC,aAAa9C;IACnB,MAAM+C,qBAAqBjB;IAC3B,MAAMkB,aAAaf;IACnB,MAAMgB,yBAAyBV;IAC/B,MAAMW,yBAAyBP;IAC/B,MAAM,EACJQ,WAAU,EACV1B,SAAQ,EACR2B,kBAAiB,EACjBC,SAAQ,EACRC,aAAY,EACZC,KAAI,EACL,GAAGV;IACJA,MAAMjD,IAAI,CAAC4D,SAAS,GAAGC,IAAAA,mBAAY,EAAC/D,yBAAyBE,IAAI,EACjE,cAAc;IACdkD,WAAW5C,IAAI,EAAE4C,WAAWvC,YAAY,EAAE4C,cAAcL,UAAU,CAACK,WAAW,EAAEL,UAAU,CAACS,KAAK,EAEhG,AADA,kBAAkB;IACjB9B,CAAAA,YAAY2B,iBAAgB,KAAMN,WAAWrB,QAAQ,EAAE,AAACA,CAAAA,YAAY2B,iBAAgB,KAAMN,WAAWpB,oBAAoB,EAC1H,mBAAmB;IACnB2B,YAAYN,kBAAkB,CAACQ,KAAK,EACpC,2BAA2B;IAC3BV,MAAMjD,IAAI,CAAC4D,SAAS;IACpBX,MAAM/C,gBAAgB,CAAC0D,SAAS,GAAGC,IAAAA,mBAAY,EAAC/D,yBAAyBI,gBAAgB,EAAEmD,uBAAuB/C,IAAI,EAAE2C,MAAM/C,gBAAgB,CAAC0D,SAAS;IACxJ,IAAIX,MAAMhD,IAAI,EAAE;QACdgD,MAAMhD,IAAI,CAAC2D,SAAS,GAAGC,IAAAA,mBAAY,EAAC/D,yBAAyBG,IAAI,EAAEmD,WAAW9C,IAAI,EAAE2C,MAAMjD,IAAI,CAAC8D,QAAQ,KAAKC,aAAad,MAAMjD,IAAI,CAAC8D,QAAQ,KAAK,IAAI,IAAIV,UAAU,CAACM,aAAa,EAAET,MAAMhD,IAAI,CAAC2D,SAAS;IACzM,CAAC;IACD,IAAIX,MAAM9C,gBAAgB,EAAE;QAC1B8C,MAAM9C,gBAAgB,CAACyD,SAAS,GAAGC,IAAAA,mBAAY,EAAC/D,yBAAyBK,gBAAgB,EAAEmD,uBAAuBhD,IAAI,EAAEgD,sBAAsB,CAACK,KAAK,EAAEV,MAAM9C,gBAAgB,CAACyD,SAAS;IACxL,CAAC;IACDI,IAAAA,+CAAwB,EAACf;IACzB,OAAOA;AACT,GACA,0DAA0D"}
|
1
|
+
{"version":3,"sources":["useCompoundButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { shorthands, mergeClasses, __styles } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';\nexport const compoundButtonClassNames = {\n root: 'fui-CompoundButton',\n icon: 'fui-CompoundButton__icon',\n contentContainer: 'fui-CompoundButton__contentContainer',\n secondaryContent: 'fui-CompoundButton__secondaryContent'\n};\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n Bqenvij: \"f11ysow2\",\n J657lq: \"f1um431h\",\n Jlnjib: \"fte7hqw\",\n Bc29nj9: \"f1yh8ef3\"\n },\n highContrast: {\n pu7qz5: \"fi3u9nm\",\n B10010i: \"f1tdgb9w\"\n },\n outline: {},\n primary: {\n J657lq: \"foe7gw6\",\n Jlnjib: \"fvxlz81\",\n Bc29nj9: \"f1c2mdy\",\n B8ia98v: \"f1r39r2s\"\n },\n secondary: {},\n subtle: {\n J657lq: \"f1um431h\",\n Jlnjib: \"fte7hqw\",\n Bc29nj9: \"f1yh8ef3\",\n pu7qz5: \"f1xoeh18\",\n B10010i: \"f1ca1nd7\"\n },\n transparent: {\n J657lq: \"f1um431h\",\n Jlnjib: \"f1wn9xqz\",\n Bc29nj9: \"f1a8q4d0\"\n },\n small: {\n z8tnut: \"f17mpqex\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"f1quwm26\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n Be2twd7: \"fkhj508\",\n Bg96gwp: \"f1i3iumi\"\n },\n medium: {\n z8tnut: \"fbtff6s\",\n z189sj: [\"fw5db7e\", \"f1uw59to\"],\n Byoj8tv: \"flw3t2g\",\n uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n Be2twd7: \"fkhj508\",\n Bg96gwp: \"f1i3iumi\"\n },\n large: {\n z8tnut: \"fm4bm3s\",\n z189sj: [\"fjodcmx\", \"fhx4nu\"],\n Byoj8tv: \"fdt8xvx\",\n uwmqm3: [\"fhx4nu\", \"fjodcmx\"],\n Be2twd7: \"fod5ikn\",\n Bg96gwp: \"faaz57k\"\n },\n disabled: {\n J657lq: \"f1rlv8bf\",\n Jlnjib: \"fd1dbtm\",\n Bc29nj9: \"f1vqmdmi\"\n },\n disabledHighContrast: {\n B8ia98v: \"f1csacz4\",\n pu7qz5: \"f1s5tkfe\",\n B10010i: \"fs0rda3\"\n }\n}, {\n d: [\".f11ysow2{height:auto;}\", \".f1um431h .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2);}\", \".foe7gw6 .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f17mpqex{padding-top:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1quwm26{padding-bottom:var(--spacingHorizontalMNudge);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fbtff6s{padding-top:14px;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".flw3t2g{padding-bottom:var(--spacingHorizontalL);}\", \".fm4bm3s{padding-top:18px;}\", \".fjodcmx{padding-right:var(--spacingHorizontalL);}\", \".fhx4nu{padding-left:var(--spacingHorizontalL);}\", \".fdt8xvx{padding-bottom:var(--spacingHorizontalXL);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1rlv8bf .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\"],\n h: [\".fte7hqw:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Hover);}\", \".f1yh8ef3:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Pressed);}\", \".fvxlz81:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f1c2mdy:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f1wn9xqz:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandHover);}\", \".f1a8q4d0:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandPressed);}\", \".fd1dbtm:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\", \".f1vqmdmi:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\"],\n m: [[\"@media (forced-colors: active){.fi3u9nm:hover .fui-CompoundButton__secondaryContent{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1tdgb9w:hover:active .fui-CompoundButton__secondaryContent{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1r39r2s .fui-CompoundButton__secondaryContent{color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1xoeh18:hover .fui-CompoundButton__secondaryContent{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ca1nd7:hover:active .fui-CompoundButton__secondaryContent{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1csacz4 .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1s5tkfe:hover .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fs0rda3:hover:active .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\nconst useRootIconOnlyStyles = /*#__PURE__*/__styles({\n small: {\n z8tnut: \"f1x4af0m\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"fd55psn\",\n uwmqm3: [\"fruq291\", \"f7x41pl\"],\n B2u0y6b: \"ft5vyj6\",\n Bf4jedk: \"f17suaiq\"\n },\n medium: {\n z8tnut: \"f16k8034\",\n z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n Byoj8tv: \"f1angvds\",\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n B2u0y6b: \"fdczgix\",\n Bf4jedk: \"fjdcg9m\"\n },\n large: {\n z8tnut: \"f17mpqex\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"fdvome7\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n B2u0y6b: \"fww51uw\",\n Bf4jedk: \"f1qhsl2h\"\n }\n}, {\n d: [\".f1x4af0m{padding-top:var(--spacingHorizontalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".fd55psn{padding-bottom:var(--spacingHorizontalXS);}\", \".ft5vyj6{max-width:48px;}\", \".f17suaiq{min-width:48px;}\", \".f16k8034{padding-top:var(--spacingHorizontalSNudge);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".f1angvds{padding-bottom:var(--spacingHorizontalSNudge);}\", \".fdczgix{max-width:52px;}\", \".fjdcg9m{min-width:52px;}\", \".f17mpqex{padding-top:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fdvome7{padding-bottom:var(--spacingHorizontalS);}\", \".fww51uw{max-width:56px;}\", \".f1qhsl2h{min-width:56px;}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n base: {\n Be2twd7: \"fndrnj9\",\n Bqenvij: \"fbhnoac\",\n a9b677: \"feqmc2u\"\n },\n before: {\n t21cq0: [\"fkujibs\", \"f199hnxi\"]\n },\n after: {\n Frg6f3: [\"f199hnxi\", \"fkujibs\"]\n }\n}, {\n d: [\".fndrnj9{font-size:40px;}\", \".fbhnoac{height:40px;}\", \".feqmc2u{width:40px;}\", \".fkujibs{margin-right:var(--spacingHorizontalM);}\", \".f199hnxi{margin-left:var(--spacingHorizontalM);}\"]\n});\nconst useContentContainerStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\",\n fsow6f: [\"f1o700av\", \"fes3tcz\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\"]\n});\nconst useSecondaryContentStyles = /*#__PURE__*/__styles({\n base: {\n Bg96gwp: \"flkuc6h\",\n Bhrd7zp: \"figsok6\"\n },\n small: {\n Be2twd7: \"fy9rknc\"\n },\n medium: {\n Be2twd7: \"fy9rknc\"\n },\n large: {\n Be2twd7: \"fkhj508\"\n }\n}, {\n d: [\".flkuc6h{line-height:100%;}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\"]\n});\nexport const useCompoundButtonStyles_unstable = state => {\n const rootStyles = useRootStyles();\n const rootIconOnlyStyles = useRootIconOnlyStyles();\n const iconStyles = useIconStyles();\n const contentContainerStyles = useContentContainerStyles();\n const secondaryContentStyles = useSecondaryContentStyles();\n const {\n appearance,\n disabled,\n disabledFocusable,\n iconOnly,\n iconPosition,\n size\n } = state;\n state.root.className = mergeClasses(compoundButtonClassNames.root,\n // Root styles\n rootStyles.base, rootStyles.highContrast, appearance && rootStyles[appearance], rootStyles[size],\n // Disabled styles\n (disabled || disabledFocusable) && rootStyles.disabled, (disabled || disabledFocusable) && rootStyles.disabledHighContrast,\n // Icon-only styles\n iconOnly && rootIconOnlyStyles[size],\n // User provided class name\n state.root.className);\n state.contentContainer.className = mergeClasses(compoundButtonClassNames.contentContainer, contentContainerStyles.base, state.contentContainer.className);\n if (state.icon) {\n state.icon.className = mergeClasses(compoundButtonClassNames.icon, iconStyles.base, state.root.children !== undefined && state.root.children !== null && iconStyles[iconPosition], state.icon.className);\n }\n if (state.secondaryContent) {\n state.secondaryContent.className = mergeClasses(compoundButtonClassNames.secondaryContent, secondaryContentStyles.base, secondaryContentStyles[size], state.secondaryContent.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n//# sourceMappingURL=useCompoundButtonStyles.styles.js.map"],"names":["compoundButtonClassNames","useCompoundButtonStyles_unstable","root","icon","contentContainer","secondaryContent","useRootStyles","__styles","base","Bqenvij","J657lq","Jlnjib","Bc29nj9","highContrast","pu7qz5","B10010i","outline","primary","B8ia98v","secondary","subtle","transparent","small","z8tnut","z189sj","Byoj8tv","uwmqm3","Be2twd7","Bg96gwp","medium","large","disabled","disabledHighContrast","d","h","m","useRootIconOnlyStyles","B2u0y6b","Bf4jedk","useIconStyles","a9b677","before","t21cq0","after","Frg6f3","useContentContainerStyles","mc9l5x","Beiy3e4","fsow6f","useSecondaryContentStyles","Bhrd7zp","state","rootStyles","rootIconOnlyStyles","iconStyles","contentContainerStyles","secondaryContentStyles","appearance","disabledFocusable","iconOnly","iconPosition","size","className","mergeClasses","children","undefined","useButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB;eAAxBA;;IAiKAC,gCAAgC;eAAhCA;;;uBAnKsC;uCACV;AAClC,MAAMD,2BAA2B;IACtCE,MAAM;IACNC,MAAM;IACNC,kBAAkB;IAClBC,kBAAkB;AACpB;AACA,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,MAAM;QACJC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,cAAc;QACZC,QAAQ;QACRC,SAAS;IACX;IACAC,SAAS,CAAC;IACVC,SAAS;QACPP,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTM,SAAS;IACX;IACAC,WAAW,CAAC;IACZC,QAAQ;QACNV,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTE,QAAQ;QACRC,SAAS;IACX;IACAM,aAAa;QACXX,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAU,OAAO;QACLC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,SAAS;IACX;IACAC,QAAQ;QACNN,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;IACX;IACAE,OAAO;QACLP,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAS;QAC7BC,SAAS;QACTC,QAAQ;YAAC;YAAU;SAAU;QAC7BC,SAAS;QACTC,SAAS;IACX;IACAG,UAAU;QACRrB,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAoB,sBAAsB;QACpBd,SAAS;QACTJ,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDkB,GAAG;QAAC;QAA2B;QAA0F;QAA+F;QAAqD;QAAuD;QAAsD;QAA6D;QAA+C;QAAoD;QAA+B;QAAsD;QAAsD;QAAuD;QAA+B;QAAsD;QAAoD;QAAwD;QAA+C;QAAmD;KAAgG;IAC/lCC,GAAG;QAAC;QAAoG;QAA8G;QAAqG;QAA4G;QAA0G;QAAmH;QAAsG;KAA6G;IACv1BC,GAAG;QAAC;YAAC;YAA0G;gBAC7GA,GAAG;YACL;SAAE;QAAE;YAAC;YAAkH;gBACrHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAyG;gBAC5GA,GAAG;YACL;SAAE;QAAE;YAAC;YAAwG;gBAC3GA,GAAG;YACL;SAAE;QAAE;YAAC;YAA+G;gBAClHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAoG;gBACvGA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0G;gBAC7GA,GAAG;YACL;SAAE;QAAE;YAAC;YAAgH;gBACnHA,GAAG;YACL;SAAE;KAAC;AACL;AACA,MAAMC,wBAAwB,WAAW,GAAE7B,IAAAA,eAAQ,EAAC;IAClDe,OAAO;QACLC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BW,SAAS;QACTC,SAAS;IACX;IACAT,QAAQ;QACNN,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BW,SAAS;QACTC,SAAS;IACX;IACAR,OAAO;QACLP,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCW,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDL,GAAG;QAAC;QAAsD;QAAuD;QAAsD;QAAwD;QAA6B;QAA8B;QAA0D;QAA2D;QAA0D;QAA6D;QAA6B;QAA6B;QAAqD;QAAuD;QAAsD;QAAuD;QAA6B;KAA6B;AACr1B;AACA,MAAMM,gBAAgB,WAAW,GAAEhC,IAAAA,eAAQ,EAAC;IAC1CC,MAAM;QACJmB,SAAS;QACTlB,SAAS;QACT+B,QAAQ;IACV;IACAC,QAAQ;QACNC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,OAAO;QACLC,QAAQ;YAAC;YAAY;SAAU;IACjC;AACF,GAAG;IACDX,GAAG;QAAC;QAA6B;QAA0B;QAAyB;QAAqD;KAAoD;AAC/L;AACA,MAAMY,4BAA4B,WAAW,GAAEtC,IAAAA,eAAQ,EAAC;IACtDC,MAAM;QACJsC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;AACF,GAAG;IACDf,GAAG;QAAC;QAA2B;QAAqC;QAA+B;KAA8B;AACnI;AACA,MAAMgB,4BAA4B,WAAW,GAAE1C,IAAAA,eAAQ,EAAC;IACtDC,MAAM;QACJoB,SAAS;QACTsB,SAAS;IACX;IACA5B,OAAO;QACLK,SAAS;IACX;IACAE,QAAQ;QACNF,SAAS;IACX;IACAG,OAAO;QACLH,SAAS;IACX;AACF,GAAG;IACDM,GAAG;QAAC;QAA+B;QAAmD;QAA+C;KAA8C;AACrL;AACO,MAAMhC,mCAAmCkD,CAAAA;IAC9C,MAAMC,aAAa9C;IACnB,MAAM+C,qBAAqBjB;IAC3B,MAAMkB,aAAaf;IACnB,MAAMgB,yBAAyBV;IAC/B,MAAMW,yBAAyBP;IAC/B,MAAM,EACJQ,UAAU,EACV1B,QAAQ,EACR2B,iBAAiB,EACjBC,QAAQ,EACRC,YAAY,EACZC,IAAI,EACL,GAAGV;IACJA,MAAMjD,IAAI,CAAC4D,SAAS,GAAGC,IAAAA,mBAAY,EAAC/D,yBAAyBE,IAAI,EACjE,cAAc;IACdkD,WAAW5C,IAAI,EAAE4C,WAAWvC,YAAY,EAAE4C,cAAcL,UAAU,CAACK,WAAW,EAAEL,UAAU,CAACS,KAAK,EAEhG,AADA,kBAAkB;IACjB9B,CAAAA,YAAY2B,iBAAgB,KAAMN,WAAWrB,QAAQ,EAAE,AAACA,CAAAA,YAAY2B,iBAAgB,KAAMN,WAAWpB,oBAAoB,EAC1H,mBAAmB;IACnB2B,YAAYN,kBAAkB,CAACQ,KAAK,EACpC,2BAA2B;IAC3BV,MAAMjD,IAAI,CAAC4D,SAAS;IACpBX,MAAM/C,gBAAgB,CAAC0D,SAAS,GAAGC,IAAAA,mBAAY,EAAC/D,yBAAyBI,gBAAgB,EAAEmD,uBAAuB/C,IAAI,EAAE2C,MAAM/C,gBAAgB,CAAC0D,SAAS;IACxJ,IAAIX,MAAMhD,IAAI,EAAE;QACdgD,MAAMhD,IAAI,CAAC2D,SAAS,GAAGC,IAAAA,mBAAY,EAAC/D,yBAAyBG,IAAI,EAAEmD,WAAW9C,IAAI,EAAE2C,MAAMjD,IAAI,CAAC8D,QAAQ,KAAKC,aAAad,MAAMjD,IAAI,CAAC8D,QAAQ,KAAK,QAAQV,UAAU,CAACM,aAAa,EAAET,MAAMhD,IAAI,CAAC2D,SAAS;IACzM;IACA,IAAIX,MAAM9C,gBAAgB,EAAE;QAC1B8C,MAAM9C,gBAAgB,CAACyD,SAAS,GAAGC,IAAAA,mBAAY,EAAC/D,yBAAyBK,gBAAgB,EAAEmD,uBAAuBhD,IAAI,EAAEgD,sBAAsB,CAACK,KAAK,EAAEV,MAAM9C,gBAAgB,CAACyD,SAAS;IACxL;IACAI,IAAAA,+CAAwB,EAACf;IACzB,OAAOA;AACT,GACA,0DAA0D"}
|
@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
});
|
5
5
|
Object.defineProperty(exports, "MenuButton", {
|
6
6
|
enumerable: true,
|
7
|
-
get: ()
|
7
|
+
get: function() {
|
8
|
+
return MenuButton;
|
9
|
+
}
|
8
10
|
});
|
9
|
-
const
|
10
|
-
const _react = /*#__PURE__*/
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
11
13
|
const _renderMenuButton = require("./renderMenuButton");
|
12
14
|
const _useMenuButton = require("./useMenuButton");
|
13
|
-
const
|
14
|
-
const
|
15
|
+
const _useMenuButtonStylesstyles = require("./useMenuButtonStyles.styles");
|
16
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
15
17
|
const MenuButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
16
18
|
const state = (0, _useMenuButton.useMenuButton_unstable)(props, ref);
|
17
|
-
(0,
|
18
|
-
(0,
|
19
|
+
(0, _useMenuButtonStylesstyles.useMenuButtonStyles_unstable)(state);
|
20
|
+
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useMenuButtonStyles_unstable')(state);
|
19
21
|
return (0, _renderMenuButton.renderMenuButton_unstable)(state);
|
20
22
|
// Casting is required due to lack of distributive union to support unions on @types/react
|
21
23
|
});
|
@@ -1 +1 @@
|
|
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
|
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;;;eAAAA;;;;iEARM;kCACmB;+BACH;2CACM;qCACD;AAIjC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,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"}
|
@@ -9,12 +9,16 @@ function _export(target, all) {
|
|
9
9
|
});
|
10
10
|
}
|
11
11
|
_export(exports, {
|
12
|
-
menuButtonClassNames: ()
|
13
|
-
|
12
|
+
menuButtonClassNames: function() {
|
13
|
+
return _useMenuButtonStylesstyles.menuButtonClassNames;
|
14
|
+
},
|
15
|
+
useMenuButtonStyles_unstable: function() {
|
16
|
+
return _useMenuButtonStylesstyles.useMenuButtonStyles_unstable;
|
17
|
+
}
|
14
18
|
});
|
15
|
-
const
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
const
|
19
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
20
|
+
_export_star._(require("./MenuButton.types"), exports);
|
21
|
+
_export_star._(require("./MenuButton"), exports);
|
22
|
+
_export_star._(require("./renderMenuButton"), exports);
|
23
|
+
_export_star._(require("./useMenuButton"), exports);
|
24
|
+
const _useMenuButtonStylesstyles = require("./useMenuButtonStyles.styles");
|
@@ -1 +1 @@
|
|
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
|
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;eAApBA,+CAAoB;;IAAEC,4BAA4B;eAA5BA,uDAA4B;;;;uBAJ7C;uBACA;uBACA;uBACA;2CACqD"}
|
@@ -1,15 +1,24 @@
|
|
1
|
-
/** @jsxRuntime
|
1
|
+
/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
3
3
|
value: true
|
4
4
|
});
|
5
5
|
Object.defineProperty(exports, "renderMenuButton_unstable", {
|
6
6
|
enumerable: true,
|
7
|
-
get: ()
|
7
|
+
get: function() {
|
8
|
+
return renderMenuButton_unstable;
|
9
|
+
}
|
8
10
|
});
|
9
|
-
const
|
10
|
-
const
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
11
13
|
const renderMenuButton_unstable = (state)=>{
|
12
|
-
|
13
|
-
|
14
|
-
|
14
|
+
var _icon;
|
15
|
+
(0, _reactutilities.assertSlots)(state);
|
16
|
+
const { icon, iconOnly } = state;
|
17
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
|
18
|
+
children: [
|
19
|
+
state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
|
20
|
+
!iconOnly && state.root.children,
|
21
|
+
(!iconOnly || !((_icon = icon) === null || _icon === void 0 ? void 0 : _icon.children)) && state.menuIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuIcon, {})
|
22
|
+
]
|
23
|
+
});
|
15
24
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["renderMenuButton.js"],"sourcesContent":["/** @jsxRuntime
|
1
|
+
{"version":3,"sources":["renderMenuButton.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } 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 var _icon;\n assertSlots(state);\n const { icon, iconOnly } = state;\n return /*#__PURE__*/ _jsxs(state.root, {\n children: [\n state.icon && /*#__PURE__*/ _jsx(state.icon, {}),\n !iconOnly && state.root.children,\n (!iconOnly || !((_icon = icon) === null || _icon === void 0 ? void 0 : _icon.children)) && state.menuIcon && /*#__PURE__*/ _jsx(state.menuIcon, {})\n ]\n });\n};\n"],"names":["renderMenuButton_unstable","state","_icon","assertSlots","icon","iconOnly","_jsxs","root","children","_jsx","menuIcon"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ2G;gCAChG;AAGjB,MAAMA,4BAA4B,CAACC;IAC1C,IAAIC;IACJC,IAAAA,2BAAW,EAACF;IACZ,MAAM,EAAEG,IAAI,EAAEC,QAAQ,EAAE,GAAGJ;IAC3B,OAAO,WAAW,GAAGK,IAAAA,gBAAK,EAACL,MAAMM,IAAI,EAAE;QACnCC,UAAU;YACNP,MAAMG,IAAI,IAAI,WAAW,GAAGK,IAAAA,eAAI,EAACR,MAAMG,IAAI,EAAE,CAAC;YAC9C,CAACC,YAAYJ,MAAMM,IAAI,CAACC,QAAQ;YAC/B,CAAA,CAACH,YAAY,CAAE,CAAA,AAACH,CAAAA,QAAQE,IAAG,MAAO,QAAQF,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMM,QAAQ,AAAD,CAAC,KAAMP,MAAMS,QAAQ,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACR,MAAMS,QAAQ,EAAE,CAAC;SACpJ;IACL;AACJ"}
|
@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
});
|
5
5
|
Object.defineProperty(exports, "useMenuButton_unstable", {
|
6
6
|
enumerable: true,
|
7
|
-
get: ()
|
7
|
+
get: function() {
|
8
|
+
return useMenuButton_unstable;
|
9
|
+
}
|
8
10
|
});
|
9
|
-
const
|
10
|
-
const _react = /*#__PURE__*/
|
11
|
-
const
|
12
|
-
const
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
13
|
+
const _reacticons = require("@fluentui/react-icons");
|
14
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
13
15
|
const _index = require("../Button/index");
|
14
|
-
const useMenuButton_unstable = ({ menuIcon
|
16
|
+
const useMenuButton_unstable = ({ menuIcon, ...props }, ref)=>{
|
15
17
|
const buttonState = (0, _index.useButton_unstable)(props, ref);
|
16
18
|
var _props_ariaexpanded;
|
17
19
|
buttonState.root['aria-expanded'] = (_props_ariaexpanded = props['aria-expanded']) !== null && _props_ariaexpanded !== void 0 ? _props_ariaexpanded : false;
|
@@ -26,9 +28,9 @@ const useMenuButton_unstable = ({ menuIcon , ...props }, ref)=>{
|
|
26
28
|
icon: 'span',
|
27
29
|
menuIcon: 'span'
|
28
30
|
},
|
29
|
-
menuIcon:
|
31
|
+
menuIcon: _reactutilities.slot.optional(menuIcon, {
|
30
32
|
defaultProps: {
|
31
|
-
children: /*#__PURE__*/ _react.createElement(
|
33
|
+
children: /*#__PURE__*/ _react.createElement(_reacticons.ChevronDownRegular, null)
|
32
34
|
},
|
33
35
|
renderByDefault: true,
|
34
36
|
elementType: 'span'
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useMenuButton.js"],"sourcesContent":["import * as React from 'react';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { slot } 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
|
1
|
+
{"version":3,"sources":["useMenuButton.js"],"sourcesContent":["import * as React from 'react';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { slot } 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: slot.optional(menuIcon, {\n defaultProps: {\n children: /*#__PURE__*/ React.createElement(ChevronDownRegular, null)\n },\n renderByDefault: true,\n elementType: 'span'\n })\n };\n};\n"],"names":["useMenuButton_unstable","menuIcon","props","ref","buttonState","useButton_unstable","_props_ariaexpanded","root","iconOnly","Boolean","children","components","icon","slot","optional","defaultProps","React","createElement","ChevronDownRegular","renderByDefault","elementType"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;4BACY;gCACd;uBACc;AAGxB,MAAMA,yBAAyB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAO,EAAEC;IAC/D,MAAMC,cAAcC,IAAAA,yBAAkB,EAACH,OAAOC;IAC9C,IAAIG;IACJF,YAAYG,IAAI,CAAC,gBAAgB,GAAG,AAACD,CAAAA,sBAAsBJ,KAAK,CAAC,gBAAgB,AAAD,MAAO,QAAQI,wBAAwB,KAAK,IAAIA,sBAAsB;IACtJ,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,oBAAI,CAACC,QAAQ,CAACb,UAAU;YAC9Bc,cAAc;gBACVL,UAAU,WAAW,GAAGM,OAAMC,aAAa,CAACC,8BAAkB,EAAE;YACpE;YACAC,iBAAiB;YACjBC,aAAa;QACjB;IACJ;AACJ"}
|
@@ -9,17 +9,21 @@ function _export(target, all) {
|
|
9
9
|
});
|
10
10
|
}
|
11
11
|
_export(exports, {
|
12
|
-
menuButtonClassNames: ()
|
13
|
-
|
12
|
+
menuButtonClassNames: function() {
|
13
|
+
return menuButtonClassNames;
|
14
|
+
},
|
15
|
+
useMenuButtonStyles_unstable: function() {
|
16
|
+
return useMenuButtonStyles_unstable;
|
17
|
+
}
|
14
18
|
});
|
15
19
|
const _react = require("@griffel/react");
|
16
|
-
const
|
20
|
+
const _useButtonStylesstyles = require("../Button/useButtonStyles.styles");
|
17
21
|
const menuButtonClassNames = {
|
18
22
|
root: 'fui-MenuButton',
|
19
23
|
icon: 'fui-MenuButton__icon',
|
20
24
|
menuIcon: 'fui-MenuButton__menuIcon'
|
21
25
|
};
|
22
|
-
const useRootExpandedStyles = /*#__PURE__*/ (0, _react
|
26
|
+
const useRootExpandedStyles = /*#__PURE__*/ (0, _react.__styles)({
|
23
27
|
base: {
|
24
28
|
D0sxk3: "fxoiby5",
|
25
29
|
t6yez3: "f15q0o9g"
|
@@ -93,7 +97,7 @@ const useRootExpandedStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
93
97
|
".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"
|
94
98
|
]
|
95
99
|
});
|
96
|
-
const useIconExpandedStyles = /*#__PURE__*/ (0, _react
|
100
|
+
const useIconExpandedStyles = /*#__PURE__*/ (0, _react.__styles)({
|
97
101
|
outline: {
|
98
102
|
sj55zd: "f14nttnl"
|
99
103
|
},
|
@@ -124,7 +128,7 @@ const useIconExpandedStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
124
128
|
]
|
125
129
|
]
|
126
130
|
});
|
127
|
-
const useMenuIconStyles = /*#__PURE__*/ (0, _react
|
131
|
+
const useMenuIconStyles = /*#__PURE__*/ (0, _react.__styles)({
|
128
132
|
base: {
|
129
133
|
Bg96gwp: "fez10in"
|
130
134
|
},
|
@@ -178,7 +182,7 @@ const useMenuButtonStyles_unstable = (state)=>{
|
|
178
182
|
if (state.menuIcon) {
|
179
183
|
state.menuIcon.className = (0, _react.mergeClasses)(menuButtonClassNames.menuIcon, menuIconStyles.base, menuIconStyles[state.size], !state.iconOnly && menuIconStyles.notIconOnly, state.menuIcon.className);
|
180
184
|
}
|
181
|
-
(0,
|
185
|
+
(0, _useButtonStylesstyles.useButtonStyles_unstable)({
|
182
186
|
...state,
|
183
187
|
iconPosition: 'before'
|
184
188
|
});
|
@@ -1 +1 @@
|
|
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 highContrast: {\n ze5xyy: \"fqyhrn0\"\n }\n}, {\n d: [\".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"],\n m: [[\"@media (forced-colors: active){.fqyhrn0:hover{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }]]\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] && iconExpandedStyles.highContrast, 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","highContrast","ze5xyy","m","useMenuIconStyles","Bg96gwp","small","Be2twd7","Bqenvij","a9b677","medium","large","notIconOnly","Frg6f3","state","rootExpandedStyles","iconExpandedStyles","menuIconStyles","className","mergeClasses","appearance","size","iconOnly","useButtonStyles_unstable","iconPosition"],"mappings":";;;;;;;;;;;IAIaA,oBAAoB
|
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 highContrast: {\n ze5xyy: \"fqyhrn0\"\n }\n}, {\n d: [\".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"],\n m: [[\"@media (forced-colors: active){.fqyhrn0:hover{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }]]\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] && iconExpandedStyles.highContrast, 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","highContrast","ze5xyy","m","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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"}
|
@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
});
|
5
5
|
Object.defineProperty(exports, "SplitButton", {
|
6
6
|
enumerable: true,
|
7
|
-
get: ()
|
7
|
+
get: function() {
|
8
|
+
return SplitButton;
|
9
|
+
}
|
8
10
|
});
|
9
|
-
const
|
10
|
-
const _react = /*#__PURE__*/
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
11
13
|
const _renderSplitButton = require("./renderSplitButton");
|
12
14
|
const _useSplitButton = require("./useSplitButton");
|
13
|
-
const
|
14
|
-
const
|
15
|
+
const _useSplitButtonStylesstyles = require("./useSplitButtonStyles.styles");
|
16
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
15
17
|
const SplitButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
16
18
|
const state = (0, _useSplitButton.useSplitButton_unstable)(props, ref);
|
17
|
-
(0,
|
18
|
-
(0,
|
19
|
+
(0, _useSplitButtonStylesstyles.useSplitButtonStyles_unstable)(state);
|
20
|
+
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useSplitButtonStyles_unstable')(state);
|
19
21
|
return (0, _renderSplitButton.renderSplitButton_unstable)(state);
|
20
22
|
// Casting is required due to lack of distributive union to support unions on @types/react
|
21
23
|
});
|
@@ -1 +1 @@
|
|
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
|
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;;;eAAAA;;;;iEARM;mCACoB;gCACH;4CACM;qCACF;AAIjC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClE,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"}
|
@@ -9,12 +9,16 @@ function _export(target, all) {
|
|
9
9
|
});
|
10
10
|
}
|
11
11
|
_export(exports, {
|
12
|
-
splitButtonClassNames: ()
|
13
|
-
|
12
|
+
splitButtonClassNames: function() {
|
13
|
+
return _useSplitButtonStylesstyles.splitButtonClassNames;
|
14
|
+
},
|
15
|
+
useSplitButtonStyles_unstable: function() {
|
16
|
+
return _useSplitButtonStylesstyles.useSplitButtonStyles_unstable;
|
17
|
+
}
|
14
18
|
});
|
15
|
-
const
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
const
|
19
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
20
|
+
_export_star._(require("./SplitButton"), exports);
|
21
|
+
_export_star._(require("./SplitButton.types"), exports);
|
22
|
+
_export_star._(require("./renderSplitButton"), exports);
|
23
|
+
_export_star._(require("./useSplitButton"), exports);
|
24
|
+
const _useSplitButtonStylesstyles = require("./useSplitButtonStyles.styles");
|
@@ -1 +1 @@
|
|
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,
|
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;eAArBA,iDAAqB;;IAAEC,6BAA6B;eAA7BA,yDAA6B;;;;uBAJ/C;uBACA;uBACA;uBACA;4CACuD"}
|
@@ -1,14 +1,21 @@
|
|
1
|
-
/** @jsxRuntime
|
1
|
+
/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
3
3
|
value: true
|
4
4
|
});
|
5
5
|
Object.defineProperty(exports, "renderSplitButton_unstable", {
|
6
6
|
enumerable: true,
|
7
|
-
get: ()
|
7
|
+
get: function() {
|
8
|
+
return renderSplitButton_unstable;
|
9
|
+
}
|
8
10
|
});
|
9
|
-
const
|
10
|
-
const
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
11
13
|
const renderSplitButton_unstable = (state)=>{
|
12
|
-
(0,
|
13
|
-
return /*#__PURE__*/ (0,
|
14
|
+
(0, _reactutilities.assertSlots)(state);
|
15
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
|
16
|
+
children: [
|
17
|
+
state.primaryActionButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.primaryActionButton, {}),
|
18
|
+
state.menuButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuButton, {})
|
19
|
+
]
|
20
|
+
});
|
14
21
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["renderSplitButton.js"],"sourcesContent":["/** @jsxRuntime
|
1
|
+
{"version":3,"sources":["renderSplitButton.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } 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 assertSlots(state);\n return /*#__PURE__*/ _jsxs(state.root, {\n children: [\n state.primaryActionButton && /*#__PURE__*/ _jsx(state.primaryActionButton, {}),\n state.menuButton && /*#__PURE__*/ _jsx(state.menuButton, {})\n ]\n });\n};\n"],"names":["renderSplitButton_unstable","state","assertSlots","_jsxs","root","children","primaryActionButton","_jsx","menuButton"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ2G;gCAChG;AAGjB,MAAMA,6BAA6B,CAACC;IAC3CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMK,mBAAmB,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,mBAAmB,EAAE,CAAC;YAC5EL,MAAMO,UAAU,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACN,MAAMO,UAAU,EAAE,CAAC;SAC7D;IACL;AACJ"}
|
@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
});
|
5
5
|
Object.defineProperty(exports, "useSplitButton_unstable", {
|
6
6
|
enumerable: true,
|
7
|
-
get: ()
|
7
|
+
get: function() {
|
8
|
+
return useSplitButton_unstable;
|
9
|
+
}
|
8
10
|
});
|
9
|
-
const
|
10
|
-
const _react = /*#__PURE__*/
|
11
|
-
const
|
12
|
-
const
|
13
|
-
const
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
14
|
+
const _Button = require("../Button/Button");
|
15
|
+
const _MenuButton = require("../MenuButton/MenuButton");
|
14
16
|
const useSplitButton_unstable = (props, ref)=>{
|
15
|
-
const { appearance ='secondary'
|
16
|
-
const baseId = (0,
|
17
|
-
const menuButtonShorthand =
|
17
|
+
const { appearance = 'secondary', children, disabled = false, disabledFocusable = false, icon, iconPosition = 'before', menuButton, menuIcon, primaryActionButton, shape = 'rounded', size = 'medium' } = props;
|
18
|
+
const baseId = (0, _reactutilities.useId)('splitButton-');
|
19
|
+
const menuButtonShorthand = _reactutilities.slot.optional(menuButton, {
|
18
20
|
defaultProps: {
|
19
21
|
appearance,
|
20
22
|
disabled,
|
@@ -24,9 +26,9 @@ const useSplitButton_unstable = (props, ref)=>{
|
|
24
26
|
size
|
25
27
|
},
|
26
28
|
renderByDefault: true,
|
27
|
-
elementType:
|
29
|
+
elementType: _MenuButton.MenuButton
|
28
30
|
});
|
29
|
-
const primaryActionButtonShorthand =
|
31
|
+
const primaryActionButtonShorthand = _reactutilities.slot.optional(primaryActionButton, {
|
30
32
|
defaultProps: {
|
31
33
|
appearance,
|
32
34
|
children,
|
@@ -39,7 +41,7 @@ const useSplitButton_unstable = (props, ref)=>{
|
|
39
41
|
size
|
40
42
|
},
|
41
43
|
renderByDefault: true,
|
42
|
-
elementType:
|
44
|
+
elementType: _Button.Button
|
43
45
|
}); // Resolve menu button's aria-labelledby to be labelled by the primary action button if not a label was not provided
|
44
46
|
// by the user.
|
45
47
|
if (menuButtonShorthand && primaryActionButtonShorthand && !menuButtonShorthand['aria-label'] && !menuButtonShorthand['aria-labelledby']) {
|
@@ -55,10 +57,10 @@ const useSplitButton_unstable = (props, ref)=>{
|
|
55
57
|
size,
|
56
58
|
components: {
|
57
59
|
root: 'div',
|
58
|
-
menuButton:
|
59
|
-
primaryActionButton:
|
60
|
+
menuButton: _MenuButton.MenuButton,
|
61
|
+
primaryActionButton: _Button.Button
|
60
62
|
},
|
61
|
-
root:
|
63
|
+
root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
|
62
64
|
ref,
|
63
65
|
...props
|
64
66
|
}), {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useSplitButton.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } 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'
|
1
|
+
{"version":3,"sources":["useSplitButton.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } 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 = slot.optional(menuButton, {\n defaultProps: {\n appearance,\n disabled,\n disabledFocusable,\n menuIcon,\n shape,\n size\n },\n renderByDefault: true,\n elementType: MenuButton\n });\n const primaryActionButtonShorthand = slot.optional(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 renderByDefault: true,\n elementType: Button\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 components: {\n root: 'div',\n menuButton: MenuButton,\n primaryActionButton: Button\n },\n root: slot.always(getNativeElementProps('div', {\n ref,\n ...props\n }), {\n elementType: 'div'\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","slot","optional","defaultProps","renderByDefault","elementType","MenuButton","primaryActionButtonShorthand","id","Button","components","root","always","getNativeElementProps"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;gCAC4B;wBAC5B;4BACI;AAKhB,MAAMA,0BAA0B,CAACC,OAAOC;IAC/C,MAAM,EAAEC,aAAa,WAAW,EAAEC,QAAQ,EAAEC,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAEC,IAAI,EAAEC,eAAe,QAAQ,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,mBAAmB,EAAEC,QAAQ,SAAS,EAAEC,OAAO,QAAQ,EAAE,GAAGZ;IAC1M,MAAMa,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAMC,sBAAsBC,oBAAI,CAACC,QAAQ,CAACT,YAAY;QAClDU,cAAc;YACVhB;YACAE;YACAC;YACAI;YACAE;YACAC;QACJ;QACAO,iBAAiB;QACjBC,aAAaC,sBAAU;IAC3B;IACA,MAAMC,+BAA+BN,oBAAI,CAACC,QAAQ,CAACP,qBAAqB;QACpEQ,cAAc;YACVhB;YACAC;YACAC;YACAC;YACAC;YACAC;YACAgB,IAAIV,SAAS;YACbF;YACAC;QACJ;QACAO,iBAAiB;QACjBC,aAAaI,cAAM;IACvB,IAAI,oHAAoH;IACxH,eAAe;IACf,IAAIT,uBAAuBO,gCAAgC,CAACP,mBAAmB,CAAC,aAAa,IAAI,CAACA,mBAAmB,CAAC,kBAAkB,EAAE;QACtIA,mBAAmB,CAAC,kBAAkB,GAAGO,6BAA6BC,EAAE;IAC5E;IACA,OAAO;QACH,gCAAgC;QAChCrB;QACAE;QACAC;QACAE;QACAI;QACAC;QACAa,YAAY;YACRC,MAAM;YACNlB,YAAYa,sBAAU;YACtBX,qBAAqBc,cAAM;QAC/B;QACAE,MAAMV,oBAAI,CAACW,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3C3B;YACA,GAAGD,KAAK;QACZ,IAAI;YACAoB,aAAa;QACjB;QACAZ,YAAYO;QACZL,qBAAqBY;IACzB;AACJ"}
|
@@ -9,8 +9,12 @@ function _export(target, all) {
|
|
9
9
|
});
|
10
10
|
}
|
11
11
|
_export(exports, {
|
12
|
-
splitButtonClassNames: ()
|
13
|
-
|
12
|
+
splitButtonClassNames: function() {
|
13
|
+
return splitButtonClassNames;
|
14
|
+
},
|
15
|
+
useSplitButtonStyles_unstable: function() {
|
16
|
+
return useSplitButtonStyles_unstable;
|
17
|
+
}
|
14
18
|
});
|
15
19
|
const _react = require("@griffel/react");
|
16
20
|
const splitButtonClassNames = {
|
@@ -18,7 +22,7 @@ const splitButtonClassNames = {
|
|
18
22
|
menuButton: 'fui-SplitButton__menuButton',
|
19
23
|
primaryActionButton: 'fui-SplitButton__primaryActionButton'
|
20
24
|
};
|
21
|
-
const useFocusStyles = /*#__PURE__*/ (0, _react
|
25
|
+
const useFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
|
22
26
|
primaryActionButton: {
|
23
27
|
B6xbmo0: [
|
24
28
|
"f1x37qnr",
|
@@ -53,7 +57,7 @@ const useFocusStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
53
57
|
".f1rgcpbv[data-fui-focus-visible]{border-right-width:0;}"
|
54
58
|
]
|
55
59
|
});
|
56
|
-
const useRootStyles = /*#__PURE__*/ (0, _react
|
60
|
+
const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
57
61
|
base: {
|
58
62
|
mc9l5x: "ftuwxu6",
|
59
63
|
Brf1p80: "fsxf2b5",
|
@@ -248,7 +252,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
248
252
|
const useSplitButtonStyles_unstable = (state)=>{
|
249
253
|
const rootStyles = useRootStyles();
|
250
254
|
const focusStyles = useFocusStyles();
|
251
|
-
const { appearance
|
255
|
+
const { appearance, disabled, disabledFocusable } = state;
|
252
256
|
state.root.className = (0, _react.mergeClasses)(splitButtonClassNames.root, rootStyles.base, appearance && rootStyles[appearance], (disabled || disabledFocusable) && rootStyles.disabled, (disabled || disabledFocusable) && rootStyles.disabledHighContrast, state.root.className);
|
253
257
|
if (state.menuButton) {
|
254
258
|
state.menuButton.className = (0, _react.mergeClasses)(splitButtonClassNames.menuButton, focusStyles.menuButton, state.menuButton.className);
|