build: postcss plugin updates and fixes

[castastrophe]

Description

Remove empty theming assets from components that don't require theming.

Update how the --system custom properties are generated to streamline and clean-up the naming process to make them more readable. Additional updates are documented in full detail in the changelog.

How and where has this been tested?

Please tag yourself on the tests you've marked complete to confirm the tests have been run by someone other than the author.

Validation steps

• Expect to see no visual regressions
• Expect the (updated) plugin test suite to pass, including the changes to the package names and the new tests added for the add-theming-layer plugin.
• Expect to see a simplification in the --system property names. i.e. --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-hover becomes --system-action-button-static-white-selected-content-color-hover instead (note that the duplicate component name is removed, no mod prefix is included, and component names include the dash present in the class name's capitalization). (@cdransf)
• Where a component included empty theme files, such as accordion, those assets are removed and we expect to see no changes to the rendering of the component. (@cdransf)

Validate no issues with the following commands:

• yarn build (@cdransf)
• yarn start (@cdransf)

Regression testing

Validate:

1. The documentation pages for at least two other components are still loading, including:

• The pages render correctly, are accessible, and are responsive.

2. If components have been modified, VRTs have been run on this branch:

• VRTs have been run and looked at.
• Any VRT changes have been accepted (by reviewer and/or PR author), or there are no changes.

To-do list

• I have read the contribution guidelines.
• I have updated relevant storybook stories and templates.
• I have tested these changes in Windows High Contrast mode.
• If my change impacts other components, I have tested to make sure they don't break.
• If my change impacts documentation, I have updated the documentation accordingly.
• ✨ This pull request is ready to merge. ✨

[changeset-bot]

🦋 Changeset detected

Latest commit: f04583d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 84 packages

Name	Type
@spectrum-tools/stylelint-no-unknown-custom-properties	Patch
@spectrum-tools/stylelint-no-unused-custom-properties	Patch
@spectrum-tools/postcss-add-theming-layer	Major
@spectrum-tools/stylelint-theme-alignment	Minor
@spectrum-css/floatingactionbutton	Major
@spectrum-css/opacitycheckerboard	Major
@spectrum-css/illustratedmessage	Major
@spectrum-css/coachindicator	Major
@spectrum-css/contextualhelp	Major
@spectrum-css/progresscircle	Major
@spectrum-css/dropindicator	Major
@spectrum-css/alertdialog	Major
@spectrum-css/buttongroup	Major
@spectrum-css/colorhandle	Major
@spectrum-css/colorslider	Major
@spectrum-css/inlinealert	Major
@spectrum-css/logicbutton	Major
@spectrum-css/progressbar	Major
@spectrum-css/statuslight	Major
@spectrum-css/swatchgroup	Major
@spectrum-css/breadcrumb	Major
@spectrum-css/colorloupe	Major
@spectrum-css/colorwheel	Major
@spectrum-css/fieldgroup	Major
@spectrum-css/fieldlabel	Major
@spectrum-css/pagination	Major
@spectrum-css/typography	Major
@spectrum-css/accordion	Major
@spectrum-css/actionbar	Major
@spectrum-css/assetlist	Major
@spectrum-css/coachmark	Major
@spectrum-css/colorarea	Major
@spectrum-css/splitview	Major
@spectrum-css/thumbnail	Major
@spectrum-css/calendar	Major
@spectrum-css/dropzone	Major
@spectrum-css/helptext	Major
@spectrum-css/steplist	Major
@spectrum-css/taggroup	Major
@spectrum-css/treeview	Major
@spectrum-css/underlay	Major
@spectrum-css/divider	Major
@spectrum-css/sidenav	Major
@spectrum-css/avatar	Major
@spectrum-css/dialog	Major
@spectrum-css/miller	Major
@spectrum-css/swatch	Major
@spectrum-css/asset	Major
@spectrum-css/badge	Major
@spectrum-css/modal	Major
@spectrum-css/table	Major
@spectrum-css/card	Major
@spectrum-css/dial	Major
@spectrum-css/icon	Major
@spectrum-css/link	Major
@spectrum-css/menu	Major
@spectrum-css/tray	Major
@spectrum-css/well	Major
@spectrum-tools/postcss-rgb-mapping	Major
@spectrum-css/infieldbutton	Minor
@spectrum-css/actionbutton	Minor
@spectrum-css/pickerbutton	Minor
@spectrum-css/actiongroup	Minor
@spectrum-css/alertbanner	Minor
@spectrum-css/clearbutton	Minor
@spectrum-css/closebutton	Minor
@spectrum-css/datepicker	Minor
@spectrum-css/assetcard	Minor
@spectrum-css/textfield	Minor
@spectrum-css/checkbox	Minor
@spectrum-css/combobox	Minor
@spectrum-css/popover	Minor
@spectrum-css/stepper	Minor
@spectrum-css/tooltip	Minor
@spectrum-css/button	Minor
@spectrum-css/picker	Minor
@spectrum-css/rating	Minor
@spectrum-css/search	Minor
@spectrum-css/slider	Minor
@spectrum-css/switch	Minor
@spectrum-css/radio	Minor
@spectrum-css/toast	Minor
@spectrum-css/tabs	Minor
@spectrum-css/tag	Minor

Not sure what this means? Click here to learn what changesets are.

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

[github-actions]

🚀 Deployed on https://pr-3502--spectrum-css.netlify.app

[github-actions]

File metrics

Summary

Total size: 3.32 MB^*
Total change (Δ): 🟢 ⬇ 577.00 KB (-14.50%)

Table reports on changes to a package's main file. Other changes can be found in the collapsed Details section below.

Package	Size	Δ
actionbutton	38.90 KB	🟢 ⬇ 2.15 KB
actiongroup	8.29 KB	🟢 ⬇ 0.07 KB
alertbanner	5.39 KB	🟢 ⬇ 0.24 KB
assetcard	15.95 KB	🟢 ⬇ 0.02 KB
avatar	4.94 KB	🟢 ⬇ 0.05 KB
button	77.74 KB	🟢 ⬇ 6.36 KB
card	19.81 KB	🟢 ⬇ 0.45 KB
checkbox	23.42 KB	🟢 ⬇ 0.16 KB
clearbutton	7.13 KB	🟢 ⬇ 0.41 KB
closebutton	14.83 KB	🟢 ⬇ 0.33 KB
colorhandle	4.86 KB	🟢 ⬇ 0.05 KB
colorwheel	4.96 KB	🔴 ⬆ < 0.01 KB
combobox	30.18 KB	🟢 ⬇ 0.14 KB
datepicker	14.64 KB	🟢 ⬇ 0.02 KB
dial	11.13 KB	🟢 ⬇ 0.21 KB
floatingactionbutton	7.52 KB	🟢 ⬇ 0.06 KB
infieldbutton	17.20 KB	🟢 ⬇ 0.96 KB
link	4.98 KB	🟢 ⬇ 0.07 KB
logicbutton	9.07 KB	🟢 ⬇ 0.29 KB
modal	5.44 KB	🔴 ⬆ 0.06 KB
opacitycheckerboard	2.06 KB	🔴 ⬆ 0.54 KB
picker	29.96 KB	🟢 ⬇ 0.35 KB
pickerbutton	14.62 KB	🟢 ⬇ 0.84 KB
popover	16.24 KB	🟢 ⬇ 0.07 KB
progresscircle	10.49 KB	🟢 ⬇ 0.06 KB
radio	17.36 KB	🟢 ⬇ 0.23 KB
rating	9.26 KB	🟢 ⬇ 0.54 KB
search	14.29 KB	🟢 ⬇ 0.38 KB
sidenav	14.44 KB	🟢 ⬇ 0.15 KB
slider	31.72 KB	🟢 ⬇ 0.55 KB
stepper	19.91 KB	🟢 ⬇ 0.68 KB
swatch	11.15 KB	🟢 ⬇ 0.05 KB
switch	23.96 KB	🟢 ⬇ 0.32 KB
tabs	17.21 KB	🟢 ⬇ 0.03 KB
tag	34.85 KB	🟢 ⬇ 0.81 KB
textfield	34.82 KB	🟢 ⬇ 0.53 KB
toast	8.09 KB	🟢 ⬇ 0.55 KB
tooltip	34.52 KB	🟢 ⬇ 0.03 KB
typography	40.31 KB	🔴 ⬆ 0.05 KB
tokens	201.62 KB	🟢 ⬇ 0.01 KB

Details

actionbutton

Filename	Head	Compared to base
index-base.css	28.66 KB	🟢 ⬇ 1.33 KB (-4.42%)
index-theme.css	10.86 KB	🟢 ⬇ 0.85 KB (-7.07%)
index-vars.css	38.90 KB	🟢 ⬇ 2.15 KB (-5.24%)
index.css	38.90 KB	🟢 ⬇ 2.15 KB (-5.24%)
themes/express.css	8.35 KB	🟢 ⬇ 0.62 KB (-6.78%)
themes/spectrum.css	8.54 KB	🟢 ⬇ 0.62 KB (-6.64%)

actiongroup

Filename	Head	Compared to base
index-base.css	7.86 KB	🟢 ⬇ 0.02 KB (-0.30%)
index-theme.css	1.05 KB	🟢 ⬇ 0.05 KB (-4.29%)
index-vars.css	8.29 KB	🟢 ⬇ 0.07 KB (-0.84%)
index.css	8.29 KB	🟢 ⬇ 0.07 KB (-0.84%)
themes/express.css	0.90 KB	🟢 ⬇ 0.02 KB (-2.59%)
themes/spectrum.css	0.80 KB	🟢 ⬇ 0.02 KB (-2.92%)

alertbanner

Filename	Head	Compared to base
index-base.css	5.17 KB	🟢 ⬇ 0.18 KB (-3.31%)
index-theme.css	0.86 KB	🟢 ⬇ 0.06 KB (-6.54%)
index-vars.css	5.39 KB	🟢 ⬇ 0.24 KB (-4.18%)
index.css	5.39 KB	🟢 ⬇ 0.24 KB (-4.18%)
themes/express.css	0.74 KB	🟢 ⬇ 0.03 KB (-3.88%)
themes/spectrum.css	0.74 KB	🟢 ⬇ 0.03 KB (-3.89%)

assetcard

Filename	Head	Compared to base
index-base.css	15.77 KB	🟢 ⬇ 0.01 KB (-0.05%)
index-theme.css	0.81 KB	🟢 ⬇ 0.02 KB (-1.94%)
index-vars.css	15.95 KB	🟢 ⬇ 0.02 KB (-0.15%)
index.css	15.95 KB	🟢 ⬇ 0.02 KB (-0.15%)
themes/express.css	0.72 KB	🟢 ⬇ 0.01 KB (-1.09%)
themes/spectrum.css	0.71 KB	🟢 ⬇ 0.01 KB (-1.11%)

avatar

Filename	Head	Compared to base
index-vars.css	4.94 KB	🟢 ⬇ 0.05 KB (-1.00%)
index.css	4.94 KB	🟢 ⬇ 0.05 KB (-1.00%)
index-base.css	🚨 deleted/moved	⬇ 4.99 KB

button

Filename	Head	Compared to base
index-base.css	50.35 KB	🟢 ⬇ 3.80 KB (-7.02%)
index-theme.css	28.01 KB	🟢 ⬇ 2.56 KB (-8.36%)
index-vars.css	77.74 KB	🟢 ⬇ 6.36 KB (-7.56%)
index.css	77.74 KB	🟢 ⬇ 6.36 KB (-7.56%)
themes/express.css	26.93 KB	🟢 ⬇ 2.43 KB (-8.28%)
themes/spectrum.css	27.00 KB	🟢 ⬇ 2.43 KB (-8.26%)

card

Filename	Head	Compared to base
index-vars.css	19.81 KB	🟢 ⬇ 0.45 KB (-2.15%)
index.css	19.81 KB	🟢 ⬇ 0.45 KB (-2.15%)
index-base.css	🚨 deleted/moved	⬇ 20.24 KB

checkbox

Filename	Head	Compared to base
index-base.css	22.86 KB	🟢 ⬇ 0.09 KB (-0.37%)
index-theme.css	1.17 KB	🟢 ⬇ 0.07 KB (-5.69%)
index-vars.css	23.42 KB	🟢 ⬇ 0.16 KB (-0.65%)
index.css	23.42 KB	🟢 ⬇ 0.16 KB (-0.65%)
themes/express.css	0.92 KB	🟢 ⬇ 0.04 KB (-3.79%)
themes/spectrum.css	0.91 KB	🟢 ⬇ 0.04 KB (-3.82%)

clearbutton

Filename	Head	Compared to base
index-base.css	6.58 KB	🟢 ⬇ 0.17 KB (-2.52%)
index-theme.css	1.16 KB	🟢 ⬇ 0.24 KB (-16.78%)
index-vars.css	7.13 KB	🟢 ⬇ 0.41 KB (-5.37%)
index.css	7.13 KB	🟢 ⬇ 0.41 KB (-5.37%)
themes/express.css	0.94 KB	🟢 ⬇ 0.12 KB (-11.33%)
themes/spectrum.css	0.88 KB	🟢 ⬇ 0.12 KB (-12.02%)

closebutton

Filename	Head	Compared to base
index-base.css	14.25 KB	🟢 ⬇ 0.27 KB (-1.80%)
index-theme.css	1.20 KB	🟢 ⬇ 0.06 KB (-4.97%)
index-vars.css	14.83 KB	🟢 ⬇ 0.33 KB (-2.13%)
index.css	14.83 KB	🟢 ⬇ 0.33 KB (-2.13%)
themes/express.css	0.93 KB	🟢 ⬇ 0.03 KB (-3.33%)
themes/spectrum.css	0.92 KB	🟢 ⬇ 0.03 KB (-3.36%)

colorhandle

Filename	Head	Compared to base
index-vars.css	4.86 KB	🟢 ⬇ 0.05 KB (-0.92%)
index.css	4.86 KB	🟢 ⬇ 0.05 KB (-0.92%)
index-base.css	🚨 deleted/moved	⬇ 4.91 KB

colorwheel

Filename	Head	Compared to base
index-vars.css	4.96 KB	🔴 ⬆ < 0.01 KB (0.08%)
index.css	4.96 KB	🔴 ⬆ < 0.01 KB (0.08%)
index-base.css	🚨 deleted/moved	⬇ 4.95 KB

combobox

Filename	Head	Compared to base
index-base.css	29.48 KB	🟢 ⬇ 0.04 KB (-0.15%)
index-theme.css	1.31 KB	🟢 ⬇ 0.09 KB (-6.30%)
index-vars.css	30.18 KB	🟢 ⬇ 0.14 KB (-0.43%)
index.css	30.18 KB	🟢 ⬇ 0.14 KB (-0.43%)
themes/express.css	0.99 KB	🟢 ⬇ 0.04 KB (-4.36%)
themes/spectrum.css	0.98 KB	🟢 ⬇ 0.04 KB (-4.40%)

datepicker

Filename	Head	Compared to base
index-base.css	14.45 KB	🟢 ⬇ 0.01 KB (-0.05%)
index-theme.css	0.81 KB	🟢 ⬇ 0.02 KB (-1.93%)
index-vars.css	14.64 KB	🟢 ⬇ 0.02 KB (-0.16%)
index.css	14.64 KB	🟢 ⬇ 0.02 KB (-0.16%)
themes/express.css	0.72 KB	🟢 ⬇ 0.01 KB (-1.09%)
themes/spectrum.css	0.72 KB	🟢 ⬇ 0.01 KB (-1.10%)

dial

Filename	Head	Compared to base
index-vars.css	11.13 KB	🟢 ⬇ 0.21 KB (-1.81%)
index.css	11.13 KB	🟢 ⬇ 0.21 KB (-1.81%)
index-base.css	🚨 deleted/moved	⬇ 11.33 KB

floatingactionbutton

Filename	Head	Compared to base
index-vars.css	7.52 KB	🟢 ⬇ 0.06 KB (-0.79%)
index.css	7.52 KB	🟢 ⬇ 0.06 KB (-0.79%)
index-base.css	🚨 deleted/moved	⬇ 7.58 KB

infieldbutton

Filename	Head	Compared to base
index-base.css	15.69 KB	🟢 ⬇ 0.32 KB (-1.95%)
index-theme.css	2.13 KB	🟢 ⬇ 0.64 KB (-22.84%)
index-vars.css	17.20 KB	🟢 ⬇ 0.96 KB (-5.19%)
index.css	17.20 KB	🟢 ⬇ 0.96 KB (-5.19%)
themes/express.css	1.36 KB	🟢 ⬇ 0.32 KB (-18.69%)
themes/spectrum.css	1.38 KB	🟢 ⬇ 0.32 KB (-18.67%)

link

Filename	Head	Compared to base
index-vars.css	4.98 KB	🟢 ⬇ 0.07 KB (-1.37%)
index.css	4.98 KB	🟢 ⬇ 0.07 KB (-1.37%)
index-base.css	🚨 deleted/moved	⬇ 5.05 KB

logicbutton

Filename	Head	Compared to base
index-vars.css	9.07 KB	🟢 ⬇ 0.29 KB (-3.00%)
index.css	9.07 KB	🟢 ⬇ 0.29 KB (-3.00%)
index-base.css	🚨 deleted/moved	⬇ 9.35 KB

modal

Filename	Head	Compared to base
index-vars.css	5.44 KB	🔴 ⬆ 0.06 KB (1.03%)
index.css	5.44 KB	🔴 ⬆ 0.06 KB (1.03%)
index-base.css	🚨 deleted/moved	⬇ 5.38 KB

opacitycheckerboard

Filename	Head	Compared to base
index-vars.css	2.06 KB	🔴 ⬆ 0.54 KB (34.25%)
index.css	2.06 KB	🔴 ⬆ 0.54 KB (34.25%)
index-base.css	🚨 deleted/moved	⬇ 1.53 KB

picker

Filename	Head	Compared to base
index-base.css	28.31 KB	🟢 ⬇ 0.12 KB (-0.40%)
index-theme.css	2.27 KB	🟢 ⬇ 0.23 KB (-9.15%)
index-vars.css	29.96 KB	🟢 ⬇ 0.35 KB (-1.13%)
index.css	29.96 KB	🟢 ⬇ 0.35 KB (-1.13%)
themes/express.css	1.39 KB	🟢 ⬇ 0.12 KB (-7.58%)
themes/spectrum.css	1.49 KB	🟢 ⬇ 0.12 KB (-7.13%)

pickerbutton

Filename	Head	Compared to base
index-base.css	13.41 KB	🟢 ⬇ 0.28 KB (-1.99%)
index-theme.css	1.83 KB	🟢 ⬇ 0.56 KB (-22.95%)
index-vars.css	14.62 KB	🟢 ⬇ 0.84 KB (-5.29%)
index.css	14.62 KB	🟢 ⬇ 0.84 KB (-5.29%)
themes/express.css	1.24 KB	🟢 ⬇ 0.28 KB (-18.01%)
themes/spectrum.css	1.20 KB	🟢 ⬇ 0.28 KB (-18.49%)

popover

Filename	Head	Compared to base
index-base.css	16.11 KB	🟢 ⬇ 0.06 KB (-0.33%)
index-theme.css	0.77 KB	🟢 ⬇ 0.02 KB (-2.30%)
index-vars.css	16.24 KB	🟢 ⬇ 0.07 KB (-0.44%)
index.css	16.24 KB	🟢 ⬇ 0.07 KB (-0.44%)
themes/express.css	0.69 KB	🟢 ⬇ 0.01 KB (-1.30%)
themes/spectrum.css	0.71 KB	🟢 ⬇ 0.01 KB (-1.26%)

progresscircle

Filename	Head	Compared to base
index-vars.css	10.49 KB	🟢 ⬇ 0.06 KB (-0.52%)
index.css	10.49 KB	🟢 ⬇ 0.06 KB (-0.52%)
index-base.css	🚨 deleted/moved	⬇ 10.55 KB

radio

Filename	Head	Compared to base
index-base.css	16.40 KB	🟢 ⬇ 0.12 KB (-0.73%)
index-theme.css	1.57 KB	🟢 ⬇ 0.11 KB (-6.30%)
index-vars.css	17.36 KB	🟢 ⬇ 0.23 KB (-1.28%)
index.css	17.36 KB	🟢 ⬇ 0.23 KB (-1.28%)
themes/express.css	1.28 KB	🟢 ⬇ 0.07 KB (-5.19%)
themes/spectrum.css	1.28 KB	🟢 ⬇ 0.07 KB (-5.22%)

rating

Filename	Head	Compared to base
index-base.css	8.55 KB	🟢 ⬇ 0.47 KB (-5.09%)
index-theme.css	1.32 KB	🟢 ⬇ 0.07 KB (-5.04%)
index-vars.css	9.26 KB	🟢 ⬇ 0.54 KB (-5.40%)
index.css	9.26 KB	🟢 ⬇ 0.54 KB (-5.40%)
themes/express.css	0.98 KB	🟢 ⬇ 0.04 KB (-3.54%)
themes/spectrum.css	1.00 KB	🟢 ⬇ 0.04 KB (-3.46%)

search

Filename	Head	Compared to base
index-base.css	11.99 KB	🟢 ⬇ 0.13 KB (-1.02%)
index-theme.css	2.91 KB	🟢 ⬇ 0.25 KB (-7.85%)
index-vars.css	14.29 KB	🟢 ⬇ 0.38 KB (-2.54%)
index.css	14.29 KB	🟢 ⬇ 0.38 KB (-2.54%)
themes/express.css	1.81 KB	🟢 ⬇ 0.13 KB (-6.41%)
themes/spectrum.css	1.71 KB	🟢 ⬇ 0.13 KB (-6.75%)

sidenav

Filename	Head	Compared to base
index-vars.css	14.44 KB	🟢 ⬇ 0.15 KB (-1.00%)
index.css	14.44 KB	🟢 ⬇ 0.15 KB (-1.00%)
index-base.css	🚨 deleted/moved	⬇ 14.58 KB

slider

Filename	Head	Compared to base
index-base.css	29.68 KB	🟢 ⬇ 0.28 KB (-0.91%)
index-theme.css	2.66 KB	🟢 ⬇ 0.27 KB (-9.02%)
index-vars.css	31.72 KB	🟢 ⬇ 0.55 KB (-1.66%)
index.css	31.72 KB	🟢 ⬇ 0.55 KB (-1.66%)
themes/express.css	1.65 KB	🟢 ⬇ 0.14 KB (-7.40%)
themes/spectrum.css	1.62 KB	🟢 ⬇ 0.14 KB (-7.52%)

stepper

Filename	Head	Compared to base
index-base.css	16.78 KB	🟢 ⬇ 0.26 KB (-1.50%)
index-theme.css	3.75 KB	🟢 ⬇ 0.41 KB (-9.74%)
index-vars.css	19.91 KB	🟢 ⬇ 0.68 KB (-3.20%)
index.css	19.91 KB	🟢 ⬇ 0.68 KB (-3.20%)
themes/express.css	2.13 KB	🟢 ⬇ 0.21 KB (-8.66%)
themes/spectrum.css	2.23 KB	🟢 ⬇ 0.21 KB (-8.31%)

swatch

Filename	Head	Compared to base
index-vars.css	11.15 KB	🟢 ⬇ 0.05 KB (-0.41%)
index.css	11.15 KB	🟢 ⬇ 0.05 KB (-0.41%)
index-base.css	🚨 deleted/moved	⬇ 11.19 KB

switch

Filename	Head	Compared to base
index-base.css	22.75 KB	🟢 ⬇ 0.18 KB (-0.77%)
index-theme.css	1.82 KB	🟢 ⬇ 0.14 KB (-7.19%)
index-vars.css	23.96 KB	🟢 ⬇ 0.32 KB (-1.30%)
index.css	23.96 KB	🟢 ⬇ 0.32 KB (-1.30%)
themes/express.css	1.22 KB	🟢 ⬇ 0.07 KB (-5.45%)
themes/spectrum.css	1.21 KB	🟢 ⬇ 0.07 KB (-5.49%)

tabs

Filename	Head	Compared to base
index-base.css	17.05 KB	🟢 ⬇ 0.01 KB (-0.05%)
index-theme.css	0.79 KB	🟢 ⬇ 0.02 KB (-2.22%)
index-vars.css	17.21 KB	🟢 ⬇ 0.03 KB (-0.15%)
index.css	17.21 KB	🟢 ⬇ 0.03 KB (-0.15%)
themes/express.css	0.71 KB	🟢 ⬇ 0.01 KB (-1.25%)
themes/spectrum.css	0.71 KB	🟢 ⬇ 0.01 KB (-1.26%)

tag

Filename	Head	Compared to base
index-base.css	30.02 KB	🟢 ⬇ 0.27 KB (-0.87%)
index-theme.css	5.44 KB	🟢 ⬇ 0.54 KB (-8.83%)
index-vars.css	34.85 KB	🟢 ⬇ 0.81 KB (-2.22%)
index.css	34.85 KB	🟢 ⬇ 0.81 KB (-2.22%)
themes/express.css	3.02 KB	🟢 ⬇ 0.27 KB (-8.03%)
themes/spectrum.css	3.04 KB	🟢 ⬇ 0.27 KB (-7.99%)

textfield

Filename	Head	Compared to base
index-base.css	33.99 KB	🟢 ⬇ 0.42 KB (-1.19%)
index-theme.css	1.44 KB	🟢 ⬇ 0.11 KB (-6.81%)
index-vars.css	34.82 KB	🟢 ⬇ 0.53 KB (-1.45%)
index.css	34.82 KB	🟢 ⬇ 0.53 KB (-1.45%)
themes/express.css	1.03 KB	🟢 ⬇ 0.05 KB (-4.86%)
themes/spectrum.css	1.02 KB	🟢 ⬇ 0.05 KB (-4.90%)

toast

Filename	Head	Compared to base
index-base.css	7.87 KB	🟢 ⬇ 0.53 KB (-6.19%)
index-theme.css	0.86 KB	🟢 ⬇ 0.02 KB (-2.06%)
index-vars.css	8.09 KB	🟢 ⬇ 0.55 KB (-6.23%)
index.css	8.09 KB	🟢 ⬇ 0.55 KB (-6.23%)
themes/express.css	0.74 KB	🟢 ⬇ 0.01 KB (-1.20%)
themes/spectrum.css	0.74 KB	🟢 ⬇ 0.01 KB (-1.20%)

tooltip

Filename	Head	Compared to base
index-base.css	34.28 KB	🟢 ⬇ 0.01 KB (-0.03%)
index-theme.css	0.87 KB	🟢 ⬇ 0.02 KB (-2.02%)
index-vars.css	34.52 KB	🟢 ⬇ 0.03 KB (-0.08%)
index.css	34.52 KB	🟢 ⬇ 0.03 KB (-0.08%)
themes/express.css	0.75 KB	🟢 ⬇ 0.01 KB (-1.18%)
themes/spectrum.css	0.75 KB	🟢 ⬇ 0.01 KB (-1.19%)

typography

Filename	Head	Compared to base
index-vars.css	40.31 KB	🔴 ⬆ 0.05 KB (0.11%)
index.css	40.31 KB	🔴 ⬆ 0.05 KB (0.11%)
index-base.css	🚨 deleted/moved	⬇ 40.27 KB

tokens

Filename	Head	Compared to base
css/dark-vars.css	25.19 KB	-
css/darkest-vars.css	25.14 KB	-
css/express/dark-vars.css	1.11 KB	🟢 ⬇ < 0.01 KB (-0.09%)
css/express/darkest-vars.css	1.11 KB	🟢 ⬇ < 0.01 KB (-0.09%)
css/express/global-vars.css	3.03 KB	-
css/express/index.css	10.01 KB	🟢 ⬇ 0.01 KB (-0.12%)
css/express/large-vars.css	3.58 KB	🟢 ⬇ < 0.01 KB (-0.08%)
css/express/light-vars.css	1.15 KB	🟢 ⬇ < 0.01 KB (-0.08%)
css/express/medium-vars.css	3.56 KB	🟢 ⬇ < 0.01 KB (-0.08%)
css/global-vars.css	38.80 KB	🟢 ⬇ 0.04 KB (-0.09%)
css/large-vars.css	25.07 KB	-
css/light-vars.css	25.17 KB	-
css/medium-vars.css	25.00 KB	-
css/spectrum/dark-vars.css	4.41 KB	🟢 ⬇ 0.01 KB (-0.31%)
css/spectrum/darkest-vars.css	4.41 KB	🟢 ⬇ 0.01 KB (-0.31%)
css/spectrum/global-vars.css	6.05 KB	🔴 ⬆ 0.14 KB (2.24%)
css/spectrum/index.css	31.53 KB	🔴 ⬆ 0.05 KB (0.15%)
css/spectrum/large-vars.css	7.54 KB	🟢 ⬇ 0.02 KB (-0.27%)
css/spectrum/light-vars.css	4.40 KB	🟢 ⬇ 0.01 KB (-0.31%)
css/spectrum/medium-vars.css	7.78 KB	🟢 ⬇ 0.02 KB (-0.25%)
index.css	201.62 KB	🟢 ⬇ 0.01 KB (-0.00%)

* Size determined by adding together the size of the main file for all packages in the library.
* Results are not gzipped or minified.
* An ASCII character in UTF-8 is 8 bits or 1 byte.

[castastrophe]

@pfulton Note that I didn't add a changeset entry to tokens, that's because it resulted only in whitespace updates so it didn't require any versioning changes.

[cdransf]

Ran through all of the validation steps and didn't encounter any issues! ✨