Changes proposed in this Pull Request
Previously we had been using the “…UI” suffix on React components which were styled using the CSS-in-JS emotion package, particularly when those components’ names would clash with the unstyled versions. However, this was never documented and is unclear and inconsistently applied. Moreover, those components were never meant to be part of a public API.
In this PR, we rename all such components to remove that suffix. Mostly this is inside the @automattic/composite-checkout
package, but also in calypso and in the editing-toolkit
app (see #44821).
Fixes #45680
Testing instructions
There are three things that will need testing: the composite-checkout package, checkout in calypso, and whatever the editing-toolkit uses these components for.
- The
@automattic/composite-checkout
package.
- Run
yarn run composite-checkout-demo
.
- Open the demo page and complete the checkout form.
- Verify that there are no errors and that everything looks decent.
- Calypso checkout.
- Start calypso or use calypso.live.
- Visit checkout with a product in the cart.
- Complete the checkout process.
- Verify that there are no errors and that everything looks decent.
- Site setup flow in
editing-toolkit
plugin
- Apply D50672-code to your sandbox.
- Create a site starting from wordpress.com/new.
- Sandbox the site.
- Click Complete Setup in editor,
- When reaching the the last step in the sidebar (Launch your site), the design should match screenshots in #44821 description.
Unfortunately, no screenshots were provided by the developer.