UI Update

[circlecube]

• replace yoast ui library with newfold ui component library
• update tailwind config and pcss
• update classes from yst to nfd
• update marketplace module to use update components sourced from the module

Proposed changes

Type of Change

• Bugfix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation Update (if none of the other choices apply)

Checklist

• I have read the CONTRIBUTING doc
• Linting and tests pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)

Further comments

[replay-io]

1 replays were recorded for b5e9543.

1 Failed

• vendor/newfold-labs/wp-module-coming-soon/tests/cypress/integration/coming-soon.cy.js

  1. Coming Soon Toggle Functions
  2. Displays Coming Soon in Site Status Admin Toolbar
  3. Has Coming Soon Section on Home

     AssertionError: Timed out retrying after 4000ms: Expected to find content: 'Preview your' within the element: <div.wppb-app-section-content.yst-p-8.yst-pb-0> and with the selector: 'a.nfd-button' but never did.

  4. Displays admin coming soon notice
  5. Displays Coming Soon on Frontend
  6. Launching launches site

0 Passed

View test run on Replay ↗︎

[circlecube]

Some tests are failing because they reference elements via class names which changed from .yst-* to .nfd-*. There are PRs in place to fix those modules:

• ctb: Update/newfold UI component library newfold-labs/wp-module-ctb#3
• coming-soon: update classnames for new component library newfold-labs/wp-module-coming-soon#10
• staging: Update/newfold UI component library newfold-labs/wp-module-staging#12

There is also a PR to update the library in the e-commerce module. It is the only module currently using the yoast UI library.

• e-commerce: UI Update newfold-labs/wp-module-ecommerce#117

All these other PRs will need to be approved, merged and new module versions will need to be tagged and released and those updates pulled into this branch/PR.

[circlecube]

The only remaining failing test is due to the e-commerce module still containing the .yst- classes where the style here is looking for .nfd-. Once this (newfold-labs/wp-module-ecommerce#117) is merged and released, we'll need to bump the module version here and the test should pass then.

[circlecube]

The only remaining failing test is due to the e-commerce module still containing the .yst- classes where the style here is looking for .nfd-. Once this (newfold-labs/wp-module-ecommerce#117) is merged and released, we'll need to bump the module version here and the test should pass then.

The new PR to update e-commerce module to use the new library here: newfold-labs/wp-module-ecommerce#120 We need it reviewed and approved and a module version tagged and released so we can bump it here. This needs to be ready so we can prep the plugin release this week.