@fluentui/react-migration-v8-v9 9.2.9 → 9.2.11

package/CHANGELOG.json

@@ -2,7 +2,81 @@
   "name": "@fluentui/react-migration-v8-v9",
   "entries": [
     {
-      "date": "Mon, 17 Apr 2023 17:50:13 GMT",
+      "date": "Fri, 12 May 2023 20:21:57 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v9.2.11",
+      "version": "9.2.11",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "dbda7fa69e3000aaf8dd4a061e254ebd35198b8e",
+            "comment": "fix: update npmignore files to fix npm8/node16 regression how npm publish works"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "90751623b9cac848b95dd624d601e7617f96ba5a",
+            "comment": "chore: enable build-less DX for storybook"
+          }
+        ],
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "43d6e99d28aa0e7bd7111f1043348683646eaa5b",
+            "comment": "chore: move makeStyles() calls to .styles.ts files"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "c28decb23d191a0daaaf6d5d1832429715102129",
+            "comment": "chore: exclude .swcrc from being published"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-components to v9.20.0",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-theme to v9.1.8",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-utilities to v9.8.1",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 24 Apr 2023 08:12:46 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v9.2.10",
+      "version": "9.2.10",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-components to v9.19.1",
+            "commit": "505433ac64f144c9cca456097413d6af4582e5ee"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 17 Apr 2023 17:54:02 GMT",
       "tag": "@fluentui/react-migration-v8-v9_v9.2.9",
       "version": "9.2.9",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,35 @@
 # Change Log - @fluentui/react-migration-v8-v9
 
-This log was last generated on Mon, 17 Apr 2023 17:50:13 GMT and should not be manually modified.
+This log was last generated on Fri, 12 May 2023 20:21:57 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.11)
+
+Fri, 12 May 2023 20:21:57 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.2.10..@fluentui/react-migration-v8-v9_v9.2.11)
+
+### Patches
+
+- chore: move makeStyles() calls to .styles.ts files ([PR #27708](https://github.com/microsoft/fluentui/pull/27708) by olfedias@microsoft.com)
+- chore: exclude .swcrc from being published ([PR #27740](https://github.com/microsoft/fluentui/pull/27740) by olfedias@microsoft.com)
+- Bump @fluentui/react-components to v9.20.0 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-theme to v9.1.8 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-utilities to v9.8.1 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+
+## [9.2.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.10)
+
+Mon, 24 Apr 2023 08:12:46 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.2.9..@fluentui/react-migration-v8-v9_v9.2.10)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.19.1 ([commit](https://github.com/microsoft/fluentui/commit/505433ac64f144c9cca456097413d6af4582e5ee) by beachball)
+
 ## [9.2.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.9)
 
-Mon, 17 Apr 2023 17:50:13 GMT 
+Mon, 17 Apr 2023 17:54:02 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.2.8..@fluentui/react-migration-v8-v9_v9.2.9)
 
 ### Patches

package/dist/index.d.ts

@@ -7,7 +7,7 @@ import type { IButtonProps } from '@fluentui/react';
 import type { IContextualMenuItem } from '@fluentui/react';
 import type { IContextualMenuProps } from '@fluentui/react';
 import type { IPalette } from '@fluentui/react';
-import { IStackItemProps } from '@fluentui/react';
+import type { IStackItemProps } from '@fluentui/react';
 import type { IStackProps } from '@fluentui/react';
 import type { MenuProps } from '@fluentui/react-menu';
 import * as React_2 from 'react';

package/lib/components/Stack/StackItemShim.js

@@ -1,131 +1,9 @@
+import { mergeClasses } from '@griffel/react';
 import * as React from 'react';
-import { __styles, mergeClasses } from '@griffel/react';
+import { useFlexAlignSelfStyles, useFlexGrowStyles, useFlexOrderStyles, useFlexShrinkStyles, useStackItemShimStyles } from './StackItemShim.styles';
 const stackItemClassNames = {
   root: 'ms-StackItem'
 };
-const useStackItemShimStyles = /*#__PURE__*/__styles({
-  root: {
-    Bqenvij: "f11ysow2",
-    a9b677: "f14z66ap"
-  },
-  disableShrink: {
-    Bnnss6s: "fi64zpg"
-  },
-  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%;}"]
-});
-const useFlexAlignSelfStyles = /*#__PURE__*/__styles({
-  auto: {
-    qb2dma: "fio29c6"
-  },
-  baseline: {
-    qb2dma: "f18ssl25"
-  },
-  center: {
-    qb2dma: "f7nlbp4"
-  },
-  start: {
-    qb2dma: "fjgzulp"
-  },
-  end: {
-    qb2dma: "fpydfdc"
-  },
-  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;}"]
-});
-const useFlexGrowStyles = /*#__PURE__*/__styles({
-  "1": {
-    Bh6795r: "fqerorx"
-  },
-  "2": {
-    Bh6795r: "fv68sux"
-  },
-  "3": {
-    Bh6795r: "f1g5s877"
-  },
-  inherit: {
-    Bh6795r: "fbrulcr"
-  },
-  initial: {
-    Bh6795r: "fqq5sy3"
-  },
-  revert: {
-    Bh6795r: "f1kc8nlq"
-  },
-  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;}"]
-});
-const useFlexShrinkStyles = /*#__PURE__*/__styles({
-  "0": {
-    Bnnss6s: "fi64zpg"
-  },
-  "1": {
-    Bnnss6s: "f1neuvcm"
-  },
-  "2": {
-    Bnnss6s: "f1nje5c6"
-  },
-  inherit: {
-    Bnnss6s: "f11ln2im"
-  },
-  initial: {
-    Bnnss6s: "f187621l"
-  },
-  revert: {
-    Bnnss6s: "f1jq7m8u"
-  },
-  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;}"]
-});
-const useFlexOrderStyles = /*#__PURE__*/__styles({
-  "0": {
-    Bxn5svx: "f1ftwmyh"
-  },
-  "1": {
-    Bxn5svx: "f15wwbgh"
-  },
-  "2": {
-    Bxn5svx: "f15ak53d"
-  },
-  "3": {
-    Bxn5svx: "f19x901k"
-  },
-  inherit: {
-    Bxn5svx: "ficp5m6"
-  },
-  initial: {
-    Bxn5svx: "f1xfv85z"
-  },
-  unset: {
-    Bxn5svx: "f1ex5c7r"
-  },
-  revert: {
-    Bxn5svx: "fgu8tny"
-  },
-  "-3": {
-    Bxn5svx: "folhkm8"
-  },
-  "-2": {
-    Bxn5svx: "f1yml5i9"
-  },
-  "-1": {
-    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;}"]
-});
 export const StackItemShim = props => {
   const {
     grow,

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

@@ -1 +1 @@
-{"version":3,"names":["React","__styles","mergeClasses","stackItemClassNames","root","useStackItemShimStyles","Bqenvij","a9b677","disableShrink","Bnnss6s","verticalFill","d","useFlexAlignSelfStyles","auto","qb2dma","baseline","center","start","end","stretch","useFlexGrowStyles","Bh6795r","inherit","initial","revert","unset","useFlexShrinkStyles","useFlexOrderStyles","Bxn5svx","StackItemShim","props","grow","shrink","align","order","className","children","styles","alignSelfStyles","shrinkFlexStyles","growFlexStyles","orderFlexStyles","stackItemStyles","push","flexGrow","rootStyles","createElement"],"sources":["../../../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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,SAAAC,QAAA,EAAqBC,YAAY,QAAQ;AAEzC,MAAMC,mBAAA,GAAsB;EAC1BC,IAAA,EAAM;AACR;AAEA,MAAMC,sBAAA,gBAAyBJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,MAAA;EAAA;EAAAC,aAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAJ,OAAA;EAAA;AAAA;EAAAK,CAAA;AAAA,EAW/B;AAEA,MAAMC,sBAAA,gBAAyBX,QAAA;EAAAY,IAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAD,MAAA;EAAA;EAAAE,MAAA;IAAAF,MAAA;EAAA;EAAAG,KAAA;IAAAH,MAAA;EAAA;EAAAI,GAAA;IAAAJ,MAAA;EAAA;EAAAK,OAAA;IAAAL,MAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,EAmB/B;AAEA,MAAMS,iBAAA,gBAAoBnB,QAAA;EAAA;IAAAoB,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAC,OAAA;IAAAD,OAAA;EAAA;EAAAE,OAAA;IAAAF,OAAA;EAAA;EAAAG,MAAA;IAAAH,OAAA;EAAA;EAAAI,KAAA;IAAAJ,OAAA;EAAA;AAAA;EAAAV,CAAA;AAAA,EAsB1B;AAEA,MAAMe,mBAAA,gBAAsBzB,QAAA;EAAA;IAAAQ,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAa,OAAA;IAAAb,OAAA;EAAA;EAAAc,OAAA;IAAAd,OAAA;EAAA;EAAAe,MAAA;IAAAf,OAAA;EAAA;EAAAgB,KAAA;IAAAhB,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,EAsB5B;AAEA,MAAMgB,kBAAA,gBAAqB1B,QAAA;EAAA;IAAA2B,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAN,OAAA;IAAAM,OAAA;EAAA;EAAAL,OAAA;IAAAK,OAAA;EAAA;EAAAH,KAAA;IAAAG,OAAA;EAAA;EAAAJ,MAAA;IAAAI,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAjB,CAAA;AAAA,EAkC3B;AAEA,OAAO,MAAMkB,aAAA,GAAiBC,KAAA,IAA2B;EACvD,MAAM;IAAEC,IAAA;IAAMC,MAAA;IAAQxB,aAAA;IAAeyB,KAAA;IAAOvB,YAAA;IAAcwB,KAAA;IAAOC,SAAA;IAAWC;EAAQ,CAAE,GAAGN,KAAA;EAEzF,MAAMO,MAAA,GAAShC,sBAAA;EACf,MAAMiC,eAAA,GAAkB1B,sBAAA;EACxB,MAAM2B,gBAAA,GAAmBb,mBAAA;EACzB,MAAMc,cAAA,GAAyCpB,iBAAA;EAC/C,MAAMqB,eAAA,GAA0Cd,kBAAA;EAEhD,MAAMe,eAAA,GAAkB,CAACL,MAAA,CAAOjC,IAAI,EAAE6B,KAAA,IAASK,eAAe,CAACL,KAAA,CAAM,EAAEvB,YAAA,IAAgB2B,MAAA,CAAO3B,YAAY,CAAC;EAE3G,IAAIwB,KAAA,EAAO;IACTQ,eAAA,CAAgBC,IAAI,CAACF,eAAe,CAACP,KAAA,CAAM;EAC7C;EAEA,IAAIH,IAAA,EAAM;IACR,MAAMa,QAAA,GAAWb,IAAA,KAAS,IAAI,GAAGS,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACT,IAAA,CAAK;IACzEW,eAAA,CAAgBC,IAAI,CAACC,QAAA;EACvB;EAEA,IAAIZ,MAAA,IAAU,CAACxB,aAAA,EAAe;IAC5BkC,eAAA,CAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;EAC1C,OAAO,IAAI/B,aAAA,IAAkB,CAACuB,IAAA,IAAQ,CAACC,MAAA,EAAS;IAC9CU,eAAA,CAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;EAC1C;EAEA,IAAI/B,aAAA,EAAe;IACjBkC,eAAA,CAAgBC,IAAI,CAACN,MAAA,CAAO7B,aAAa;EAC3C;EAEA,MAAMqC,UAAA,GAAa3C,YAAA,CAAaC,mBAAA,CAAoBC,IAAI,KAAKsC,eAAA,EAAiBP,SAAA;EAE9E,oBAAOnC,KAAA,CAAA8C,aAAA,CAAC;IAAIX,SAAA,EAAWU;KAAaT,QAAA;AACtC"}
+{"version":3,"names":["mergeClasses","React","useFlexAlignSelfStyles","useFlexGrowStyles","useFlexOrderStyles","useFlexShrinkStyles","useStackItemShimStyles","stackItemClassNames","root","StackItemShim","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","alignSelfStyles","shrinkFlexStyles","growFlexStyles","orderFlexStyles","stackItemStyles","push","flexGrow","rootStyles","createElement"],"sources":["../../../src/components/Stack/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"],"mappings":"AAAA,SAASA,YAAY,QAAQ;AAC7B,YAAYC,KAAA,MAAW;AAGvB,SACEC,sBAAsB,EACtBC,iBAAiB,EACjBC,kBAAkB,EAClBC,mBAAmB,EACnBC,sBAAsB,QACjB;AAEP,MAAMC,mBAAA,GAAsB;EAC1BC,IAAA,EAAM;AACR;AAEA,OAAO,MAAMC,aAAA,GAAiBC,KAAA,IAA2B;EACvD,MAAM;IAAEC,IAAA;IAAMC,MAAA;IAAQC,aAAA;IAAeC,KAAA;IAAOC,YAAA;IAAcC,KAAA;IAAOC,SAAA;IAAWC;EAAQ,CAAE,GAAGR,KAAA;EAEzF,MAAMS,MAAA,GAASb,sBAAA;EACf,MAAMc,eAAA,GAAkBlB,sBAAA;EACxB,MAAMmB,gBAAA,GAAmBhB,mBAAA;EACzB,MAAMiB,cAAA,GAAyCnB,iBAAA;EAC/C,MAAMoB,eAAA,GAA0CnB,kBAAA;EAEhD,MAAMoB,eAAA,GAAkB,CAACL,MAAA,CAAOX,IAAI,EAAEM,KAAA,IAASM,eAAe,CAACN,KAAA,CAAM,EAAEC,YAAA,IAAgBI,MAAA,CAAOJ,YAAY,CAAC;EAE3G,IAAIC,KAAA,EAAO;IACTQ,eAAA,CAAgBC,IAAI,CAACF,eAAe,CAACP,KAAA,CAAM;EAC7C;EAEA,IAAIL,IAAA,EAAM;IACR,MAAMe,QAAA,GAAWf,IAAA,KAAS,IAAI,GAAGW,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACX,IAAA,CAAK;IACzEa,eAAA,CAAgBC,IAAI,CAACC,QAAA;EACvB;EAEA,IAAId,MAAA,IAAU,CAACC,aAAA,EAAe;IAC5BW,eAAA,CAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;EAC1C,OAAO,IAAIR,aAAA,IAAkB,CAACF,IAAA,IAAQ,CAACC,MAAA,EAAS;IAC9CY,eAAA,CAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;EAC1C;EAEA,IAAIR,aAAA,EAAe;IACjBW,eAAA,CAAgBC,IAAI,CAACN,MAAA,CAAON,aAAa;EAC3C;EAEA,MAAMc,UAAA,GAAa3B,YAAA,CAAaO,mBAAA,CAAoBC,IAAI,KAAKgB,eAAA,EAAiBP,SAAA;EAE9E,oBAAOhB,KAAA,CAAA2B,aAAA,CAAC;IAAIX,SAAA,EAAWU;KAAaT,QAAA;AACtC"}

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

@@ -0,0 +1,125 @@
+import { __styles } from '@griffel/react';
+export const useStackItemShimStyles = /*#__PURE__*/__styles({
+  root: {
+    Bqenvij: "f11ysow2",
+    a9b677: "f14z66ap"
+  },
+  disableShrink: {
+    Bnnss6s: "fi64zpg"
+  },
+  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%;}"]
+});
+export const useFlexAlignSelfStyles = /*#__PURE__*/__styles({
+  auto: {
+    qb2dma: "fio29c6"
+  },
+  baseline: {
+    qb2dma: "f18ssl25"
+  },
+  center: {
+    qb2dma: "f7nlbp4"
+  },
+  start: {
+    qb2dma: "fjgzulp"
+  },
+  end: {
+    qb2dma: "fpydfdc"
+  },
+  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;}"]
+});
+export const useFlexGrowStyles = /*#__PURE__*/__styles({
+  "1": {
+    Bh6795r: "fqerorx"
+  },
+  "2": {
+    Bh6795r: "fv68sux"
+  },
+  "3": {
+    Bh6795r: "f1g5s877"
+  },
+  inherit: {
+    Bh6795r: "fbrulcr"
+  },
+  initial: {
+    Bh6795r: "fqq5sy3"
+  },
+  revert: {
+    Bh6795r: "f1kc8nlq"
+  },
+  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;}"]
+});
+export const useFlexShrinkStyles = /*#__PURE__*/__styles({
+  "0": {
+    Bnnss6s: "fi64zpg"
+  },
+  "1": {
+    Bnnss6s: "f1neuvcm"
+  },
+  "2": {
+    Bnnss6s: "f1nje5c6"
+  },
+  inherit: {
+    Bnnss6s: "f11ln2im"
+  },
+  initial: {
+    Bnnss6s: "f187621l"
+  },
+  revert: {
+    Bnnss6s: "f1jq7m8u"
+  },
+  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;}"]
+});
+export const useFlexOrderStyles = /*#__PURE__*/__styles({
+  "0": {
+    Bxn5svx: "f1ftwmyh"
+  },
+  "1": {
+    Bxn5svx: "f15wwbgh"
+  },
+  "2": {
+    Bxn5svx: "f15ak53d"
+  },
+  "3": {
+    Bxn5svx: "f19x901k"
+  },
+  inherit: {
+    Bxn5svx: "ficp5m6"
+  },
+  initial: {
+    Bxn5svx: "f1xfv85z"
+  },
+  unset: {
+    Bxn5svx: "f1ex5c7r"
+  },
+  revert: {
+    Bxn5svx: "fgu8tny"
+  },
+  "-3": {
+    Bxn5svx: "folhkm8"
+  },
+  "-2": {
+    Bxn5svx: "f1yml5i9"
+  },
+  "-1": {
+    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;}"]
+});
+//# sourceMappingURL=StackItemShim.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","useStackItemShimStyles","root","Bqenvij","a9b677","disableShrink","Bnnss6s","verticalFill","d","useFlexAlignSelfStyles","auto","qb2dma","baseline","center","start","end","stretch","useFlexGrowStyles","Bh6795r","inherit","initial","revert","unset","useFlexShrinkStyles","useFlexOrderStyles","Bxn5svx"],"sources":["../../../src/components/Stack/StackItemShim.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\n\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});\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});\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});\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});\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"],"mappings":"AAAA,SAAAA,QAAA,QAA2B;AAE3B,OAAO,MAAMC,sBAAA,gBAAyBD,QAAA;EAAAE,IAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,aAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAJ,OAAA;EAAA;AAAA;EAAAK,CAAA;AAAA,EAWtC;AAEA,OAAO,MAAMC,sBAAA,gBAAyBT,QAAA;EAAAU,IAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAD,MAAA;EAAA;EAAAE,MAAA;IAAAF,MAAA;EAAA;EAAAG,KAAA;IAAAH,MAAA;EAAA;EAAAI,GAAA;IAAAJ,MAAA;EAAA;EAAAK,OAAA;IAAAL,MAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,EAmBtC;AAEA,OAAO,MAAMS,iBAAA,gBAAoBjB,QAAA;EAAA;IAAAkB,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAC,OAAA;IAAAD,OAAA;EAAA;EAAAE,OAAA;IAAAF,OAAA;EAAA;EAAAG,MAAA;IAAAH,OAAA;EAAA;EAAAI,KAAA;IAAAJ,OAAA;EAAA;AAAA;EAAAV,CAAA;AAAA,EAsBjC;AAEA,OAAO,MAAMe,mBAAA,gBAAsBvB,QAAA;EAAA;IAAAM,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAa,OAAA;IAAAb,OAAA;EAAA;EAAAc,OAAA;IAAAd,OAAA;EAAA;EAAAe,MAAA;IAAAf,OAAA;EAAA;EAAAgB,KAAA;IAAAhB,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,EAsBnC;AAEA,OAAO,MAAMgB,kBAAA,gBAAqBxB,QAAA;EAAA;IAAAyB,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAN,OAAA;IAAAM,OAAA;EAAA;EAAAL,OAAA;IAAAK,OAAA;EAAA;EAAAH,KAAA;IAAAG,OAAA;EAAA;EAAAJ,MAAA;IAAAI,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAjB,CAAA;AAAA,EAkClC"}

package/lib/components/Stack/StackShim.js

@@ -1,138 +1,13 @@
-import * as React from 'react';
+import { mergeClasses } from '@griffel/react';
 import { classNamesFunction } from '@fluentui/react';
-import { __styles, mergeClasses } from '@griffel/react';
+import * as React from 'react';
 import { getChildrenGapStyles } from './stackUtils';
+import { useFlexAlignItemsStyles, useFlexGrowStyles, useFlexJustifyContentStyles, useStackStyles } from './StackShim.styles';
 const stackClassNames = {
   root: 'ms-Stack',
   inner: 'ms-Stack-inner'
 };
 const getClassNames = /*#__PURE__*/classNamesFunction();
-const useStackStyles = /*#__PURE__*/__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"
-  }
-}, {
-  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__*/__styles({
-  "1": {
-    Bh6795r: "fqerorx"
-  },
-  "2": {
-    Bh6795r: "fv68sux"
-  },
-  "3": {
-    Bh6795r: "f1g5s877"
-  },
-  inherit: {
-    Bh6795r: "fbrulcr"
-  },
-  initial: {
-    Bh6795r: "fqq5sy3"
-  },
-  revert: {
-    Bh6795r: "f1kc8nlq"
-  },
-  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;}"]
-});
-const useFlexAlignItemsStyles = /*#__PURE__*/__styles({
-  baseline: {
-    Bt984gj: "f1guyajx"
-  },
-  center: {
-    Bt984gj: "f122n59"
-  },
-  start: {
-    Bt984gj: "f6jr5hl"
-  },
-  end: {
-    Bt984gj: "fgs5rwf"
-  },
-  stretch: {
-    Bt984gj: "f1q9h2pe"
-  },
-  "space-between": {
-    Bt984gj: "f1jkqsad"
-  },
-  "space-around": {
-    Bt984gj: "ftnnmgl"
-  },
-  "space-evenly": {
-    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;}"]
-});
-const useFlexJustifyContentStyles = /*#__PURE__*/__styles({
-  baseline: {
-    Brf1p80: "f1uf0ky1"
-  },
-  center: {
-    Brf1p80: "f4d9j23"
-  },
-  start: {
-    Brf1p80: "fbhxue7"
-  },
-  end: {
-    Brf1p80: "f9c4gz4"
-  },
-  stretch: {
-    Brf1p80: "fsxf2b5"
-  },
-  "space-between": {
-    Brf1p80: "f1869bpl"
-  },
-  "space-around": {
-    Brf1p80: "f1iw3tyt"
-  },
-  "space-evenly": {
-    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;}"]
-});
 export const StackShim = props => {
   const styles = useStackStyles();
   const alignItemsFlexStyles = useFlexAlignItemsStyles();

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

@@ -1 +1 @@
-{"version":3,"names":["React","classNamesFunction","__styles","mergeClasses","getChildrenGapStyles","stackClassNames","root","inner","getClassNames","useStackStyles","mc9l5x","Beiy3e4","Eh141a","a9b677","Bqenvij","B7ck84d","Bj0s3o2","alpwn5","horizontal","verticalFill","reversedVertical","reversedHorizontal","disableShrink","wrap","B2u0y6b","innerWidth","d","useFlexGrowStyles","Bh6795r","inherit","initial","revert","unset","useFlexAlignItemsStyles","baseline","Bt984gj","center","start","end","stretch","useFlexJustifyContentStyles","Brf1p80","StackShim","props","styles","alignItemsFlexStyles","justifyContentFlexStyles","growFlexStyles","as","RootType","reversed","grow","horizontalAlign","verticalAlign","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","stackStyles","stackInnerStyles","stackChildren","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","flexGrow","rootClass","innerClass","createElement","style"],"sources":["../../../src/components/Stack/StackShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\n\nconst stackClassNames = {\n  root: 'ms-Stack',\n  inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\n\nconst 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});\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 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\n  'space-around': {\n    alignItems: 'space-around',\n  },\n  'space-evenly': {\n    alignItems: 'space-evenly',\n  },\n});\n\nconst 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\n  'space-around': {\n    justifyContent: 'space-around',\n  },\n  'space-evenly': {\n    justifyContent: 'space-evenly',\n  },\n});\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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAEvB,SAASC,kBAAkB,QAAQ;AAEnC,SAAAC,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,oBAAoB,QAAQ;AAGrC,MAAMC,eAAA,GAAkB;EACtBC,IAAA,EAAM;EACNC,KAAA,EAAO;AACT;AAEA,MAAMC,aAAA,gBAAgBP,kBAAA;AAEtB,MAAMQ,cAAA,gBAAiBP,QAAA;EAAAI,IAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAP,OAAA;EAAA;EAAAQ,YAAA;IAAAL,OAAA;EAAA;EAAAM,gBAAA;IAAAT,OAAA;EAAA;EAAAU,kBAAA;IAAAV,OAAA;EAAA;EAAAW,aAAA;IAAAL,MAAA;EAAA;EAAAM,IAAA;IAAAb,MAAA;IAAAE,MAAA;IAAAE,OAAA;EAAA;EAAAP,KAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAG,OAAA;IAAAS,OAAA;IAAAP,MAAA;EAAA;EAAAQ,UAAA;IAAAZ,MAAA;EAAA;AAAA;EAAAa,CAAA;AAAA,EAwDvB;AAEA,MAAMC,iBAAA,gBAAoBzB,QAAA;EAAA;IAAA0B,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAC,OAAA;IAAAD,OAAA;EAAA;EAAAE,OAAA;IAAAF,OAAA;EAAA;EAAAG,MAAA;IAAAH,OAAA;EAAA;EAAAI,KAAA;IAAAJ,OAAA;EAAA;AAAA;EAAAF,CAAA;AAAA,EAsB1B;AAEA,MAAMO,uBAAA,gBAA0B/B,QAAA;EAAAgC,QAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAD,OAAA;EAAA;EAAAE,KAAA;IAAAF,OAAA;EAAA;EAAAG,GAAA;IAAAH,OAAA;EAAA;EAAAI,OAAA;IAAAJ,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAT,CAAA;AAAA,EA0BhC;AAEA,MAAMc,2BAAA,gBAA8BtC,QAAA;EAAAgC,QAAA;IAAAO,OAAA;EAAA;EAAAL,MAAA;IAAAK,OAAA;EAAA;EAAAJ,KAAA;IAAAI,OAAA;EAAA;EAAAH,GAAA;IAAAG,OAAA;EAAA;EAAAF,OAAA;IAAAE,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAf,CAAA;AAAA,EA0BpC;AAEA,OAAO,MAAMgB,SAAA,GAAaC,KAAA,IAAuB;EAC/C,MAAMC,MAAA,GAASnC,cAAA;EACf,MAAMoC,oBAAA,GAAuBZ,uBAAA;EAC7B,MAAMa,wBAAA,GAA2BN,2BAAA;EACjC,MAAMO,cAAA,GAAyCpB,iBAAA;EAE/C,MAAM;IACJqB,EAAA,EAAIC,QAAA,GAAW,KAAK;IACpB9B,YAAA;IACAD,UAAA;IACAgC,QAAA;IACAC,IAAA;IACA5B,IAAA;IACA6B,eAAA;IACAC,aAAA;IACA/B,aAAA;IACAgC;EAAS,CACV,GAAGX,KAAA;EAEJ,MAAMY,MAAA,GAAuB;IAAE,GAAGZ,KAAA,CAAMY;EAAO;EAE/C,IAAIC,gBAAA,GAAmB,CAAC;EACxB,IAAIC,iBAAA,GAAoB,CAAC;EACzB,IAAIC,oBAAA;EAEJ,IAAIH,MAAA,EAAQ;IACVC,gBAAA,GAAmB;MACjBG,OAAA,EAAS,CAACpC,IAAA,GAAOgC,MAAA,CAAOI,OAAO,GAAGC,SAAS;MAC3CC,SAAA,EAAWN,MAAA,CAAOM,SAAS;MAC3BC,QAAA,EAAUP,MAAA,CAAOO;IACnB;IAEAL,iBAAA,GAAoB;MAClBE,OAAA,EAASpC,IAAA,GAAOgC,MAAA,CAAOI,OAAO,GAAGC;IACnC;IAEA,IAAIL,MAAA,CAAOQ,WAAW,EAAE;MACtBL,oBAAA,GAAuBlD,aAAA,CAAcJ,oBAAA,EAAsB;QACzDc,UAAA;QACAgC,QAAA;QACAK;MACF;IACF;EACF;EAEA,MAAMS,WAAA,GAAc,CAClBzC,IAAA,GAAOqB,MAAA,CAAOrB,IAAI,GAAGqB,MAAA,CAAOtC,IAAI,EAChCY,UAAA,IAAc0B,MAAA,CAAO1B,UAAU,EAC/BC,YAAA,IAAgByB,MAAA,CAAOzB,YAAY,CACpC;EAED,MAAM8C,gBAAA,GAAmB,CACvBrB,MAAA,CAAOrC,KAAK,EACZW,UAAA,IAAc0B,MAAA,CAAO1B,UAAU,EAC9B,EAACqC,MAAA,IAAU,CAACA,MAAA,CAAOQ,WAAW,KAAKnB,MAAA,CAAOnB,UAAU,CACtD;EAED,IAAIyC,aAAA,GAAgBlE,KAAA,CAAMmE,QAAQ,CAACC,OAAO,CAACzB,KAAA,CAAM0B,QAAQ;EACzD,IACEH,aAAA,CAAcI,MAAM,KAAK,kBACzBtE,KAAA,CAAMuE,cAAc,CAACL,aAAa,CAAC,EAAE,KACrCA,aAAa,CAAC,EAAE,CAACM,IAAI,KAAKxE,KAAA,CAAMyE,QAAQ,EACxC;IACAP,aAAA,GAAgBA,aAAa,CAAC,EAAE,CAACvB,KAAK,CAAC0B,QAAQ;EACjD;EAEAH,aAAA,GAAgBlE,KAAA,CAAMmE,QAAQ,CAACO,GAAG,CAChCR,aAAA,EACCS,KAAA,IAA+C;IAC9C,IAAI,CAACA,KAAA,EAAO;MACV,OAAO,IAAI;IACb;IAEA,IAAIA,KAAA,CAAMH,IAAI,IAAIG,KAAE,CAA6BH,IAAI,CAAyBI,IAAI,KAAK,iBAAiB;MACtG,MAAMC,gBAAA,GAAoC;QACxCC,MAAA,EAAQ,CAACxD;MACX;MAEA,oBAAOtB,KAAA,CAAM+E,YAAY,CAACJ,KAAA,EAAO;QAC/B,GAAGE,gBAAgB;QACnB,GAAGF,KAAA,CAAMhC;MACX;IACF;IAEA,OAAOgC,KAAA;EACT;EAGF,IAAIzB,QAAA,EAAU;IACZ,IAAIhC,UAAA,EAAY;MACd8C,WAAA,CAAYgB,IAAI,CAACpC,MAAA,CAAOvB,kBAAkB;MAC1C4C,gBAAA,CAAiBe,IAAI,CAACpC,MAAA,CAAOvB,kBAAkB;IACjD,OAAO;MACL2C,WAAA,CAAYgB,IAAI,CAACpC,MAAA,CAAOxB,gBAAgB;MACxC6C,gBAAA,CAAiBe,IAAI,CAACpC,MAAA,CAAOxB,gBAAgB;IAC/C;EACF;EAEA,IAAI+B,IAAA,EAAM;IACR,MAAM8B,QAAA,GAAW9B,IAAA,KAAS,IAAI,GAAGJ,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACI,IAAA,CAAK;IACzEa,WAAA,CAAYgB,IAAI,CAACC,QAAA;EACnB;EAEA,IAAI3D,aAAA,EAAe;IACjB0C,WAAA,CAAYgB,IAAI,CAACpC,MAAA,CAAOtB,aAAa;EACvC;EAEA,IAAI8B,eAAA,EAAiB;IACnB,IAAIlC,UAAA,EAAY;MACd8C,WAAA,CAAYgB,IAAI,CAAClC,wBAAwB,CAACM,eAAA,CAAgB;MAC1Da,gBAAA,CAAiBe,IAAI,CAAClC,wBAAwB,CAACM,eAAA,CAAgB;IACjE,OAAO;MACLY,WAAA,CAAYgB,IAAI,CAACnC,oBAAoB,CAACO,eAAA,CAAgB;MACtDa,gBAAA,CAAiBe,IAAI,CAACnC,oBAAoB,CAACO,eAAA,CAAgB;IAC7D;EACF;EAEA,IAAIC,aAAA,EAAe;IACjB,IAAInC,UAAA,EAAY;MACd8C,WAAA,CAAYgB,IAAI,CAACnC,oBAAoB,CAACQ,aAAA,CAAc;MACpDY,gBAAA,CAAiBe,IAAI,CAACnC,oBAAoB,CAACQ,aAAA,CAAc;IAC3D,OAAO;MACLW,WAAA,CAAYgB,IAAI,CAAClC,wBAAwB,CAACO,aAAA,CAAc;MACxDY,gBAAA,CAAiBe,IAAI,CAAClC,wBAAwB,CAACO,aAAA,CAAc;IAC/D;EACF;EAEA,MAAM6B,SAAA,GAAY/E,YAAA,CAChBE,eAAA,CAAgBC,IAAI,KACjB0D,WAAA,EACHN,oBAAA,IAAwB,CAACnC,IAAA,IAAQmC,oBAAA,CAAqBpD,IAAI,EAC1DgD,SAAA;EAGF,MAAM6B,UAAA,GAAahF,YAAA,CACjBE,eAAA,CAAgBE,KAAK,KAClB0D,gBAAA,EACHP,oBAAA,IAAwBnC,IAAA,IAAQmC,oBAAA,CAAqBnD,KAAK;EAG5D,OAAOgB,IAAA,gBACLvB,KAAA,CAAAoF,aAAA,CAACnC,QAAA;IAASK,SAAA,EAAW4B,SAAA;IAAWG,KAAA,EAAO7B;kBACrCxD,KAAA,CAAAoF,aAAA,CAAC;IAAI9B,SAAA,EAAW6B,UAAA;IAAYE,KAAA,EAAO5B;KAChCS,aAAA,kBAILlE,KAAA,CAAAoF,aAAA,CAACnC,QAAA;IAASK,SAAA,EAAW4B,SAAA;IAAWG,KAAA,EAAO7B;KACpCU,aAAA,CAEJ;AACH"}
+{"version":3,"names":["mergeClasses","classNamesFunction","React","getChildrenGapStyles","useFlexAlignItemsStyles","useFlexGrowStyles","useFlexJustifyContentStyles","useStackStyles","stackClassNames","root","inner","getClassNames","StackShim","props","styles","alignItemsFlexStyles","justifyContentFlexStyles","growFlexStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","stackStyles","stackInnerStyles","innerWidth","stackChildren","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","createElement","style"],"sources":["../../../src/components/Stack/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"],"mappings":"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"}