@fluentui/react-migration-v8-v9 9.2.10 → 9.2.12

package/CHANGELOG.json

@@ -2,7 +2,95 @@
   "name": "@fluentui/react-migration-v8-v9",
   "entries": [
     {
-      "date": "Mon, 24 Apr 2023 08:09:21 GMT",
+      "date": "Thu, 18 May 2023 00:35:40 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v9.2.12",
+      "version": "9.2.12",
+      "comments": {
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "06cd515eda59a3078bfe32f9cc7c1f281cd20208",
+            "comment": "chore: add test-ssr script to v9 packages"
+          }
+        ],
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-components to v9.20.1",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-utilities to v9.9.0",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 12 May 2023 20:27:28 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": {
@@ -11,7 +99,7 @@
             "author": "beachball",
             "package": "@fluentui/react-migration-v8-v9",
             "comment": "Bump @fluentui/react-components to v9.19.1",
-            "commit": "948b5bf9871303d1742f1b9a17a3bd4006ce2fea"
+            "commit": "505433ac64f144c9cca456097413d6af4582e5ee"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,17 +1,41 @@
 # Change Log - @fluentui/react-migration-v8-v9
 
-This log was last generated on Mon, 24 Apr 2023 08:09:21 GMT and should not be manually modified.
+This log was last generated on Thu, 18 May 2023 00:35:40 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.12)
+
+Thu, 18 May 2023 00:35:40 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.2.11..@fluentui/react-migration-v8-v9_v9.2.12)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.20.1 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+- Bump @fluentui/react-utilities to v9.9.0 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+
+## [9.2.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.11)
+
+Fri, 12 May 2023 20:27:28 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:09:21 GMT 
+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 ([PR #27632](https://github.com/microsoft/fluentui/pull/27632) by beachball)
+- 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)
 

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":"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"}
+{"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();