From ea3a499d20867f00b7f3ec4b7c01e56622d2dfd4 Mon Sep 17 00:00:00 2001 From: Kyle Durand Date: Fri, 18 Aug 2023 09:28:16 -0400 Subject: [PATCH] Add migration notes for layout components (#10115) ### WHY are these changes introduced? Part of #9984 #9985 #9983 --- .../guides/migrating-from-v11-to-v12.md | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/documentation/guides/migrating-from-v11-to-v12.md b/documentation/guides/migrating-from-v11-to-v12.md index 33204822cb8..13b9a32faff 100644 --- a/documentation/guides/migrating-from-v11-to-v12.md +++ b/documentation/guides/migrating-from-v11-to-v12.md @@ -10,15 +10,15 @@ Polaris v12.0.0 ([full release notes](https://github.com/Shopify/polaris/release **Layout.Section** -One third: +- One third: `npx @shopify/polaris-migrator react-rename-component-prop --componentName="Layout.Section" --from="oneThird" --to="variant" --newValue="oneThird"` -One half: +- One half: `npx @shopify/polaris-migrator react-rename-component-prop --componentName="Layout.Section" --from="oneHalf" --to="variant" --newValue="oneHalf"` -Full width: +- Full width: `npx @shopify/polaris-migrator react-rename-component-prop --componentName="Layout.Section" --from="fullWidth" --to="variant" --newValue="fullWidth"` @@ -39,3 +39,15 @@ Secondary, becomes oneThird: `npx @shopify/polaris-migrator react-rename-component-prop --componentName="Box" --from="borderRadiusStartStart" --to="variant" --newValue="borderStartStartRadius"` `npx @shopify/polaris-migrator react-rename-component-prop --componentName="Box" --from="borderRadiusStartEnd" --to="variant" --newValue="borderStartEndRadius"` + +**HorizontalStack** + +`npx @shopify/polaris-migrator react-rename-component --renameFrom="HorizontalStack" --renameTo="InlineStack" --renamePropsFrom="HorizontalStackProps" --renamePropsTo="InlineStackProps"` + +**VerticalStack** + +`npx @shopify/polaris-migrator react-rename-component --renameFrom="VerticalStack" --renameTo="BlockStack" --renamePropsFrom="VerticalStackProps" --renamePropsTo="BlockStackProps"` + +**HorizontalGrid** + +`npx @shopify/polaris-migrator react-rename-component --renameFrom="HorizontalGrid" --renameTo="InlineGrid" --renamePropsFrom="HorizontalGridProps" --renamePropsTo="InlineGridProps"`