@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.
Files changed (102) hide show
  1. package/CHANGELOG.json +97 -1
  2. package/CHANGELOG.md +31 -2
  3. package/lib/components/Button/Button.js.map +1 -1
  4. package/lib/components/Button/renderButton.js +9 -3
  5. package/lib/components/Button/renderButton.js.map +1 -1
  6. package/lib/components/Button/useButton.js +4 -3
  7. package/lib/components/Button/useButton.js.map +1 -1
  8. package/lib/components/Button/useButtonStyles.styles.js.map +1 -1
  9. package/lib/components/CompoundButton/CompoundButton.js.map +1 -1
  10. package/lib/components/CompoundButton/renderCompoundButton.js +14 -3
  11. package/lib/components/CompoundButton/renderCompoundButton.js.map +1 -1
  12. package/lib/components/CompoundButton/useCompoundButton.js +1 -1
  13. package/lib/components/CompoundButton/useCompoundButton.js.map +1 -1
  14. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
  15. package/lib/components/MenuButton/MenuButton.js.map +1 -1
  16. package/lib/components/MenuButton/renderMenuButton.js +10 -3
  17. package/lib/components/MenuButton/renderMenuButton.js.map +1 -1
  18. package/lib/components/MenuButton/useMenuButton.js +1 -1
  19. package/lib/components/MenuButton/useMenuButton.js.map +1 -1
  20. package/lib/components/SplitButton/SplitButton.js.map +1 -1
  21. package/lib/components/SplitButton/renderSplitButton.js +7 -2
  22. package/lib/components/SplitButton/renderSplitButton.js.map +1 -1
  23. package/lib/components/SplitButton/useSplitButton.js +1 -1
  24. package/lib/components/SplitButton/useSplitButton.js.map +1 -1
  25. package/lib/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
  26. package/lib/components/ToggleButton/ToggleButton.js.map +1 -1
  27. package/lib/components/ToggleButton/useToggleButton.js.map +1 -1
  28. package/lib/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
  29. package/lib/contexts/ButtonContext.js.map +1 -1
  30. package/lib/utils/useToggleState.js +2 -2
  31. package/lib/utils/useToggleState.js.map +1 -1
  32. package/lib-commonjs/Button.js +2 -2
  33. package/lib-commonjs/Button.js.map +1 -1
  34. package/lib-commonjs/CompoundButton.js +2 -2
  35. package/lib-commonjs/CompoundButton.js.map +1 -1
  36. package/lib-commonjs/MenuButton.js +2 -2
  37. package/lib-commonjs/MenuButton.js.map +1 -1
  38. package/lib-commonjs/SplitButton.js +2 -2
  39. package/lib-commonjs/SplitButton.js.map +1 -1
  40. package/lib-commonjs/ToggleButton.js +2 -2
  41. package/lib-commonjs/ToggleButton.js.map +1 -1
  42. package/lib-commonjs/components/Button/Button.js +9 -7
  43. package/lib-commonjs/components/Button/Button.js.map +1 -1
  44. package/lib-commonjs/components/Button/index.js +11 -7
  45. package/lib-commonjs/components/Button/index.js.map +1 -1
  46. package/lib-commonjs/components/Button/renderButton.js +15 -7
  47. package/lib-commonjs/components/Button/renderButton.js.map +1 -1
  48. package/lib-commonjs/components/Button/useButton.js +14 -11
  49. package/lib-commonjs/components/Button/useButton.js.map +1 -1
  50. package/lib-commonjs/components/Button/useButtonStyles.styles.js +14 -10
  51. package/lib-commonjs/components/Button/useButtonStyles.styles.js.map +1 -1
  52. package/lib-commonjs/components/CompoundButton/CompoundButton.js +9 -7
  53. package/lib-commonjs/components/CompoundButton/CompoundButton.js.map +1 -1
  54. package/lib-commonjs/components/CompoundButton/index.js +12 -8
  55. package/lib-commonjs/components/CompoundButton/index.js.map +1 -1
  56. package/lib-commonjs/components/CompoundButton/renderCompoundButton.js +20 -7
  57. package/lib-commonjs/components/CompoundButton/renderCompoundButton.js.map +1 -1
  58. package/lib-commonjs/components/CompoundButton/useCompoundButton.js +9 -7
  59. package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map +1 -1
  60. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js +14 -10
  61. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -1
  62. package/lib-commonjs/components/MenuButton/MenuButton.js +9 -7
  63. package/lib-commonjs/components/MenuButton/MenuButton.js.map +1 -1
  64. package/lib-commonjs/components/MenuButton/index.js +12 -8
  65. package/lib-commonjs/components/MenuButton/index.js.map +1 -1
  66. package/lib-commonjs/components/MenuButton/renderMenuButton.js +16 -7
  67. package/lib-commonjs/components/MenuButton/renderMenuButton.js.map +1 -1
  68. package/lib-commonjs/components/MenuButton/useMenuButton.js +10 -8
  69. package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
  70. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js +11 -7
  71. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -1
  72. package/lib-commonjs/components/SplitButton/SplitButton.js +9 -7
  73. package/lib-commonjs/components/SplitButton/SplitButton.js.map +1 -1
  74. package/lib-commonjs/components/SplitButton/index.js +12 -8
  75. package/lib-commonjs/components/SplitButton/index.js.map +1 -1
  76. package/lib-commonjs/components/SplitButton/renderSplitButton.js +13 -6
  77. package/lib-commonjs/components/SplitButton/renderSplitButton.js.map +1 -1
  78. package/lib-commonjs/components/SplitButton/useSplitButton.js +17 -15
  79. package/lib-commonjs/components/SplitButton/useSplitButton.js.map +1 -1
  80. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js +9 -5
  81. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -1
  82. package/lib-commonjs/components/ToggleButton/ToggleButton.js +9 -7
  83. package/lib-commonjs/components/ToggleButton/ToggleButton.js.map +1 -1
  84. package/lib-commonjs/components/ToggleButton/index.js +12 -8
  85. package/lib-commonjs/components/ToggleButton/index.js.map +1 -1
  86. package/lib-commonjs/components/ToggleButton/renderToggleButton.js +3 -1
  87. package/lib-commonjs/components/ToggleButton/renderToggleButton.js.map +1 -1
  88. package/lib-commonjs/components/ToggleButton/useToggleButton.js +5 -3
  89. package/lib-commonjs/components/ToggleButton/useToggleButton.js.map +1 -1
  90. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js +13 -9
  91. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -1
  92. package/lib-commonjs/contexts/ButtonContext.js +8 -4
  93. package/lib-commonjs/contexts/ButtonContext.js.map +1 -1
  94. package/lib-commonjs/contexts/index.js +2 -2
  95. package/lib-commonjs/contexts/index.js.map +1 -1
  96. package/lib-commonjs/index.js +89 -33
  97. package/lib-commonjs/index.js.map +1 -1
  98. package/lib-commonjs/utils/index.js +2 -2
  99. package/lib-commonjs/utils/index.js.map +1 -1
  100. package/lib-commonjs/utils/useToggleState.js +10 -8
  101. package/lib-commonjs/utils/useToggleState.js.map +1 -1
  102. 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":"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"}
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":"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"}
@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "MenuButton", {
6
6
  enumerable: true,
7
- get: ()=>MenuButton
7
+ get: function() {
8
+ return MenuButton;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
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 _useMenuButtonStylesStyles = require("./useMenuButtonStyles.styles");
14
- const _reactSharedContexts = require("@fluentui/react-shared-contexts");
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, _useMenuButtonStylesStyles.useMenuButtonStyles_unstable)(state);
18
- (0, _reactSharedContexts.useCustomStyleHook_unstable)('useMenuButtonStyles_unstable')(state);
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;;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
+ {"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: ()=>_useMenuButtonStylesStyles.menuButtonClassNames,
13
- useMenuButtonStyles_unstable: ()=>_useMenuButtonStylesStyles.useMenuButtonStyles_unstable
12
+ menuButtonClassNames: function() {
13
+ return _useMenuButtonStylesstyles.menuButtonClassNames;
14
+ },
15
+ useMenuButtonStyles_unstable: function() {
16
+ return _useMenuButtonStylesstyles.useMenuButtonStyles_unstable;
17
+ }
14
18
  });
15
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
16
- _exportStar(require("./MenuButton.types"), exports);
17
- _exportStar(require("./MenuButton"), exports);
18
- _exportStar(require("./renderMenuButton"), exports);
19
- _exportStar(require("./useMenuButton"), exports);
20
- const _useMenuButtonStylesStyles = require("./useMenuButtonStyles.styles");
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,MAApBA,+CAAoB;IAAEC,4BAA4B,MAA5BA,uDAA4B;;;oBAJ7C;oBACA;oBACA;oBACA;2CACqD"}
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 classic */ /** @jsx createElement */ "use strict";
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: ()=>renderMenuButton_unstable
7
+ get: function() {
8
+ return renderMenuButton_unstable;
9
+ }
8
10
  });
9
- const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
10
- const _reactUtilities = require("@fluentui/react-utilities");
11
+ const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
+ const _reactutilities = require("@fluentui/react-utilities");
11
13
  const renderMenuButton_unstable = (state)=>{
12
- (0, _reactUtilities.assertSlots)(state);
13
- const { icon , iconOnly } = state;
14
- return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.icon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.icon, null), !iconOnly && state.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && state.menuIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.menuIcon, null));
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 classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-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 assertSlots(state);\n const { icon , iconOnly } = state;\n return /*#__PURE__*/ createElement(state.root, null, state.icon && /*#__PURE__*/ createElement(state.icon, null), !iconOnly && state.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && state.menuIcon && /*#__PURE__*/ createElement(state.menuIcon, null));\n};\n"],"names":["renderMenuButton_unstable","state","assertSlots","icon","iconOnly","createElement","root","children","menuIcon"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,4BAA4B,CAACC,QAAQ;IAClDC,IAAAA,2BAAW,EAACD;IACZ,MAAM,EAAEE,KAAI,EAAGC,SAAQ,EAAG,GAAGH;IAC7B,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACJ,MAAMK,IAAI,EAAE,IAAI,EAAEL,MAAME,IAAI,IAAI,WAAW,GAAGE,IAAAA,8BAAa,EAACJ,MAAME,IAAI,EAAE,IAAI,GAAG,CAACC,YAAYH,MAAMK,IAAI,CAACC,QAAQ,EAAE,AAAC,CAAA,CAACH,YAAY,CAAED,CAAAA,SAAS,IAAI,IAAIA,SAAS,KAAK,IAAI,KAAK,IAAIA,KAAKI,QAAQ,AAAD,CAAC,KAAMN,MAAMO,QAAQ,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACJ,MAAMO,QAAQ,EAAE,IAAI;AACzS"}
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: ()=>useMenuButton_unstable
7
+ get: function() {
8
+ return useMenuButton_unstable;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactIcons = require("@fluentui/react-icons");
12
- const _reactUtilities = require("@fluentui/react-utilities");
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 , ...props }, ref)=>{
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: _reactUtilities.slot.optional(menuIcon, {
31
+ menuIcon: _reactutilities.slot.optional(menuIcon, {
30
32
  defaultProps: {
31
- children: /*#__PURE__*/ _react.createElement(_reactIcons.ChevronDownRegular, null)
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 , ...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;;aAAAA;;;6DANM;4BACY;gCACd;uBACc;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,oBAAI,CAACC,QAAQ,CAACb,UAAU;YAC9Bc,cAAc;gBACVL,UAAU,WAAW,GAAGM,OAAMC,aAAa,CAACC,8BAAkB,EAAE,IAAI;YACxE;YACAC,iBAAiB,IAAI;YACrBC,aAAa;QACjB;IACJ;AACJ"}
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: ()=>menuButtonClassNames,
13
- useMenuButtonStyles_unstable: ()=>useMenuButtonStyles_unstable
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 _useButtonStylesStyles = require("../Button/useButtonStyles.styles");
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["__styles"])({
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["__styles"])({
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["__styles"])({
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, _useButtonStylesStyles.useButtonStyles_unstable)({
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":"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"}
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: ()=>SplitButton
7
+ get: function() {
8
+ return SplitButton;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
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 _useSplitButtonStylesStyles = require("./useSplitButtonStyles.styles");
14
- const _reactSharedContexts = require("@fluentui/react-shared-contexts");
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, _useSplitButtonStylesStyles.useSplitButtonStyles_unstable)(state);
18
- (0, _reactSharedContexts.useCustomStyleHook_unstable)('useSplitButtonStyles_unstable')(state);
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;;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
+ {"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: ()=>_useSplitButtonStylesStyles.splitButtonClassNames,
13
- useSplitButtonStyles_unstable: ()=>_useSplitButtonStylesStyles.useSplitButtonStyles_unstable
12
+ splitButtonClassNames: function() {
13
+ return _useSplitButtonStylesstyles.splitButtonClassNames;
14
+ },
15
+ useSplitButtonStyles_unstable: function() {
16
+ return _useSplitButtonStylesstyles.useSplitButtonStyles_unstable;
17
+ }
14
18
  });
15
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
16
- _exportStar(require("./SplitButton"), exports);
17
- _exportStar(require("./SplitButton.types"), exports);
18
- _exportStar(require("./renderSplitButton"), exports);
19
- _exportStar(require("./useSplitButton"), exports);
20
- const _useSplitButtonStylesStyles = require("./useSplitButtonStyles.styles");
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,MAArBA,iDAAqB;IAAEC,6BAA6B,MAA7BA,yDAA6B;;;oBAJ/C;oBACA;oBACA;oBACA;4CACuD"}
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 classic */ /** @jsx createElement */ "use strict";
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: ()=>renderSplitButton_unstable
7
+ get: function() {
8
+ return renderSplitButton_unstable;
9
+ }
8
10
  });
9
- const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
10
- const _reactUtilities = require("@fluentui/react-utilities");
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, _reactUtilities.assertSlots)(state);
13
- return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.primaryActionButton && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.primaryActionButton, null), state.menuButton && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.menuButton, null));
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 classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-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__*/ createElement(state.root, null, state.primaryActionButton && /*#__PURE__*/ createElement(state.primaryActionButton, null), state.menuButton && /*#__PURE__*/ createElement(state.menuButton, null));\n};\n"],"names":["renderSplitButton_unstable","state","assertSlots","createElement","root","primaryActionButton","menuButton"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,6BAA6B,CAACC,QAAQ;IACnDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAEH,MAAMI,mBAAmB,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACF,MAAMI,mBAAmB,EAAE,IAAI,GAAGJ,MAAMK,UAAU,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACF,MAAMK,UAAU,EAAE,IAAI;AAC1N"}
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: ()=>useSplitButton_unstable
7
+ get: function() {
8
+ return useSplitButton_unstable;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactUtilities = require("@fluentui/react-utilities");
12
- const _button = require("../Button/Button");
13
- const _menuButton = require("../MenuButton/MenuButton");
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' , children , disabled =false , disabledFocusable =false , icon , iconPosition ='before' , menuButton , menuIcon , primaryActionButton , shape ='rounded' , size ='medium' } = props;
16
- const baseId = (0, _reactUtilities.useId)('splitButton-');
17
- const menuButtonShorthand = _reactUtilities.slot.optional(menuButton, {
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: _menuButton.MenuButton
29
+ elementType: _MenuButton.MenuButton
28
30
  });
29
- const primaryActionButtonShorthand = _reactUtilities.slot.optional(primaryActionButton, {
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: _button.Button
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: _menuButton.MenuButton,
59
- primaryActionButton: _button.Button
60
+ menuButton: _MenuButton.MenuButton,
61
+ primaryActionButton: _Button.Button
60
62
  },
61
- root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
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' , 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;;aAAAA;;;6DARM;gCAC4B;wBAC5B;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,oBAAI,CAACC,QAAQ,CAACT,YAAY;QAClDU,cAAc;YACVhB;YACAE;YACAC;YACAI;YACAE;YACAC;QACJ;QACAO,iBAAiB,IAAI;QACrBC,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,IAAI;QACrBC,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,CAAC;IACD,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"}
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: ()=>splitButtonClassNames,
13
- useSplitButtonStyles_unstable: ()=>useSplitButtonStyles_unstable
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["__styles"])({
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["__styles"])({
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 , disabled , disabledFocusable } = state;
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);