Converged Flex component scaffolding (microsoft#17332)

* Remove pretty colors since GitHub doesn't support it Sort "matching" for easier reading * Add sample code Add missing order prop * Move existing stale code to react-flex-stale * Add Migration guide * Fix typos * Add missing Stack padding migration * Revert -stale * Add in Flex.Item in the examples * Remove boolean type for grow and shrink * Update packages/react-flex/Spec.md Co-authored-by: Makoto Morimoto <[email protected]> * Update packages/react-flex/Spec.md Co-authored-by: Makoto Morimoto <[email protected]> * Deprecate Flex.Item push prop * Correct horizontal/verticalAlign CSS prop names * Link direction values to flex-direction docs * Package scaffolding Remove stale implementation Remove Flex from react-examples * Update package dependencies * Update snapshot * Update lock file * Change files * Remove extraneous theme-provider dependency Co-authored-by: Makoto Morimoto <[email protected]>
miroslavstastny · May 5, 2021 · 6522e67 · 6522e67
1 parent e7e0c4a
commit 6522e67
Show file tree

Hide file tree

Showing 38 changed files with 261 additions and 1,854 deletions.
diff --git a/change/@fluentui-react-examples-ad7ab631-9b41-431f-a073-f173e64585b1.json b/change/@fluentui-react-examples-ad7ab631-9b41-431f-a073-f173e64585b1.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Remove stale implementation of converged Flex",
+  "packageName": "@fluentui/react-examples",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-flex-e844fc3b-b6c8-4c09-bf5a-88ceb04756a9.json b/change/@fluentui-react-flex-e844fc3b-b6c8-4c09-bf5a-88ceb04756a9.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Scaffold package",
+  "packageName": "@fluentui/react-flex",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json
@@ -57,7 +57,6 @@
     "@fluentui/react-docsite-components": "^8.0.9",
     "@fluentui/react-experiments": "^8.0.9",
     "@fluentui/react-file-type-icons": "^8.0.2",
-    "@fluentui/react-flex": "^0.2.9",
     "@fluentui/react-focus": "^8.0.2",
     "@fluentui/react-hooks": "^8.0.2",
     "@fluentui/react-icons-mdl2": "^1.0.2",

diff --git a/packages/react-examples/src/react-flex/FlexHorizontalBasic.stories.tsx b/packages/react-examples/src/react-flex/FlexHorizontalBasic.stories.tsx