Skip to content

feat(storybook): live modifiers preview #4029

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

castastrophe
Copy link
Collaborator

@castastrophe castastrophe commented Jul 11, 2025

Description

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

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.
  1. 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.

Screenshots

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. ✨

Copy link

changeset-bot bot commented Jul 11, 2025

🦋 Changeset detected

Latest commit: 6f72180

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

This PR includes changesets to release 2 packages
Name Type
@spectrum-css/generator Patch
@spectrum-css/preview 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

@castastrophe castastrophe force-pushed the castastrophe/feat-storybook-modifiers-docs branch from c7f092d to 5560468 Compare July 11, 2025 19:42
Copy link
Contributor

github-actions bot commented Jul 11, 2025

File metrics

Summary

Total size: 2.25 MB*
No change in file sizes

Package Size Minified Gzipped
accordion 17.33 KB 16.56 KB 2.35 KB
actionbar 6.22 KB 5.92 KB 1.36 KB
actionbutton 25.33 KB 24.25 KB 2.99 KB
actiongroup 7.68 KB 7.36 KB 1.07 KB
alertbanner 5.12 KB 4.89 KB 1.21 KB
alertdialog 5.11 KB 4.87 KB 1.16 KB
asset 2.27 KB 2.15 KB 0.80 KB
assetcard 15.83 KB 15.10 KB 2.23 KB
assetlist 7.31 KB 6.91 KB 1.50 KB
avatar 4.94 KB 4.69 KB 1.00 KB
badge 12.12 KB 11.55 KB 1.80 KB
breadcrumb 16.64 KB 15.93 KB 2.23 KB
button 39.55 KB 37.67 KB 4.02 KB
buttongroup 1.64 KB 1.58 KB 0.62 KB
calendar 19.39 KB 18.39 KB 2.71 KB
card 18.20 KB 17.14 KB 2.70 KB
checkbox 22.43 KB 21.36 KB 2.56 KB
clearbutton 5.83 KB 5.54 KB 1.16 KB
closebutton 14.21 KB 13.54 KB 2.09 KB
coachindicator 5.31 KB 5.07 KB 1.11 KB
coachmark 5.48 KB 5.20 KB 1.29 KB
colorarea 2.91 KB 2.73 KB 0.95 KB
colorhandle 4.03 KB 3.82 KB 1.05 KB
colorloupe 2.80 KB 2.66 KB 0.96 KB
colorslider 3.90 KB 3.67 KB 1.05 KB
colorwheel 4.69 KB 4.39 KB 1.25 KB
combobox 29.17 KB 28.12 KB 2.94 KB
contextualhelp 2.20 KB 2.11 KB 0.73 KB
datepicker 13.09 KB 12.51 KB 2.13 KB
dial 10.80 KB 10.14 KB 1.92 KB
dialog 13.53 KB 12.92 KB 1.97 KB
divider 3.16 KB 3.01 KB 0.80 KB
dropindicator 3.21 KB 3.05 KB 0.80 KB
dropzone 7.22 KB 6.91 KB 1.44 KB
fieldgroup 1.31 KB 1.25 KB 0.58 KB
fieldlabel 5.24 KB 5.00 KB 1.11 KB
floatingactionbutton 7.06 KB 6.78 KB 1.23 KB
form 2.31 KB 2.18 KB 0.80 KB
helptext 7.11 KB 6.81 KB 1.08 KB
icon 11.33 KB 10.49 KB 1.34 KB
illustratedmessage 5.89 KB 5.66 KB 1.15 KB
infieldbutton 15.65 KB 15.06 KB 1.88 KB
inlinealert 8.12 KB 7.76 KB 1.40 KB
link 3.26 KB 3.09 KB 0.87 KB
logicbutton 9.60 KB 9.13 KB 1.71 KB
menu 41.39 KB 39.37 KB 4.47 KB
meter 1.72 KB 1.66 KB 0.64 KB
miller 1.24 KB 1.18 KB 0.62 KB
modal 4.32 KB 4.07 KB 1.12 KB
opacitycheckerboard 1.21 KB 1.18 KB 0.58 KB
page 0.97 KB 0.95 KB 0.52 KB
pagination 2.27 KB 2.17 KB 0.77 KB
picker 28.06 KB 26.80 KB 3.37 KB
pickerbutton 12.28 KB 11.77 KB 1.69 KB
popover 16.14 KB 15.54 KB 1.99 KB
progressbar 8.25 KB 7.82 KB 1.65 KB
progresscircle 10.78 KB 9.27 KB 1.84 KB
radio 15.35 KB 14.56 KB 2.18 KB
rating 8.54 KB 8.06 KB 1.51 KB
search 11.70 KB 11.17 KB 1.87 KB
sidenav 14.44 KB 13.79 KB 2.24 KB
slider 29.36 KB 27.71 KB 3.68 KB
splitview 11.31 KB 10.82 KB 1.49 KB
statuslight 10.81 KB 10.34 KB 1.68 KB
steplist 9.98 KB 9.39 KB 1.69 KB
stepper 18.33 KB 17.48 KB 2.41 KB
swatch 10.87 KB 10.25 KB 1.85 KB
swatchgroup 1.22 KB 1.17 KB 0.56 KB
switch 22.54 KB 21.33 KB 2.42 KB
table 47.09 KB 45.01 KB 4.89 KB
tabs 17.04 KB 16.14 KB 2.50 KB
tag 28.93 KB 27.70 KB 3.19 KB
taggroup 1.08 KB 1.04 KB 0.54 KB
textfield 32.77 KB 31.27 KB 3.78 KB
thumbnail 7.73 KB 7.26 KB 1.43 KB
toast 7.86 KB 7.48 KB 1.55 KB
tooltip 34.13 KB 32.80 KB 3.36 KB
tray 3.42 KB 3.23 KB 1.03 KB
treeview 17.61 KB 16.66 KB 2.42 KB
typography 40.27 KB 38.62 KB 3.56 KB
underlay 2.58 KB 2.49 KB 0.76 KB
well 1.58 KB 1.52 KB 0.65 KB

File change details

accordion

Filename Head Minified Gzipped Compared to base
index-base.css 17.12 KB 16.35 KB 2.33 KB 🟢 ⬇ < 0.01 KB
index-theme.css 0.92 KB 0.90 KB 0.47 KB -
index.css 17.33 KB 16.56 KB 2.35 KB -
metadata.json 43.10 KB - - 🔴 ⬆ 33.57 KB
themes/express.css 0.86 KB 0.85 KB 0.48 KB -
themes/spectrum-two.css 0.86 KB 0.85 KB 0.48 KB -
themes/spectrum.css 0.86 KB 0.85 KB 0.48 KB -

actionbar

Filename Head Minified Gzipped Compared to base
index-base.css 6.08 KB 5.79 KB 1.34 KB -
index-theme.css 0.84 KB 0.83 KB 0.47 KB -
index.css 6.22 KB 5.92 KB 1.36 KB -
metadata.json 18.22 KB - - 🔴 ⬆ 14.45 KB
themes/express.css 0.80 KB 0.79 KB 0.47 KB -
themes/spectrum-two.css 0.78 KB 0.77 KB 0.47 KB -
themes/spectrum.css 0.80 KB 0.79 KB 0.47 KB -

actionbutton

Filename Head Minified Gzipped Compared to base
index-base.css 20.11 KB 19.23 KB 2.71 KB -
index-theme.css 7.72 KB 7.50 KB 0.89 KB -
index.css 25.33 KB 24.25 KB 2.99 KB -
metadata.json 71.42 KB - - 🔴 ⬆ 57.12 KB
themes/express.css 5.76 KB 5.59 KB 0.88 KB -
themes/spectrum-two.css 5.70 KB 5.53 KB 0.88 KB -
themes/spectrum.css 5.93 KB 5.75 KB 0.90 KB -

actiongroup

Filename Head Minified Gzipped Compared to base
index-base.css 7.52 KB 7.22 KB 1.05 KB -
index-theme.css 0.95 KB 0.94 KB 0.49 KB -
index.css 7.68 KB 7.36 KB 1.07 KB -
metadata.json 12.10 KB - - 🔴 ⬆ 8.65 KB
themes/express.css 0.91 KB 0.89 KB 0.49 KB -
themes/spectrum-two.css 0.80 KB 0.78 KB 0.47 KB -
themes/spectrum.css 0.81 KB 0.80 KB 0.47 KB -

alertbanner

Filename Head Minified Gzipped Compared to base
index-base.css 5.02 KB 4.79 KB 1.20 KB -
index-theme.css 0.74 KB 0.74 KB 0.45 KB -
index.css 5.12 KB 4.89 KB 1.21 KB -
metadata.json 14.53 KB - - 🔴 ⬆ 11.33 KB
themes/express.css 0.75 KB 0.74 KB 0.46 KB -
themes/spectrum-two.css 0.74 KB 0.73 KB 0.46 KB -
themes/spectrum.css 0.76 KB 0.75 KB 0.47 KB -

alertdialog

Filename Head Minified Gzipped Compared to base
index.css 5.11 KB 4.87 KB 1.16 KB -
metadata.json 15.34 KB - - 🔴 ⬆ 12.23 KB

asset

Filename Head Minified Gzipped Compared to base
index-base.css 2.08 KB 1.97 KB 0.76 KB -
index-theme.css 0.90 KB 0.88 KB 0.48 KB -
index.css 2.27 KB 2.15 KB 0.80 KB -
metadata.json 5.08 KB - - 🔴 ⬆ 3.86 KB
themes/express.css 0.85 KB 0.84 KB 0.48 KB -
themes/spectrum-two.css 0.83 KB 0.82 KB 0.48 KB -
themes/spectrum.css 0.85 KB 0.84 KB 0.48 KB -

assetcard

Filename Head Minified Gzipped Compared to base
index-base.css 15.50 KB 14.78 KB 2.17 KB -
index-theme.css 1.07 KB 1.05 KB 0.51 KB -
index.css 15.83 KB 15.10 KB 2.23 KB -
metadata.json 43.22 KB - - 🔴 ⬆ 34.08 KB
themes/express.css 1.00 KB 0.98 KB 0.55 KB -
themes/spectrum-two.css 0.98 KB 0.96 KB 0.54 KB -
themes/spectrum.css 1.00 KB 0.98 KB 0.55 KB -

assetlist

Filename Head Minified Gzipped Compared to base
index-base.css 7.16 KB 6.77 KB 1.49 KB -
index-theme.css 0.86 KB 0.85 KB 0.47 KB -
index.css 7.31 KB 6.91 KB 1.50 KB -
metadata.json 18.15 KB - - 🔴 ⬆ 14.13 KB
themes/express.css 0.81 KB 0.80 KB 0.48 KB -
themes/spectrum-two.css 0.79 KB 0.78 KB 0.47 KB -
themes/spectrum.css 0.81 KB 0.80 KB 0.48 KB -

avatar

Filename Head Minified Gzipped Compared to base
index.css 4.94 KB 4.69 KB 1.00 KB -
metadata.json 9.52 KB - - 🔴 ⬆ 7.67 KB

badge

Filename Head Minified Gzipped Compared to base
index.css 12.12 KB 11.55 KB 1.80 KB -
metadata.json 32.60 KB - - 🔴 ⬆ 25.52 KB

breadcrumb

Filename Head Minified Gzipped Compared to base
index.css 16.64 KB 15.93 KB 2.23 KB -
metadata.json 47.31 KB - - 🔴 ⬆ 37.42 KB

button

Filename Head Minified Gzipped Compared to base
index-base.css 31.13 KB 29.59 KB 3.62 KB -
index-theme.css 11.75 KB 11.39 KB 1.07 KB -
index.css 39.55 KB 37.67 KB 4.02 KB -
metadata.json 102.91 KB - - 🔴 ⬆ 83.63 KB
themes/express.css 9.52 KB 9.21 KB 1.06 KB -
themes/spectrum-two.css 9.84 KB 9.53 KB 1.07 KB -
themes/spectrum.css 9.60 KB 9.29 KB 1.08 KB -

buttongroup

Filename Head Minified Gzipped Compared to base
index.css 1.64 KB 1.58 KB 0.62 KB -
metadata.json 2.64 KB - - 🔴 ⬆ 1.92 KB

calendar

Filename Head Minified Gzipped Compared to base
index-base.css 19.29 KB 18.30 KB 2.69 KB -
index-theme.css 0.77 KB 0.77 KB 0.46 KB -
index.css 19.39 KB 18.39 KB 2.71 KB -
metadata.json 41.87 KB - - 🔴 ⬆ 32.74 KB
themes/express.css 0.76 KB 0.75 KB 0.48 KB -
themes/spectrum-two.css 0.74 KB 0.73 KB 0.47 KB -
themes/spectrum.css 0.76 KB 0.75 KB 0.48 KB -

card

Filename Head Minified Gzipped Compared to base
index-base.css 17.89 KB 16.84 KB 2.68 KB -
index-theme.css 1.02 KB 1.02 KB 0.49 KB -
index.css 18.20 KB 17.14 KB 2.70 KB -
metadata.json 40.14 KB - - 🔴 ⬆ 31.11 KB
themes/express.css 0.98 KB 0.96 KB 0.50 KB -
themes/spectrum-two.css 0.95 KB 0.93 KB 0.49 KB -
themes/spectrum.css 0.98 KB 0.96 KB 0.50 KB -

checkbox

Filename Head Minified Gzipped Compared to base
index-base.css 22.04 KB 20.98 KB 2.51 KB -
index-theme.css 1.14 KB 1.12 KB 0.51 KB -
index.css 22.43 KB 21.36 KB 2.56 KB -
metadata.json 59.67 KB - - 🔴 ⬆ 46.97 KB
themes/express.css 1.04 KB 1.01 KB 0.51 KB -
themes/spectrum-two.css 1.01 KB 1.01 KB 0.52 KB -
themes/spectrum.css 1.04 KB 1.01 KB 0.52 KB -

clearbutton

Filename Head Minified Gzipped Compared to base
index-base.css 5.28 KB 5.01 KB 1.10 KB -
index-theme.css 1.42 KB 1.39 KB 0.53 KB -
index.css 5.83 KB 5.54 KB 1.16 KB -
metadata.json 14.64 KB - - 🔴 ⬆ 11.21 KB
themes/express.css 1.22 KB 1.19 KB 0.53 KB -
themes/spectrum-two.css 1.15 KB 1.13 KB 0.51 KB -
themes/spectrum.css 1.17 KB 1.14 KB 0.52 KB -

closebutton

Filename Head Minified Gzipped Compared to base
index-base.css 13.26 KB 12.63 KB 1.99 KB -
index-theme.css 1.88 KB 1.84 KB 0.57 KB -
index.css 14.21 KB 13.54 KB 2.09 KB -
metadata.json 35.86 KB - - 🔴 ⬆ 27.53 KB
themes/express.css 1.54 KB 1.50 KB 0.56 KB -
themes/spectrum-two.css 1.52 KB 1.49 KB 0.55 KB -
themes/spectrum.css 1.54 KB 1.50 KB 0.56 KB -

coachindicator

Filename Head Minified Gzipped Compared to base
index.css 5.31 KB 5.07 KB 1.11 KB -
metadata.json 11.59 KB - - 🔴 ⬆ 9.04 KB

coachmark

Filename Head Minified Gzipped Compared to base
index.css 5.48 KB 5.20 KB 1.29 KB -
metadata.json 14.97 KB - - 🔴 ⬆ 11.75 KB

colorarea

Filename Head Minified Gzipped Compared to base
index.css 2.91 KB 2.73 KB 0.95 KB -
metadata.json 5.21 KB - - 🔴 ⬆ 3.90 KB

colorhandle

Filename Head Minified Gzipped Compared to base
index.css 4.03 KB 3.82 KB 1.05 KB -
metadata.json 8.53 KB - - 🔴 ⬆ 6.64 KB

colorloupe

Filename Head Minified Gzipped Compared to base
index.css 2.80 KB 2.66 KB 0.96 KB -
metadata.json 6.84 KB - - 🔴 ⬆ 5.10 KB

colorslider

Filename Head Minified Gzipped Compared to base
index.css 3.90 KB 3.67 KB 1.05 KB -
metadata.json 8.50 KB - - 🔴 ⬆ 6.46 KB

colorwheel

Filename Head Minified Gzipped Compared to base
index-base.css 4.59 KB 4.30 KB 1.23 KB -
index-theme.css 0.73 KB 0.72 KB 0.45 KB -
index.css 4.69 KB 4.39 KB 1.25 KB -
metadata.json 7.87 KB - - 🔴 ⬆ 5.90 KB
themes/express.css 0.73 KB 0.73 KB 0.46 KB -
themes/spectrum-two.css 0.72 KB 0.71 KB 0.46 KB -
themes/spectrum.css 0.73 KB 0.73 KB 0.46 KB -

combobox

Filename Head Minified Gzipped Compared to base
index-base.css 28.61 KB 27.58 KB 2.88 KB -
index-theme.css 1.35 KB 1.32 KB 0.53 KB -
index.css 29.17 KB 28.12 KB 2.94 KB -
metadata.json 61.37 KB - - 🔴 ⬆ 45.08 KB
themes/express.css 1.19 KB 1.16 KB 0.54 KB -
themes/spectrum-two.css 1.18 KB 1.15 KB 0.53 KB -
themes/spectrum.css 1.18 KB 1.16 KB 0.54 KB -

contextualhelp

Filename Head Minified Gzipped Compared to base
index.css 2.20 KB 2.11 KB 0.73 KB -
metadata.json 5.39 KB - - 🔴 ⬆ 4.09 KB

datepicker

Filename Head Minified Gzipped Compared to base
index-base.css 13.01 KB 12.44 KB 2.13 KB -
index-theme.css 0.73 KB 0.73 KB 0.45 KB -
index.css 13.09 KB 12.51 KB 2.13 KB -
metadata.json 32.13 KB - - 🔴 ⬆ 24.65 KB
themes/express.css 0.73 KB 0.73 KB 0.46 KB -
themes/spectrum-two.css 0.72 KB 0.71 KB 0.45 KB -
themes/spectrum.css 0.73 KB 0.73 KB 0.46 KB -

dial

Filename Head Minified Gzipped Compared to base
index-base.css 10.66 KB 10.01 KB 1.90 KB -
index-theme.css 0.83 KB 0.82 KB 0.48 KB -
index.css 10.80 KB 10.14 KB 1.92 KB -
metadata.json 24.22 KB - - 🔴 ⬆ 19.53 KB
themes/express.css 0.80 KB 0.79 KB 0.48 KB -
themes/spectrum-two.css 0.78 KB 0.77 KB 0.48 KB -
themes/spectrum.css 0.80 KB 0.79 KB 0.49 KB -

dialog

Filename Head Minified Gzipped Compared to base
index.css 13.53 KB 12.92 KB 1.97 KB -
metadata.json 16.76 KB - - 🔴 ⬆ 12.41 KB

divider

Filename Head Minified Gzipped Compared to base
index-base.css 2.90 KB 2.77 KB 0.77 KB -
index-theme.css 0.94 KB 0.92 KB 0.48 KB -
index.css 3.16 KB 3.01 KB 0.80 KB -
metadata.json 7.76 KB - - 🔴 ⬆ 5.93 KB
themes/express.css 0.90 KB 0.88 KB 0.49 KB -
themes/spectrum-two.css 0.88 KB 0.87 KB 0.48 KB -
themes/spectrum.css 0.90 KB 0.88 KB 0.49 KB -

dropindicator

Filename Head Minified Gzipped Compared to base
index.css 3.21 KB 3.05 KB 0.80 KB -
metadata.json 4.43 KB - - 🔴 ⬆ 3.54 KB

dropzone

Filename Head Minified Gzipped Compared to base
index-base.css 7.17 KB 6.86 KB 1.43 KB -
index-theme.css 0.72 KB 0.72 KB 0.45 KB -
index.css 7.22 KB 6.91 KB 1.44 KB -
metadata.json 22.73 KB - - 🔴 ⬆ 17.63 KB
themes/express.css 0.72 KB 0.71 KB 0.45 KB -
themes/spectrum-two.css 0.70 KB 0.69 KB 0.45 KB -
themes/spectrum.css 0.72 KB 0.71 KB 0.45 KB -

fieldgroup

Filename Head Minified Gzipped Compared to base
index.css 1.31 KB 1.25 KB 0.58 KB -
metadata.json 0.92 KB - - 🔴 ⬆ 0.23 KB

fieldlabel

Filename Head Minified Gzipped Compared to base
index.css 5.24 KB 5.00 KB 1.11 KB -
metadata.json 13.90 KB - - 🔴 ⬆ 11.00 KB

floatingactionbutton

Filename Head Minified Gzipped Compared to base
index.css 7.06 KB 6.78 KB 1.23 KB -
metadata.json 19.43 KB - - 🔴 ⬆ 15.51 KB

form

Filename Head Minified Gzipped Compared to base
index.css 2.31 KB 2.18 KB 0.80 KB -
metadata.json 4.49 KB - - 🔴 ⬆ 3.33 KB

helptext

Filename Head Minified Gzipped Compared to base
index.css 7.11 KB 6.81 KB 1.08 KB -
metadata.json 16.13 KB - - 🔴 ⬆ 12.81 KB

icon

Filename Head Minified Gzipped Compared to base
index.css 11.33 KB 10.49 KB 1.34 KB -
metadata.json 18.14 KB - - 🔴 ⬆ 12.15 KB

illustratedmessage

Filename Head Minified Gzipped Compared to base
index.css 5.89 KB 5.66 KB 1.15 KB -
metadata.json 17.07 KB - - 🔴 ⬆ 13.41 KB

infieldbutton

Filename Head Minified Gzipped Compared to base
index-base.css 14.77 KB 14.22 KB 1.78 KB -
index-theme.css 1.77 KB 1.73 KB 0.59 KB -
index.css 15.65 KB 15.06 KB 1.88 KB -
metadata.json 36.34 KB - - 🔴 ⬆ 28.52 KB
themes/express.css 1.44 KB 1.40 KB 0.58 KB -
themes/spectrum-two.css 1.45 KB 1.42 KB 0.58 KB -
themes/spectrum.css 1.47 KB 1.43 KB 0.59 KB -

inlinealert

Filename Head Minified Gzipped Compared to base
index.css 8.12 KB 7.76 KB 1.40 KB -
metadata.json 21.80 KB - - 🔴 ⬆ 17.48 KB

link

Filename Head Minified Gzipped Compared to base
index.css 3.26 KB 3.09 KB 0.87 KB -
metadata.json 8.42 KB - - 🔴 ⬆ 6.90 KB

logicbutton

Filename Head Minified Gzipped Compared to base
index-base.css 8.96 KB 8.50 KB 1.68 KB -
index-theme.css 1.54 KB 1.51 KB 0.52 KB -
index.css 9.60 KB 9.13 KB 1.71 KB -
metadata.json 26.18 KB - - 🔴 ⬆ 21.26 KB
themes/express.css 1.27 KB 1.25 KB 0.50 KB -
themes/spectrum-two.css 1.25 KB 1.23 KB 0.50 KB -
themes/spectrum.css 1.27 KB 1.24 KB 0.51 KB -

menu

Filename Head Minified Gzipped Compared to base
index-base.css 40.69 KB 38.71 KB 4.37 KB -
index-theme.css 1.36 KB 1.33 KB 0.55 KB -
index.css 41.39 KB 39.37 KB 4.47 KB -
metadata.json 89.18 KB - - 🔴 ⬆ 68.89 KB
themes/express.css 1.25 KB 1.22 KB 0.57 KB -
themes/spectrum-two.css 1.29 KB 1.26 KB 0.58 KB -
themes/spectrum.css 1.25 KB 1.22 KB 0.57 KB -

meter

Filename Head Minified Gzipped Compared to base
index.css 1.72 KB 1.66 KB 0.64 KB -
metadata.json 3.94 KB - - 🔴 ⬆ 2.77 KB

miller

Filename Head Minified Gzipped Compared to base
index.css 1.24 KB 1.18 KB 0.62 KB -
metadata.json 1.42 KB - - 🔴 ⬆ 0.98 KB

modal

Filename Head Minified Gzipped Compared to base
index-base.css 4.25 KB 4.00 KB 1.11 KB -
index-theme.css 0.72 KB 0.71 KB 0.45 KB -
index.css 4.32 KB 4.07 KB 1.12 KB -
metadata.json 7.22 KB - - 🔴 ⬆ 5.43 KB
themes/express.css 0.72 KB 0.71 KB 0.45 KB -
themes/spectrum-two.css 0.72 KB 0.71 KB 0.45 KB -
themes/spectrum.css 0.72 KB 0.71 KB 0.46 KB -

opacitycheckerboard

Filename Head Minified Gzipped Compared to base
index.css 1.21 KB 1.18 KB 0.58 KB -
metadata.json 1.82 KB - - 🔴 ⬆ 1.31 KB

page

Filename Head Minified Gzipped Compared to base
index-base.css 0.83 KB 0.82 KB 0.48 KB -
index-theme.css 0.80 KB 0.79 KB 0.47 KB -
index.css 0.97 KB 0.95 KB 0.52 KB -
metadata.json 1.83 KB - - 🔴 ⬆ 1.37 KB
themes/express.css 0.81 KB 0.80 KB 0.49 KB -
themes/spectrum-two.css 0.79 KB 0.78 KB 0.48 KB -
themes/spectrum.css 0.80 KB 0.79 KB 0.49 KB -

pagination

Filename Head Minified Gzipped Compared to base
index.css 2.27 KB 2.17 KB 0.77 KB -
metadata.json 4.38 KB - - 🔴 ⬆ 3.08 KB

picker

Filename Head Minified Gzipped Compared to base
index-base.css 27.10 KB 25.88 KB 3.29 KB -
index-theme.css 1.84 KB 1.80 KB 0.57 KB -
index.css 28.06 KB 26.80 KB 3.37 KB -
metadata.json 71.95 KB - - 🔴 ⬆ 56.99 KB
themes/express.css 1.45 KB 1.41 KB 0.55 KB -
themes/spectrum-two.css 1.55 KB 1.51 KB 0.55 KB -
themes/spectrum.css 1.56 KB 1.51 KB 0.57 KB -

pickerbutton

Filename Head Minified Gzipped Compared to base
index-base.css 11.62 KB 11.14 KB 1.62 KB -
index-theme.css 1.55 KB 1.51 KB 0.55 KB -
index.css 12.28 KB 11.77 KB 1.69 KB -
metadata.json 31.79 KB - - 🔴 ⬆ 25.32 KB
themes/express.css 1.33 KB 1.29 KB 0.57 KB -
themes/spectrum-two.css 1.27 KB 1.24 KB 0.55 KB -
themes/spectrum.css 1.29 KB 1.26 KB 0.57 KB -

popover

Filename Head Minified Gzipped Compared to base
index-base.css 16.07 KB 15.47 KB 1.98 KB -
index-theme.css 0.72 KB 0.71 KB 0.44 KB -
index.css 16.14 KB 15.54 KB 1.99 KB -
metadata.json 34.37 KB - - 🔴 ⬆ 26.35 KB
themes/express.css 0.69 KB 0.69 KB 0.44 KB -
themes/spectrum-two.css 0.71 KB 0.70 KB 0.44 KB -
themes/spectrum.css 0.72 KB 0.72 KB 0.45 KB -

progressbar

Filename Head Minified Gzipped Compared to base
index-base.css 8.08 KB 7.67 KB 1.61 KB -
index-theme.css 0.82 KB 0.81 KB 0.46 KB -
index.css 8.25 KB 7.82 KB 1.65 KB -
metadata.json 19.83 KB - - 🔴 ⬆ 15.48 KB
themes/express.css 0.80 KB 0.79 KB 0.47 KB -
themes/spectrum-two.css 0.78 KB 0.77 KB 0.47 KB -
themes/spectrum.css 0.80 KB 0.79 KB 0.48 KB -

progresscircle

Filename Head Minified Gzipped Compared to base
index-base.css 10.48 KB 8.99 KB 1.83 KB -
index-theme.css 1.01 KB 1.00 KB 0.49 KB -
index.css 10.78 KB 9.27 KB 1.84 KB -
metadata.json 11.30 KB - - 🔴 ⬆ 7.74 KB
themes/express.css 0.93 KB 0.92 KB 0.50 KB -
themes/spectrum-two.css 0.92 KB 0.90 KB 0.50 KB -
themes/spectrum.css 0.93 KB 0.92 KB 0.50 KB -

radio

Filename Head Minified Gzipped Compared to base
index-base.css 15.00 KB 14.23 KB 2.15 KB -
index-theme.css 1.08 KB 1.06 KB 0.50 KB -
index.css 15.35 KB 14.56 KB 2.18 KB -
metadata.json 42.94 KB - - 🔴 ⬆ 33.96 KB
themes/express.css 1.00 KB 0.98 KB 0.50 KB -
themes/spectrum-two.css 0.98 KB 0.96 KB 0.50 KB -
themes/spectrum.css 1.00 KB 0.98 KB 0.50 KB -

rating

Filename Head Minified Gzipped Compared to base
index-base.css 8.13 KB 7.66 KB 1.46 KB -
index-theme.css 1.03 KB 1.01 KB 0.50 KB -
index.css 8.54 KB 8.06 KB 1.51 KB -
metadata.json 21.04 KB - - 🔴 ⬆ 15.82 KB
themes/express.css 1.04 KB 1.02 KB 0.52 KB -
themes/spectrum-two.css 1.03 KB 1.01 KB 0.51 KB -
themes/spectrum.css 1.07 KB 1.05 KB 0.53 KB -

search

Filename Head Minified Gzipped Compared to base
index-base.css 10.40 KB 9.93 KB 1.75 KB -
index-theme.css 2.43 KB 2.35 KB 0.62 KB -
index.css 11.70 KB 11.17 KB 1.87 KB -
metadata.json 36.71 KB - - 🔴 ⬆ 28.85 KB
themes/express.css 2.19 KB 2.12 KB 0.65 KB -
themes/spectrum-two.css 2.05 KB 1.99 KB 0.62 KB -
themes/spectrum.css 2.10 KB 2.04 KB 0.62 KB -

sidenav

Filename Head Minified Gzipped Compared to base
index-base.css 13.92 KB 13.30 KB 2.19 KB -
index-theme.css 1.29 KB 1.26 KB 0.53 KB -
index.css 14.44 KB 13.79 KB 2.24 KB -
metadata.json 47.69 KB - - 🔴 ⬆ 38.74 KB
themes/express.css 1.13 KB 1.11 KB 0.51 KB -
themes/spectrum-two.css 1.11 KB 1.09 KB 0.51 KB -
themes/spectrum.css 1.13 KB 1.11 KB 0.52 KB -

slider

Filename Head Minified Gzipped Compared to base
index-base.css 27.95 KB 26.36 KB 3.54 KB -
index-theme.css 2.67 KB 2.58 KB 0.66 KB -
index.css 29.36 KB 27.71 KB 3.68 KB -
metadata.json 65.89 KB - - 🔴 ⬆ 51.88 KB
themes/express.css 2.14 KB 2.07 KB 0.63 KB -
themes/spectrum-two.css 2.07 KB 2.00 KB 0.64 KB -
themes/spectrum.css 2.12 KB 2.05 KB 0.64 KB -

splitview

Filename Head Minified Gzipped Compared to base
index-base.css 11.12 KB 10.65 KB 1.47 KB -
index-theme.css 0.92 KB 0.91 KB 0.49 KB -
index.css 11.31 KB 10.82 KB 1.49 KB -
metadata.json 21.83 KB - - 🔴 ⬆ 17.14 KB
themes/express.css 0.87 KB 0.86 KB 0.50 KB -
themes/spectrum-two.css 0.83 KB 0.81 KB 0.48 KB -
themes/spectrum.css 0.87 KB 0.86 KB 0.50 KB -

statuslight

Filename Head Minified Gzipped Compared to base
index.css 10.81 KB 10.34 KB 1.68 KB -
metadata.json 32.62 KB - - 🔴 ⬆ 25.73 KB

steplist

Filename Head Minified Gzipped Compared to base
index-base.css 9.82 KB 9.23 KB 1.67 KB -
index-theme.css 0.89 KB 0.88 KB 0.48 KB -
index.css 9.98 KB 9.39 KB 1.69 KB -
metadata.json 17.24 KB - - 🔴 ⬆ 12.26 KB
themes/express.css 0.82 KB 0.81 KB 0.48 KB -
themes/spectrum-two.css 0.81 KB 0.80 KB 0.48 KB -
themes/spectrum.css 0.82 KB 0.81 KB 0.48 KB -

stepper

Filename Head Minified Gzipped Compared to base
index-base.css 16.65 KB 15.87 KB 2.27 KB -
index-theme.css 2.77 KB 2.69 KB 0.66 KB -
index.css 18.33 KB 17.48 KB 2.41 KB -
metadata.json 38.71 KB - - 🔴 ⬆ 29.75 KB
themes/express.css 2.06 KB 1.99 KB 0.65 KB -
themes/spectrum-two.css 2.23 KB 2.15 KB 0.64 KB -
themes/spectrum.css 2.23 KB 2.16 KB 0.65 KB -

swatch

Filename Head Minified Gzipped Compared to base
index-base.css 10.60 KB 10.00 KB 1.81 KB -
index-theme.css 0.88 KB 0.87 KB 0.47 KB -
index.css 10.87 KB 10.25 KB 1.85 KB -
metadata.json 21.55 KB - - 🔴 ⬆ 15.83 KB
themes/express.css 0.91 KB 0.90 KB 0.51 KB -
themes/spectrum-two.css 0.89 KB 0.88 KB 0.50 KB -
themes/spectrum.css 0.91 KB 0.89 KB 0.51 KB -

swatchgroup

Filename Head Minified Gzipped Compared to base
index.css 1.22 KB 1.17 KB 0.56 KB -
metadata.json 1.75 KB - - 🔴 ⬆ 1.23 KB

switch

Filename Head Minified Gzipped Compared to base
index-base.css 21.74 KB 20.56 KB 2.35 KB -
index-theme.css 1.70 KB 1.66 KB 0.55 KB -
index.css 22.54 KB 21.33 KB 2.42 KB -
metadata.json 56.47 KB - - 🔴 ⬆ 43.86 KB
themes/express.css 1.42 KB 1.38 KB 0.54 KB -
themes/spectrum-two.css 1.40 KB 1.37 KB 0.54 KB -
themes/spectrum.css 1.42 KB 1.38 KB 0.55 KB -

table

Filename Head Minified Gzipped Compared to base
index-base.css 46.40 KB 44.36 KB 4.84 KB -
index-theme.css 1.49 KB 1.45 KB 0.55 KB -
index.css 47.09 KB 45.01 KB 4.89 KB -
metadata.json 104.91 KB - - 🔴 ⬆ 82.52 KB
themes/express.css 1.38 KB 1.34 KB 0.58 KB -
themes/spectrum-two.css 1.36 KB 1.33 KB 0.57 KB -
themes/spectrum.css 1.37 KB 1.34 KB 0.58 KB -

tabs

Filename Head Minified Gzipped Compared to base
index-base.css 16.90 KB 16.02 KB 2.48 KB -
index-theme.css 0.80 KB 0.79 KB 0.47 KB -
index.css 17.04 KB 16.14 KB 2.50 KB -
metadata.json 42.58 KB - - 🔴 ⬆ 33.23 KB
themes/express.css 0.79 KB 0.78 KB 0.48 KB -
themes/spectrum-two.css 0.77 KB 0.76 KB 0.47 KB -
themes/spectrum.css 0.79 KB 0.78 KB 0.48 KB -

tag

Filename Head Minified Gzipped Compared to base
index-base.css 26.40 KB 25.26 KB 2.99 KB -
index-theme.css 3.33 KB 3.23 KB 0.72 KB -
index.css 28.93 KB 27.70 KB 3.19 KB -
metadata.json 89.40 KB - - 🔴 ⬆ 73.22 KB
themes/express.css 3.09 KB 3.00 KB 0.79 KB -
themes/spectrum-two.css 3.10 KB 3.00 KB 0.77 KB -
themes/spectrum.css 3.11 KB 3.02 KB 0.78 KB -

taggroup

Filename Head Minified Gzipped Compared to base
index.css 1.08 KB 1.04 KB 0.54 KB -
metadata.json 1.43 KB - - 🔴 ⬆ 1.02 KB

textfield

Filename Head Minified Gzipped Compared to base
index-base.css 31.49 KB 30.05 KB 3.66 KB -
index-theme.css 2.13 KB 2.06 KB 0.61 KB -
index.css 32.77 KB 31.27 KB 3.78 KB -
metadata.json 83.20 KB - - 🔴 ⬆ 65.38 KB
themes/express.css 1.73 KB 1.69 KB 0.62 KB -
themes/spectrum-two.css 1.71 KB 1.66 KB 0.60 KB -
themes/spectrum.css 1.73 KB 1.68 KB 0.62 KB -

thumbnail

Filename Head Minified Gzipped Compared to base
index-base.css 7.66 KB 7.20 KB 1.42 KB -
index-theme.css 0.73 KB 0.72 KB 0.45 KB -
index.css 7.73 KB 7.26 KB 1.43 KB -
metadata.json 16.10 KB - - 🔴 ⬆ 12.45 KB
themes/express.css 0.73 KB 0.72 KB 0.46 KB -
themes/spectrum-two.css 0.68 KB 0.67 KB 0.43 KB -
themes/spectrum.css 0.73 KB 0.72 KB 0.46 KB -

toast

Filename Head Minified Gzipped Compared to base
index-base.css 7.69 KB 7.32 KB 1.52 KB -
index-theme.css 0.81 KB 0.80 KB 0.47 KB -
index.css 7.86 KB 7.48 KB 1.55 KB -
metadata.json 19.84 KB - - 🔴 ⬆ 15.65 KB
themes/express.css 0.82 KB 0.81 KB 0.49 KB -
themes/spectrum-two.css 0.81 KB 0.80 KB 0.49 KB -
themes/spectrum.css 0.83 KB 0.82 KB 0.49 KB -

tooltip

Filename Head Minified Gzipped Compared to base
index-base.css 34.03 KB 32.70 KB 3.34 KB -
index-theme.css 0.76 KB 0.75 KB 0.46 KB -
index.css 34.13 KB 32.80 KB 3.36 KB -
metadata.json 73.51 KB - - 🔴 ⬆ 51.87 KB
themes/express.css 0.76 KB 0.75 KB 0.46 KB -
themes/spectrum-two.css 0.75 KB 0.74 KB 0.46 KB -
themes/spectrum.css 0.77 KB 0.76 KB 0.47 KB -

tray

Filename Head Minified Gzipped Compared to base
index.css 3.42 KB 3.23 KB 1.03 KB -
metadata.json 5.56 KB - - 🔴 ⬆ 4.24 KB

treeview

Filename Head Minified Gzipped Compared to base
index-base.css 17.43 KB 16.50 KB 2.41 KB -
index-theme.css 0.86 KB 0.85 KB 0.47 KB -
index.css 17.61 KB 16.66 KB 2.42 KB -
metadata.json 38.44 KB - - 🔴 ⬆ 29.84 KB
themes/express.css 0.81 KB 0.80 KB 0.47 KB -
themes/spectrum-two.css 0.79 KB 0.78 KB 0.47 KB -
themes/spectrum.css 0.81 KB 0.80 KB 0.47 KB -

typography

Filename Head Minified Gzipped Compared to base
index.css 40.27 KB 38.62 KB 3.56 KB -
metadata.json 159.44 KB - - 🔴 ⬆ 123.92 KB

underlay

Filename Head Minified Gzipped Compared to base
index.css 2.58 KB 2.49 KB 0.76 KB -
metadata.json 5.81 KB - - 🔴 ⬆ 4.50 KB

well

Filename Head Minified Gzipped Compared to base
index-base.css 1.50 KB 1.45 KB 0.65 KB -
index-theme.css 0.71 KB 0.70 KB 0.44 KB -
index.css 1.58 KB 1.52 KB 0.65 KB -
metadata.json 4.33 KB - - 🔴 ⬆ 3.47 KB
themes/express.css 0.73 KB 0.72 KB 0.46 KB -
themes/spectrum-two.css 0.71 KB 0.70 KB 0.46 KB -
themes/spectrum.css 0.73 KB 0.72 KB 0.46 KB -
* Size is the sum of all main files for packages in the library.
* An ASCII character in UTF-8 is 8 bits or 1 byte.

Copy link
Contributor

github-actions bot commented Jul 11, 2025

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

@castastrophe castastrophe force-pushed the castastrophe/feat-storybook-modifiers-docs branch 10 times, most recently from 577ce20 to 1d5febd Compare July 21, 2025 20:17
DocsInternationalizedDetailVariants,
DocsInternationalizedHeadingBodyPairing,
DocsInternationalizedHeadingVariants, Template
DocsBodyVariants,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [eslint] <indent> reported by reviewdog 🐶
Expected indentation of 1 tab but found 4 spaces.

Suggested change
DocsBodyVariants,
DocsBodyVariants,

DocsInternationalizedHeadingBodyPairing,
DocsInternationalizedHeadingVariants, Template
DocsBodyVariants,
DocsCodeVariants,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [eslint] <indent> reported by reviewdog 🐶
Expected indentation of 1 tab but found 4 spaces.

Suggested change
DocsCodeVariants,
DocsCodeVariants,

DocsInternationalizedHeadingVariants, Template
DocsBodyVariants,
DocsCodeVariants,
DocsDetailVariants,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [eslint] <indent> reported by reviewdog 🐶
Expected indentation of 1 tab but found 4 spaces.

Suggested change
DocsDetailVariants,
DocsDetailVariants,

@castastrophe castastrophe force-pushed the castastrophe/feat-storybook-modifiers-docs branch from 1d5febd to 46b6faa Compare July 21, 2025 20:24
@castastrophe castastrophe force-pushed the castastrophe/feat-storybook-modifiers-docs branch 3 times, most recently from 26c5a7c to 85c1f9a Compare July 21, 2025 21:26
@castastrophe castastrophe force-pushed the castastrophe/feat-storybook-modifiers-docs branch from 85c1f9a to 6f72180 Compare July 21, 2025 22:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant