npm - @fluentui/react-button - Versions diffs - 9.3.84 → 9.3.86 - Mend

@fluentui/react-button 9.3.84 → 9.3.86

Files changed (95) hide show

package/lib-commonjs/components/Button/useButtonStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useButtonStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { shorthands, __styles, __resetStyles, mergeClasses } from '@griffel/react';\nexport const buttonClassNames = {\n root: 'fui-Button',\n icon: 'fui-Button__icon'\n};\nconst iconSpacingVar = '--fui-Button__icon--spacing';\nconst buttonSpacingSmall = '3px';\nconst buttonSpacingSmallWithIcon = '1px';\nconst buttonSpacingMedium = '5px';\nconst buttonSpacingLarge = '8px';\nconst buttonSpacingLargeWithIcon = '7px';\n/* Firefox has box shadow sizing issue at some zoom levels\n * this will ensure the inset boxShadow is always uniform\n * without affecting other browser platforms\n /\nconst boxShadowStrokeWidthThinMoz = `calc(${tokens.strokeWidthThin} + 0.25px)`;\nconst useRootBaseClassName = /#__PURE__/__resetStyles(\"r1alrhcs\", null, {\n r: [\".r1alrhcs{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--fontFamilyBase);outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);transition-duration:var(--durationFaster);transition-property:background,border,color;transition-timing-function:var(--curveEasyEase);}\", \".r1alrhcs:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}\", \".r1alrhcs:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}\", \".r1alrhcs[data-fui-focus-visible]{border-color:var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);border-width:1px;outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;z-index:1;}\"],\n s: [\"@media screen and (prefers-reduced-motion: reduce){.r1alrhcs{transition-duration:0.01ms;}}\", \"@media (forced-colors: active){.r1alrhcs:focus{border-color:ButtonText;}.r1alrhcs:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.r1alrhcs:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}\", \"@supports (-moz-appearance:button){.r1alrhcs[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}\"]\n});\nconst useIconBaseClassName = /#__PURE__/__resetStyles(\"rywnvv2\", null, [\".rywnvv2{align-items:center;display:inline-flex;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}\"]);\nconst useRootStyles = /#__PURE__/__styles({\n outline: {\n De3pzq: \"f1c21dwh\",\n Jwef8y: \"fjxutwb\",\n iro3zm: \"fwiml72\"\n },\n primary: {\n De3pzq: \"ffp7eso\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n sj55zd: \"f1phragk\",\n Jwef8y: \"f15wkkf3\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n Bi91k9c: \"f1rq72xc\",\n iro3zm: \"fnp9lpt\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n B2d53fq: \"f1d6v5y2\",\n Bsw6fvg: \"f1rirnrt\",\n Bjwas2f: \"f1uu00uk\",\n Bn1d65q: [\"fkvaka8\", \"f9a0qzu\"],\n Bxeuatn: \"f1ux7til\",\n n51gp8: [\"f9a0qzu\", \"fkvaka8\"],\n Bbusuzp: \"f1lkg8j3\",\n ycbfsm: \"fkc42ay\",\n Bqrx1nm: \"fq7113v\",\n pgvf35: \"ff1wgvm\",\n Bh7lczh: [\"fiob0tu\", \"f1x4h75k\"],\n dpv3f4: \"f1j6scgf\",\n Bpnjhaq: [\"f1x4h75k\", \"fiob0tu\"],\n ze5xyy: \"f4xjyn1\",\n g2kj27: \"fbgcvur\",\n Bf756sw: \"f1ks1yx8\",\n Bow2dr7: [\"f1o6qegi\", \"fmxjhhp\"],\n Bvhedfk: \"fcnxywj\",\n Gye4lf: [\"fmxjhhp\", \"f1o6qegi\"],\n pc6evw: \"f9ddjv3\"\n },\n secondary: {},\n subtle: {\n De3pzq: \"fhovq9v\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n sj55zd: \"fkfq4zb\",\n Jwef8y: \"f1t94bn6\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n Bi91k9c: \"fnwyq0v\",\n Bk3fhr4: \"ft1hn21\",\n Bmfj8id: \"fuxngvv\",\n Bbdnnc7: \"fy5bs14\",\n iro3zm: \"fsv2rcd\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n B2d53fq: \"f1omzyqd\",\n em6i61: \"f1dfjoow\",\n vm6p8p: \"f1j98vj9\",\n x3br3k: \"fj8yq94\",\n ze5xyy: \"f4xjyn1\",\n Bx3q9su: \"f1et0tmh\",\n pc6evw: \"f9ddjv3\",\n xd2cci: \"f1wi8ngl\"\n },\n transparent: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n sj55zd: \"fkfq4zb\",\n Jwef8y: \"fjxutwb\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n Bi91k9c: \"f139oj5f\",\n Bk3fhr4: \"ft1hn21\",\n Bmfj8id: \"fuxngvv\",\n iro3zm: \"fwiml72\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n B2d53fq: \"f1fg1p5m\",\n em6i61: \"f1dfjoow\",\n vm6p8p: \"f1j98vj9\",\n Bqrx1nm: \"f1tme0vf\",\n ze5xyy: \"f4xjyn1\",\n g2kj27: \"f18onu3q\",\n pc6evw: \"f9ddjv3\"\n },\n circular: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f44lkw9\"\n },\n rounded: {},\n square: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f1fabniw\"\n },\n small: {\n Bf4jedk: \"fh7ncta\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"fneth5b\",\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n smallWithIcon: {\n Byoj8tv: \"f1brlhvm\",\n z8tnut: \"f1sl3k7w\"\n },\n medium: {},\n large: {\n Bf4jedk: \"f14es27b\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f4db1ww\",\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"faaz57k\"\n },\n largeWithIcon: {\n Byoj8tv: \"fy7v416\",\n z8tnut: \"f1a1bwwz\"\n }\n}, {\n d: [\".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".ffp7eso{background-color:var(--colorBrandBackground);}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", [\".f44lkw9{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }], [\".f1fabniw{border-radius:var(--borderRadiusNone);}\", {\n p: -1\n }], \".fh7ncta{min-width:64px;}\", [\".fneth5b{padding:3px var(--spacingHorizontalS);}\", {\n p: -1\n }], [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1brlhvm{padding-bottom:1px;}\", \".f1sl3k7w{padding-top:1px;}\", \".f14es27b{min-width:96px;}\", [\".f4db1ww{padding:8px var(--spacingHorizontalL);}\", {\n p: -1\n }], [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fy7v416{padding-bottom:7px;}\", \".f1a1bwwz{padding-top:7px;}\"],\n h: [\".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}\", \".f1s2uweq:hover{border-top-color:transparent;}\", \".fr80ssc:hover{border-right-color:transparent;}\", \".fecsdlb:hover{border-left-color:transparent;}\", \".f1ukrpxl:hover{border-bottom-color:transparent;}\", \".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}\", \".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}\", \".f1h0usnq:hover:active{border-top-color:transparent;}\", \".fs4ktlq:hover:active{border-right-color:transparent;}\", \".fx2bmrt:hover:active{border-left-color:transparent;}\", \".f16h9ulv:hover:active{border-bottom-color:transparent;}\", \".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".ft1hn21:hover .fui-Icon-filled{display:inline;}\", \".fuxngvv:hover .fui-Icon-regular{display:none;}\", \".fy5bs14:hover .fui-Button__icon{color:var(--colorNeutralForeground2BrandHover);}\", \".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1dfjoow:hover:active .fui-Icon-filled{display:inline;}\", \".f1j98vj9:hover:active .fui-Icon-regular{display:none;}\", \".fj8yq94:hover:active .fui-Button__icon{color:var(--colorNeutralForeground2BrandPressed);}\", \".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}\", \".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}\"],\n m: [[\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1uu00uk{border-top-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9a0qzu{border-left-color:HighlightText;}.fkvaka8{border-right-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ux7til{border-bottom-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.ff1wgvm:hover{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1x4h75k:hover{border-left-color:Highlight;}.fiob0tu:hover{border-right-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1j6scgf:hover{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f4xjyn1:hover{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fbgcvur:hover:active{background-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ks1yx8:hover:active{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1o6qegi:hover:active{border-right-color:Highlight;}.fmxjhhp:hover:active{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fcnxywj:hover:active{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9ddjv3:hover:active{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1et0tmh:hover .fui-Button__icon{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1wi8ngl:hover:active .fui-Button__icon{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1tme0vf:hover{background-color:var(--colorTransparentBackground);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f18onu3q:hover:active{background-color:var(--colorTransparentBackground);}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\nconst useRootDisabledStyles = /#__PURE__/__styles({\n base: {\n De3pzq: \"f1bg9a2p\",\n g2u3we: \"f1jj8ep1\",\n h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n B9xav0g: \"f4ikngz\",\n zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n sj55zd: \"f1s2aq7o\",\n Bceei9c: \"fdrzuqr\",\n Bfinmwp: \"f15x8b5r\",\n Jwef8y: \"f1falr9n\",\n Bgoe8wy: \"f12mpcsy\",\n Bwzppfd: [\"f1gwvigk\", \"f18rmfxp\"],\n oetu4i: \"f1jnshp0\",\n gg5e9n: [\"f18rmfxp\", \"f1gwvigk\"],\n Bi91k9c: \"fvgxktp\",\n eoavqd: \"fphbwmw\",\n Bk3fhr4: \"f19vpps7\",\n Bmfj8id: \"fv5swzo\",\n Bbdnnc7: \"f1al02dq\",\n iro3zm: \"f1t6o4dc\",\n b661bw: \"f10ztigi\",\n Bk6r4ia: [\"f1ft5sdu\", \"f1gzf82w\"],\n B9zn80p: \"f12zbtn2\",\n Bpld233: [\"f1gzf82w\", \"f1ft5sdu\"],\n B2d53fq: \"fcvwxyo\",\n c3iz72: \"f8w4c43\",\n em6i61: \"f1ol4fw6\",\n vm6p8p: \"f1q1lw4e\",\n x3br3k: \"f1dwjv2g\"\n },\n highContrast: {\n Bsw6fvg: \"f4lkoma\",\n Bjwas2f: \"fg455y9\",\n Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n Bxeuatn: \"f1cwzwz\",\n n51gp8: [\"f14g86mu\", \"f1rvyvqg\"],\n Bbusuzp: \"f1dcs8yz\",\n G867l3: \"fjwq6ea\",\n gdbnj: [\"f1lr3nhc\", \"f1mbxvi6\"],\n mxns5l: \"fn5gmvv\",\n o3nasb: [\"f1mbxvi6\", \"f1lr3nhc\"],\n Bqrx1nm: \"f1vmkb5g\",\n pgvf35: \"f53ppgq\",\n Bh7lczh: [\"f1663y11\", \"f80fkiy\"],\n dpv3f4: \"f18v5270\",\n Bpnjhaq: [\"f80fkiy\", \"f1663y11\"],\n ze5xyy: \"f1kc2mi9\",\n g2kj27: \"f1y0svfh\",\n Bf756sw: \"fihuait\",\n Bow2dr7: [\"fnxhupq\", \"fyd6l6x\"],\n Bvhedfk: \"fx507ft\",\n Gye4lf: [\"fyd6l6x\", \"fnxhupq\"],\n pc6evw: \"fb3rf2x\"\n },\n outline: {\n De3pzq: \"f1c21dwh\",\n Jwef8y: \"f9ql6rf\",\n iro3zm: \"f3h1zc4\"\n },\n primary: {\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n },\n secondary: {},\n subtle: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n Jwef8y: \"f9ql6rf\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n iro3zm: \"f3h1zc4\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n },\n transparent: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n Jwef8y: \"f9ql6rf\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n iro3zm: \"f3h1zc4\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n }\n}, {\n d: [\".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f15x8b5r .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\"],\n h: [\".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}\", \".fphbwmw:hover{cursor:not-allowed;}\", \".f19vpps7:hover .fui-Icon-filled{display:none;}\", \".fv5swzo:hover .fui-Icon-regular{display:inline;}\", \".f1al02dq:hover .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}\", \".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}\", \".f8w4c43:hover:active{cursor:not-allowed;}\", \".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}\", \".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}\", \".f1dwjv2g:hover:active .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}\", \".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}\", \".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}\", \".f1s2uweq:hover{border-top-color:transparent;}\", \".fr80ssc:hover{border-right-color:transparent;}\", \".fecsdlb:hover{border-left-color:transparent;}\", \".f1ukrpxl:hover{border-bottom-color:transparent;}\", \".f1h0usnq:hover:active{border-top-color:transparent;}\", \".fs4ktlq:hover:active{border-right-color:transparent;}\", \".fx2bmrt:hover:active{border-left-color:transparent;}\", \".f16h9ulv:hover:active{border-bottom-color:transparent;}\"],\n m: [[\"@media (forced-colors: active){.f4lkoma{background-color:ButtonFace;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fjwq6ea:focus{border-top-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1lr3nhc:focus{border-right-color:GrayText;}.f1mbxvi6:focus{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fn5gmvv:focus{border-bottom-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1vmkb5g:hover{background-color:ButtonFace;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f53ppgq:hover{border-top-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1663y11:hover{border-right-color:GrayText;}.f80fkiy:hover{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f18v5270:hover{border-bottom-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1kc2mi9:hover{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1y0svfh:hover:active{background-color:ButtonFace;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fihuait:hover:active{border-top-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fnxhupq:hover:active{border-right-color:GrayText;}.fyd6l6x:hover:active{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fx507ft:hover:active{border-bottom-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fb3rf2x:hover:active{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\nconst useRootFocusStyles = /#__PURE__/__styles({\n circular: {\n Bw81rd7: 0,\n kdpuga: 0,\n dm238s: 0,\n B6xbmo0: 0,\n B3whbx2: \"f1062rbf\"\n },\n rounded: {},\n square: {\n Bw81rd7: 0,\n kdpuga: 0,\n dm238s: 0,\n B6xbmo0: 0,\n B3whbx2: \"fj0ryk1\"\n },\n primary: {\n B8q5s1w: \"f17t0x8g\",\n Bci5o5g: [\"f194v5ow\", \"fk7jm04\"],\n n8qw10: \"f1qgg65p\",\n Bdrgwmp: [\"fk7jm04\", \"f194v5ow\"],\n j6ew2k: [\"fhgccpy\", \"fjo7pq6\"],\n he4mth: \"f32wu9k\",\n Byr4aka: \"fu5nqqq\",\n lks7q5: [\"f13prjl2\", \"f1nl83rv\"],\n Bnan3qt: \"f1czftr5\",\n k1dn9: [\"f1nl83rv\", \"f13prjl2\"],\n Boium3a: [\"f12k37oa\", \"fdnykm2\"],\n tm8e47: \"fr96u23\"\n },\n small: {\n Bw81rd7: 0,\n kdpuga: 0,\n dm238s: 0,\n B6xbmo0: 0,\n B3whbx2: \"fazmxh\"\n },\n medium: {},\n large: {\n Bw81rd7: 0,\n kdpuga: 0,\n dm238s: 0,\n B6xbmo0: 0,\n B3whbx2: \"f1b6alqh\"\n }\n}, {\n d: [[\".f1062rbf[data-fui-focus-visible]{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }], [\".fj0ryk1[data-fui-focus-visible]{border-radius:var(--borderRadiusNone);}\", {\n p: -1\n }], \".f17t0x8g[data-fui-focus-visible]{border-top-color:var(--colorStrokeFocus2);}\", \".f194v5ow[data-fui-focus-visible]{border-right-color:var(--colorStrokeFocus2);}\", \".fk7jm04[data-fui-focus-visible]{border-left-color:var(--colorStrokeFocus2);}\", \".f1qgg65p[data-fui-focus-visible]{border-bottom-color:var(--colorStrokeFocus2);}\", \".fhgccpy[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}\", \".fjo7pq6[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}\", \".f32wu9k[data-fui-focus-visible]:hover{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;}\", \".fu5nqqq[data-fui-focus-visible]:hover{border-top-color:var(--colorStrokeFocus2);}\", \".f13prjl2[data-fui-focus-visible]:hover{border-right-color:var(--colorStrokeFocus2);}\", \".f1nl83rv[data-fui-focus-visible]:hover{border-left-color:var(--colorStrokeFocus2);}\", \".f1czftr5[data-fui-focus-visible]:hover{border-bottom-color:var(--colorStrokeFocus2);}\", [\".fazmxh[data-fui-focus-visible]{border-radius:var(--borderRadiusSmall);}\", {\n p: -1\n }], [\".f1b6alqh[data-fui-focus-visible]{border-radius:var(--borderRadiusLarge);}\", {\n p: -1\n }]],\n t: [\"@supports (-moz-appearance:button){.f12k37oa[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}.fdnykm2[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}}\", \"@supports (-moz-appearance:button){.fr96u23[data-fui-focus-visible]:hover{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}\"]\n});\nconst useRootIconOnlyStyles = /#__PURE__/__styles({\n small: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"fu97m5z\",\n Bf4jedk: \"f17fgpbq\",\n B2u0y6b: \"f1jt17bm\"\n },\n medium: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f18ktai2\",\n Bf4jedk: \"fwbmr0d\",\n B2u0y6b: \"f44c6la\"\n },\n large: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1hbd1aw\",\n Bf4jedk: \"f12clzc2\",\n B2u0y6b: \"fjy1crr\"\n }\n}, {\n d: [[\".fu97m5z{padding:1px;}\", {\n p: -1\n }], \".f17fgpbq{min-width:24px;}\", \".f1jt17bm{max-width:24px;}\", [\".f18ktai2{padding:5px;}\", {\n p: -1\n }], \".fwbmr0d{min-width:32px;}\", \".f44c6la{max-width:32px;}\", [\".f1hbd1aw{padding:7px;}\", {\n p: -1\n }], \".f12clzc2{min-width:40px;}\", \".fjy1crr{max-width:40px;}\"]\n});\nconst useIconStyles = /#__PURE__*/__styles({\n small: {\n Be2twd7: \"fe5j1ua\",\n Bqenvij: \"fjamq6b\",\n a9b677: \"f64fuq3\",\n Bqrlyyl: \"fbaiahx\"\n },\n medium: {},\n large: {\n Be2twd7: \"f1rt2boy\",\n Bqenvij: \"frvgh55\",\n a9b677: \"fq4mcun\",\n Bqrlyyl: \"f1exjqw5\"\n },\n before: {\n t21cq0: [\"f1nizpg2\", \"f1a695kz\"]\n },\n after: {\n Frg6f3: [\"f1a695kz\", \"f1nizpg2\"]\n }\n}, {\n d: [\".fe5j1ua{font-size:20px;}\", \".fjamq6b{height:20px;}\", \".f64fuq3{width:20px;}\", \".fbaiahx{--fui-Button__icon--spacing:var(--spacingHorizontalXS);}\", \".f1rt2boy{font-size:24px;}\", \".frvgh55{height:24px;}\", \".fq4mcun{width:24px;}\", \".f1exjqw5{--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}\", \".f1nizpg2{margin-right:var(--fui-Button__icon--spacing);}\", \".f1a695kz{margin-left:var(--fui-Button__icon--spacing);}\"]\n});\nexport const useButtonStyles_unstable = state => {\n const rootBaseClassName = useRootBaseClassName();\n const iconBaseClassName = useIconBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const rootFocusStyles = useRootFocusStyles();\n const rootIconOnlyStyles = useRootIconOnlyStyles();\n const iconStyles = useIconStyles();\n const {\n appearance,\n disabled,\n disabledFocusable,\n icon,\n iconOnly,\n iconPosition,\n shape,\n size\n } = state;\n state.root.className = mergeClasses(buttonClassNames.root, rootBaseClassName, appearance && rootStyles[appearance], rootStyles[size], icon && size === 'small' && rootStyles.smallWithIcon, icon && size === 'large' && rootStyles.largeWithIcon, rootStyles[shape],\n // Disabled styles\n (disabled \|\| disabledFocusable) && rootDisabledStyles.base, (disabled \|\| disabledFocusable) && rootDisabledStyles.highContrast, appearance && (disabled \|\| disabledFocusable) && rootDisabledStyles[appearance],\n // Focus styles\n appearance === 'primary' && rootFocusStyles.primary, rootFocusStyles[size], rootFocusStyles[shape],\n // Icon-only styles\n iconOnly && rootIconOnlyStyles[size],\n // User provided class name\n state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(buttonClassNames.icon, iconBaseClassName, !!state.root.children && iconStyles[iconPosition], iconStyles[size], state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useButtonStyles.styles.js.map"],"names":["buttonClassNames","useButtonStyles_unstable","root","icon","iconSpacingVar","buttonSpacingSmall","buttonSpacingSmallWithIcon","buttonSpacingMedium","buttonSpacingLarge","buttonSpacingLargeWithIcon","boxShadowStrokeWidthThinMoz","tokens","strokeWidthThin","useRootBaseClassName","__resetStyles","r","s","useIconBaseClassName","useRootStyles","__styles","outline","De3pzq","Jwef8y","iro3zm","primary","g2u3we","h3c5rm","B9xav0g","zhjwy3","sj55zd","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Bi91k9c","b661bw","Bk6r4ia","B9zn80p","Bpld233","B2d53fq","Bsw6fvg","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bbusuzp","ycbfsm","Bqrx1nm","pgvf35","Bh7lczh","dpv3f4","Bpnjhaq","ze5xyy","g2kj27","Bf756sw","Bow2dr7","Bvhedfk","Gye4lf","pc6evw","secondary","subtle","Bk3fhr4","Bmfj8id","Bbdnnc7","em6i61","vm6p8p","x3br3k","Bx3q9su","xd2cci","transparent","circular","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","rounded","square","small","Bf4jedk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Be2twd7","Bhrd7zp","Bg96gwp","smallWithIcon","medium","large","largeWithIcon","d","p","h","m","useRootDisabledStyles","base","Bceei9c","Bfinmwp","eoavqd","c3iz72","highContrast","G867l3","gdbnj","mxns5l","o3nasb","useRootFocusStyles","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","j6ew2k","he4mth","Byr4aka","lks7q5","Bnan3qt","k1dn9","Boium3a","tm8e47","t","useRootIconOnlyStyles","B2u0y6b","useIconStyles","Bqenvij","a9b677","Bqrlyyl","before","t21cq0","after","Frg6f3","state","rootBaseClassName","iconBaseClassName","rootStyles","rootDisabledStyles","rootFocusStyles","rootIconOnlyStyles","iconStyles","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","mergeClasses","children"],"mappings":"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"}
1	+ {"version":3,"sources":["useButtonStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { shorthands, makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const buttonClassNames = {\n root: 'fui-Button',\n icon: 'fui-Button__icon'\n};\nconst iconSpacingVar = '--fui-Button__icon--spacing';\nconst buttonSpacingSmall = '3px';\nconst buttonSpacingSmallWithIcon = '1px';\nconst buttonSpacingMedium = '5px';\nconst buttonSpacingLarge = '8px';\nconst buttonSpacingLargeWithIcon = '7px';\n/* Firefox has box shadow sizing issue at some zoom levels\n * this will ensure the inset boxShadow is always uniform\n * without affecting other browser platforms\n */ const boxShadowStrokeWidthThinMoz = `calc(${tokens.strokeWidthThin} + 0.25px)`;\nconst useRootBaseClassName = makeResetStyles({\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n margin: 0,\n overflow: 'hidden',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n fontFamily: tokens.fontFamilyBase,\n outlineStyle: 'none',\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n borderColor: tokens.colorNeutralStroke1Hover,\n color: tokens.colorNeutralForeground1Hover,\n cursor: 'pointer'\n },\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n borderColor: tokens.colorNeutralStroke1Pressed,\n color: tokens.colorNeutralForeground1Pressed,\n outlineStyle: 'none'\n },\n padding: `${buttonSpacingMedium} ${tokens.spacingHorizontalM}`,\n minWidth: '96px',\n borderRadius: tokens.borderRadiusMedium,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase300,\n // Transition styles\n transitionDuration: tokens.durationFaster,\n transitionProperty: 'background, border, color',\n transitionTimingFunction: tokens.curveEasyEase,\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms'\n },\n // High contrast styles\n '@media (forced-colors: active)': {\n ':focus': {\n borderColor: 'ButtonText'\n },\n ':hover': {\n backgroundColor: 'HighlightText',\n borderColor: 'Highlight',\n color: 'Highlight',\n forcedColorAdjust: 'none'\n },\n ':hover:active': {\n backgroundColor: 'HighlightText',\n borderColor: 'Highlight',\n color: 'Highlight',\n forcedColorAdjust: 'none'\n }\n },\n // Focus styles\n ...createCustomFocusIndicatorStyle({\n borderColor: tokens.colorStrokeFocus2,\n borderRadius: tokens.borderRadiusMedium,\n borderWidth: '1px',\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorTransparentStroke}`,\n boxShadow: `0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2}\n inset\n `,\n zIndex: 1\n }),\n // BUGFIX: Mozilla specific styles (Mozilla BugID: 1857642)\n '@supports (-moz-appearance:button)': {\n ...createCustomFocusIndicatorStyle({\n boxShadow: `0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2}\n inset\n `\n })\n }\n});\nconst useIconBaseClassName = makeResetStyles({\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n fontSize: '20px',\n height: '20px',\n width: '20px',\n [iconSpacingVar]: tokens.spacingHorizontalSNudge\n});\nconst useRootStyles = makeStyles({\n // Appearance variations\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed\n }\n },\n primary: {\n backgroundColor: tokens.colorBrandBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n backgroundColor: tokens.colorBrandBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n backgroundColor: tokens.colorBrandBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand\n },\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n ...shorthands.borderColor('HighlightText'),\n color: 'HighlightText',\n forcedColorAdjust: 'none',\n ':hover': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n },\n ':hover:active': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n }\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: tokens.colorSubtleBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2,\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2Hover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandHover\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2Pressed,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandPressed\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n color: 'Highlight',\n [`& .${buttonClassNames.icon}`]: {\n color: 'Highlight'\n }\n },\n ':hover:active': {\n color: 'Highlight',\n [`& .${buttonClassNames.icon}`]: {\n color: 'Highlight'\n }\n }\n }\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2BrandHover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2BrandPressed,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground,\n color: 'Highlight'\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground,\n color: 'Highlight'\n }\n }\n },\n // Shape variations\n circular: {\n borderRadius: tokens.borderRadiusCircular\n },\n rounded: {\n },\n square: {\n borderRadius: tokens.borderRadiusNone\n },\n // Size variations\n small: {\n minWidth: '64px',\n padding: `${buttonSpacingSmall} ${tokens.spacingHorizontalS}`,\n borderRadius: tokens.borderRadiusMedium,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200\n },\n smallWithIcon: {\n paddingBottom: buttonSpacingSmallWithIcon,\n paddingTop: buttonSpacingSmallWithIcon\n },\n medium: {\n },\n large: {\n minWidth: '96px',\n padding: `${buttonSpacingLarge} ${tokens.spacingHorizontalL}`,\n borderRadius: tokens.borderRadiusMedium,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase400\n },\n largeWithIcon: {\n paddingBottom: buttonSpacingLargeWithIcon,\n paddingTop: buttonSpacingLargeWithIcon\n }\n});\nconst useRootDisabledStyles = makeStyles({\n // Base styles\n base: {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForegroundDisabled\n },\n ':hover': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForegroundDisabled\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForegroundDisabled\n }\n }\n },\n // High contrast styles\n highContrast: {\n '@media (forced-colors: active)': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText',\n ':focus': {\n ...shorthands.borderColor('GrayText')\n },\n ':hover': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText'\n },\n ':hover:active': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText'\n }\n }\n },\n // Appearance variations\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground\n }\n },\n primary: {\n ...shorthands.borderColor('transparent'),\n ':hover': {\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n ...shorthands.borderColor('transparent')\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n }\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n }\n }\n});\nconst useRootFocusStyles = makeStyles({\n // Shape variations\n circular: createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusCircular\n }),\n rounded: {\n },\n square: createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusNone\n }),\n // Primary styles\n primary: {\n ...createCustomFocusIndicatorStyle({\n ...shorthands.borderColor(tokens.colorStrokeFocus2),\n boxShadow: `${tokens.shadow2}, 0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2} inset, 0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralForegroundOnBrand} inset`,\n ':hover': {\n boxShadow: `${tokens.shadow2}, 0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2} inset`,\n ...shorthands.borderColor(tokens.colorStrokeFocus2)\n }\n }),\n // BUGFIX: Mozilla specific styles (Mozilla BugID: 1857642)\n '@supports (-moz-appearance:button)': {\n ...createCustomFocusIndicatorStyle({\n boxShadow: `${tokens.shadow2}, 0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2} inset, 0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralForegroundOnBrand} inset`,\n ':hover': {\n boxShadow: `${tokens.shadow2}, 0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2} inset`\n }\n })\n }\n },\n // Size variations\n small: createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusSmall\n }),\n medium: {\n },\n large: createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusLarge\n })\n});\nconst useRootIconOnlyStyles = makeStyles({\n // Size variations\n small: {\n padding: buttonSpacingSmallWithIcon,\n minWidth: '24px',\n maxWidth: '24px'\n },\n medium: {\n padding: buttonSpacingMedium,\n minWidth: '32px',\n maxWidth: '32px'\n },\n large: {\n padding: buttonSpacingLargeWithIcon,\n minWidth: '40px',\n maxWidth: '40px'\n }\n});\nconst useIconStyles = makeStyles({\n // Size variations\n small: {\n fontSize: '20px',\n height: '20px',\n width: '20px',\n [iconSpacingVar]: tokens.spacingHorizontalXS\n },\n medium: {\n },\n large: {\n fontSize: '24px',\n height: '24px',\n width: '24px',\n [iconSpacingVar]: tokens.spacingHorizontalSNudge\n },\n // Icon position variations\n before: {\n marginRight: `var(${iconSpacingVar})`\n },\n after: {\n marginLeft: `var(${iconSpacingVar})`\n }\n});\nexport const useButtonStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseClassName = useRootBaseClassName();\n const iconBaseClassName = useIconBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const rootFocusStyles = useRootFocusStyles();\n const rootIconOnlyStyles = useRootIconOnlyStyles();\n const iconStyles = useIconStyles();\n const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;\n state.root.className = mergeClasses(buttonClassNames.root, rootBaseClassName, appearance && rootStyles[appearance], rootStyles[size], icon && size === 'small' && rootStyles.smallWithIcon, icon && size === 'large' && rootStyles.largeWithIcon, rootStyles[shape], // Disabled styles\n (disabled \|\| disabledFocusable) && rootDisabledStyles.base, (disabled \|\| disabledFocusable) && rootDisabledStyles.highContrast, appearance && (disabled \|\| disabledFocusable) && rootDisabledStyles[appearance], // Focus styles\n appearance === 'primary' && rootFocusStyles.primary, rootFocusStyles[size], rootFocusStyles[shape], // Icon-only styles\n iconOnly && rootIconOnlyStyles[size], // User provided class name\n state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(buttonClassNames.icon, iconBaseClassName, !!state.root.children && iconStyles[iconPosition], iconStyles[size], state.icon.className);\n }\n return state;\n};\n"],"names":["buttonClassNames","useButtonStyles_unstable","root","icon","iconSpacingVar","buttonSpacingSmall","buttonSpacingSmallWithIcon","buttonSpacingMedium","buttonSpacingLarge","buttonSpacingLargeWithIcon","boxShadowStrokeWidthThinMoz","tokens","strokeWidthThin","useRootBaseClassName","__resetStyles","r","s","useIconBaseClassName","useRootStyles","__styles","outline","De3pzq","Jwef8y","iro3zm","primary","g2u3we","h3c5rm","B9xav0g","zhjwy3","sj55zd","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Bi91k9c","b661bw","Bk6r4ia","B9zn80p","Bpld233","B2d53fq","Bsw6fvg","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bbusuzp","ycbfsm","Bqrx1nm","pgvf35","Bh7lczh","dpv3f4","Bpnjhaq","ze5xyy","g2kj27","Bf756sw","Bow2dr7","Bvhedfk","Gye4lf","pc6evw","secondary","subtle","Bk3fhr4","Bmfj8id","Bbdnnc7","em6i61","vm6p8p","x3br3k","Bx3q9su","xd2cci","transparent","circular","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","rounded","square","small","Bf4jedk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Be2twd7","Bhrd7zp","Bg96gwp","smallWithIcon","medium","large","largeWithIcon","d","p","h","m","useRootDisabledStyles","base","Bceei9c","Bfinmwp","eoavqd","c3iz72","highContrast","G867l3","gdbnj","mxns5l","o3nasb","useRootFocusStyles","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","j6ew2k","he4mth","Byr4aka","lks7q5","Bnan3qt","k1dn9","Boium3a","tm8e47","t","useRootIconOnlyStyles","B2u0y6b","useIconStyles","Bqenvij","a9b677","Bqrlyyl","before","t21cq0","after","Frg6f3","state","rootBaseClassName","iconBaseClassName","rootStyles","rootDisabledStyles","rootFocusStyles","rootIconOnlyStyles","iconStyles","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","mergeClasses","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/CompoundButton/CompoundButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["CompoundButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderCompoundButton_unstable } from './renderCompoundButton';\nimport { useCompoundButton_unstable } from './useCompoundButton';\nimport { useCompoundButtonStyles_unstable } from './useCompoundButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/*\n CompoundButtons are buttons that can have secondary content that adds extra information to the user.\n / ~~export~~ const CompoundButton = ~~/#__PURE__*/~~ React.forwardRef((props, ref)=>{\n const state = useCompoundButton_unstable(props, ref);\n useCompoundButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useCompoundButtonStyles_unstable')(state);\n return renderCompoundButton_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nCompoundButton.displayName = 'CompoundButton';\n"],"names":["CompoundButton","React","forwardRef","props","ref","state","useCompoundButton_unstable","useCompoundButtonStyles_unstable","useCustomStyleHook_unstable","renderCompoundButton_unstable","displayName"],"mappings":";;;;+~~BAOiBA~~;;;eAAAA;;;;~~iEAPM~~;sCACuB;mCACH;+CACM;~~qCACL~~;~~AAGjC~~,MAAMA,~~iBAAiB~~,~~WAAW~~,~~GAAGC~~,OAAMC,UAAU,CAAC,CAACC,OAAOC;~~IACrE~~,MAAMC,QAAQC,IAAAA,~~6CAA0B~~,~~EAACH~~,OAAOC;~~IAChDG~~,IAAAA,+~~DAAgC~~,~~EAACF~~;~~IACjCG~~,IAAAA,~~gDAA2B~~,~~EAAC~~,oCAAoCH;~~IAChE~~,OAAOI,IAAAA,~~mDAA6B~~,~~EAACJ~~;~~AACzC~~,0FAA0F;~~AAC1F~~;~~AACAL~~,eAAeU,WAAW,GAAG"}
1	+ {"version":3,"sources":["CompoundButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderCompoundButton_unstable } from './renderCompoundButton';\nimport { useCompoundButton_unstable } from './useCompoundButton';\nimport { useCompoundButtonStyles_unstable } from './useCompoundButtonStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { CompoundButtonProps } from './CompoundButton.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n CompoundButtons are buttons that can have secondary content that adds extra information to the user.\n */\nexport const CompoundButton: ForwardRefComponent<CompoundButtonProps> = React.forwardRef((props, ref) => {\n const state = useCompoundButton_unstable(props, ref);\n\n useCompoundButtonStyles_unstable(state);\n\n useCustomStyleHook_unstable('useCompoundButtonStyles_unstable')(state);\n\n return renderCompoundButton_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<CompoundButtonProps>;\n\nCompoundButton.displayName = 'CompoundButton';\n"],"names":["CompoundButton","React","forwardRef","props","ref","state","useCompoundButton_unstable","useCompoundButtonStyles_unstable","useCustomStyleHook_unstable","renderCompoundButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;sCACuB;mCACH;+CACM;qCAGL;AAKrC,MAAMA,iBAAAA,WAAAA,GAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BH,OAAOC;IAEhDG,IAAAA,+DAAAA,EAAiCF;IAEjCG,IAAAA,gDAAAA,EAA4B,oCAAoCH;IAEhE,OAAOI,IAAAA,mDAAAA,EAA8BJ;AACrC,0FAA0F;AAC5F;AAEAL,eAAeU,WAAW,GAAG"}

package/lib-commonjs/components/CompoundButton/CompoundButton.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":[],"names":[],"mappings":""}
1	+ {"version":3,"sources":["CompoundButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonProps, ButtonSlots, ButtonState } from '../Button/Button.types';\n\nexport type CompoundButtonSlots = ButtonSlots & {\n /*\n Second line of text that describes the action this button takes.\n /\n secondaryContent?: Slot<'span'>;\n\n /\n Container that wraps the children and the secondaryContent slot.\n */\n contentContainer: NonNullable<Slot<'span'>>;\n};\n\nexport type CompoundButtonProps = ComponentProps<Partial<CompoundButtonSlots>> &\n Pick<ButtonProps, 'appearance' \| 'disabledFocusable' \| 'disabled' \| 'iconPosition' \| 'shape' \| 'size'>;\n\nexport type CompoundButtonState = ComponentState<CompoundButtonSlots> &\n Omit<ButtonState, keyof ButtonSlots \| 'components'>;\n"],"names":[],"rangeMappings":"","mappings":""}

package/lib-commonjs/components/CompoundButton/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './CompoundButton';\nexport * from './CompoundButton.types';\nexport * from './renderCompoundButton';\nexport * from './useCompoundButton';\nexport { compoundButtonClassNames, useCompoundButtonStyles_unstable } from './useCompoundButtonStyles.styles';\n"],"names":["compoundButtonClassNames","useCompoundButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,wBAAwB;eAAxBA,uDAAwB;;IAAEC,gCAAgC;eAAhCA,+DAAgC;;;;uBAJrD;uBACA;uBACA;uBACA;+CAC6D"}
1	+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './CompoundButton';\nexport * from './CompoundButton.types';\nexport * from './renderCompoundButton';\nexport * from './useCompoundButton';\nexport { compoundButtonClassNames, useCompoundButtonStyles_unstable } from './useCompoundButtonStyles.styles';\n"],"names":["compoundButtonClassNames","useCompoundButtonStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAISA,wBAAwB;eAAxBA,uDAAwB;;IAAEC,gCAAgC;eAAhCA,+DAAgC;;;;uBAJrD;uBACA;uBACA;uBACA;+CAC6D"}

package/lib-commonjs/components/CompoundButton/renderCompoundButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["renderCompoundButton.js"],"sourcesContent":[" ~~import~~ { ~~jsx~~ as ~~_jsx,~~ ~~jsxs as _jsxs } from \"~~@fluentui/react-jsx-runtime~~/jsx-runtime~~\~~";\~~nimport { assertSlots } from '@fluentui/react-utilities';\n/*\n Renders a CompoundButton component by passing the state defined props to the appropriate slots.\n / ~~export~~ const renderCompoundButton_unstable = (state)=>{\n assertSlots(state);\n const { iconOnly, iconPosition } = state;\n return ~~/#__PURE__/ _jsxs~~(state.root, {~~\n children: [\n~~ iconPosition !== 'after' && state.icon && ~~/#__PURE__/ _jsx(~~state.icon, {}~~),\~~n !iconOnly && ~~/#__PURE__/ _jsxs~~(state.contentContainer, {~~\n children: [\n~~ state.root.children,\n state.secondaryContent && ~~/#__PURE__/ _jsx(~~state.secondaryContent, {})\n ]\n ~~}),\n~~ iconPosition === 'after' && state.icon && ~~/#__PURE__*/ _jsx(~~state.icon, {})\n ]\n });\n};\n"],"names":["renderCompoundButton_unstable","state","assertSlots","iconOnly","iconPosition","_jsxs","root","~~children","~~icon","_jsx","contentContainer","secondaryContent"],"mappings":";;;;+~~BAIiBA~~;;;eAAAA;;;~~4BAJ4B~~;~~gCACjB~~;~~AAGjB~~,MAAMA,gCAAgC,CAACC;~~IAC9CC~~,IAAAA,~~2BAAW~~,~~EAACD~~;~~IACZ~~,MAAM,EAAEE,QAAQ,EAAEC,YAAY,EAAE,GAAGH;~~IACnC~~,~~OAAO~~,~~WAAW~~,~~GAAGI~~,IAAAA,~~gBAAK~~,EAACJ,MAAMK,IAAI,~~EAAE;QACnCC~~,~~UAAU;YACNH,~~iBAAiB,WAAWH,~~MAAMO~~,IAAI,~~IAAI~~,~~WAAW~~,~~GAAGC~~,IAAAA,~~eAAI~~,~~EAACR~~,~~MAAMO~~,IAAI,~~EAAE~~,~~CAAC~~;~~YAC1E~~,~~CAACL~~,~~YAAY~~,~~WAAW~~,~~GAAGE~~,IAAAA,~~gBAAK~~,EAACJ,~~MAAMS~~,gBAAgB,~~EAAE;gBACrDH~~,~~UAAU;oBACNN,~~MAAMK,IAAI,~~CAACC~~,QAAQ;~~oBACnBN~~,MAAMU,gBAAgB,~~IAAI~~,~~WAAW~~,~~GAAGF~~,IAAAA,~~eAAI~~,~~EAACR~~,MAAMU,gBAAgB,~~EAAE~~,~~CAAC;iBACzE;YACL;YACAP~~,iBAAiB,WAAWH,~~MAAMO~~,IAAI,~~IAAI~~,~~WAAW~~,~~GAAGC~~,IAAAA,~~eAAI~~,~~EAACR~~,~~MAAMO~~,IAAI,~~EAAE~~,~~CAAC;SAC7E;IACL;AACJ~~"}
1	+ {"version":3,"sources":["renderCompoundButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic /\n/* @jsxImportSource @fluentui/react-jsx-runtime /\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { CompoundButtonSlots, CompoundButtonState } from './CompoundButton.types';\n\n/\n Renders a CompoundButton component by passing the state defined props to the appropriate slots.\n */\nexport const renderCompoundButton_unstable = (state: CompoundButtonState) => {\n assertSlots<CompoundButtonSlots>(state);\n const { iconOnly, iconPosition } = state;\n\n return (\n <state.root>\n {iconPosition !== 'after' && state.icon && <state.icon />}\n {!iconOnly && (\n <state.contentContainer>\n {state.root.children}\n {state.secondaryContent && <state.secondaryContent />}\n </state.contentContainer>\n )}\n\n {iconPosition === 'after' && state.icon && <state.icon />}\n </state.root>\n );\n};\n"],"names":["renderCompoundButton_unstable","state","assertSlots","iconOnly","iconPosition","_jsxs","root","icon","_jsx","contentContainer","children","secondaryContent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,gCAAgC,CAACC;IAC5CC,IAAAA,2BAAAA,EAAiCD;IACjC,MAAM,EAAEE,QAAQ,EAAEC,YAAY,EAAE,GAAGH;IAEnC,OAAA,WAAA,GACEI,IAAAA,gBAAA,EAACJ,MAAMK,IAAI,EAAA;;YACRF,iBAAiB,WAAWH,MAAMM,IAAI,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACP,MAAMM,IAAI,EAAA,CAAA;YACrD,CAACJ,YAAAA,WAAAA,GACAE,IAAAA,gBAAA,EAACJ,MAAMQ,gBAAgB,EAAA;;oBACpBR,MAAMK,IAAI,CAACI,QAAQ;oBACnBT,MAAMU,gBAAgB,IAAA,WAAA,GAAIH,IAAAA,eAAA,EAACP,MAAMU,gBAAgB,EAAA,CAAA;;;YAIrDP,iBAAiB,WAAWH,MAAMM,IAAI,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACP,MAAMM,IAAI,EAAA,CAAA;;;AAG5D"}

package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useCompoundButton.js"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '../Button/index';\n/*\n Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.\n * @param props - User provided props to the CompoundButton component.\n * @param ref - User provided ref to be passed to the CompoundButton component.\n */ ~~export~~ const useCompoundButton_unstable = ({ contentContainer, secondaryContent, ...props }, ref)=>{\n ~~var _state_icon, _state_secondaryContent;\n~~ const state = {\n // Button state\n ...useButton_unstable(props, ref),\n // Slots definition\n components: {\n root: 'button',\n icon: 'span',\n contentContainer: 'span',\n secondaryContent: 'span'\n },\n contentContainer: slot.always(contentContainer, {\n elementType: 'span'\n }),\n secondaryContent: slot.optional(secondaryContent, {\n elementType: 'span'\n })\n };\n // Recalculate iconOnly to take into account secondaryContent.\n state.iconOnly = Boolean(~~((_state_icon =~~ state.icon~~) === null \|\| _state_icon === void 0 ? void 0 : _state_icon.~~children) && !props.children && !~~((_state_secondaryContent =~~ state.secondaryContent~~) === null \|\| _state_secondaryContent === void 0 ? void 0 : _state_secondaryContent.~~children));\n return state;\n};\n"],"names":["useCompoundButton_unstable","contentContainer","secondaryContent","props","ref","~~_state_icon","_state_secondaryContent","~~state","useButton_unstable","components","root","icon","slot","always","elementType","optional","iconOnly","Boolean","children"],"mappings":";;;;+~~BAOiBA~~;;;eAAAA;;;;~~iEAPM~~;gCACF;uBACc;~~AAKxB~~,MAAMA,6BAA6B,~~CAAC~~,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAE,GAAGC,~~OAAO~~,~~EAAEC~~;~~IAC7F~~,~~IAAIC,aAAaC~~;~~IACjB~~,~~MAAMC~~,~~QAAQ~~;~~QACV~~,eAAe;QACf,GAAGC,IAAAA,~~yBAAkB~~,~~EAACL~~,OAAOC,IAAI;~~QACjC~~,mBAAmB;~~QACnBK~~,YAAY;~~YACRC~~,MAAM;YACNC,MAAM;~~YACNV~~,kBAAkB;YAClBC,kBAAkB;~~QACtB~~;QACAD,~~kBAAkBW~~,~~oBAAI~~,~~CAACC~~,MAAM,~~CAACZ~~,kBAAkB;~~YAC5Ca~~,aAAa;~~QACjB~~;~~QACAZ~~,~~kBAAkBU~~,~~oBAAI~~,~~CAACG~~,QAAQ,~~CAACb~~,kBAAkB;~~YAC9CY~~,aAAa;~~QACjB~~;~~IACJ~~;~~IACA~~,8DAA8D;IAC9DP,MAAMS,QAAQ,GAAGC,~~QAAQ~~,~~AAAC~~,~~CAAA,AAACZ,~~CAAAA,~~cAAcE~~,MAAMI,IAAI,~~AAAD~~,~~MAAO~~,~~QAAQN~~,~~gBAAgB~~,~~KAAK~~,~~IAAI~~,~~KAAK~~,~~IAAIA~~,~~YAAYa~~,QAAQ,~~AAAD~~,~~KAAM~~,~~CAACf~~,~~MAAMe~~,QAAQ,IAAI,~~CAAE~~,CAAA,~~AAACZ~~,CAAAA,~~0BAA0BC~~,~~MAAML~~,gBAAgB,~~AAAD~~,~~MAAO~~,~~QAAQI~~,~~4BAA4B~~,~~KAAK~~,~~IAAI~~,~~KAAK~~,~~IAAIA~~,~~wBAAwBY~~,QAAQ,~~AAAD~~;~~IAC7R~~,OAAOX;~~AACX~~"}
1	+ {"version":3,"sources":["useCompoundButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '../Button/index';\nimport type { CompoundButtonProps, CompoundButtonState } from './CompoundButton.types';\n\n/*\n Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.\n * @param props - User provided props to the CompoundButton component.\n * @param ref - User provided ref to be passed to the CompoundButton component.\n */\nexport const useCompoundButton_unstable = (\n { contentContainer, secondaryContent, ...props }: CompoundButtonProps,\n ref: React.Ref<HTMLButtonElement \| HTMLAnchorElement>,\n): CompoundButtonState => {\n const state: CompoundButtonState = {\n // Button state\n ...useButton_unstable(props, ref),\n\n // Slots definition\n components: {\n root: 'button',\n icon: 'span',\n contentContainer: 'span',\n secondaryContent: 'span',\n },\n contentContainer: slot.always(contentContainer, { elementType: 'span' }),\n secondaryContent: slot.optional(secondaryContent, { elementType: 'span' }),\n };\n\n // Recalculate iconOnly to take into account secondaryContent.\n state.iconOnly = Boolean(state.icon?.children && !props.children && !state.secondaryContent?.children);\n\n return state;\n};\n"],"names":["useCompoundButton_unstable","contentContainer","secondaryContent","props","ref","state","useButton_unstable","components","root","icon","slot","always","elementType","optional","iconOnly","Boolean","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;gCACF;uBACc;AAQ5B,MAAMA,6BAA6B,CACxC,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAE,GAAGC,OAA4B,EACrEC;QAkByBC,aAA4CA;IAhBrE,MAAMA,QAA6B;QACjC,eAAe;QACf,GAAGC,IAAAA,yBAAAA,EAAmBH,OAAOC,IAAI;QAEjC,mBAAmB;QACnBG,YAAY;YACVC,MAAM;YACNC,MAAM;YACNR,kBAAkB;YAClBC,kBAAkB;QACpB;QACAD,kBAAkBS,oBAAAA,CAAKC,MAAM,CAACV,kBAAkB;YAAEW,aAAa;QAAO;QACtEV,kBAAkBQ,oBAAAA,CAAKG,QAAQ,CAACX,kBAAkB;YAAEU,aAAa;QAAO;IAC1E;IAEA,8DAA8D;IAC9DP,MAAMS,QAAQ,GAAGC,QAAQV,CAAAA,CAAAA,cAAAA,MAAMI,IAAI,AAAJA,MAAI,QAAVJ,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAYW,QAAQ,AAARA,KAAY,CAACb,MAAMa,QAAQ,IAAI,CAAA,CAAA,AAACX,CAAAA,0BAAAA,MAAMH,gBAAgB,AAAhBA,MAAgB,QAAtBG,4BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,wBAAwBW,QAAQ,AAARA;IAE7F,OAAOX;AACT"}

package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js CHANGED Viewed

@@ -305,6 +305,7 @@ const useSecondaryContentStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useCompoundButtonStyles_unstable = (state)=>{
+    'use no memo';
     const rootStyles = useRootStyles();
     const rootIconOnlyStyles = useRootIconOnlyStyles();
     const iconStyles = useIconStyles();

package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useCompoundButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { 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 Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1ge6w2w\",\n Be2twd7: \"fkhj508\",\n Bg96gwp: \"f1i3iumi\"\n },\n medium: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"fnnf4v2\",\n Be2twd7: \"fkhj508\",\n Bg96gwp: \"f1i3iumi\"\n },\n large: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f14s4sho\",\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);}\", [\".f1ge6w2w{padding:var(--spacingHorizontalS) var(--spacingHorizontalS) var(--spacingHorizontalMNudge) var(--spacingHorizontalS);}\", {\n p: -1\n }], \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", [\".fnnf4v2{padding:14px var(--spacingHorizontalM) var(--spacingHorizontalL) var(--spacingHorizontalM);}\", {\n p: -1\n }], [\".f14s4sho{padding:18px var(--spacingHorizontalL) var(--spacingHorizontalXL) var(--spacingHorizontalL);}\", {\n p: -1\n }], \".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 Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1t35pdg\",\n B2u0y6b: \"ft5vyj6\",\n Bf4jedk: \"f17suaiq\"\n },\n medium: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1r1wyb6\",\n B2u0y6b: \"fdczgix\",\n Bf4jedk: \"fjdcg9m\"\n },\n large: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1bnz8pu\",\n B2u0y6b: \"fww51uw\",\n Bf4jedk: \"f1qhsl2h\"\n }\n}, {\n d: [[\".f1t35pdg{padding:var(--spacingHorizontalXS);}\", {\n p: -1\n }], \".ft5vyj6{max-width:48px;}\", \".f17suaiq{min-width:48px;}\", [\".f1r1wyb6{padding:var(--spacingHorizontalSNudge);}\", {\n p: -1\n }], \".fdczgix{max-width:52px;}\", \".fjdcg9m{min-width:52px;}\", [\".f1bnz8pu{padding:var(--spacingHorizontalS);}\", {\n p: -1\n }], \".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","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Be2twd7","Bg96gwp","medium","large","disabled","disabledHighContrast","d","p","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;;IAmLAC,gCAAgC;eAAhCA;;;uBArL0B;uCACE;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,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAC,QAAQ;QACNP,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAE,OAAO;QACLR,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAG,UAAU;QACRtB,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAqB,sBAAsB;QACpBf,SAAS;QACTJ,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDmB,GAAG;QAAC;QAA2B;QAA0F;QAA+F;YAAC;YAAoI;gBAC3VC,GAAG,CAAC;YACN;SAAE;QAAE;QAA+C;QAAoD;YAAC;YAAyG;gBAC/MA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA2G;gBAC9GA,GAAG,CAAC;YACN;SAAE;QAAE;QAA+C;QAAmD;KAAgG;IACtMC,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,GAAE/B,IAAAA,eAAQ,EAAC;IAClDe,OAAO;QACLC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTY,SAAS;QACTC,SAAS;IACX;IACAV,QAAQ;QACNP,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTY,SAAS;QACTC,SAAS;IACX;IACAT,OAAO;QACLR,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTY,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDN,GAAG;QAAC;YAAC;YAAkD;gBACrDC,GAAG,CAAC;YACN;SAAE;QAAE;QAA6B;QAA8B;YAAC;YAAsD;gBACpHA,GAAG,CAAC;YACN;SAAE;QAAE;QAA6B;QAA6B;YAAC;YAAiD;gBAC9GA,GAAG,CAAC;YACN;SAAE;QAAE;QAA6B;KAA6B;AAChE;AACA,MAAMM,gBAAgB,WAAW,GAAElC,IAAAA,eAAQ,EAAC;IAC1CC,MAAM;QACJoB,SAAS;QACTnB,SAAS;QACTiC,QAAQ;IACV;IACAC,QAAQ;QACNC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,OAAO;QACLC,QAAQ;YAAC;YAAY;SAAU;IACjC;AACF,GAAG;IACDZ,GAAG;QAAC;QAA6B;QAA0B;QAAyB;QAAqD;KAAoD;AAC/L;AACA,MAAMa,4BAA4B,WAAW,GAAExC,IAAAA,eAAQ,EAAC;IACtDC,MAAM;QACJwC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;AACF,GAAG;IACDhB,GAAG;QAAC;QAA2B;QAAqC;QAA+B;KAA8B;AACnI;AACA,MAAMiB,4BAA4B,WAAW,GAAE5C,IAAAA,eAAQ,EAAC;IACtDC,MAAM;QACJqB,SAAS;QACTuB,SAAS;IACX;IACA9B,OAAO;QACLM,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,MAAMjC,mCAAmCoD,CAAAA;IAC9C,MAAMC,aAAahD;IACnB,MAAMiD,qBAAqBjB;IAC3B,MAAMkB,aAAaf;IACnB,MAAMgB,yBAAyBV;IAC/B,MAAMW,yBAAyBP;IAC/B,MAAM,EACJQ,UAAU,EACV3B,QAAQ,EACR4B,iBAAiB,EACjBC,QAAQ,EACRC,YAAY,EACZC,IAAI,EACL,GAAGV;IACJA,MAAMnD,IAAI,CAAC8D,SAAS,GAAGC,IAAAA,mBAAY,EAACjE,yBAAyBE,IAAI,EACjE,cAAc;IACdoD,WAAW9C,IAAI,EAAE8C,WAAWzC,YAAY,EAAE8C,cAAcL,UAAU,CAACK,WAAW,EAAEL,UAAU,CAACS,KAAK,EAEhG,AADA,kBAAkB;IACjB/B,CAAAA,YAAY4B,iBAAgB,KAAMN,WAAWtB,QAAQ,EAAE,AAACA,CAAAA,YAAY4B,iBAAgB,KAAMN,WAAWrB,oBAAoB,EAC1H,mBAAmB;IACnB4B,YAAYN,kBAAkB,CAACQ,KAAK,EACpC,2BAA2B;IAC3BV,MAAMnD,IAAI,CAAC8D,SAAS;IACpBX,MAAMjD,gBAAgB,CAAC4D,SAAS,GAAGC,IAAAA,mBAAY,EAACjE,yBAAyBI,gBAAgB,EAAEqD,uBAAuBjD,IAAI,EAAE6C,MAAMjD,gBAAgB,CAAC4D,SAAS;IACxJ,IAAIX,MAAMlD,IAAI,EAAE;QACdkD,MAAMlD,IAAI,CAAC6D,SAAS,GAAGC,IAAAA,mBAAY,EAACjE,yBAAyBG,IAAI,EAAEqD,WAAWhD,IAAI,EAAE6C,MAAMnD,IAAI,CAACgE,QAAQ,KAAKC,aAAad,MAAMnD,IAAI,CAACgE,QAAQ,KAAK,QAAQV,UAAU,CAACM,aAAa,EAAET,MAAMlD,IAAI,CAAC6D,SAAS;IACzM;IACA,IAAIX,MAAMhD,gBAAgB,EAAE;QAC1BgD,MAAMhD,gBAAgB,CAAC2D,SAAS,GAAGC,IAAAA,mBAAY,EAACjE,yBAAyBK,gBAAgB,EAAEqD,uBAAuBlD,IAAI,EAAEkD,sBAAsB,CAACK,KAAK,EAAEV,MAAMhD,gBAAgB,CAAC2D,SAAS;IACxL;IACAI,IAAAA,+CAAwB,EAACf;IACzB,OAAOA;AACT,GACA,0DAA0D"}
1	+ {"version":3,"sources":["useCompoundButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { mergeClasses, makeStyles } 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 = makeStyles({\n // Base styles\n base: {\n height: 'auto',\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForeground2\n },\n ':hover': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForeground2Hover\n }\n },\n ':hover:active': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForeground2Pressed\n }\n }\n },\n // High contrast styles\n highContrast: {\n '@media (forced-colors: active)': {\n ':hover': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: 'Highlight'\n }\n },\n ':hover:active': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: 'Highlight'\n }\n }\n }\n },\n // Appearance variations\n outline: {\n },\n primary: {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n ':hover': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForegroundOnBrand\n }\n },\n ':hover:active': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForegroundOnBrand\n }\n },\n '@media (forced-colors: active)': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: 'HighlightText'\n }\n }\n },\n secondary: {\n },\n subtle: {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForeground2\n },\n ':hover': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForeground2Hover\n }\n },\n ':hover:active': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForeground2Pressed\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: 'Canvas'\n }\n },\n ':hover:active': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: 'Canvas'\n }\n }\n }\n },\n transparent: {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForeground2\n },\n ':hover': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForeground2BrandHover\n }\n },\n ':hover:active': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForeground2BrandPressed\n }\n }\n },\n // Size variations\n small: {\n padding: `${tokens.spacingHorizontalS} ${tokens.spacingHorizontalS} ${tokens.spacingHorizontalMNudge} ${tokens.spacingHorizontalS}`,\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300\n },\n medium: {\n padding: `14px ${tokens.spacingHorizontalM} ${tokens.spacingHorizontalL} ${tokens.spacingHorizontalM}`,\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300\n },\n large: {\n padding: `18px ${tokens.spacingHorizontalL} ${tokens.spacingHorizontalXL} ${tokens.spacingHorizontalL}`,\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400\n },\n // Disabled styles\n disabled: {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForegroundDisabled\n },\n ':hover': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForegroundDisabled\n }\n },\n ':hover:active': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: tokens.colorNeutralForegroundDisabled\n }\n }\n },\n // Disabled high contrast styles\n disabledHighContrast: {\n '@media (forced-colors: active)': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: 'GrayText'\n },\n ':hover': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: 'GrayText'\n }\n },\n ':hover:active': {\n [`& .${compoundButtonClassNames.secondaryContent}`]: {\n color: 'GrayText'\n }\n }\n }\n }\n});\nconst useRootIconOnlyStyles = makeStyles({\n // Size variations\n small: {\n padding: tokens.spacingHorizontalXS,\n maxWidth: '48px',\n minWidth: '48px'\n },\n medium: {\n padding: tokens.spacingHorizontalSNudge,\n maxWidth: '52px',\n minWidth: '52px'\n },\n large: {\n padding: tokens.spacingHorizontalS,\n maxWidth: '56px',\n minWidth: '56px'\n }\n});\nconst useIconStyles = makeStyles({\n // Base styles\n base: {\n fontSize: '40px',\n height: '40px',\n width: '40px'\n },\n // Icon position variations\n before: {\n marginRight: tokens.spacingHorizontalM\n },\n after: {\n marginLeft: tokens.spacingHorizontalM\n }\n});\nconst useContentContainerStyles = makeStyles({\n // Base styles\n base: {\n display: 'flex',\n flexDirection: 'column',\n textAlign: 'left'\n }\n});\nconst useSecondaryContentStyles = makeStyles({\n // Base styles\n base: {\n lineHeight: '100%',\n fontWeight: tokens.fontWeightRegular\n },\n // Size variations\n small: {\n fontSize: tokens.fontSizeBase200\n },\n medium: {\n fontSize: tokens.fontSizeBase200\n },\n large: {\n fontSize: tokens.fontSizeBase300\n }\n});\nexport const useCompoundButtonStyles_unstable = (state)=>{\n 'use no memo';\n const rootStyles = useRootStyles();\n const rootIconOnlyStyles = useRootIconOnlyStyles();\n const iconStyles = useIconStyles();\n const contentContainerStyles = useContentContainerStyles();\n const secondaryContentStyles = useSecondaryContentStyles();\n const { appearance, disabled, disabledFocusable, iconOnly, iconPosition, size } = state;\n state.root.className = mergeClasses(compoundButtonClassNames.root, // Root styles\n rootStyles.base, rootStyles.highContrast, appearance && rootStyles[appearance], rootStyles[size], // Disabled styles\n (disabled \|\| disabledFocusable) && rootStyles.disabled, (disabled \|\| disabledFocusable) && rootStyles.disabledHighContrast, // Icon-only styles\n iconOnly && rootIconOnlyStyles[size], // 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"],"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","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Be2twd7","Bg96gwp","medium","large","disabled","disabledHighContrast","d","p","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

	@@ -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~~;;;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"}
1	+ {"version":3,"sources":["MenuButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderMenuButton_unstable } from './renderMenuButton';\nimport { useMenuButton_unstable } from './useMenuButton';\nimport { useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles';\nimport type { MenuButtonProps } from './MenuButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n MenuButtons are buttons that have a chevron icon after the button contents and are usually clicked to open/close\n * menus.\n */\nexport const MenuButton: ForwardRefComponent<MenuButtonProps> = React.forwardRef((props, ref) => {\n const state = useMenuButton_unstable(props, ref);\n\n useMenuButtonStyles_unstable(state);\n\n useCustomStyleHook_unstable('useMenuButtonStyles_unstable')(state);\n\n return renderMenuButton_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<MenuButtonProps>;\n\nMenuButton.displayName = 'MenuButton';\n"],"names":["MenuButton","React","forwardRef","props","ref","state","useMenuButton_unstable","useMenuButtonStyles_unstable","useCustomStyleHook_unstable","renderMenuButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;kCACmB;+BACH;2CACM;qCAGD;AAMrC,MAAMA,aAAAA,WAAAA,GAAmDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQC,IAAAA,qCAAAA,EAAuBH,OAAOC;IAE5CG,IAAAA,uDAAAA,EAA6BF;IAE7BG,IAAAA,gDAAAA,EAA4B,gCAAgCH;IAE5D,OAAOI,IAAAA,2CAAAA,EAA0BJ;AACjC,0FAA0F;AAC5F;AAEAL,WAAWU,WAAW,GAAG"}

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

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

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

	@@ -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;eAApBA,+CAAoB;;IAAEC,4BAA4B;eAA5BA,uDAA4B;;;;uBAJ7C;uBACA;uBACA;uBACA;2CACqD"}
1	+ {"version":3,"sources":["index.ts"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAISA,oBAAoB;eAApBA,+CAAoB;;IAAEC,4BAA4B;eAA5BA,uDAA4B;;;;uBAJ7C;uBACA;uBACA;uBACA;2CACqD"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["renderMenuButton.js"],"sourcesContent":[" ~~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 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 ~~=== null \|\| icon === void 0 ? void 0 : icon.~~children)) && state.menuIcon && ~~/#__PURE__*/ _jsx(~~state.menuIcon, {})\n ]\n });\n};\n"],"names":["renderMenuButton_unstable","state","assertSlots","icon","iconOnly","_jsxs","root","~~children~~","~~_jsx~~","menuIcon"],"mappings":";;;;+~~BAIiBA~~;;;eAAAA;;;~~4BAJ4B~~;~~gCACjB~~;~~AAGjB~~,MAAMA,4BAA4B,CAACC;~~IAC1CC~~,IAAAA,~~2BAAW~~,~~EAACD~~;~~IACZ~~,MAAM,EAAEE,IAAI,EAAEC,QAAQ,EAAE,GAAGH;~~IAC3B~~,~~OAAO~~,~~WAAW~~,~~GAAGI~~,IAAAA,~~gBAAK~~,EAACJ,MAAMK,IAAI,~~EAAE;QACnCC~~,~~UAAU;YACNN,~~MAAME,IAAI,~~IAAI~~,~~WAAW~~,~~GAAGK~~,IAAAA,~~eAAI~~,~~EAACP~~,MAAME,IAAI,~~EAAE~~,~~CAAC~~;~~YAC9C~~,CAACC,YAAYH,MAAMK,IAAI,~~CAACC~~,QAAQ;YAC/B,CAAA,~~CAACH~~,YAAY,~~CAAED~~,CAAAA,~~SAAS~~,~~QAAQA~~,~~SAAS~~,~~KAAK~~,~~IAAI~~,~~KAAK~~,~~IAAIA~~,~~KAAKI~~,QAAQ,~~AAAD~~,~~CAAC~~,~~KAAMN~~,MAAMQ,QAAQ,~~IAAI~~,~~WAAW~~,~~GAAGD~~,IAAAA,~~eAAI~~,~~EAACP~~,MAAMQ,QAAQ,~~EAAE~~,~~CAAC;SACxI;IACL;AACJ~~"}
1	+ {"version":3,"sources":["renderMenuButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic /\n/* @jsxImportSource @fluentui/react-jsx-runtime /\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { MenuButtonSlots, MenuButtonState } from './MenuButton.types';\n\n/\n Renders a MenuButton component by passing the state defined props to the appropriate slots.\n */\nexport const renderMenuButton_unstable = (state: MenuButtonState) => {\n assertSlots<MenuButtonSlots>(state);\n const { icon, iconOnly } = state;\n\n return (\n <state.root>\n {state.icon && <state.icon />}\n {!iconOnly && state.root.children}\n {(!iconOnly \|\| !icon?.children) && state.menuIcon && <state.menuIcon />}\n </state.root>\n );\n};\n"],"names":["renderMenuButton_unstable","state","assertSlots","icon","iconOnly","_jsxs","root","_jsx","children","menuIcon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,4BAA4B,CAACC;IACxCC,IAAAA,2BAAAA,EAA6BD;IAC7B,MAAM,EAAEE,IAAI,EAAEC,QAAQ,EAAE,GAAGH;IAE3B,OAAA,WAAA,GACEI,IAAAA,gBAAA,EAACJ,MAAMK,IAAI,EAAA;;YACRL,MAAME,IAAI,IAAA,WAAA,GAAII,IAAAA,eAAA,EAACN,MAAME,IAAI,EAAA,CAAA;YACzB,CAACC,YAAYH,MAAMK,IAAI,CAACE,QAAQ;YAC/B,CAAA,CAACJ,YAAY,CAACD,CAAAA,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,KAAAA,IAAAA,KAAMK,QAAQ,AAARA,CAAQ,KAAKP,MAAMQ,QAAQ,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACN,MAAMQ,QAAQ,EAAA,CAAA;;;AAG1E"}

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

@@ -14,9 +14,10 @@ const _reacticons = require("@fluentui/react-icons");
 const _reactutilities = require("@fluentui/react-utilities");
 const _index = require("../Button/index");
 const useMenuButton_unstable = ({ menuIcon, ...props }, ref)=>{
+    'use no memo';
     const buttonState = (0, _index.useButton_unstable)(props, ref);
-    var _props_ariaexpanded;
-    buttonState.root['aria-expanded'] = (_props_ariaexpanded = props['aria-expanded']) !== null && _props_ariaexpanded !== void 0 ? _props_ariaexpanded : false;
+    // force aria-expanded to be a boolean, not a string
+    buttonState.root['aria-expanded'] = props['aria-expanded'] ? props['aria-expanded'] === 'true' || props['aria-expanded'] === true : false;
     return {
         // Button state
         ...buttonState,

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

	@@ -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~~;;;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~~"}
1	+ {"version":3,"sources":["useMenuButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { slot } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '../Button/index';\nimport type { MenuButtonProps, MenuButtonState } from './MenuButton.types';\n\n/*\n Given user props, returns the final state for a MenuButton.\n */\nexport const useMenuButton_unstable = (\n { menuIcon, ...props }: MenuButtonProps,\n ref: React.Ref<HTMLButtonElement \| HTMLAnchorElement>,\n): MenuButtonState => {\n 'use no memo';\n\n const buttonState = useButton_unstable(props, ref);\n // force aria-expanded to be a boolean, not a string\n buttonState.root['aria-expanded'] = props['aria-expanded']\n ? props['aria-expanded'] === 'true' \|\| props['aria-expanded'] === true\n : false;\n\n return {\n // Button state\n ...buttonState,\n\n // State calculated from a set of props\n iconOnly: Boolean(!props.children),\n\n // Slots definition\n components: {\n root: 'button',\n icon: 'span',\n menuIcon: 'span',\n },\n\n menuIcon: slot.optional(menuIcon, {\n defaultProps: {\n children: <ChevronDownRegular />,\n },\n renderByDefault: true,\n elementType: 'span',\n }),\n };\n};\n"],"names":["useMenuButton_unstable","menuIcon","props","ref","buttonState","useButton_unstable","root","iconOnly","Boolean","children","components","icon","slot","optional","defaultProps","React","createElement","ChevronDownRegular","renderByDefault","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;4BACY;gCACd;uBACc;AAM5B,MAAMA,yBAAyB,CACpC,EAAEC,QAAQ,EAAE,GAAGC,OAAwB,EACvCC;IAEA;IAEA,MAAMC,cAAcC,IAAAA,yBAAAA,EAAmBH,OAAOC;IAC9C,oDAAoD;IACpDC,YAAYE,IAAI,CAAC,gBAAgB,GAAGJ,KAAK,CAAC,gBAAgB,GACtDA,KAAK,CAAC,gBAAgB,KAAK,UAAUA,KAAK,CAAC,gBAAgB,KAAK,OAChE;IAEJ,OAAO;QACL,eAAe;QACf,GAAGE,WAAW;QAEd,uCAAuC;QACvCG,UAAUC,QAAQ,CAACN,MAAMO,QAAQ;QAEjC,mBAAmB;QACnBC,YAAY;YACVJ,MAAM;YACNK,MAAM;YACNV,UAAU;QACZ;QAEAA,UAAUW,oBAAAA,CAAKC,QAAQ,CAACZ,UAAU;YAChCa,cAAc;gBACZL,UAAAA,WAAAA,GAAUM,OAAAC,aAAA,CAACC,8BAAAA,EAAAA;YACb;YACAC,iBAAiB;YACjBC,aAAa;QACf;IACF;AACF"}

package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js CHANGED Viewed

@@ -172,6 +172,7 @@ const useMenuIconStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useMenuButtonStyles_unstable = (state)=>{
+    'use no memo';
     const rootExpandedStyles = useRootExpandedStyles();
     const iconExpandedStyles = useIconExpandedStyles();
     const menuIconStyles = useMenuIconStyles();

package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js.map CHANGED Viewed

	@@ -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;eAApBA;;~~IA8FAC~~,4BAA4B;eAA5BA;;;~~uBAhGsC~~;~~uCACV~~;AAClC,MAAMD,uBAAuB;~~IAClCE~~,MAAM;IACNC,MAAM;IACNC,UAAU;~~AACZ~~;AACA,MAAMC,~~wBAAwB~~,~~WAAW~~,~~GAAEC~~,IAAAA,~~eAAQ~~,~~EAAC~~;~~IAClDC~~,~~MAAM~~;~~QACJC~~,~~QAAQ~~;~~QACRC~~,~~QAAQ~~;~~IACV~~;~~IACAC~~,~~SAAS~~;~~QACPC~~,~~QAAQ~~;~~QACRC~~,~~QAAQ~~;~~YAAC~~;~~YAAW~~;~~SAAU~~;~~QAC9BC~~,~~SAAS~~;~~QACTC~~,~~QAAQ~~;~~YAAC~~;~~YAAW~~;~~SAAU~~;~~QAC9BC~~,~~SAAS~~;~~QACTC~~,~~SAAS~~;~~YAAC~~;~~YAAY~~;~~SAAW~~;~~QACjCC~~,~~SAAS~~;~~QACTC~~,~~QAAQ~~;~~YAAC~~;~~YAAY~~;~~SAAW~~;~~QAChCC~~,~~QAAQ~~;~~IACV~~;~~IACAC~~,~~SAAS~~;~~QACPC~~,~~QAAQ~~;~~IACV~~;~~IACAC~~,~~WAAW~~;~~QACTD~~,~~QAAQ~~;~~QACRV~~,~~QAAQ~~;~~QACRC~~,~~QAAQ~~;~~YAAC~~;~~YAAW~~;~~SAAU~~;~~QAC9BC~~,~~SAAS~~;~~QACTC~~,~~QAAQ~~;~~YAAC~~;~~YAAW~~;~~SAAU~~;~~QAC9BK~~,~~QAAQ~~;~~IACV~~;~~IACAI~~,~~QAAQ~~;~~QACNF~~,~~QAAQ~~;~~QACRF~~,~~QAAQ~~;~~IACV~~;~~IACAK~~,~~aAAa~~;~~QACXH~~,~~QAAQ~~;~~QACRF~~,~~QAAQ~~;~~IACV~~;~~AACF~~,~~GAAG~~;~~IACDM~~,~~GAAG~~;~~QAAC~~;~~QAA8C~~;~~QAA8C~~;~~QAAmE~~;~~QAAoE~~;~~QAAmE~~;~~QAAsE~~;~~QAAyD~~;~~QAA4D~~;~~QAA2D~~;~~QAA4D~~;~~QAA4D~~;~~QAAmE~~;~~QAAuE~~;~~QAAoE~~;~~QAA4D~~;~~QAA0E~~;~~KAAgE~~;~~AAC9iC~~;~~AACA~~,MAAMC,~~wBAAwB~~,~~WAAW~~,~~GAAEpB~~,IAAAA,~~eAAQ~~,~~EAAC~~;~~IAClDI~~,~~SAAS~~;~~QACPS~~,~~QAAQ~~;~~IACV~~;~~IACAC~~,~~SAAS~~,~~CAAC~~;~~IACVE~~,~~WAAW~~;~~QACTH~~,~~QAAQ~~;~~IACV~~;~~IACAI~~,~~QAAQ~~;~~QACNJ~~,~~QAAQ~~;~~IACV~~;~~IACAK~~,~~aAAa~~;~~QACXL~~,~~QAAQ~~;~~IACV~~;~~IACAQ~~,~~cAAc~~;~~QACZC~~,~~QAAQ~~;~~IACV~~;~~AACF~~,~~GAAG~~;~~IACDH~~,~~GAAG~~;~~QAAC~~;~~QAA4D~~;~~KAAgE~~;~~IAChII~~,~~GAAG~~;~~QAAC~~;~~YAAC~~;~~YAAiE~~;~~gBACpEA~~,~~GAAG~~;~~YACL~~;~~SAAE~~;~~KAAC~~;~~AACL~~;~~AACA~~,MAAMC,~~oBAAoB~~,~~WAAW~~,~~GAAExB~~,IAAAA,~~eAAQ~~,~~EAAC~~;~~IAC9CC~~,~~MAAM~~;~~QACJwB~~,~~SAAS~~;~~IACX~~;~~IACAC~~,~~OAAO~~;~~QACLC~~,~~SAAS~~;~~QACTC~~,~~SAAS~~;~~QACTH~~,~~SAAS~~;~~QACTI~~,~~QAAQ~~;~~IACV~~;~~IACAC~~,~~QAAQ~~;~~QACNH~~,~~SAAS~~;~~QACTC~~,~~SAAS~~;~~QACTH~~,~~SAAS~~;~~QACTI~~,~~QAAQ~~;~~IACV~~;~~IACAE~~,~~OAAO~~;~~QACLJ~~,~~SAAS~~;~~QACTC~~,~~SAAS~~;~~QACTH~~,~~SAAS~~;~~QACTI~~,~~QAAQ~~;~~IACV~~;~~IACAG~~,~~aAAa~~;~~QACXC~~,~~QAAQ~~;~~YAAC~~;~~YAAW~~;~~SAAU~~;~~IAChC~~;~~AACF~~,~~GAAG~~;~~IACDd~~,~~GAAG~~;~~QAAC~~;~~QAA4B~~;~~QAA8B~~;~~QAA0B~~;~~QAAmD~~;~~QAAyB~~;~~QAA6B~~;~~QAA0B~~;~~QAAmD~~;~~QAAyB~~;~~QAAqD~~;~~KAAqD~~;~~AACnZ~~;~~AACO~~,MAAMxB,+~~BAA+BuC~~,CAAAA;~~IAC1C~~,MAAMC,qBAAqBpC;IAC3B,MAAMqC,qBAAqBhB;IAC3B,MAAMiB,iBAAiBb;IACvBU,MAAMtC,IAAI,CAAC0C,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,qBAAqBE,IAAI,EAAEsC,MAAMtC,IAAI,CAAC,gBAAgB,IAAIuC,mBAAmBlC,IAAI,EAAEiC,MAAMtC,IAAI,CAAC,gBAAgB,IAAIuC,kBAAkB,CAACD,MAAMM,UAAU,CAAC,EAAEN,MAAMtC,IAAI,CAAC0C,SAAS;IAChN,IAAIJ,MAAMrC,IAAI,EAAE;~~QACdqC~~,MAAMrC,IAAI,CAACyC,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,qBAAqBG,IAAI,EAAEqC,MAAMtC,IAAI,CAAC,gBAAgB,IAAIwC,kBAAkB,CAACF,MAAMM,UAAU,CAAC,IAAIJ,mBAAmBf,YAAY,EAAEa,MAAMrC,IAAI,CAACyC,SAAS;~~IAC7L~~;IACA,IAAIJ,MAAMpC,QAAQ,EAAE;~~QAClBoC~~,MAAMpC,QAAQ,CAACwC,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,qBAAqBI,QAAQ,EAAEuC,eAAepC,IAAI,EAAEoC,cAAc,CAACH,MAAMO,IAAI,CAAC,EAAE,CAACP,MAAMQ,QAAQ,IAAIL,eAAeL,WAAW,EAAEE,MAAMpC,QAAQ,CAACwC,SAAS;~~IACjM~~;IACAK,IAAAA,+CAAwB,EAAC;~~QACvB~~,GAAGT,KAAK;QACRU,cAAc;~~IAChB~~;IACA,OAAOV;~~AACT,GACA,sDAAsD~~"}
1	+ {"version":3,"sources":["useMenuButtonStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens } from '@fluentui/react-theme';\nimport { mergeClasses, makeStyles, 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 = makeStyles({\n base: {\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n // Appearance variations\n outline: {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n ...shorthands.borderWidth(tokens.strokeWidthThicker),\n color: tokens.colorNeutralForeground1Selected\n },\n primary: {\n backgroundColor: tokens.colorBrandBackgroundSelected\n },\n secondary: {\n backgroundColor: tokens.colorNeutralBackground1Selected,\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n color: tokens.colorNeutralForeground1Selected\n },\n subtle: {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n color: tokens.colorNeutralForeground2Selected\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n color: tokens.colorNeutralForeground2BrandSelected\n }\n});\nconst useIconExpandedStyles = makeStyles({\n // Appearance variations\n outline: {\n color: tokens.colorNeutralForeground1Selected\n },\n primary: {\n },\n secondary: {\n color: tokens.colorNeutralForeground1Selected\n },\n subtle: {\n color: tokens.colorNeutralForeground2BrandSelected\n },\n transparent: {\n color: tokens.colorNeutralForeground2BrandSelected\n },\n highContrast: {\n // High contrast styles\n '@media (forced-colors: active)': {\n ':hover': {\n color: 'Canvas'\n }\n }\n }\n});\nconst useMenuIconStyles = makeStyles({\n base: {\n lineHeight: 0\n },\n // Size appearance\n small: {\n fontSize: '12px',\n height: '12px',\n lineHeight: tokens.lineHeightBase200,\n width: '12px'\n },\n medium: {\n fontSize: '12px',\n height: '12px',\n lineHeight: tokens.lineHeightBase200,\n width: '12px'\n },\n large: {\n fontSize: '16px',\n height: '16px',\n lineHeight: tokens.lineHeightBase400,\n width: '16px'\n },\n // Not-icon only\n notIconOnly: {\n marginLeft: tokens.spacingHorizontalXS\n }\n});\nexport const useMenuButtonStyles_unstable = (state)=>{\n 'use no memo';\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"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/SplitButton/SplitButton.js.map CHANGED Viewed

	@@ -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~~;;;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"}
1	+ {"version":3,"sources":["SplitButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderSplitButton_unstable } from './renderSplitButton';\nimport { useSplitButton_unstable } from './useSplitButton';\nimport { useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\nimport type { SplitButtonProps } from './SplitButton.types';\nimport { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\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 */\nexport const SplitButton: ForwardRefComponent<SplitButtonProps> = React.forwardRef((props, ref) => {\n const state = useSplitButton_unstable(props, ref);\n\n useSplitButtonStyles_unstable(state);\n\n useCustomStyleHook_unstable('useSplitButtonStyles_unstable')(state);\n\n return renderSplitButton_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<SplitButtonProps>;\n\nSplitButton.displayName = 'SplitButton';\n"],"names":["SplitButton","React","forwardRef","props","ref","state","useSplitButton_unstable","useSplitButtonStyles_unstable","useCustomStyleHook_unstable","renderSplitButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;mCACoB;gCACH;4CACM;qCAGF;AAMrC,MAAMA,cAAAA,WAAAA,GAAqDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,QAAQC,IAAAA,uCAAAA,EAAwBH,OAAOC;IAE7CG,IAAAA,yDAAAA,EAA8BF;IAE9BG,IAAAA,gDAAAA,EAA4B,iCAAiCH;IAE7D,OAAOI,IAAAA,6CAAAA,EAA2BJ;AAClC,0FAA0F;AAC5F;AAEAL,YAAYU,WAAW,GAAG"}

package/lib-commonjs/components/SplitButton/SplitButton.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":[],"names":[],"mappings":""}
1	+ {"version":3,"sources":["SplitButton.types.ts"],"sourcesContent":["import { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonProps, ButtonState } from '../Button/Button.types';\nimport type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';\n\nexport type SplitButtonSlots = {\n /*\n Root of the component that wraps the primary action button and menu button.\n /\n root: NonNullable<Slot<'div'>>;\n\n /\n Button that opens menu with secondary actions in SplitButton.\n /\n menuButton?: Slot<typeof MenuButton>;\n /\n Button to perform primary action in SplitButton.\n */\n primaryActionButton?: Slot<typeof Button>;\n};\n\nexport type SplitButtonProps = ComponentProps<SplitButtonSlots> &\n Omit<ButtonProps, 'root' \| 'as'> &\n Omit<MenuButtonProps, 'root' \| 'as'>;\n\nexport type SplitButtonState = ComponentState<SplitButtonSlots> &\n Omit<ButtonState, 'components' \| 'iconOnly' \| 'root'> &\n Omit<MenuButtonState, 'components' \| 'iconOnly' \| 'root'>;\n"],"names":[],"rangeMappings":"","mappings":""}

package/lib-commonjs/components/SplitButton/index.js.map CHANGED Viewed

	@@ -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;eAArBA,iDAAqB;;IAAEC,6BAA6B;eAA7BA,yDAA6B;;;;uBAJ/C;uBACA;uBACA;uBACA;4CACuD"}
1	+ {"version":3,"sources":["index.ts"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAISA,qBAAqB;eAArBA,iDAAqB;;IAAEC,6BAA6B;eAA7BA,yDAA6B;;;;uBAJ/C;uBACA;uBACA;uBACA;4CACuD"}

package/lib-commonjs/components/SplitButton/renderSplitButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["renderSplitButton.js"],"sourcesContent":[" ~~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":";;;;+~~BAIiBA~~;;;eAAAA;;;~~4BAJ4B~~;~~gCACjB~~;~~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~~"}
1	+ {"version":3,"sources":["renderSplitButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic /\n/* @jsxImportSource @fluentui/react-jsx-runtime /\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { SplitButtonSlots, SplitButtonState } from './SplitButton.types';\n\n/\n Renders a SplitButton component by passing the state defined props to the appropriate slots.\n */\nexport const renderSplitButton_unstable = (state: SplitButtonState) => {\n assertSlots<SplitButtonSlots>(state);\n\n return (\n <state.root>\n {state.primaryActionButton && <state.primaryActionButton />}\n {state.menuButton && <state.menuButton />}\n </state.root>\n );\n};\n"],"names":["renderSplitButton_unstable","state","assertSlots","_jsxs","root","primaryActionButton","_jsx","menuButton"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,6BAA6B,CAACC;IACzCC,IAAAA,2BAAAA,EAA8BD;IAE9B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,mBAAmB,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,mBAAmB,EAAA,CAAA;YACvDJ,MAAMM,UAAU,IAAA,WAAA,GAAID,IAAAA,eAAA,EAACL,MAAMM,UAAU,EAAA,CAAA;;;AAG5C"}

package/lib-commonjs/components/SplitButton/useSplitButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useSplitButton.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, 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 });\n // Resolve menu button's aria-labelledby to be labelled by the primary action button if no label was provided by the\n // 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(getIntrinsicElementProps('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","getIntrinsicElementProps"],"mappings":";;;;+~~BAQiBA~~;;;eAAAA;;;;~~iEARM~~;gCAC+B;wBAC/B;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~~;~~IACA~~,oHAAoH;IACpH,QAAQ;IACR,~~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,~~wCAAwB~~,~~EAAC~~,OAAO;~~YAC9C3B~~;~~YACA~~,GAAGD,KAAK;~~QACZ~~,IAAI;~~YACAoB~~,aAAa;~~QACjB~~;~~QACAZ~~,YAAYO;QACZL,qBAAqBY;~~IACzB~~;~~AACJ~~"}
1	+ {"version":3,"sources":["useSplitButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\nimport type { SplitButtonProps, SplitButtonState } from './SplitButton.types';\n\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 */\nexport const useSplitButton_unstable = (\n props: SplitButtonProps,\n ref: React.Ref<HTMLButtonElement \| HTMLAnchorElement>,\n): SplitButtonState => {\n const {\n appearance = 'secondary',\n children,\n disabled = false,\n disabledFocusable = false,\n icon,\n iconPosition = 'before',\n menuButton,\n menuIcon,\n primaryActionButton,\n shape = 'rounded',\n size = 'medium',\n } = props;\n const baseId = useId('splitButton-');\n\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 });\n\n // Resolve menu button's aria-labelledby to be labelled by the primary action button if no label was provided by the\n // user.\n if (\n menuButtonShorthand &&\n primaryActionButtonShorthand &&\n !menuButtonShorthand['aria-label'] &&\n !menuButtonShorthand['aria-labelledby']\n ) {\n menuButtonShorthand['aria-labelledby'] = primaryActionButtonShorthand.id;\n }\n\n return {\n // Props passed at the top-level\n appearance,\n disabled,\n disabledFocusable,\n iconPosition,\n shape,\n size, // Slots definition\n components: { root: 'div', menuButton: MenuButton, primaryActionButton: Button },\n root: slot.always(getIntrinsicElementProps('div', { ref, ...props }), { elementType: 'div' }),\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","getIntrinsicElementProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;gCAC+B;wBAC/B;4BACI;AAQpB,MAAMA,0BAA0B,CACrCC,OACAC;IAEA,MAAM,EACJC,aAAa,WAAW,EACxBC,QAAQ,EACRC,WAAW,KAAK,EAChBC,oBAAoB,KAAK,EACzBC,IAAI,EACJC,eAAe,QAAQ,EACvBC,UAAU,EACVC,QAAQ,EACRC,mBAAmB,EACnBC,QAAQ,SAAS,EACjBC,OAAO,QAAQ,EAChB,GAAGZ;IACJ,MAAMa,SAASC,IAAAA,qBAAAA,EAAM;IAErB,MAAMC,sBAAsBC,oBAAAA,CAAKC,QAAQ,CAACT,YAAY;QACpDU,cAAc;YACZhB;YACAE;YACAC;YACAI;YACAE;YACAC;QACF;QACAO,iBAAiB;QACjBC,aAAaC,sBAAAA;IACf;IACA,MAAMC,+BAA+BN,oBAAAA,CAAKC,QAAQ,CAACP,qBAAqB;QACtEQ,cAAc;YACZhB;YACAC;YACAC;YACAC;YACAC;YACAC;YACAgB,IAAIV,SAAS;YACbF;YACAC;QACF;QACAO,iBAAiB;QACjBC,aAAaI,cAAAA;IACf;IAEA,oHAAoH;IACpH,QAAQ;IACR,IACET,uBACAO,gCACA,CAACP,mBAAmB,CAAC,aAAa,IAClC,CAACA,mBAAmB,CAAC,kBAAkB,EACvC;QACAA,mBAAmB,CAAC,kBAAkB,GAAGO,6BAA6BC,EAAE;IAC1E;IAEA,OAAO;QACL,gCAAgC;QAChCrB;QACAE;QACAC;QACAE;QACAI;QACAC;QACAa,YAAY;YAAEC,MAAM;YAAOlB,YAAYa,sBAAAA;YAAYX,qBAAqBc,cAAAA;QAAO;QAC/EE,MAAMV,oBAAAA,CAAKW,MAAM,CAACC,IAAAA,wCAAAA,EAAyB,OAAO;YAAE3B;YAAK,GAAGD,KAAK;QAAC,IAAI;YAAEoB,aAAa;QAAM;QAC3FZ,YAAYO;QACZL,qBAAqBY;IACvB;AACF"}

package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js CHANGED Viewed

@@ -250,6 +250,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useSplitButtonStyles_unstable = (state)=>{
+    'use no memo';
     const rootStyles = useRootStyles();
     const focusStyles = useFocusStyles();
     const { appearance, disabled, disabledFocusable } = state;