diff --git a/.changeset/strange-buckets-try.md b/.changeset/strange-buckets-try.md new file mode 100644 index 00000000000..ba27507868b --- /dev/null +++ b/.changeset/strange-buckets-try.md @@ -0,0 +1,5 @@ +--- +'polaris.shopify.com': minor +--- + +Matched v11 migration docs to migrations folder diff --git a/polaris.shopify.com/content/tools/polaris-migrator.md b/polaris.shopify.com/content/tools/polaris-migrator.md index 60c83eca81c..f189d36c4b7 100644 --- a/polaris.shopify.com/content/tools/polaris-migrator.md +++ b/polaris.shopify.com/content/tools/polaris-migrator.md @@ -27,7 +27,7 @@ npx @shopify/polaris-migrator ### v11 -#### `v11-react-breadcrumbs-migrate-from-array` +#### `v11-react-update-page-breadcrumbs` Replace legacy Page component `breadcrumbs` props with the new `backAction` prop which accepts a [`LinkAction` object](https://github.com/Shopify/polaris/blob/main/polaris-react/src/types.ts#L113-L122). @@ -39,7 +39,7 @@ Replace legacy Page component `breadcrumbs` props with the new `backAction` prop
```sh -npx @shopify/polaris-migrator v11-react-breadcrumbs-migrate-from-array +npx @shopify/polaris-migrator v11-react-update-page-breadcrumbs ```
@@ -61,36 +61,36 @@ npx @shopify/polaris-migrator v11-styles-replace-custom-property-border
-#### `v11-styles-replace-custom-property-depth` +#### `v11-styles-replace-custom-property-color` -Replace deprecated depth CSS custom properties with corresponding replacement static values. +Replace deprecated color CSS custom properties with corresponding Polaris custom property replacement values. ```diff -- box-shadow: var(--p-shadow-transparent); -+ box-shadow: 0 0 0 0 transparent; +- color: var(--p-text);; ++ color: var(--p-color-text); ```
```sh -npx @shopify/polaris-migrator v11-styles-replace-custom-property-depth +npx @shopify/polaris-migrator v11-styles-replace-custom-property-color ```
-#### `v11-styles-replace-custom-property-zindex` +#### `v11-styles-replace-custom-property-depth` -Replace deprecated z-index CSS custom properties with corresponding Polaris custom property replacement values. +Replace deprecated depth CSS custom properties with corresponding replacement static values. ```diff -- z-index: var(--p-z-1); -+ z-index: var(--p-z-index-1); +- box-shadow: var(--p-shadow-transparent); ++ box-shadow: 0 0 0 0 transparent; ```
```sh -npx @shopify/polaris-migrator v11-styles-replace-custom-property-zindex +npx @shopify/polaris-migrator v11-styles-replace-custom-property-depth ```
@@ -115,6 +115,40 @@ npx @shopify/polaris-migrator v11-styles-replace-custom-property-legacy
+#### `v11-styles-replace-custom-property-motion` + +Replace deprecated motion CSS custom properties with corresponding Polaris custom property replacement values. + +```diff +- transition-timing-function: var(--p-linear); ++ transition-timing-function: var(--p-motion-linear); +``` + +
+ +```sh +npx @shopify/polaris-migrator v11-styles-replace-custom-property-motion +``` + +
+ +#### `v11-styles-replace-custom-property-zindex` + +Replace deprecated z-index CSS custom properties with corresponding Polaris custom property replacement values. + +```diff +- z-index: var(--p-z-1); ++ z-index: var(--p-z-index-1); +``` + +
+ +```sh +npx @shopify/polaris-migrator v11-styles-replace-custom-property-zindex +``` + +
+ ### v10 #### `v10-react-replace-text-components`