@fluentui/react-migration-v8-v9 9.6.19 → 9.6.20

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}

package/lib-commonjs/components/Menu/shimMenuProps.js

@@ -9,17 +9,17 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    shimMenuProps: function() {
-        return shimMenuProps;
-    },
-    shimMenuItemProps: function() {
-        return shimMenuItemProps;
+    shimMenuHeaderProps: function() {
+        return shimMenuHeaderProps;
     },
     shimMenuItemCheckboxProps: function() {
         return shimMenuItemCheckboxProps;
     },
-    shimMenuHeaderProps: function() {
-        return shimMenuHeaderProps;
+    shimMenuItemProps: function() {
+        return shimMenuItemProps;
+    },
+    shimMenuProps: function() {
+        return shimMenuProps;
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");

package/lib-commonjs/components/Menu/shimMenuProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["shimMenuProps.js"],"sourcesContent":["import * as React from 'react';\nimport { Icon } from '@fluentui/react';\nexport const shimMenuProps = (props)=>{\n    return {\n        hasIcons: props === null || props === void 0 ? void 0 : props.items.some((i)=>i.iconProps),\n        hasCheckmarks: props === null || props === void 0 ? void 0 : props.items.some((i)=>i.canCheck || i.checked)\n    };\n};\nexport const shimMenuItemProps = (props)=>{\n    //TODO: Handle menuItem.onRenderIcon\n    const icon = props.iconProps ? /*#__PURE__*/ React.createElement(Icon, props.iconProps) : undefined;\n    return {\n        ...props,\n        'aria-label': props.ariaLabel,\n        children: props.text,\n        icon,\n        secondaryContent: props.secondaryText\n    };\n};\nexport const shimMenuItemCheckboxProps = (props)=>{\n    return {\n        ...shimMenuItemProps(props),\n        name: props.text || 'name',\n        value: props.value || 'value'\n    };\n};\nexport const shimMenuHeaderProps = (props)=>{\n    var _props_sectionProps;\n    return {\n        children: (_props_sectionProps = props.sectionProps) === null || _props_sectionProps === void 0 ? void 0 : _props_sectionProps.title\n    };\n};\n"],"names":["shimMenuProps","shimMenuItemProps","shimMenuItemCheckboxProps","shimMenuHeaderProps","props","hasIcons","items","some","i","iconProps","hasCheckmarks","canCheck","checked","icon","React","createElement","Icon","undefined","ariaLabel","children","text","secondaryContent","secondaryText","name","value","_props_sectionProps","sectionProps","title"],"mappings":";;;;;;;;;;;IAEaA,aAAa;eAAbA;;IAMAC,iBAAiB;eAAjBA;;IAWAC,yBAAyB;eAAzBA;;IAOAC,mBAAmB;eAAnBA;;;;iEA1BU;wBACF;AACd,MAAMH,gBAAgB,CAACI;IAC1B,OAAO;QACHC,UAAUD,UAAU,QAAQA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAME,KAAK,CAACC,IAAI,CAAC,CAACC,IAAIA,EAAEC,SAAS;QACzFC,eAAeN,UAAU,QAAQA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAME,KAAK,CAACC,IAAI,CAAC,CAACC,IAAIA,EAAEG,QAAQ,IAAIH,EAAEI,OAAO;IAC9G;AACJ;AACO,MAAMX,oBAAoB,CAACG;IAC9B,oCAAoC;IACpC,MAAMS,OAAOT,MAAMK,SAAS,GAAG,WAAW,GAAGK,OAAMC,aAAa,CAACC,YAAI,EAAEZ,MAAMK,SAAS,IAAIQ;IAC1F,OAAO;QACH,GAAGb,KAAK;QACR,cAAcA,MAAMc,SAAS;QAC7BC,UAAUf,MAAMgB,IAAI;QACpBP;QACAQ,kBAAkBjB,MAAMkB,aAAa;IACzC;AACJ;AACO,MAAMpB,4BAA4B,CAACE;IACtC,OAAO;QACH,GAAGH,kBAAkBG,MAAM;QAC3BmB,MAAMnB,MAAMgB,IAAI,IAAI;QACpBI,OAAOpB,MAAMoB,KAAK,IAAI;IAC1B;AACJ;AACO,MAAMrB,sBAAsB,CAACC;IAChC,IAAIqB;IACJ,OAAO;QACHN,UAAU,AAACM,CAAAA,sBAAsBrB,MAAMsB,YAAY,AAAD,MAAO,QAAQD,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBE,KAAK;IACxI;AACJ"}
+{"version":3,"sources":["shimMenuProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IContextualMenuItem, IContextualMenuProps } from '@fluentui/react';\nimport type { MenuItemProps, MenuGroupHeaderProps, MenuItemCheckboxProps, MenuProps } from '@fluentui/react-menu';\n\nexport const shimMenuProps = (props: IContextualMenuProps): Partial<MenuProps> => {\n  return {\n    hasIcons: props?.items.some(i => i.iconProps),\n    hasCheckmarks: props?.items.some(i => i.canCheck || i.checked),\n  };\n};\n\nexport const shimMenuItemProps = (props: IContextualMenuItem): MenuItemProps => {\n  //TODO: Handle menuItem.onRenderIcon\n  const icon = props.iconProps ? <Icon {...props.iconProps} /> : undefined;\n\n  return {\n    ...props,\n    'aria-label': props.ariaLabel,\n    children: props.text,\n    icon,\n    secondaryContent: props.secondaryText,\n  } as MenuItemProps;\n};\n\nexport const shimMenuItemCheckboxProps = (props: IContextualMenuItem): MenuItemCheckboxProps => {\n  return {\n    ...shimMenuItemProps(props),\n    name: props.text || 'name',\n    value: props.value || 'value',\n  };\n};\n\nexport const shimMenuHeaderProps = (props: IContextualMenuItem): MenuGroupHeaderProps => {\n  return {\n    children: props.sectionProps?.title,\n  };\n};\n"],"names":["shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps","props","hasIcons","items","some","i","iconProps","hasCheckmarks","canCheck","checked","icon","React","createElement","Icon","undefined","ariaLabel","children","text","secondaryContent","secondaryText","name","value","sectionProps","title"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAkCaA,mBAAAA;eAAAA;;IARAC,yBAAAA;eAAAA;;IAbAC,iBAAAA;eAAAA;;IAPAC,aAAAA;eAAAA;;;;iEANU;wBAEF;AAId,MAAMA,gBAAgB,CAACC;IAC5B,OAAO;QACLC,UAAUD,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAAOE,KAAK,CAACC,IAAI,CAACC,CAAAA,IAAKA,EAAEC,SAAS;QAC5CC,eAAeN,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAAOE,KAAK,CAACC,IAAI,CAACC,CAAAA,IAAKA,EAAEG,QAAQ,IAAIH,EAAEI,OAAO;IAC/D;AACF;AAEO,MAAMV,oBAAoB,CAACE;IAChC,oCAAoC;IACpC,MAAMS,OAAOT,MAAMK,SAAS,GAAA,WAAA,GAAGK,OAAAC,aAAA,CAACC,YAAAA,EAASZ,MAAMK,SAAS,IAAOQ;IAE/D,OAAO;QACL,GAAGb,KAAK;QACR,cAAcA,MAAMc,SAAS;QAC7BC,UAAUf,MAAMgB,IAAI;QACpBP;QACAQ,kBAAkBjB,MAAMkB,aAAa;IACvC;AACF;AAEO,MAAMrB,4BAA4B,CAACG;IACxC,OAAO;QACL,GAAGF,kBAAkBE,MAAM;QAC3BmB,MAAMnB,MAAMgB,IAAI,IAAI;QACpBI,OAAOpB,MAAMoB,KAAK,IAAI;IACxB;AACF;AAEO,MAAMxB,sBAAsB,CAACI;QAEtBA;IADZ,OAAO;QACLe,UAAQ,AAAEf,CAAAA,sBAAAA,MAAMqB,YAAY,AAAZA,MAAY,QAAlBrB,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBsB,KAAK;IACrC;AACF"}

package/lib-commonjs/components/Stack/StackItemShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StackItemShim.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport * as React from 'react';\nimport { useFlexAlignSelfStyles, useFlexGrowStyles, useFlexOrderStyles, useFlexShrinkStyles, useStackItemShimStyles } from './StackItemShim.styles';\nconst stackItemClassNames = {\n    root: 'ms-StackItem'\n};\nexport const StackItemShim = (props)=>{\n    const { grow, shrink, disableShrink, align, verticalFill, order, className, children } = props;\n    const styles = useStackItemShimStyles();\n    const alignSelfStyles = useFlexAlignSelfStyles();\n    const shrinkFlexStyles = useFlexShrinkStyles();\n    const growFlexStyles = useFlexGrowStyles();\n    const orderFlexStyles = useFlexOrderStyles();\n    const stackItemStyles = [\n        styles.root,\n        align && alignSelfStyles[align],\n        verticalFill && styles.verticalFill\n    ];\n    if (order) {\n        stackItemStyles.push(orderFlexStyles[order]);\n    }\n    if (grow) {\n        const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n        stackItemStyles.push(flexGrow);\n    }\n    if (shrink && !disableShrink) {\n        stackItemStyles.push(shrinkFlexStyles[1]);\n    } else if (disableShrink || !grow && !shrink) {\n        stackItemStyles.push(shrinkFlexStyles[0]);\n    }\n    if (disableShrink) {\n        stackItemStyles.push(styles.disableShrink);\n    }\n    const rootStyles = mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        className: rootStyles\n    }, children);\n};\n"],"names":["StackItemShim","stackItemClassNames","root","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","useStackItemShimStyles","alignSelfStyles","useFlexAlignSelfStyles","shrinkFlexStyles","useFlexShrinkStyles","growFlexStyles","useFlexGrowStyles","orderFlexStyles","useFlexOrderStyles","stackItemStyles","push","flexGrow","rootStyles","mergeClasses","React","createElement"],"mappings":";;;;+BAMaA;;;eAAAA;;;;uBANgB;kEACN;qCACoG;AAC3H,MAAMC,sBAAsB;IACxBC,MAAM;AACV;AACO,MAAMF,gBAAgB,CAACG;IAC1B,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR;IACzF,MAAMS,SAASC,IAAAA,2CAAsB;IACrC,MAAMC,kBAAkBC,IAAAA,2CAAsB;IAC9C,MAAMC,mBAAmBC,IAAAA,wCAAmB;IAC5C,MAAMC,iBAAiBC,IAAAA,sCAAiB;IACxC,MAAMC,kBAAkBC,IAAAA,uCAAkB;IAC1C,MAAMC,kBAAkB;QACpBV,OAAOV,IAAI;QACXK,SAASO,eAAe,CAACP,MAAM;QAC/BC,gBAAgBI,OAAOJ,YAAY;KACtC;IACD,IAAIC,OAAO;QACPa,gBAAgBC,IAAI,CAACH,eAAe,CAACX,MAAM;IAC/C;IACA,IAAIL,MAAM;QACN,MAAMoB,WAAWpB,SAAS,OAAOc,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACd,KAAK;QACzEkB,gBAAgBC,IAAI,CAACC;IACzB;IACA,IAAInB,UAAU,CAACC,eAAe;QAC1BgB,gBAAgBC,IAAI,CAACP,gBAAgB,CAAC,EAAE;IAC5C,OAAO,IAAIV,iBAAiB,CAACF,QAAQ,CAACC,QAAQ;QAC1CiB,gBAAgBC,IAAI,CAACP,gBAAgB,CAAC,EAAE;IAC5C;IACA,IAAIV,eAAe;QACfgB,gBAAgBC,IAAI,CAACX,OAAON,aAAa;IAC7C;IACA,MAAMmB,aAAaC,IAAAA,mBAAY,EAACzB,oBAAoBC,IAAI,KAAKoB,iBAAiBZ;IAC9E,OAAO,WAAW,GAAGiB,QAAMC,aAAa,CAAC,OAAO;QAC5ClB,WAAWe;IACf,GAAGd;AACP"}
+{"version":3,"sources":["StackItemShim.tsx"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport * as React from 'react';\nimport type { IStackItemProps } from '@fluentui/react';\n\nimport {\n  useFlexAlignSelfStyles,\n  useFlexGrowStyles,\n  useFlexOrderStyles,\n  useFlexShrinkStyles,\n  useStackItemShimStyles,\n} from './StackItemShim.styles';\n\nconst stackItemClassNames = {\n  root: 'ms-StackItem',\n};\n\nexport const StackItemShim = (props: IStackItemProps) => {\n  const { grow, shrink, disableShrink, align, verticalFill, order, className, children } = props;\n\n  const styles = useStackItemShimStyles();\n  const alignSelfStyles = useFlexAlignSelfStyles();\n  const shrinkFlexStyles = useFlexShrinkStyles();\n  const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n  const orderFlexStyles: Record<string, string> = useFlexOrderStyles();\n\n  const stackItemStyles = [styles.root, align && alignSelfStyles[align], verticalFill && styles.verticalFill];\n\n  if (order) {\n    stackItemStyles.push(orderFlexStyles[order]);\n  }\n\n  if (grow) {\n    const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n    stackItemStyles.push(flexGrow);\n  }\n\n  if (shrink && !disableShrink) {\n    stackItemStyles.push(shrinkFlexStyles[1]);\n  } else if (disableShrink || (!grow && !shrink)) {\n    stackItemStyles.push(shrinkFlexStyles[0]);\n  }\n\n  if (disableShrink) {\n    stackItemStyles.push(styles.disableShrink);\n  }\n\n  const rootStyles = mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);\n\n  return <div className={rootStyles}>{children}</div>;\n};\n"],"names":["StackItemShim","stackItemClassNames","root","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","useStackItemShimStyles","alignSelfStyles","useFlexAlignSelfStyles","shrinkFlexStyles","useFlexShrinkStyles","growFlexStyles","useFlexGrowStyles","orderFlexStyles","useFlexOrderStyles","stackItemStyles","push","flexGrow","rootStyles","mergeClasses","React","createElement","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;uBAhBgB;kEACN;qCAShB;AAEP,MAAMC,sBAAsB;IAC1BC,MAAM;AACR;AAEO,MAAMF,gBAAgB,CAACG;IAC5B,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR;IAEzF,MAAMS,SAASC,IAAAA,2CAAAA;IACf,MAAMC,kBAAkBC,IAAAA,2CAAAA;IACxB,MAAMC,mBAAmBC,IAAAA,wCAAAA;IACzB,MAAMC,iBAAyCC,IAAAA,sCAAAA;IAC/C,MAAMC,kBAA0CC,IAAAA,uCAAAA;IAEhD,MAAMC,kBAAkB;QAACV,OAAOV,IAAI;QAAEK,SAASO,eAAe,CAACP,MAAM;QAAEC,gBAAgBI,OAAOJ,YAAY;KAAC;IAE3G,IAAIC,OAAO;QACTa,gBAAgBC,IAAI,CAACH,eAAe,CAACX,MAAM;IAC7C;IAEA,IAAIL,MAAM;QACR,MAAMoB,WAAWpB,SAAS,OAAOc,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACd,KAAK;QACzEkB,gBAAgBC,IAAI,CAACC;IACvB;IAEA,IAAInB,UAAU,CAACC,eAAe;QAC5BgB,gBAAgBC,IAAI,CAACP,gBAAgB,CAAC,EAAE;IAC1C,OAAO,IAAIV,iBAAkB,CAACF,QAAQ,CAACC,QAAS;QAC9CiB,gBAAgBC,IAAI,CAACP,gBAAgB,CAAC,EAAE;IAC1C;IAEA,IAAIV,eAAe;QACjBgB,gBAAgBC,IAAI,CAACX,OAAON,aAAa;IAC3C;IAEA,MAAMmB,aAAaC,IAAAA,mBAAAA,EAAazB,oBAAoBC,IAAI,KAAKoB,iBAAiBZ;IAE9E,OAAA,WAAA,GAAOiB,QAAAC,aAAA,CAACC,OAAAA;QAAInB,WAAWe;OAAad;AACtC"}

package/lib-commonjs/components/Stack/StackItemShim.styles.js

@@ -9,20 +9,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    useStackItemShimStyles: function() {
-        return useStackItemShimStyles;
-    },
     useFlexAlignSelfStyles: function() {
         return useFlexAlignSelfStyles;
     },
     useFlexGrowStyles: function() {
         return useFlexGrowStyles;
     },
+    useFlexOrderStyles: function() {
+        return useFlexOrderStyles;
+    },
     useFlexShrinkStyles: function() {
         return useFlexShrinkStyles;
     },
-    useFlexOrderStyles: function() {
-        return useFlexOrderStyles;
+    useStackItemShimStyles: function() {
+        return useStackItemShimStyles;
     }
 });
 const _react = require("@griffel/react");

package/lib-commonjs/components/Stack/StackItemShim.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StackItemShim.styles.js"],"sourcesContent":["import { __styles } from '@griffel/react';\nexport const useStackItemShimStyles = /*#__PURE__*/__styles({\n  root: {\n    Bqenvij: \"f11ysow2\",\n    a9b677: \"f14z66ap\"\n  },\n  disableShrink: {\n    Bnnss6s: \"fi64zpg\"\n  },\n  verticalFill: {\n    Bqenvij: \"f1l02sjl\"\n  }\n}, {\n  d: [\".f11ysow2{height:auto;}\", \".f14z66ap{width:auto;}\", \".fi64zpg{flex-shrink:0;}\", \".f1l02sjl{height:100%;}\"]\n});\nexport const useFlexAlignSelfStyles = /*#__PURE__*/__styles({\n  auto: {\n    qb2dma: \"fio29c6\"\n  },\n  baseline: {\n    qb2dma: \"f18ssl25\"\n  },\n  center: {\n    qb2dma: \"f7nlbp4\"\n  },\n  start: {\n    qb2dma: \"fjgzulp\"\n  },\n  end: {\n    qb2dma: \"fpydfdc\"\n  },\n  stretch: {\n    qb2dma: \"f1ub7u0d\"\n  }\n}, {\n  d: [\".fio29c6{align-self:auto;}\", \".f18ssl25{align-self:baseline;}\", \".f7nlbp4{align-self:center;}\", \".fjgzulp{align-self:flex-start;}\", \".fpydfdc{align-self:flex-end;}\", \".f1ub7u0d{align-self:stretch;}\"]\n});\nexport const useFlexGrowStyles = /*#__PURE__*/__styles({\n  \"1\": {\n    Bh6795r: \"fqerorx\"\n  },\n  \"2\": {\n    Bh6795r: \"fv68sux\"\n  },\n  \"3\": {\n    Bh6795r: \"f1g5s877\"\n  },\n  inherit: {\n    Bh6795r: \"fbrulcr\"\n  },\n  initial: {\n    Bh6795r: \"fqq5sy3\"\n  },\n  revert: {\n    Bh6795r: \"f1kc8nlq\"\n  },\n  unset: {\n    Bh6795r: \"fepjonw\"\n  }\n}, {\n  d: [\".fqerorx{flex-grow:1;}\", \".fv68sux{flex-grow:2;}\", \".f1g5s877{flex-grow:3;}\", \".fbrulcr{flex-grow:inherit;}\", \".fqq5sy3{flex-grow:initial;}\", \".f1kc8nlq{flex-grow:revert;}\", \".fepjonw{flex-grow:unset;}\"]\n});\nexport const useFlexShrinkStyles = /*#__PURE__*/__styles({\n  \"0\": {\n    Bnnss6s: \"fi64zpg\"\n  },\n  \"1\": {\n    Bnnss6s: \"f1neuvcm\"\n  },\n  \"2\": {\n    Bnnss6s: \"f1nje5c6\"\n  },\n  inherit: {\n    Bnnss6s: \"f11ln2im\"\n  },\n  initial: {\n    Bnnss6s: \"f187621l\"\n  },\n  revert: {\n    Bnnss6s: \"f1jq7m8u\"\n  },\n  unset: {\n    Bnnss6s: \"f10s6wei\"\n  }\n}, {\n  d: [\".fi64zpg{flex-shrink:0;}\", \".f1neuvcm{flex-shrink:1;}\", \".f1nje5c6{flex-shrink:2;}\", \".f11ln2im{flex-shrink:inherit;}\", \".f187621l{flex-shrink:initial;}\", \".f1jq7m8u{flex-shrink:revert;}\", \".f10s6wei{flex-shrink:unset;}\"]\n});\nexport const useFlexOrderStyles = /*#__PURE__*/__styles({\n  \"0\": {\n    Bxn5svx: \"f1ftwmyh\"\n  },\n  \"1\": {\n    Bxn5svx: \"f15wwbgh\"\n  },\n  \"2\": {\n    Bxn5svx: \"f15ak53d\"\n  },\n  \"3\": {\n    Bxn5svx: \"f19x901k\"\n  },\n  inherit: {\n    Bxn5svx: \"ficp5m6\"\n  },\n  initial: {\n    Bxn5svx: \"f1xfv85z\"\n  },\n  unset: {\n    Bxn5svx: \"f1ex5c7r\"\n  },\n  revert: {\n    Bxn5svx: \"fgu8tny\"\n  },\n  \"-3\": {\n    Bxn5svx: \"folhkm8\"\n  },\n  \"-2\": {\n    Bxn5svx: \"f1yml5i9\"\n  },\n  \"-1\": {\n    Bxn5svx: \"f1l5m61u\"\n  }\n}, {\n  d: [\".f1ftwmyh{order:0;}\", \".f15wwbgh{order:1;}\", \".f15ak53d{order:2;}\", \".f19x901k{order:3;}\", \".ficp5m6{order:inherit;}\", \".f1xfv85z{order:initial;}\", \".f1ex5c7r{order:unset;}\", \".fgu8tny{order:revert;}\", \".folhkm8{order:-3;}\", \".f1yml5i9{order:-2;}\", \".f1l5m61u{order:-1;}\"]\n});\n//# sourceMappingURL=StackItemShim.styles.js.map"],"names":["useStackItemShimStyles","useFlexAlignSelfStyles","useFlexGrowStyles","useFlexShrinkStyles","useFlexOrderStyles","__styles","root","Bqenvij","a9b677","disableShrink","Bnnss6s","verticalFill","d","auto","qb2dma","baseline","center","start","end","stretch","Bh6795r","inherit","initial","revert","unset","Bxn5svx"],"mappings":";;;;;;;;;;;IACaA,sBAAsB;eAAtBA;;IAcAC,sBAAsB;eAAtBA;;IAsBAC,iBAAiB;eAAjBA;;IAyBAC,mBAAmB;eAAnBA;;IAyBAC,kBAAkB;eAAlBA;;;uBAvFY;AAClB,MAAMJ,yBAAyB,WAAW,GAAEK,IAAAA,eAAQ,EAAC;IAC1DC,MAAM;QACJC,SAAS;QACTC,QAAQ;IACV;IACAC,eAAe;QACbC,SAAS;IACX;IACAC,cAAc;QACZJ,SAAS;IACX;AACF,GAAG;IACDK,GAAG;QAAC;QAA2B;QAA0B;QAA4B;KAA0B;AACjH;AACO,MAAMX,yBAAyB,WAAW,GAAEI,IAAAA,eAAQ,EAAC;IAC1DQ,MAAM;QACJC,QAAQ;IACV;IACAC,UAAU;QACRD,QAAQ;IACV;IACAE,QAAQ;QACNF,QAAQ;IACV;IACAG,OAAO;QACLH,QAAQ;IACV;IACAI,KAAK;QACHJ,QAAQ;IACV;IACAK,SAAS;QACPL,QAAQ;IACV;AACF,GAAG;IACDF,GAAG;QAAC;QAA8B;QAAmC;QAAgC;QAAoC;QAAkC;KAAiC;AAC9M;AACO,MAAMV,oBAAoB,WAAW,GAAEG,IAAAA,eAAQ,EAAC;IACrD,KAAK;QACHe,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACAC,SAAS;QACPD,SAAS;IACX;IACAE,SAAS;QACPF,SAAS;IACX;IACAG,QAAQ;QACNH,SAAS;IACX;IACAI,OAAO;QACLJ,SAAS;IACX;AACF,GAAG;IACDR,GAAG;QAAC;QAA0B;QAA0B;QAA2B;QAAgC;QAAgC;QAAgC;KAA6B;AAClN;AACO,MAAMT,sBAAsB,WAAW,GAAEE,IAAAA,eAAQ,EAAC;IACvD,KAAK;QACHK,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACAW,SAAS;QACPX,SAAS;IACX;IACAY,SAAS;QACPZ,SAAS;IACX;IACAa,QAAQ;QACNb,SAAS;IACX;IACAc,OAAO;QACLd,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAA4B;QAA6B;QAA6B;QAAmC;QAAmC;QAAkC;KAAgC;AACpO;AACO,MAAMR,qBAAqB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtD,KAAK;QACHoB,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACAJ,SAAS;QACPI,SAAS;IACX;IACAH,SAAS;QACPG,SAAS;IACX;IACAD,OAAO;QACLC,SAAS;IACX;IACAF,QAAQ;QACNE,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;AACF,GAAG;IACDb,GAAG;QAAC;QAAuB;QAAuB;QAAuB;QAAuB;QAA4B;QAA6B;QAA2B;QAA2B;QAAuB;QAAwB;KAAuB;AACvR,IACA,gDAAgD"}
+{"version":3,"sources":["StackItemShim.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nexport const useStackItemShimStyles = makeStyles({\n    root: {\n        height: 'auto',\n        width: 'auto'\n    },\n    disableShrink: {\n        flexShrink: 0\n    },\n    verticalFill: {\n        height: '100%'\n    }\n});\nexport const useFlexAlignSelfStyles = makeStyles({\n    auto: {\n        alignSelf: 'auto'\n    },\n    baseline: {\n        alignSelf: 'baseline'\n    },\n    center: {\n        alignSelf: 'center'\n    },\n    start: {\n        alignSelf: 'flex-start'\n    },\n    end: {\n        alignSelf: 'flex-end'\n    },\n    stretch: {\n        alignSelf: 'stretch'\n    }\n});\nexport const useFlexGrowStyles = makeStyles({\n    inherit: {\n        flexGrow: 'inherit'\n    },\n    initial: {\n        flexGrow: 'initial'\n    },\n    revert: {\n        flexGrow: 'revert'\n    },\n    unset: {\n        flexGrow: 'unset'\n    },\n    '1': {\n        flexGrow: 1\n    },\n    '2': {\n        flexGrow: 2\n    },\n    '3': {\n        flexGrow: 3\n    }\n});\nexport const useFlexShrinkStyles = makeStyles({\n    inherit: {\n        flexShrink: 'inherit'\n    },\n    initial: {\n        flexShrink: 'initial'\n    },\n    revert: {\n        flexShrink: 'revert'\n    },\n    unset: {\n        flexShrink: 'unset'\n    },\n    0: {\n        flexShrink: 0\n    },\n    1: {\n        flexShrink: 1\n    },\n    2: {\n        flexShrink: 2\n    }\n});\nexport const useFlexOrderStyles = makeStyles({\n    inherit: {\n        order: 'inherit'\n    },\n    initial: {\n        order: 'initial'\n    },\n    unset: {\n        order: 'unset'\n    },\n    revert: {\n        order: 'revert'\n    },\n    '-3': {\n        order: -3\n    },\n    '-2': {\n        order: -2\n    },\n    '-1': {\n        order: -1\n    },\n    '0': {\n        order: 0\n    },\n    '1': {\n        order: 1\n    },\n    '2': {\n        order: 2\n    },\n    '3': {\n        order: 3\n    }\n});\n"],"names":["useFlexAlignSelfStyles","useFlexGrowStyles","useFlexOrderStyles","useFlexShrinkStyles","useStackItemShimStyles","__styles","root","Bqenvij","a9b677","disableShrink","Bnnss6s","verticalFill","d","auto","qb2dma","baseline","center","start","end","stretch","Bh6795r","inherit","initial","revert","unset","Bxn5svx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAaaA,sBAAsB;eAAtBA;;IAoBAC,iBAAiB;eAAjBA;;IA8CAC,kBAAkB;eAAlBA;;IAvBAC,mBAAmB;eAAnBA;;IAvDAC,sBAAsB;eAAtBA;;;uBADc;AACpB,MAAMA,yBAAsB,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,eAAA;QAAAC,SAAA;IAAA;IAAAC,cAAA;QAAAJ,SAAA;IAAA;AAAA,GAAA;IAAAK,GAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAY/B,MAAMZ,yBAAsB,WAAA,GAAGK,IAAAA,eAAA,EAAA;IAAAQ,MAAA;QAAAC,QAAA;IAAA;IAAAC,UAAA;QAAAD,QAAA;IAAA;IAAAE,QAAA;QAAAF,QAAA;IAAA;IAAAG,OAAA;QAAAH,QAAA;IAAA;IAAAI,KAAA;QAAAJ,QAAA;IAAA;IAAAK,SAAA;QAAAL,QAAA;IAAA;AAAA,GAAA;IAAAF,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAoB/B,MAAMX,oBAAiB,WAAA,GAAGI,IAAAA,eAAA,EAAA;IAAA,KAAA;QAAAe,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAAC,SAAA;QAAAD,SAAA;IAAA;IAAAE,SAAA;QAAAF,SAAA;IAAA;IAAAG,QAAA;QAAAH,SAAA;IAAA;IAAAI,OAAA;QAAAJ,SAAA;IAAA;AAAA,GAAA;IAAAR,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAuB1B,MAAMT,sBAAmB,WAAA,GAAGE,IAAAA,eAAA,EAAA;IAAA,KAAA;QAAAK,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAAW,SAAA;QAAAX,SAAA;IAAA;IAAAY,SAAA;QAAAZ,SAAA;IAAA;IAAAa,QAAA;QAAAb,SAAA;IAAA;IAAAc,OAAA;QAAAd,SAAA;IAAA;AAAA,GAAA;IAAAE,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAuB5B,MAAMV,qBAAkB,WAAA,GAAGG,IAAAA,eAAA,EAAA;IAAA,KAAA;QAAAoB,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAAJ,SAAA;QAAAI,SAAA;IAAA;IAAAH,SAAA;QAAAG,SAAA;IAAA;IAAAD,OAAA;QAAAC,SAAA;IAAA;IAAAF,QAAA;QAAAE,SAAA;IAAA;IAAA,MAAA;QAAAA,SAAA;IAAA;IAAA,MAAA;QAAAA,SAAA;IAAA;IAAA,MAAA;QAAAA,SAAA;IAAA;AAAA,GAAA;IAAAb,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}

package/lib-commonjs/components/Stack/StackShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StackShim.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport * as React from 'react';\nimport { getChildrenGapStyles } from './stackUtils';\nimport { useFlexAlignItemsStyles, useFlexGrowStyles, useFlexJustifyContentStyles, useStackStyles } from './StackShim.styles';\nconst stackClassNames = {\n    root: 'ms-Stack',\n    inner: 'ms-Stack-inner'\n};\nconst getClassNames = classNamesFunction();\nexport const StackShim = (props)=>{\n    const styles = useStackStyles();\n    const alignItemsFlexStyles = useFlexAlignItemsStyles();\n    const justifyContentFlexStyles = useFlexJustifyContentStyles();\n    const growFlexStyles = useFlexGrowStyles();\n    const { as: RootType = 'div', verticalFill, horizontal, reversed, grow, wrap, horizontalAlign, verticalAlign, disableShrink, className } = props;\n    const tokens = {\n        ...props.tokens\n    };\n    let tokensRootStyles = {};\n    let tokensInnerStyles = {};\n    let childrenGapClassName;\n    if (tokens) {\n        tokensRootStyles = {\n            padding: !wrap ? tokens.padding : undefined,\n            maxHeight: tokens.maxHeight,\n            maxWidth: tokens.maxWidth\n        };\n        tokensInnerStyles = {\n            padding: wrap ? tokens.padding : undefined\n        };\n        if (tokens.childrenGap) {\n            childrenGapClassName = getClassNames(getChildrenGapStyles, {\n                horizontal,\n                reversed,\n                tokens\n            });\n        }\n    }\n    const stackStyles = [\n        wrap ? styles.wrap : styles.root,\n        horizontal && styles.horizontal,\n        verticalFill && styles.verticalFill\n    ];\n    const stackInnerStyles = [\n        styles.inner,\n        horizontal && styles.horizontal,\n        (!tokens || !tokens.childrenGap) && styles.innerWidth\n    ];\n    let stackChildren = React.Children.toArray(props.children);\n    if (stackChildren.length === 1 && /*#__PURE__*/ React.isValidElement(stackChildren[0]) && stackChildren[0].type === React.Fragment) {\n        stackChildren = stackChildren[0].props.children;\n    }\n    stackChildren = React.Children.map(stackChildren, (child)=>{\n        if (!child) {\n            return null;\n        }\n        if (child.type && child.type.name === 'StackItemShim') {\n            const defaultItemProps = {\n                shrink: !disableShrink\n            };\n            return /*#__PURE__*/ React.cloneElement(child, {\n                ...defaultItemProps,\n                ...child.props\n            });\n        }\n        return child;\n    });\n    if (reversed) {\n        if (horizontal) {\n            stackStyles.push(styles.reversedHorizontal);\n            stackInnerStyles.push(styles.reversedHorizontal);\n        } else {\n            stackStyles.push(styles.reversedVertical);\n            stackInnerStyles.push(styles.reversedVertical);\n        }\n    }\n    if (grow) {\n        const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n        stackStyles.push(flexGrow);\n    }\n    if (disableShrink) {\n        stackStyles.push(styles.disableShrink);\n    }\n    if (horizontalAlign) {\n        if (horizontal) {\n            stackStyles.push(justifyContentFlexStyles[horizontalAlign]);\n            stackInnerStyles.push(justifyContentFlexStyles[horizontalAlign]);\n        } else {\n            stackStyles.push(alignItemsFlexStyles[horizontalAlign]);\n            stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);\n        }\n    }\n    if (verticalAlign) {\n        if (horizontal) {\n            stackStyles.push(alignItemsFlexStyles[verticalAlign]);\n            stackInnerStyles.push(alignItemsFlexStyles[verticalAlign]);\n        } else {\n            stackStyles.push(justifyContentFlexStyles[verticalAlign]);\n            stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);\n        }\n    }\n    const rootClass = mergeClasses(stackClassNames.root, ...stackStyles, childrenGapClassName && !wrap && childrenGapClassName.root, className);\n    const innerClass = mergeClasses(stackClassNames.inner, ...stackInnerStyles, childrenGapClassName && wrap && childrenGapClassName.inner);\n    return wrap ? /*#__PURE__*/ React.createElement(RootType, {\n        className: rootClass,\n        style: tokensRootStyles\n    }, /*#__PURE__*/ React.createElement(\"div\", {\n        className: innerClass,\n        style: tokensInnerStyles\n    }, stackChildren)) : /*#__PURE__*/ React.createElement(RootType, {\n        className: rootClass,\n        style: tokensRootStyles\n    }, stackChildren);\n};\n"],"names":["StackShim","stackClassNames","root","inner","getClassNames","classNamesFunction","props","styles","useStackStyles","alignItemsFlexStyles","useFlexAlignItemsStyles","justifyContentFlexStyles","useFlexJustifyContentStyles","growFlexStyles","useFlexGrowStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","getChildrenGapStyles","stackStyles","stackInnerStyles","innerWidth","stackChildren","React","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","mergeClasses","innerClass","createElement","style"],"mappings":"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"}
+{"version":3,"sources":["StackShim.tsx"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport * as React from 'react';\n\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\nimport {\n  useFlexAlignItemsStyles,\n  useFlexGrowStyles,\n  useFlexJustifyContentStyles,\n  useStackStyles,\n} from './StackShim.styles';\n\nconst stackClassNames = {\n  root: 'ms-Stack',\n  inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\n\nexport const StackShim = (props: IStackProps) => {\n  const styles = useStackStyles();\n  const alignItemsFlexStyles = useFlexAlignItemsStyles();\n  const justifyContentFlexStyles = useFlexJustifyContentStyles();\n  const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n\n  const {\n    as: RootType = 'div',\n    verticalFill,\n    horizontal,\n    reversed,\n    grow,\n    wrap,\n    horizontalAlign,\n    verticalAlign,\n    disableShrink,\n    className,\n  } = props;\n\n  const tokens: IStackTokens = { ...props.tokens };\n\n  let tokensRootStyles = {};\n  let tokensInnerStyles = {};\n  let childrenGapClassName;\n\n  if (tokens) {\n    tokensRootStyles = {\n      padding: !wrap ? tokens.padding : undefined,\n      maxHeight: tokens.maxHeight,\n      maxWidth: tokens.maxWidth,\n    };\n\n    tokensInnerStyles = {\n      padding: wrap ? tokens.padding : undefined,\n    };\n\n    if (tokens.childrenGap) {\n      childrenGapClassName = getClassNames(getChildrenGapStyles, {\n        horizontal,\n        reversed,\n        tokens,\n      });\n    }\n  }\n\n  const stackStyles = [\n    wrap ? styles.wrap : styles.root,\n    horizontal && styles.horizontal,\n    verticalFill && styles.verticalFill,\n  ];\n\n  const stackInnerStyles = [\n    styles.inner,\n    horizontal && styles.horizontal,\n    (!tokens || !tokens.childrenGap) && styles.innerWidth,\n  ];\n\n  let stackChildren = React.Children.toArray(props.children);\n  if (\n    stackChildren.length === 1 &&\n    React.isValidElement(stackChildren[0]) &&\n    stackChildren[0].type === React.Fragment\n  ) {\n    stackChildren = stackChildren[0].props.children;\n  }\n\n  stackChildren = React.Children.map(\n    stackChildren as React.ReactElement[],\n    (child: React.ReactElement<IStackItemProps>) => {\n      if (!child) {\n        return null;\n      }\n\n      if (child.type && ((child as React.ReactElement).type as React.ComponentType).name === 'StackItemShim') {\n        const defaultItemProps: IStackItemProps = {\n          shrink: !disableShrink,\n        };\n\n        return React.cloneElement(child, {\n          ...defaultItemProps,\n          ...child.props,\n        });\n      }\n\n      return child;\n    },\n  );\n\n  if (reversed) {\n    if (horizontal) {\n      stackStyles.push(styles.reversedHorizontal);\n      stackInnerStyles.push(styles.reversedHorizontal);\n    } else {\n      stackStyles.push(styles.reversedVertical);\n      stackInnerStyles.push(styles.reversedVertical);\n    }\n  }\n\n  if (grow) {\n    const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n    stackStyles.push(flexGrow);\n  }\n\n  if (disableShrink) {\n    stackStyles.push(styles.disableShrink);\n  }\n\n  if (horizontalAlign) {\n    if (horizontal) {\n      stackStyles.push(justifyContentFlexStyles[horizontalAlign]);\n      stackInnerStyles.push(justifyContentFlexStyles[horizontalAlign]);\n    } else {\n      stackStyles.push(alignItemsFlexStyles[horizontalAlign]);\n      stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);\n    }\n  }\n\n  if (verticalAlign) {\n    if (horizontal) {\n      stackStyles.push(alignItemsFlexStyles[verticalAlign]);\n      stackInnerStyles.push(alignItemsFlexStyles[verticalAlign]);\n    } else {\n      stackStyles.push(justifyContentFlexStyles[verticalAlign]);\n      stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);\n    }\n  }\n\n  const rootClass = mergeClasses(\n    stackClassNames.root,\n    ...stackStyles,\n    childrenGapClassName && !wrap && childrenGapClassName.root,\n    className,\n  );\n\n  const innerClass = mergeClasses(\n    stackClassNames.inner,\n    ...stackInnerStyles,\n    childrenGapClassName && wrap && childrenGapClassName.inner,\n  );\n\n  return wrap ? (\n    <RootType className={rootClass} style={tokensRootStyles}>\n      <div className={innerClass} style={tokensInnerStyles}>\n        {stackChildren}\n      </div>\n    </RootType>\n  ) : (\n    <RootType className={rootClass} style={tokensRootStyles}>\n      {stackChildren}\n    </RootType>\n  );\n};\n"],"names":["StackShim","stackClassNames","root","inner","getClassNames","classNamesFunction","props","styles","useStackStyles","alignItemsFlexStyles","useFlexAlignItemsStyles","justifyContentFlexStyles","useFlexJustifyContentStyles","growFlexStyles","useFlexGrowStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","getChildrenGapStyles","stackStyles","stackInnerStyles","innerWidth","stackChildren","React","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","mergeClasses","innerClass","createElement","style","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/Stack/StackShim.styles.js

@@ -9,17 +9,17 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    useStackStyles: function() {
-        return useStackStyles;
+    useFlexAlignItemsStyles: function() {
+        return useFlexAlignItemsStyles;
     },
     useFlexGrowStyles: function() {
         return useFlexGrowStyles;
     },
-    useFlexAlignItemsStyles: function() {
-        return useFlexAlignItemsStyles;
-    },
     useFlexJustifyContentStyles: function() {
         return useFlexJustifyContentStyles;
+    },
+    useStackStyles: function() {
+        return useStackStyles;
     }
 });
 const _react = require("@griffel/react");

package/lib-commonjs/components/Stack/StackShim.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StackShim.styles.js"],"sourcesContent":["import { __styles } from '@griffel/react';\nexport const useStackStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\",\n    Eh141a: \"flvyvdh\",\n    a9b677: \"f14z66ap\",\n    Bqenvij: \"f11ysow2\",\n    B7ck84d: \"f1ewtqcl\",\n    Hc4np9: \"f4sjk8j\",\n    Btkizpb: \"f1d54kgm\"\n  },\n  horizontal: {\n    Beiy3e4: \"f1063pyq\"\n  },\n  verticalFill: {\n    Bqenvij: \"f1l02sjl\"\n  },\n  reversedVertical: {\n    Beiy3e4: \"f1gkdon0\"\n  },\n  reversedHorizontal: {\n    Beiy3e4: \"f1oztnx0\"\n  },\n  disableShrink: {\n    Btkizpb: \"f1605gwb\"\n  },\n  wrap: {\n    mc9l5x: \"f22iagw\",\n    Eh141a: \"fni485r\",\n    Bqenvij: \"f1l02sjl\"\n  },\n  inner: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\",\n    Eh141a: \"fni485r\",\n    B7ck84d: \"f1ewtqcl\",\n    B2u0y6b: \"f1w39fev\",\n    Btkizpb: \"f1d54kgm\"\n  },\n  innerWidth: {\n    a9b677: \"fly5x3f\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\", \".flvyvdh{flex-wrap:nowrap;}\", \".f14z66ap{width:auto;}\", \".f11ysow2{height:auto;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f4sjk8j>*{text-overflow:ellipsis;}\", \".f1d54kgm>*:not(.ms-StackItem){flex-shrink:1;}\", \".f1063pyq{flex-direction:row;}\", \".f1l02sjl{height:100%;}\", \".f1gkdon0{flex-direction:column-reverse;}\", \".f1oztnx0{flex-direction:row-reverse;}\", \".f1605gwb>*:not(.ms-StackItem){flex-shrink:0;}\", \".fni485r{flex-wrap:wrap;}\", \".f1w39fev{max-width:100vw;}\", \".fly5x3f{width:100%;}\"]\n});\nexport const useFlexGrowStyles = /*#__PURE__*/__styles({\n  \"1\": {\n    Bh6795r: \"fqerorx\"\n  },\n  \"2\": {\n    Bh6795r: \"fv68sux\"\n  },\n  \"3\": {\n    Bh6795r: \"f1g5s877\"\n  },\n  inherit: {\n    Bh6795r: \"fbrulcr\"\n  },\n  initial: {\n    Bh6795r: \"fqq5sy3\"\n  },\n  revert: {\n    Bh6795r: \"f1kc8nlq\"\n  },\n  unset: {\n    Bh6795r: \"fepjonw\"\n  }\n}, {\n  d: [\".fqerorx{flex-grow:1;}\", \".fv68sux{flex-grow:2;}\", \".f1g5s877{flex-grow:3;}\", \".fbrulcr{flex-grow:inherit;}\", \".fqq5sy3{flex-grow:initial;}\", \".f1kc8nlq{flex-grow:revert;}\", \".fepjonw{flex-grow:unset;}\"]\n});\nexport const useFlexAlignItemsStyles = /*#__PURE__*/__styles({\n  baseline: {\n    Bt984gj: \"f1guyajx\"\n  },\n  center: {\n    Bt984gj: \"f122n59\"\n  },\n  start: {\n    Bt984gj: \"f6jr5hl\"\n  },\n  end: {\n    Bt984gj: \"fgs5rwf\"\n  },\n  stretch: {\n    Bt984gj: \"f1q9h2pe\"\n  },\n  \"space-between\": {\n    Bt984gj: \"f1jkqsad\"\n  },\n  \"space-around\": {\n    Bt984gj: \"ftnnmgl\"\n  },\n  \"space-evenly\": {\n    Bt984gj: \"f1uhtmqw\"\n  }\n}, {\n  d: [\".f1guyajx{align-items:baseline;}\", \".f122n59{align-items:center;}\", \".f6jr5hl{align-items:flex-start;}\", \".fgs5rwf{align-items:flex-end;}\", \".f1q9h2pe{align-items:stretch;}\", \".f1jkqsad{align-items:space-between;}\", \".ftnnmgl{align-items:space-around;}\", \".f1uhtmqw{align-items:space-evenly;}\"]\n});\nexport const useFlexJustifyContentStyles = /*#__PURE__*/__styles({\n  baseline: {\n    Brf1p80: \"f1uf0ky1\"\n  },\n  center: {\n    Brf1p80: \"f4d9j23\"\n  },\n  start: {\n    Brf1p80: \"fbhxue7\"\n  },\n  end: {\n    Brf1p80: \"f9c4gz4\"\n  },\n  stretch: {\n    Brf1p80: \"fsxf2b5\"\n  },\n  \"space-between\": {\n    Brf1p80: \"f1869bpl\"\n  },\n  \"space-around\": {\n    Brf1p80: \"f1iw3tyt\"\n  },\n  \"space-evenly\": {\n    Brf1p80: \"figf6al\"\n  }\n}, {\n  d: [\".f1uf0ky1{justify-content:baseline;}\", \".f4d9j23{justify-content:center;}\", \".fbhxue7{justify-content:flex-start;}\", \".f9c4gz4{justify-content:flex-end;}\", \".fsxf2b5{justify-content:stretch;}\", \".f1869bpl{justify-content:space-between;}\", \".f1iw3tyt{justify-content:space-around;}\", \".figf6al{justify-content:space-evenly;}\"]\n});\n//# sourceMappingURL=StackShim.styles.js.map"],"names":["useStackStyles","useFlexGrowStyles","useFlexAlignItemsStyles","useFlexJustifyContentStyles","__styles","root","mc9l5x","Beiy3e4","Eh141a","a9b677","Bqenvij","B7ck84d","Hc4np9","Btkizpb","horizontal","verticalFill","reversedVertical","reversedHorizontal","disableShrink","wrap","inner","B2u0y6b","innerWidth","d","Bh6795r","inherit","initial","revert","unset","baseline","Bt984gj","center","start","end","stretch","Brf1p80"],"mappings":";;;;;;;;;;;IACaA,cAAc;eAAdA;;IA6CAC,iBAAiB;eAAjBA;;IAyBAC,uBAAuB;eAAvBA;;IA4BAC,2BAA2B;eAA3BA;;;uBAnGY;AAClB,MAAMH,iBAAiB,WAAW,GAAEI,IAAAA,eAAQ,EAAC;IAClDC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACAC,YAAY;QACVP,SAAS;IACX;IACAQ,cAAc;QACZL,SAAS;IACX;IACAM,kBAAkB;QAChBT,SAAS;IACX;IACAU,oBAAoB;QAClBV,SAAS;IACX;IACAW,eAAe;QACbL,SAAS;IACX;IACAM,MAAM;QACJb,QAAQ;QACRE,QAAQ;QACRE,SAAS;IACX;IACAU,OAAO;QACLd,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRG,SAAS;QACTU,SAAS;QACTR,SAAS;IACX;IACAS,YAAY;QACVb,QAAQ;IACV;AACF,GAAG;IACDc,GAAG;QAAC;QAA2B;QAAqC;QAA+B;QAA0B;QAA2B;QAAqC;QAAuC;QAAkD;QAAkC;QAA2B;QAA6C;QAA0C;QAAkD;QAA6B;QAA+B;KAAwB;AACljB;AACO,MAAMtB,oBAAoB,WAAW,GAAEG,IAAAA,eAAQ,EAAC;IACrD,KAAK;QACHoB,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACAC,SAAS;QACPD,SAAS;IACX;IACAE,SAAS;QACPF,SAAS;IACX;IACAG,QAAQ;QACNH,SAAS;IACX;IACAI,OAAO;QACLJ,SAAS;IACX;AACF,GAAG;IACDD,GAAG;QAAC;QAA0B;QAA0B;QAA2B;QAAgC;QAAgC;QAAgC;KAA6B;AAClN;AACO,MAAMrB,0BAA0B,WAAW,GAAEE,IAAAA,eAAQ,EAAC;IAC3DyB,UAAU;QACRC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,OAAO;QACLF,SAAS;IACX;IACAG,KAAK;QACHH,SAAS;IACX;IACAI,SAAS;QACPJ,SAAS;IACX;IACA,iBAAiB;QACfA,SAAS;IACX;IACA,gBAAgB;QACdA,SAAS;IACX;IACA,gBAAgB;QACdA,SAAS;IACX;AACF,GAAG;IACDP,GAAG;QAAC;QAAoC;QAAiC;QAAqC;QAAmC;QAAmC;QAAyC;QAAuC;KAAuC;AAC7S;AACO,MAAMpB,8BAA8B,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC/DyB,UAAU;QACRM,SAAS;IACX;IACAJ,QAAQ;QACNI,SAAS;IACX;IACAH,OAAO;QACLG,SAAS;IACX;IACAF,KAAK;QACHE,SAAS;IACX;IACAD,SAAS;QACPC,SAAS;IACX;IACA,iBAAiB;QACfA,SAAS;IACX;IACA,gBAAgB;QACdA,SAAS;IACX;IACA,gBAAgB;QACdA,SAAS;IACX;AACF,GAAG;IACDZ,GAAG;QAAC;QAAwC;QAAqC;QAAyC;QAAuC;QAAsC;QAA6C;QAA4C;KAA0C;AAC5U,IACA,4CAA4C"}
+{"version":3,"sources":["StackShim.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nexport const useStackStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        flexWrap: 'nowrap',\n        width: 'auto',\n        height: 'auto',\n        boxSizing: 'border-box',\n        '> *': {\n            textOverflow: 'ellipsis'\n        },\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        '> *:not(.ms-StackItem)': {\n            flexShrink: 1\n        }\n    },\n    horizontal: {\n        flexDirection: 'row'\n    },\n    verticalFill: {\n        height: '100%'\n    },\n    reversedVertical: {\n        flexDirection: 'column-reverse'\n    },\n    reversedHorizontal: {\n        flexDirection: 'row-reverse'\n    },\n    disableShrink: {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        '> *:not(.ms-StackItem)': {\n            flexShrink: 0\n        }\n    },\n    wrap: {\n        display: 'flex',\n        flexWrap: 'wrap',\n        height: '100%'\n    },\n    inner: {\n        display: 'flex',\n        flexDirection: 'column',\n        flexWrap: 'wrap',\n        boxSizing: 'border-box',\n        maxWidth: '100vw',\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        '> *:not(.ms-StackItem)': {\n            flexShrink: 1\n        }\n    },\n    innerWidth: {\n        width: '100%'\n    }\n});\nexport const useFlexGrowStyles = makeStyles({\n    inherit: {\n        flexGrow: 'inherit'\n    },\n    initial: {\n        flexGrow: 'initial'\n    },\n    revert: {\n        flexGrow: 'revert'\n    },\n    unset: {\n        flexGrow: 'unset'\n    },\n    '1': {\n        flexGrow: 1\n    },\n    '2': {\n        flexGrow: 2\n    },\n    '3': {\n        flexGrow: 3\n    }\n});\nexport const useFlexAlignItemsStyles = makeStyles({\n    baseline: {\n        alignItems: 'baseline'\n    },\n    center: {\n        alignItems: 'center'\n    },\n    start: {\n        alignItems: 'flex-start'\n    },\n    end: {\n        alignItems: 'flex-end'\n    },\n    stretch: {\n        alignItems: 'stretch'\n    },\n    'space-between': {\n        alignItems: 'space-between'\n    },\n    'space-around': {\n        alignItems: 'space-around'\n    },\n    'space-evenly': {\n        alignItems: 'space-evenly'\n    }\n});\nexport const useFlexJustifyContentStyles = makeStyles({\n    baseline: {\n        justifyContent: 'baseline'\n    },\n    center: {\n        justifyContent: 'center'\n    },\n    start: {\n        justifyContent: 'flex-start'\n    },\n    end: {\n        justifyContent: 'flex-end'\n    },\n    stretch: {\n        justifyContent: 'stretch'\n    },\n    'space-between': {\n        justifyContent: 'space-between'\n    },\n    'space-around': {\n        justifyContent: 'space-around'\n    },\n    'space-evenly': {\n        justifyContent: 'space-evenly'\n    }\n});\n"],"names":["useFlexAlignItemsStyles","useFlexGrowStyles","useFlexJustifyContentStyles","useStackStyles","__styles","root","mc9l5x","Beiy3e4","Eh141a","a9b677","Bqenvij","B7ck84d","Hc4np9","Btkizpb","horizontal","verticalFill","reversedVertical","reversedHorizontal","disableShrink","wrap","inner","B2u0y6b","innerWidth","d","Bh6795r","inherit","initial","revert","unset","baseline","Bt984gj","center","start","end","stretch","Brf1p80"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAiFaA,uBAAuB;eAAvBA;;IAvBAC,iBAAiB;eAAjBA;;IAiDAC,2BAA2B;eAA3BA;;IA1GAC,cAAc;eAAdA;;;uBADc;AACpB,MAAMA,iBAAc,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,YAAA;QAAAP,SAAA;IAAA;IAAAQ,cAAA;QAAAL,SAAA;IAAA;IAAAM,kBAAA;QAAAT,SAAA;IAAA;IAAAU,oBAAA;QAAAV,SAAA;IAAA;IAAAW,eAAA;QAAAL,SAAA;IAAA;IAAAM,MAAA;QAAAb,QAAA;QAAAE,QAAA;QAAAE,SAAA;IAAA;IAAAU,OAAA;QAAAd,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAG,SAAA;QAAAU,SAAA;QAAAR,SAAA;IAAA;IAAAS,YAAA;QAAAb,QAAA;IAAA;AAAA,GAAA;IAAAc,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAyDvB,MAAMtB,oBAAiB,WAAA,GAAGG,IAAAA,eAAA,EAAA;IAAA,KAAA;QAAAoB,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAAC,SAAA;QAAAD,SAAA;IAAA;IAAAE,SAAA;QAAAF,SAAA;IAAA;IAAAG,QAAA;QAAAH,SAAA;IAAA;IAAAI,OAAA;QAAAJ,SAAA;IAAA;AAAA,GAAA;IAAAD,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAuB1B,MAAMvB,0BAAuB,WAAA,GAAGI,IAAAA,eAAA,EAAA;IAAAyB,UAAA;QAAAC,SAAA;IAAA;IAAAC,QAAA;QAAAD,SAAA;IAAA;IAAAE,OAAA;QAAAF,SAAA;IAAA;IAAAG,KAAA;QAAAH,SAAA;IAAA;IAAAI,SAAA;QAAAJ,SAAA;IAAA;IAAA,iBAAA;QAAAA,SAAA;IAAA;IAAA,gBAAA;QAAAA,SAAA;IAAA;IAAA,gBAAA;QAAAA,SAAA;IAAA;AAAA,GAAA;IAAAP,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AA0BhC,MAAMrB,8BAA2B,WAAA,GAAGE,IAAAA,eAAA,EAAA;IAAAyB,UAAA;QAAAM,SAAA;IAAA;IAAAJ,QAAA;QAAAI,SAAA;IAAA;IAAAH,OAAA;QAAAG,SAAA;IAAA;IAAAF,KAAA;QAAAE,SAAA;IAAA;IAAAD,SAAA;QAAAC,SAAA;IAAA;IAAA,iBAAA;QAAAA,SAAA;IAAA;IAAA,gBAAA;QAAAA,SAAA;IAAA;IAAA,gBAAA;QAAAA,SAAA;IAAA;AAAA,GAAA;IAAAZ,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './StackItemShim';\nexport * from './StackShim';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './StackItemShim';\nexport * from './StackShim';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}

package/lib-commonjs/components/Stack/stackUtils.js

@@ -9,14 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    getChildrenGapStyles: function() {
+        return getChildrenGapStyles;
+    },
     parseGap: function() {
         return parseGap;
     },
     parsePadding: function() {
         return parsePadding;
-    },
-    getChildrenGapStyles: function() {
-        return getChildrenGapStyles;
     }
 });
 const _react = require("@fluentui/react");

package/lib-commonjs/components/Stack/stackUtils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["stackUtils.js"],"sourcesContent":["import { getTheme } from '@fluentui/react';\n// Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.\nconst getThemedSpacing = (space, theme)=>{\n    if (theme.spacing.hasOwnProperty(space)) {\n        return theme.spacing[space];\n    }\n    return space;\n};\n// Helper function that takes a gap as a string and converts it into a { value, unit } representation.\nconst getValueUnitGap = (gap)=>{\n    const numericalPart = parseFloat(gap);\n    const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;\n    const numericalString = isNaN(numericalPart) ? '' : numericalPart.toString();\n    const unitPart = gap.substring(numericalString.toString().length);\n    return {\n        value: numericalValue,\n        unit: unitPart || 'px'\n    };\n};\n/**\n * Takes in a gap size in either a CSS-style format (e.g. 10 or \"10px\")\n *  or a key of a themed spacing value (e.g. \"s1\").\n * Returns the separate numerical value of the padding (e.g. 10)\n *  and the CSS unit (e.g. \"px\").\n */ export const parseGap = (gap, theme)=>{\n    if (gap === undefined || gap === '') {\n        return {\n            rowGap: {\n                value: 0,\n                unit: 'px'\n            },\n            columnGap: {\n                value: 0,\n                unit: 'px'\n            }\n        };\n    }\n    if (typeof gap === 'number') {\n        return {\n            rowGap: {\n                value: gap,\n                unit: 'px'\n            },\n            columnGap: {\n                value: gap,\n                unit: 'px'\n            }\n        };\n    }\n    const splitGap = gap.split(' ');\n    // If the array has more than two values, then return 0px.\n    if (splitGap.length > 2) {\n        return {\n            rowGap: {\n                value: 0,\n                unit: 'px'\n            },\n            columnGap: {\n                value: 0,\n                unit: 'px'\n            }\n        };\n    }\n    // If the array has two values, then parse each one.\n    if (splitGap.length === 2) {\n        return {\n            rowGap: getValueUnitGap(getThemedSpacing(splitGap[0], theme)),\n            columnGap: getValueUnitGap(getThemedSpacing(splitGap[1], theme))\n        };\n    }\n    // Else, parse the numerical value and pass it as both the vertical and horizontal gap.\n    const calculatedGap = getValueUnitGap(getThemedSpacing(gap, theme));\n    return {\n        rowGap: calculatedGap,\n        columnGap: calculatedGap\n    };\n};\n/**\n * Takes in a padding in a CSS-style format (e.g. 10, \"10px\", \"10px 10px\", etc.)\n *  where the separate padding values can also be the key of a themed spacing value\n *  (e.g. \"s1 m\", \"10px l1 20px l2\", etc.).\n * Returns a CSS-style padding.\n */ export const parsePadding = (padding, theme)=>{\n    if (padding === undefined || typeof padding === 'number' || padding === '') {\n        return padding;\n    }\n    const paddingValues = padding.split(' ');\n    if (paddingValues.length < 2) {\n        return getThemedSpacing(padding, theme);\n    }\n    return paddingValues.reduce((padding1, padding2)=>{\n        return getThemedSpacing(padding1, theme) + ' ' + getThemedSpacing(padding2, theme);\n    });\n};\n/**\n *\n * getStyles function for Stack.tokens.childrenGap prop styling\n */ export const getChildrenGapStyles = (props)=>{\n    const theme = getTheme();\n    const { horizontal, reversed } = props;\n    const tokens = {\n        ...props.tokens\n    };\n    const { rowGap, columnGap } = parseGap(tokens.childrenGap, theme);\n    const horizontalMargin = `${-0.5 * columnGap.value}${columnGap.unit}`;\n    const verticalMargin = `${-0.5 * rowGap.value}${rowGap.unit}`;\n    return {\n        root: [\n            reversed && horizontal && {\n                '> *:not(:last-child)': {\n                    marginLeft: `${columnGap.value}${columnGap.unit}`\n                }\n            },\n            reversed && !horizontal && {\n                '> *:not(:last-child)': {\n                    marginTop: `${rowGap.value}${rowGap.unit}`\n                }\n            },\n            !reversed && horizontal && {\n                '> *:not(:first-child)': {\n                    marginLeft: `${columnGap.value}${columnGap.unit}`\n                }\n            },\n            !reversed && !horizontal && {\n                '> *:not(:first-child)': {\n                    marginTop: `${rowGap.value}${rowGap.unit}`\n                }\n            }\n        ],\n        inner: [\n            {\n                marginLeft: horizontalMargin,\n                marginRight: horizontalMargin,\n                marginTop: verticalMargin,\n                marginBottom: verticalMargin,\n                width: columnGap.value === 0 ? '100%' : `calc(100% + ${columnGap.value}${columnGap.unit})`,\n                '> *': {\n                    margin: `${0.5 * rowGap.value}${rowGap.unit} ${0.5 * columnGap.value}${columnGap.unit}`\n                }\n            },\n            horizontal && {\n                height: rowGap.value === 0 ? '100%' : `calc(100% + ${rowGap.value}${rowGap.unit})`,\n                '> *': {\n                    maxWidth: columnGap.value === 0 ? '100%' : `calc(100% - ${columnGap.value}${columnGap.unit})`\n                }\n            },\n            !horizontal && {\n                height: `calc(100% + ${rowGap.value}${rowGap.unit})`,\n                '> *': {\n                    maxHeight: rowGap.value === 0 ? '100%' : `calc(100% - ${rowGap.value}${rowGap.unit})`\n                }\n            }\n        ]\n    };\n};\n"],"names":["parseGap","parsePadding","getChildrenGapStyles","getThemedSpacing","space","theme","spacing","hasOwnProperty","getValueUnitGap","gap","numericalPart","parseFloat","numericalValue","isNaN","numericalString","toString","unitPart","substring","length","value","unit","undefined","rowGap","columnGap","splitGap","split","calculatedGap","padding","paddingValues","reduce","padding1","padding2","props","getTheme","horizontal","reversed","tokens","childrenGap","horizontalMargin","verticalMargin","root","marginLeft","marginTop","inner","marginRight","marginBottom","width","margin","height","maxWidth","maxHeight"],"mappings":"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"}
+{"version":3,"sources":["stackUtils.ts"],"sourcesContent":["import { getTheme, IStackProps, IStackTokens, IStyle, ITheme } from '@fluentui/react';\n\n// Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.\nconst getThemedSpacing = (space: string, theme: ITheme): string => {\n  if (theme.spacing.hasOwnProperty(space)) {\n    return theme.spacing[space as keyof typeof theme.spacing];\n  }\n  return space;\n};\n\n// Helper function that takes a gap as a string and converts it into a { value, unit } representation.\nconst getValueUnitGap = (gap: string): { value: number; unit: string } => {\n  const numericalPart = parseFloat(gap);\n  const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;\n  const numericalString = isNaN(numericalPart) ? '' : numericalPart.toString();\n\n  const unitPart = gap.substring(numericalString.toString().length);\n\n  return {\n    value: numericalValue,\n    unit: unitPart || 'px',\n  };\n};\n\n/**\n * Takes in a gap size in either a CSS-style format (e.g. 10 or \"10px\")\n *  or a key of a themed spacing value (e.g. \"s1\").\n * Returns the separate numerical value of the padding (e.g. 10)\n *  and the CSS unit (e.g. \"px\").\n */\nexport const parseGap = (\n  gap: IStackProps['gap'],\n  theme: ITheme,\n): { rowGap: { value: number; unit: string }; columnGap: { value: number; unit: string } } => {\n  if (gap === undefined || gap === '') {\n    return {\n      rowGap: {\n        value: 0,\n        unit: 'px',\n      },\n      columnGap: {\n        value: 0,\n        unit: 'px',\n      },\n    };\n  }\n\n  if (typeof gap === 'number') {\n    return {\n      rowGap: {\n        value: gap,\n        unit: 'px',\n      },\n      columnGap: {\n        value: gap,\n        unit: 'px',\n      },\n    };\n  }\n\n  const splitGap = gap.split(' ');\n\n  // If the array has more than two values, then return 0px.\n  if (splitGap.length > 2) {\n    return {\n      rowGap: {\n        value: 0,\n        unit: 'px',\n      },\n      columnGap: {\n        value: 0,\n        unit: 'px',\n      },\n    };\n  }\n\n  // If the array has two values, then parse each one.\n  if (splitGap.length === 2) {\n    return {\n      rowGap: getValueUnitGap(getThemedSpacing(splitGap[0], theme)),\n      columnGap: getValueUnitGap(getThemedSpacing(splitGap[1], theme)),\n    };\n  }\n\n  // Else, parse the numerical value and pass it as both the vertical and horizontal gap.\n  const calculatedGap = getValueUnitGap(getThemedSpacing(gap, theme));\n\n  return {\n    rowGap: calculatedGap,\n    columnGap: calculatedGap,\n  };\n};\n\n/**\n * Takes in a padding in a CSS-style format (e.g. 10, \"10px\", \"10px 10px\", etc.)\n *  where the separate padding values can also be the key of a themed spacing value\n *  (e.g. \"s1 m\", \"10px l1 20px l2\", etc.).\n * Returns a CSS-style padding.\n */\nexport const parsePadding = (padding: number | string | undefined, theme: ITheme): number | string | undefined => {\n  if (padding === undefined || typeof padding === 'number' || padding === '') {\n    return padding;\n  }\n\n  const paddingValues = padding.split(' ');\n  if (paddingValues.length < 2) {\n    return getThemedSpacing(padding, theme);\n  }\n\n  return paddingValues.reduce((padding1: string, padding2: string) => {\n    return getThemedSpacing(padding1, theme) + ' ' + getThemedSpacing(padding2, theme);\n  });\n};\n\nexport interface StackShimStyles {\n  root?: IStyle;\n  inner?: IStyle;\n}\n/**\n *\n * getStyles function for Stack.tokens.childrenGap prop styling\n */\nexport const getChildrenGapStyles = (props: IStackProps): StackShimStyles => {\n  const theme = getTheme();\n\n  const { horizontal, reversed } = props;\n  const tokens: IStackTokens = { ...props.tokens };\n\n  const { rowGap, columnGap } = parseGap(tokens.childrenGap, theme);\n  const horizontalMargin = `${-0.5 * columnGap.value}${columnGap.unit}`;\n  const verticalMargin = `${-0.5 * rowGap.value}${rowGap.unit}`;\n\n  return {\n    root: [\n      reversed &&\n        horizontal && {\n          '> *:not(:last-child)': {\n            marginLeft: `${columnGap.value}${columnGap.unit}`,\n          },\n        },\n      reversed &&\n        !horizontal && {\n          '> *:not(:last-child)': {\n            marginTop: `${rowGap.value}${rowGap.unit}`,\n          },\n        },\n      !reversed &&\n        horizontal && {\n          '> *:not(:first-child)': {\n            marginLeft: `${columnGap.value}${columnGap.unit}`,\n          },\n        },\n      !reversed &&\n        !horizontal && {\n          '> *:not(:first-child)': {\n            marginTop: `${rowGap.value}${rowGap.unit}`,\n          },\n        },\n    ],\n    inner: [\n      {\n        marginLeft: horizontalMargin,\n        marginRight: horizontalMargin,\n        marginTop: verticalMargin,\n        marginBottom: verticalMargin,\n        width: columnGap.value === 0 ? '100%' : `calc(100% + ${columnGap.value}${columnGap.unit})`,\n        '> *': {\n          margin: `${0.5 * rowGap.value}${rowGap.unit} ${0.5 * columnGap.value}${columnGap.unit}`,\n        },\n      },\n      horizontal && {\n        height: rowGap.value === 0 ? '100%' : `calc(100% + ${rowGap.value}${rowGap.unit})`,\n        '> *': {\n          maxWidth: columnGap.value === 0 ? '100%' : `calc(100% - ${columnGap.value}${columnGap.unit})`,\n        },\n      },\n      !horizontal && {\n        height: `calc(100% + ${rowGap.value}${rowGap.unit})`,\n        '> *': {\n          maxHeight: rowGap.value === 0 ? '100%' : `calc(100% - ${rowGap.value}${rowGap.unit})`,\n        },\n      },\n    ],\n  };\n};\n"],"names":["getChildrenGapStyles","parseGap","parsePadding","getThemedSpacing","space","theme","spacing","hasOwnProperty","getValueUnitGap","gap","numericalPart","parseFloat","numericalValue","isNaN","numericalString","toString","unitPart","substring","length","value","unit","undefined","rowGap","columnGap","splitGap","split","calculatedGap","padding","paddingValues","reduce","padding1","padding2","props","getTheme","horizontal","reversed","tokens","childrenGap","horizontalMargin","verticalMargin","root","marginLeft","marginTop","inner","marginRight","marginBottom","width","margin","height","maxWidth","maxHeight"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './themeDuplicates';\nexport * from './v8ThemeShim';\nexport * from './v9BrandVariantsShim';\nexport * from './v9ThemeShim';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './themeDuplicates';\nexport * from './v8ThemeShim';\nexport * from './v9BrandVariantsShim';\nexport * from './v9ThemeShim';\n"],"names":[],"rangeMappings":";;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/Theme/themeDuplicates.js

@@ -12,15 +12,18 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    grey: function() {
-        return grey;
-    },
-    whiteAlpha: function() {
-        return whiteAlpha;
+    black: function() {
+        return black;
     },
     blackAlpha: function() {
         return blackAlpha;
     },
+    brandWeb: function() {
+        return brandWeb;
+    },
+    grey: function() {
+        return grey;
+    },
     grey10Alpha: function() {
         return grey10Alpha;
     },
@@ -30,20 +33,11 @@ _export(exports, {
     grey14Alpha: function() {
         return grey14Alpha;
     },
-    white: function() {
-        return white;
-    },
-    black: function() {
-        return black;
-    },
-    hcHyperlink: function() {
-        return hcHyperlink;
-    },
-    hcHighlight: function() {
-        return hcHighlight;
+    hcButtonFace: function() {
+        return hcButtonFace;
     },
-    hcDisabled: function() {
-        return hcDisabled;
+    hcButtonText: function() {
+        return hcButtonText;
     },
     hcCanvas: function() {
         return hcCanvas;
@@ -51,20 +45,26 @@ _export(exports, {
     hcCanvasText: function() {
         return hcCanvasText;
     },
+    hcDisabled: function() {
+        return hcDisabled;
+    },
+    hcHighlight: function() {
+        return hcHighlight;
+    },
     hcHighlightText: function() {
         return hcHighlightText;
     },
-    hcButtonText: function() {
-        return hcButtonText;
-    },
-    hcButtonFace: function() {
-        return hcButtonFace;
+    hcHyperlink: function() {
+        return hcHyperlink;
     },
     sharedColors: function() {
         return sharedColors;
     },
-    brandWeb: function() {
-        return brandWeb;
+    white: function() {
+        return white;
+    },
+    whiteAlpha: function() {
+        return whiteAlpha;
     }
 });
 const grey = {