@fluentui/react-migration-v8-v9 1.0.24 → 1.0.26

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

@@ -4,143 +4,134 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StackItemShim = void 0;
-
 const React = /*#__PURE__*/require("react");
-
 const react_1 = /*#__PURE__*/require("@griffel/react");
-
 const stackItemClassNames = {
   root: 'ms-StackItem'
 };
-
 const useStackItemShimStyles = /*#__PURE__*/react_1.__styles({
-  "root": {
-    "Bqenvij": "f11ysow2",
-    "a9b677": "f14z66ap"
+  root: {
+    Bqenvij: "f11ysow2",
+    a9b677: "f14z66ap"
   },
-  "disableShrink": {
-    "Bnnss6s": "fi64zpg"
+  disableShrink: {
+    Bnnss6s: "fi64zpg"
   },
-  "verticalFill": {
-    "Bqenvij": "f1l02sjl"
+  verticalFill: {
+    Bqenvij: "f1l02sjl"
   }
 }, {
-  "d": [".f11ysow2{height:auto;}", ".f14z66ap{width:auto;}", ".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".f1l02sjl{height:100%;}"]
+  d: [".f11ysow2{height:auto;}", ".f14z66ap{width:auto;}", ".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".f1l02sjl{height:100%;}"]
 });
-
 const useFlexAlignSelfStyles = /*#__PURE__*/react_1.__styles({
-  "auto": {
-    "qb2dma": "fio29c6"
+  auto: {
+    qb2dma: "fio29c6"
   },
-  "baseline": {
-    "qb2dma": "f18ssl25"
+  baseline: {
+    qb2dma: "f18ssl25"
   },
-  "center": {
-    "qb2dma": "f7nlbp4"
+  center: {
+    qb2dma: "f7nlbp4"
   },
-  "start": {
-    "qb2dma": "fjgzulp"
+  start: {
+    qb2dma: "fjgzulp"
   },
-  "end": {
-    "qb2dma": "fpydfdc"
+  end: {
+    qb2dma: "fpydfdc"
   },
-  "stretch": {
-    "qb2dma": "f1ub7u0d"
+  stretch: {
+    qb2dma: "f1ub7u0d"
   }
 }, {
-  "d": [".fio29c6{-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}", ".f18ssl25{-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline;}", ".f7nlbp4{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}", ".fjgzulp{-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;}", ".fpydfdc{-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;}", ".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;}"]
+  d: [".fio29c6{-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}", ".f18ssl25{-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline;}", ".f7nlbp4{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}", ".fjgzulp{-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;}", ".fpydfdc{-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;}", ".f1ub7u0d{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;}"]
 });
-
 const useFlexGrowStyles = /*#__PURE__*/react_1.__styles({
   "1": {
-    "Bh6795r": "fqerorx"
+    Bh6795r: "fqerorx"
   },
   "2": {
-    "Bh6795r": "fv68sux"
+    Bh6795r: "fv68sux"
   },
   "3": {
-    "Bh6795r": "f1g5s877"
+    Bh6795r: "f1g5s877"
   },
-  "inherit": {
-    "Bh6795r": "fbrulcr"
+  inherit: {
+    Bh6795r: "fbrulcr"
   },
-  "initial": {
-    "Bh6795r": "fqq5sy3"
+  initial: {
+    Bh6795r: "fqq5sy3"
   },
-  "revert": {
-    "Bh6795r": "f1kc8nlq"
+  revert: {
+    Bh6795r: "f1kc8nlq"
   },
-  "unset": {
-    "Bh6795r": "fepjonw"
+  unset: {
+    Bh6795r: "fepjonw"
   }
 }, {
-  "d": [".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".fv68sux{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}", ".f1g5s877{-webkit-box-flex:3;-webkit-flex-grow:3;-ms-flex-positive:3;flex-grow:3;}", ".fbrulcr{-webkit-box-flex:inherit;-webkit-flex-grow:inherit;-ms-flex-positive:inherit;flex-grow:inherit;}", ".fqq5sy3{-webkit-box-flex:initial;-webkit-flex-grow:initial;-ms-flex-positive:initial;flex-grow:initial;}", ".f1kc8nlq{-webkit-box-flex:revert;-webkit-flex-grow:revert;-ms-flex-positive:revert;flex-grow:revert;}", ".fepjonw{-webkit-box-flex:unset;-webkit-flex-grow:unset;-ms-flex-positive:unset;flex-grow:unset;}"]
+  d: [".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".fv68sux{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}", ".f1g5s877{-webkit-box-flex:3;-webkit-flex-grow:3;-ms-flex-positive:3;flex-grow:3;}", ".fbrulcr{-webkit-box-flex:inherit;-webkit-flex-grow:inherit;-ms-flex-positive:inherit;flex-grow:inherit;}", ".fqq5sy3{-webkit-box-flex:initial;-webkit-flex-grow:initial;-ms-flex-positive:initial;flex-grow:initial;}", ".f1kc8nlq{-webkit-box-flex:revert;-webkit-flex-grow:revert;-ms-flex-positive:revert;flex-grow:revert;}", ".fepjonw{-webkit-box-flex:unset;-webkit-flex-grow:unset;-ms-flex-positive:unset;flex-grow:unset;}"]
 });
-
 const useFlexShrinkStyles = /*#__PURE__*/react_1.__styles({
   "0": {
-    "Bnnss6s": "fi64zpg"
+    Bnnss6s: "fi64zpg"
   },
   "1": {
-    "Bnnss6s": "f1neuvcm"
+    Bnnss6s: "f1neuvcm"
   },
   "2": {
-    "Bnnss6s": "f1nje5c6"
+    Bnnss6s: "f1nje5c6"
   },
-  "inherit": {
-    "Bnnss6s": "f11ln2im"
+  inherit: {
+    Bnnss6s: "f11ln2im"
   },
-  "initial": {
-    "Bnnss6s": "f187621l"
+  initial: {
+    Bnnss6s: "f187621l"
   },
-  "revert": {
-    "Bnnss6s": "f1jq7m8u"
+  revert: {
+    Bnnss6s: "f1jq7m8u"
   },
-  "unset": {
-    "Bnnss6s": "f10s6wei"
+  unset: {
+    Bnnss6s: "f10s6wei"
   }
 }, {
-  "d": [".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".f1nje5c6{-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;}", ".f11ln2im{-webkit-flex-shrink:inherit;-ms-flex-negative:inherit;flex-shrink:inherit;}", ".f187621l{-webkit-flex-shrink:initial;-ms-flex-negative:initial;flex-shrink:initial;}", ".f1jq7m8u{-webkit-flex-shrink:revert;-ms-flex-negative:revert;flex-shrink:revert;}", ".f10s6wei{-webkit-flex-shrink:unset;-ms-flex-negative:unset;flex-shrink:unset;}"]
+  d: [".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".f1nje5c6{-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;}", ".f11ln2im{-webkit-flex-shrink:inherit;-ms-flex-negative:inherit;flex-shrink:inherit;}", ".f187621l{-webkit-flex-shrink:initial;-ms-flex-negative:initial;flex-shrink:initial;}", ".f1jq7m8u{-webkit-flex-shrink:revert;-ms-flex-negative:revert;flex-shrink:revert;}", ".f10s6wei{-webkit-flex-shrink:unset;-ms-flex-negative:unset;flex-shrink:unset;}"]
 });
-
 const useFlexOrderStyles = /*#__PURE__*/react_1.__styles({
   "0": {
-    "Bxn5svx": "f1ftwmyh"
+    Bxn5svx: "f1ftwmyh"
   },
   "1": {
-    "Bxn5svx": "f15wwbgh"
+    Bxn5svx: "f15wwbgh"
   },
   "2": {
-    "Bxn5svx": "f15ak53d"
+    Bxn5svx: "f15ak53d"
   },
   "3": {
-    "Bxn5svx": "f19x901k"
+    Bxn5svx: "f19x901k"
   },
-  "inherit": {
-    "Bxn5svx": "ficp5m6"
+  inherit: {
+    Bxn5svx: "ficp5m6"
   },
-  "initial": {
-    "Bxn5svx": "f1xfv85z"
+  initial: {
+    Bxn5svx: "f1xfv85z"
   },
-  "unset": {
-    "Bxn5svx": "f1ex5c7r"
+  unset: {
+    Bxn5svx: "f1ex5c7r"
   },
-  "revert": {
-    "Bxn5svx": "fgu8tny"
+  revert: {
+    Bxn5svx: "fgu8tny"
   },
   "-3": {
-    "Bxn5svx": "folhkm8"
+    Bxn5svx: "folhkm8"
   },
   "-2": {
-    "Bxn5svx": "f1yml5i9"
+    Bxn5svx: "f1yml5i9"
   },
   "-1": {
-    "Bxn5svx": "f1l5m61u"
+    Bxn5svx: "f1l5m61u"
   }
 }, {
-  "d": [".f1ftwmyh{-webkit-order:0;-ms-flex-order:0;order:0;}", ".f15wwbgh{-webkit-order:1;-ms-flex-order:1;order:1;}", ".f15ak53d{-webkit-order:2;-ms-flex-order:2;order:2;}", ".f19x901k{-webkit-order:3;-ms-flex-order:3;order:3;}", ".ficp5m6{-webkit-order:inherit;-ms-flex-order:inherit;order:inherit;}", ".f1xfv85z{-webkit-order:initial;-ms-flex-order:initial;order:initial;}", ".f1ex5c7r{-webkit-order:unset;-ms-flex-order:unset;order:unset;}", ".fgu8tny{-webkit-order:revert;-ms-flex-order:revert;order:revert;}", ".folhkm8{-webkit-order:-3;-ms-flex-order:-3;order:-3;}", ".f1yml5i9{-webkit-order:-2;-ms-flex-order:-2;order:-2;}", ".f1l5m61u{-webkit-order:-1;-ms-flex-order:-1;order:-1;}"]
+  d: [".f1ftwmyh{-webkit-order:0;-ms-flex-order:0;order:0;}", ".f15wwbgh{-webkit-order:1;-ms-flex-order:1;order:1;}", ".f15ak53d{-webkit-order:2;-ms-flex-order:2;order:2;}", ".f19x901k{-webkit-order:3;-ms-flex-order:3;order:3;}", ".ficp5m6{-webkit-order:inherit;-ms-flex-order:inherit;order:inherit;}", ".f1xfv85z{-webkit-order:initial;-ms-flex-order:initial;order:initial;}", ".f1ex5c7r{-webkit-order:unset;-ms-flex-order:unset;order:unset;}", ".fgu8tny{-webkit-order:revert;-ms-flex-order:revert;order:revert;}", ".folhkm8{-webkit-order:-3;-ms-flex-order:-3;order:-3;}", ".f1yml5i9{-webkit-order:-2;-ms-flex-order:-2;order:-2;}", ".f1l5m61u{-webkit-order:-1;-ms-flex-order:-1;order:-1;}"]
 });
-
 const StackItemShim = props => {
   const {
     grow,
@@ -158,31 +149,25 @@ const StackItemShim = props => {
   const growFlexStyles = useFlexGrowStyles();
   const orderFlexStyles = useFlexOrderStyles();
   const stackItemStyles = [styles.root, align && alignSelfStyles[align], verticalFill && styles.verticalFill];
-
   if (order) {
     stackItemStyles.push(orderFlexStyles[order]);
   }
-
   if (grow) {
     const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];
     stackItemStyles.push(flexGrow);
   }
-
   if (shrink && !disableShrink) {
     stackItemStyles.push(shrinkFlexStyles[1]);
   } else if (disableShrink || !grow && !shrink) {
     stackItemStyles.push(shrinkFlexStyles[0]);
   }
-
   if (disableShrink) {
     stackItemStyles.push(styles.disableShrink);
   }
-
   const rootStyles = react_1.mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);
   return React.createElement("div", {
     className: rootStyles
   }, children);
 };
-
 exports.StackItemShim = StackItemShim;
 //# sourceMappingURL=StackItemShim.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Stack/StackItemShim.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport { IStackItemProps } from '@fluentui/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\n\nconst stackItemClassNames = {\n  root: 'ms-StackItem',\n};\n\nconst useStackItemShimStyles = makeStyles({\n  root: {\n    height: 'auto',\n    width: 'auto',\n  },\n  disableShrink: {\n    flexShrink: 0,\n  },\n  verticalFill: {\n    height: '100%',\n  },\n});\n\nconst 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});\n\nconst 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});\n\nconst 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});\n\nconst 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\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"],"sourceRoot":"../src/"}
+{"version":3,"mappings":";;;;;;AAAA;AAGA;AAEA,MAAMA,mBAAmB,GAAG;EAC1BC,IAAI,EAAE;CACP;AAED,MAAMC,sBAAsB,gBAAGC,gBAAU;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAWvC;AAEF,MAAMC,sBAAsB,gBAAGD,gBAAU;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAmBvC;AAEF,MAAME,iBAAiB,gBAAGF,gBAAU;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAsBlC;AAEF,MAAMG,mBAAmB,gBAAGH,gBAAU;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAsBpC;AAEF,MAAMI,kBAAkB,gBAAGJ,gBAAU;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAkCnC;AAEK,MAAMK,aAAa,GAAIC,KAAsB,IAAI;EACtD,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC,aAAa;IAAEC,KAAK;IAAEC,YAAY;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAQ,CAAE,GAAGR,KAAK;EAE9F,MAAMS,MAAM,GAAGhB,sBAAsB,EAAE;EACvC,MAAMiB,eAAe,GAAGf,sBAAsB,EAAE;EAChD,MAAMgB,gBAAgB,GAAGd,mBAAmB,EAAE;EAC9C,MAAMe,cAAc,GAA2BhB,iBAAiB,EAAE;EAClE,MAAMiB,eAAe,GAA2Bf,kBAAkB,EAAE;EAEpE,MAAMgB,eAAe,GAAG,CAACL,MAAM,CAACjB,IAAI,EAAEY,KAAK,IAAIM,eAAe,CAACN,KAAK,CAAC,EAAEC,YAAY,IAAII,MAAM,CAACJ,YAAY,CAAC;EAE3G,IAAIC,KAAK,EAAE;IACTQ,eAAe,CAACC,IAAI,CAACF,eAAe,CAACP,KAAK,CAAC,CAAC;;EAG9C,IAAIL,IAAI,EAAE;IACR,MAAMe,QAAQ,GAAGf,IAAI,KAAK,IAAI,GAAGW,cAAc,CAAC,CAAC,CAAC,GAAGA,cAAc,CAACX,IAAI,CAAC;IACzEa,eAAe,CAACC,IAAI,CAACC,QAAQ,CAAC;;EAGhC,IAAId,MAAM,IAAI,CAACC,aAAa,EAAE;IAC5BW,eAAe,CAACC,IAAI,CAACJ,gBAAgB,CAAC,CAAC,CAAC,CAAC;GAC1C,MAAM,IAAIR,aAAa,IAAK,CAACF,IAAI,IAAI,CAACC,MAAO,EAAE;IAC9CY,eAAe,CAACC,IAAI,CAACJ,gBAAgB,CAAC,CAAC,CAAC,CAAC;;EAG3C,IAAIR,aAAa,EAAE;IACjBW,eAAe,CAACC,IAAI,CAACN,MAAM,CAACN,aAAa,CAAC;;EAG5C,MAAMc,UAAU,GAAGvB,oBAAY,CAACH,mBAAmB,CAACC,IAAI,EAAE,GAAGsB,eAAe,EAAEP,SAAS,CAAC;EAExF,OAAOW;IAAKX,SAAS,EAAEU;EAAU,GAAGT,QAAQ,CAAO;AACrD,CAAC;AAjCYW,qBAAa","names":["stackItemClassNames","root","useStackItemShimStyles","react_1","useFlexAlignSelfStyles","useFlexGrowStyles","useFlexShrinkStyles","useFlexOrderStyles","StackItemShim","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","alignSelfStyles","shrinkFlexStyles","growFlexStyles","orderFlexStyles","stackItemStyles","push","flexGrow","rootStyles","React","exports"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Stack/StackItemShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { IStackItemProps } from '@fluentui/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\n\nconst stackItemClassNames = {\n  root: 'ms-StackItem',\n};\n\nconst useStackItemShimStyles = makeStyles({\n  root: {\n    height: 'auto',\n    width: 'auto',\n  },\n  disableShrink: {\n    flexShrink: 0,\n  },\n  verticalFill: {\n    height: '100%',\n  },\n});\n\nconst 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});\n\nconst 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});\n\nconst 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});\n\nconst 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\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"]}

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

@@ -4,151 +4,141 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StackShim = void 0;
-
 const React = /*#__PURE__*/require("react");
-
 const react_1 = /*#__PURE__*/require("@fluentui/react");
-
 const react_2 = /*#__PURE__*/require("@griffel/react");
-
 const stackUtils_1 = /*#__PURE__*/require("./stackUtils");
-
 const stackClassNames = {
   root: 'ms-Stack',
   inner: 'ms-Stack-inner'
 };
 const getClassNames = /*#__PURE__*/react_1.classNamesFunction();
-
 const useStackStyles = /*#__PURE__*/react_2.__styles({
-  "root": {
-    "mc9l5x": "f22iagw",
-    "Beiy3e4": "f1vx9l62",
-    "Eh141a": "flvyvdh",
-    "a9b677": "f14z66ap",
-    "Bqenvij": "f11ysow2",
-    "B7ck84d": "f1ewtqcl",
-    "Bj0s3o2": "fh9g2hb",
-    "alpwn5": "f1mj8y37"
-  },
-  "horizontal": {
-    "Beiy3e4": "f1063pyq"
-  },
-  "verticalFill": {
-    "Bqenvij": "f1l02sjl"
-  },
-  "reversedVertical": {
-    "Beiy3e4": "f1gkdon0"
-  },
-  "reversedHorizontal": {
-    "Beiy3e4": "f1oztnx0"
-  },
-  "disableShrink": {
-    "alpwn5": "f1am4glz"
-  },
-  "wrap": {
-    "mc9l5x": "f22iagw",
-    "Eh141a": "fni485r",
-    "Bqenvij": "f1l02sjl"
-  },
-  "inner": {
-    "mc9l5x": "f22iagw",
-    "Beiy3e4": "f1vx9l62",
-    "Eh141a": "fni485r",
-    "B7ck84d": "f1ewtqcl",
-    "B2u0y6b": "f1w39fev",
-    "alpwn5": "f1mj8y37"
-  },
-  "innerWidth": {
-    "a9b677": "fly5x3f"
+  root: {
+    mc9l5x: "f22iagw",
+    Beiy3e4: "f1vx9l62",
+    Eh141a: "flvyvdh",
+    a9b677: "f14z66ap",
+    Bqenvij: "f11ysow2",
+    B7ck84d: "f1ewtqcl",
+    Bj0s3o2: "fh9g2hb",
+    alpwn5: "f1mj8y37"
+  },
+  horizontal: {
+    Beiy3e4: "f1063pyq"
+  },
+  verticalFill: {
+    Bqenvij: "f1l02sjl"
+  },
+  reversedVertical: {
+    Beiy3e4: "f1gkdon0"
+  },
+  reversedHorizontal: {
+    Beiy3e4: "f1oztnx0"
+  },
+  disableShrink: {
+    alpwn5: "f1am4glz"
+  },
+  wrap: {
+    mc9l5x: "f22iagw",
+    Eh141a: "fni485r",
+    Bqenvij: "f1l02sjl"
+  },
+  inner: {
+    mc9l5x: "f22iagw",
+    Beiy3e4: "f1vx9l62",
+    Eh141a: "fni485r",
+    B7ck84d: "f1ewtqcl",
+    B2u0y6b: "f1w39fev",
+    alpwn5: "f1mj8y37"
+  },
+  innerWidth: {
+    a9b677: "fly5x3f"
   }
 }, {
-  "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}", ".f14z66ap{width:auto;}", ".f11ysow2{height:auto;}", ".f1ewtqcl{box-sizing:border-box;}", ".fh9g2hb>*{text-overflow:ellipsis;}", ".f1mj8y37>*:not(.ms-StackItem){-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".f1l02sjl{height:100%;}", ".f1gkdon0{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}", ".f1oztnx0{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}", ".f1am4glz>*:not(.ms-StackItem){-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".fni485r{-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}", ".f1w39fev{max-width:100vw;}", ".fly5x3f{width:100%;}"]
+  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}", ".f14z66ap{width:auto;}", ".f11ysow2{height:auto;}", ".f1ewtqcl{box-sizing:border-box;}", ".fh9g2hb>*{text-overflow:ellipsis;}", ".f1mj8y37>*:not(.ms-StackItem){-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".f1l02sjl{height:100%;}", ".f1gkdon0{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}", ".f1oztnx0{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}", ".f1am4glz>*:not(.ms-StackItem){-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".fni485r{-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}", ".f1w39fev{max-width:100vw;}", ".fly5x3f{width:100%;}"]
 });
-
 const useFlexGrowStyles = /*#__PURE__*/react_2.__styles({
   "1": {
-    "Bh6795r": "fqerorx"
+    Bh6795r: "fqerorx"
   },
   "2": {
-    "Bh6795r": "fv68sux"
+    Bh6795r: "fv68sux"
   },
   "3": {
-    "Bh6795r": "f1g5s877"
+    Bh6795r: "f1g5s877"
   },
-  "inherit": {
-    "Bh6795r": "fbrulcr"
+  inherit: {
+    Bh6795r: "fbrulcr"
   },
-  "initial": {
-    "Bh6795r": "fqq5sy3"
+  initial: {
+    Bh6795r: "fqq5sy3"
   },
-  "revert": {
-    "Bh6795r": "f1kc8nlq"
+  revert: {
+    Bh6795r: "f1kc8nlq"
   },
-  "unset": {
-    "Bh6795r": "fepjonw"
+  unset: {
+    Bh6795r: "fepjonw"
   }
 }, {
-  "d": [".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".fv68sux{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}", ".f1g5s877{-webkit-box-flex:3;-webkit-flex-grow:3;-ms-flex-positive:3;flex-grow:3;}", ".fbrulcr{-webkit-box-flex:inherit;-webkit-flex-grow:inherit;-ms-flex-positive:inherit;flex-grow:inherit;}", ".fqq5sy3{-webkit-box-flex:initial;-webkit-flex-grow:initial;-ms-flex-positive:initial;flex-grow:initial;}", ".f1kc8nlq{-webkit-box-flex:revert;-webkit-flex-grow:revert;-ms-flex-positive:revert;flex-grow:revert;}", ".fepjonw{-webkit-box-flex:unset;-webkit-flex-grow:unset;-ms-flex-positive:unset;flex-grow:unset;}"]
+  d: [".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".fv68sux{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}", ".f1g5s877{-webkit-box-flex:3;-webkit-flex-grow:3;-ms-flex-positive:3;flex-grow:3;}", ".fbrulcr{-webkit-box-flex:inherit;-webkit-flex-grow:inherit;-ms-flex-positive:inherit;flex-grow:inherit;}", ".fqq5sy3{-webkit-box-flex:initial;-webkit-flex-grow:initial;-ms-flex-positive:initial;flex-grow:initial;}", ".f1kc8nlq{-webkit-box-flex:revert;-webkit-flex-grow:revert;-ms-flex-positive:revert;flex-grow:revert;}", ".fepjonw{-webkit-box-flex:unset;-webkit-flex-grow:unset;-ms-flex-positive:unset;flex-grow:unset;}"]
 });
-
 const useFlexAlignItemsStyles = /*#__PURE__*/react_2.__styles({
-  "baseline": {
-    "Bt984gj": "f1guyajx"
+  baseline: {
+    Bt984gj: "f1guyajx"
   },
-  "center": {
-    "Bt984gj": "f122n59"
+  center: {
+    Bt984gj: "f122n59"
   },
-  "start": {
-    "Bt984gj": "f6jr5hl"
+  start: {
+    Bt984gj: "f6jr5hl"
   },
-  "end": {
-    "Bt984gj": "fgs5rwf"
+  end: {
+    Bt984gj: "fgs5rwf"
   },
-  "stretch": {
-    "Bt984gj": "f1q9h2pe"
+  stretch: {
+    Bt984gj: "f1q9h2pe"
   },
   "space-between": {
-    "Bt984gj": "f1jkqsad"
+    Bt984gj: "f1jkqsad"
   },
   "space-around": {
-    "Bt984gj": "ftnnmgl"
+    Bt984gj: "ftnnmgl"
   },
   "space-evenly": {
-    "Bt984gj": "f1uhtmqw"
+    Bt984gj: "f1uhtmqw"
   }
 }, {
-  "d": [".f1guyajx{-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f6jr5hl{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}", ".fgs5rwf{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}", ".f1q9h2pe{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}", ".f1jkqsad{-webkit-align-items:space-between;-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between;}", ".ftnnmgl{-webkit-align-items:space-around;-webkit-box-align:space-around;-ms-flex-align:space-around;align-items:space-around;}", ".f1uhtmqw{-webkit-align-items:space-evenly;-webkit-box-align:space-evenly;-ms-flex-align:space-evenly;align-items:space-evenly;}"]
+  d: [".f1guyajx{-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f6jr5hl{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}", ".fgs5rwf{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}", ".f1q9h2pe{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}", ".f1jkqsad{-webkit-align-items:space-between;-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between;}", ".ftnnmgl{-webkit-align-items:space-around;-webkit-box-align:space-around;-ms-flex-align:space-around;align-items:space-around;}", ".f1uhtmqw{-webkit-align-items:space-evenly;-webkit-box-align:space-evenly;-ms-flex-align:space-evenly;align-items:space-evenly;}"]
 });
-
 const useFlexJustifyContentStyles = /*#__PURE__*/react_2.__styles({
-  "baseline": {
-    "Brf1p80": "f1uf0ky1"
+  baseline: {
+    Brf1p80: "f1uf0ky1"
   },
-  "center": {
-    "Brf1p80": "f4d9j23"
+  center: {
+    Brf1p80: "f4d9j23"
   },
-  "start": {
-    "Brf1p80": "fbhxue7"
+  start: {
+    Brf1p80: "fbhxue7"
   },
-  "end": {
-    "Brf1p80": "f9c4gz4"
+  end: {
+    Brf1p80: "f9c4gz4"
   },
-  "stretch": {
-    "Brf1p80": "fsxf2b5"
+  stretch: {
+    Brf1p80: "fsxf2b5"
   },
   "space-between": {
-    "Brf1p80": "f1869bpl"
+    Brf1p80: "f1869bpl"
   },
   "space-around": {
-    "Brf1p80": "f1iw3tyt"
+    Brf1p80: "f1iw3tyt"
   },
   "space-evenly": {
-    "Brf1p80": "figf6al"
+    Brf1p80: "figf6al"
   }
 }, {
-  "d": [".f1uf0ky1{-webkit-box-pack:baseline;-ms-flex-pack:baseline;-webkit-justify-content:baseline;justify-content:baseline;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fbhxue7{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}", ".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}", ".fsxf2b5{-webkit-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;}", ".f1869bpl{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}", ".f1iw3tyt{-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;justify-content:space-around;}", ".figf6al{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly;}"]
+  d: [".f1uf0ky1{-webkit-box-pack:baseline;-ms-flex-pack:baseline;-webkit-justify-content:baseline;justify-content:baseline;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fbhxue7{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}", ".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}", ".fsxf2b5{-webkit-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;}", ".f1869bpl{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}", ".f1iw3tyt{-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;justify-content:space-around;}", ".figf6al{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly;}"]
 });
-
 const StackShim = props => {
   const styles = useStackStyles();
   const alignItemsFlexStyles = useFlexAlignItemsStyles();
@@ -166,12 +156,12 @@ const StackShim = props => {
     disableShrink,
     className
   } = props;
-  const tokens = { ...props.tokens
+  const tokens = {
+    ...props.tokens
   };
   let tokensRootStyles = {};
   let tokensInnerStyles = {};
   let childrenGapClassName;
-
   if (tokens) {
     tokensRootStyles = {
       padding: !wrap ? tokens.padding : undefined,
@@ -181,7 +171,6 @@ const StackShim = props => {
     tokensInnerStyles = {
       padding: wrap ? tokens.padding : undefined
     };
-
     if (tokens.childrenGap) {
       childrenGapClassName = getClassNames(stackUtils_1.getChildrenGapStyles, {
         horizontal,
@@ -190,32 +179,27 @@ const StackShim = props => {
       });
     }
   }
-
   const stackStyles = [wrap ? styles.wrap : styles.root, horizontal && styles.horizontal, verticalFill && styles.verticalFill];
   const stackInnerStyles = [styles.inner, horizontal && styles.horizontal, (!tokens || !tokens.childrenGap) && styles.innerWidth];
   let stackChildren = React.Children.toArray(props.children);
-
   if (stackChildren.length === 1 && React.isValidElement(stackChildren[0]) && stackChildren[0].type === React.Fragment) {
     stackChildren = stackChildren[0].props.children;
   }
-
   stackChildren = React.Children.map(stackChildren, child => {
     if (!child) {
       return null;
     }
-
     if (child.type && child.type.name === 'StackItemShim') {
       const defaultItemProps = {
         shrink: !disableShrink
       };
-      return React.cloneElement(child, { ...defaultItemProps,
+      return React.cloneElement(child, {
+        ...defaultItemProps,
         ...child.props
       });
     }
-
     return child;
   });
-
   if (reversed) {
     if (horizontal) {
       stackStyles.push(styles.reversedHorizontal);
@@ -225,16 +209,13 @@ const StackShim = props => {
       stackInnerStyles.push(styles.reversedVertical);
     }
   }
-
   if (grow) {
     const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];
     stackStyles.push(flexGrow);
   }
-
   if (disableShrink) {
     stackStyles.push(styles.disableShrink);
   }
-
   if (horizontalAlign) {
     if (horizontal) {
       stackStyles.push(justifyContentFlexStyles[horizontalAlign]);
@@ -244,7 +225,6 @@ const StackShim = props => {
       stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);
     }
   }
-
   if (verticalAlign) {
     if (horizontal) {
       stackStyles.push(alignItemsFlexStyles[verticalAlign]);
@@ -254,7 +234,6 @@ const StackShim = props => {
       stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);
     }
   }
-
   const rootClass = react_2.mergeClasses(stackClassNames.root, ...stackStyles, childrenGapClassName && !wrap && childrenGapClassName.root, className);
   const innerClass = react_2.mergeClasses(stackClassNames.inner, ...stackInnerStyles, childrenGapClassName && wrap && childrenGapClassName.inner);
   return wrap ? React.createElement(RootType, {
@@ -268,6 +247,5 @@ const StackShim = props => {
     style: tokensRootStyles
   }, stackChildren);
 };
-
 exports.StackShim = StackShim;
 //# sourceMappingURL=StackShim.js.map