polaris icon indicating copy to clipboard operation
polaris copied to clipboard

Add support for view transitions when using `react-router-dom` Link

Open laurkim opened this issue 1 year ago • 28 comments

WHY are these changes introduced?

Resolves #1499.

Add support for view transitions with new viewTransition prop on:

  • Breadcrumbs
  • Button
  • Navigation
  • Page
  • UnstyledLink

Removes progress bar aka Loading from Frame and all references to it in polaris-react and polaris.shopify.com. Updates transitions for Navigation to improve snappiness and UX.

WHAT is this pull request doing?

How to 🎩

🖥 Local development instructions 🗒 General tophatting guidelines 📄 Changelog guidelines

🎩 checklist

laurkim avatar Feb 08 '24 18:02 laurkim

/snapit

laurkim avatar Feb 09 '24 17:02 laurkim

🫰✨ Thanks @laurkim! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

yarn add @shopify/[email protected]

github-actions[bot] avatar Feb 09 '24 17:02 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

yarn add @shopify/[email protected]

github-actions[bot] avatar Feb 09 '24 18:02 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

yarn add @shopify/[email protected]

github-actions[bot] avatar Feb 09 '24 18:02 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @shopify/[email protected]
yarn add @shopify/[email protected]

github-actions[bot] avatar Feb 14 '24 15:02 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

yarn add @shopify/[email protected]

github-actions[bot] avatar Feb 23 '24 13:02 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

yarn add @shopify/[email protected]

github-actions[bot] avatar Feb 29 '24 19:02 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

yarn add @shopify/[email protected]

github-actions[bot] avatar Mar 05 '24 16:03 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

yarn add @shopify/[email protected]

github-actions[bot] avatar Mar 06 '24 17:03 github-actions[bot]

/snapit

laurkim avatar Mar 06 '24 17:03 laurkim

🫰✨ Thanks @laurkim! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

yarn add @shopify/[email protected]

github-actions[bot] avatar Mar 06 '24 17:03 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

yarn add @shopify/[email protected]

github-actions[bot] avatar Mar 13 '24 15:03 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @shopify/[email protected]
yarn add @shopify/[email protected]
yarn add @shopify/[email protected]

github-actions[bot] avatar Mar 14 '24 15:03 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @shopify/[email protected]
yarn add @shopify/[email protected]
yarn add @shopify/[email protected]

github-actions[bot] avatar Mar 14 '24 16:03 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @shopify/[email protected]
yarn add @shopify/[email protected]
yarn add @shopify/[email protected]

github-actions[bot] avatar Mar 18 '24 20:03 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @shopify/[email protected]
yarn add @shopify/[email protected]
yarn add @shopify/[email protected]
yarn add @shopify/[email protected]
yarn add @shopify/[email protected]

github-actions[bot] avatar Mar 27 '24 13:03 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

yarn add @shopify/[email protected]

github-actions[bot] avatar Apr 01 '24 18:04 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshothas been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/polaris": "0.0.0-snapshot-20240411152650"

github-actions[bot] avatar Apr 11 '24 15:04 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshothas been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/polaris": "0.0.0-snapshot-20240411214335"

github-actions[bot] avatar Apr 11 '24 21:04 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshothas been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/polaris": "0.0.0-snapshot-20240412181234"

github-actions[bot] avatar Apr 12 '24 18:04 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshothas been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/polaris": "0.0.0-snapshot-20240415152827"

github-actions[bot] avatar Apr 15 '24 15:04 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshothas been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/polaris": "0.0.0-snapshot-20240416194832"

github-actions[bot] avatar Apr 16 '24 19:04 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshothas been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/polaris": "0.0.0-snapshot-20240417151300"

github-actions[bot] avatar Apr 17 '24 15:04 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshot has been published to npm.

Test the snapshot by updating your package.json with the newly published version:

"@shopify/polaris": "0.0.0-snapshot-20240422145659"

github-actions[bot] avatar Apr 22 '24 14:04 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

"@shopify/polaris-icons": "0.0.0-snapshot-20240423203532",
"@shopify/polaris-migrator": "0.0.0-snapshot-20240423203532",
"@shopify/polaris": "0.0.0-snapshot-20240423203532",
"@shopify/polaris-tokens": "0.0.0-snapshot-20240423203532",
"@shopify/stylelint-polaris": "0.0.0-snapshot-20240423203532"

github-actions[bot] avatar Apr 23 '24 20:04 github-actions[bot]

🫰✨ Thanks @laurkim! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

"@shopify/polaris-icons": "0.0.0-snapshot-20240424141426",
"@shopify/polaris-migrator": "0.0.0-snapshot-20240424141426",
"@shopify/polaris": "0.0.0-snapshot-20240424141426",
"@shopify/polaris-tokens": "0.0.0-snapshot-20240424141426",
"@shopify/stylelint-polaris": "0.0.0-snapshot-20240424141426"

github-actions[bot] avatar Apr 24 '24 14:04 github-actions[bot]

/snapit

laurkim avatar Apr 24 '24 14:04 laurkim

🫰✨ Thanks @laurkim! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

"@shopify/polaris-icons": "0.0.0-snapshot-20240424142930",
"@shopify/polaris-migrator": "0.0.0-snapshot-20240424142930",
"@shopify/polaris": "0.0.0-snapshot-20240424142930",
"@shopify/polaris-tokens": "0.0.0-snapshot-20240424142930",
"@shopify/stylelint-polaris": "0.0.0-snapshot-20240424142930"

github-actions[bot] avatar Apr 24 '24 14:04 github-actions[bot]

Closing as this is being implemented in admin directly.

laurkim avatar Jun 21 '24 21:06 laurkim