POC | rework styles to leverage BEM classes in rendering

[castastrophe]

No description provided.

[github-actions]

Branch preview

• Documentation Site
• Storybook

Review the following VRT differences

When a visual regression test fails (or has previously failed while working on this branch), its results can be found in the following URLs:

• Spectrum | Light | Medium | LTR
• Spectrum | Dark | Large | RTL
• Express | Light | Medium | LTR
• Express | Dark | Large | RTL
• Spectrum-two | Light | Medium | LTR
• Spectrum-two | Dark | Large | RTL
• High Contrast Mode | Medium | LTR

If the changes are expected, update the current_golden_images_cache hash in the circleci config to accept the new images. Instructions are included in that file.
If the changes are unexpected, you can investigate the cause of the differences and update the code accordingly.

[caseyisonit]

@castastrophe just going through old PRs and wanted to check if this one is still being worked on or should be closed?

[changeset-bot]

⚠️ No Changeset found

Latest commit: 30a05b3

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[github-actions]

Tachometer results

Currently, no packages are changed by this PR...

[castastrophe]

@caseyisonit Yes, this is still in discussion as an approach.

[coveralls]

Pull Request Test Coverage Report for Build 13950308752

Details

• 69 of 69 (100.0%) changed or added relevant lines in 2 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage decreased (-0.001%) to 97.98%

---

Totals
Change from base Build 13946558795:	-0.001%
Covered Lines:	33698
Relevant Lines:	34196

---

💛 - Coveralls

[github-actions]

Lighthouse scores

Category	Latest (report)	Main (report)	Branch (report)
Performance	0.98	0.98	0.98
Accessibility	1	1	1
Best Practices	1	1	1
SEO	1	0.92	0.92
PWA	1	1	1

What is this?

Lighthouse scores comparing the documentation site built from the PR ("Branch") to that of the production documentation site ("Latest") and the build currently on main ("Main"). Higher scores are better, but note that the SEO scores on Netlify URLs are artifically constrained to 0.92.

Transfer Size

Category	Latest	Main	Branch
Total	243.721 kB	229.225 kB	229.125 kB 🏆
Scripts	60.622 kB	54.078 kB 🏆	54.517 kB
Stylesheet	47.175 kB	40.575 kB	40.161 kB 🏆
Document	6.252 kB	5.48 kB 🏆	5.482 kB
Font	126.823 kB	126.614 kB 🏆	126.615 kB

Request Count

Category	Latest	Main	Branch
Total	52	52	52
Scripts	41	41	41
Stylesheet	5	5	5
Document	1	1	1
Font	2	2	2