Skip to content

chore(assetcard,avatar,badge): remove mdx files #3408

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

Conversation

marissahuysentruyt
Copy link
Collaborator

@marissahuysentruyt marissahuysentruyt commented Nov 20, 2024

Description

This PR migrates any documentation from MDX files to the component's *.stories.js file. No loss of documentation should have occurred, but minor changes, like correcting story names to organize similar stories together or reorganizing content now that there is not an MDX file or fixing sentence-casing, is acceptable.

Components included are:

  • assetcard (there were some usage notes from the old docs site and some descriptions from the contributions site that were missing, so those were added)
  • avatar
  • badge (there was a missing sizing story, as well as a missing "notice" semantic variant, so those were added)

Jira/Specs

CSS-1047

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

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. (ran VRT against main and no changes were introduced!)

Screenshots

To-do list

  • I have read the contribution guidelines.
  • I have updated relevant storybook stories and templates.
  • If my change impacts documentation, I have updated the documentation accordingly.
  • ✨ This pull request is ready to merge. ✨

@marissahuysentruyt marissahuysentruyt self-assigned this Nov 20, 2024
Copy link

changeset-bot bot commented Nov 20, 2024

⚠️ No Changeset found

Latest commit: 1e59cfb

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.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

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

@marissahuysentruyt marissahuysentruyt added documentation Because documentation is important and shouldn't be broken size-1 XS ~1-6hrs; nearly trivial, a few hours, could do more than one in a single day. do not merge A flag for a branch indicating it should not be merged. low priority Not a critical update or fix; can be deprioritized if necessary s1 labels Nov 20, 2024
@marissahuysentruyt marissahuysentruyt force-pushed the marissahuysentruyt/css-1047-refactor-assetcard-avatar-badge-mdx branch from 15ffdd3 to d25fe08 Compare November 20, 2024 15:46
Copy link
Contributor

github-actions bot commented Nov 20, 2024

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

Copy link
Contributor

github-actions bot commented Nov 20, 2024

File metrics

Summary

Total size: 3.14 MB*
Total change (Δ): 🟢 ⬇ 1.13 MB (-26.39%)

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

Package Size Δ
accordion 17.41 KB 🔴 ⬆ 0.05 KB
actionbar 6.24 KB 🔴 ⬆ 0.02 KB
actionbutton 23.75 KB 🟢 ⬇ 17.04 KB
actiongroup 7.70 KB 🟢 ⬇ 0.68 KB
alertbanner 5.18 KB 🟢 ⬇ 0.31 KB
alertdialog 5.12 KB 🔴 ⬆ 0.01 KB
asset 2.34 KB 🔴 ⬆ 0.58 KB
assetcard 16.14 KB 🔴 ⬆ 0.17 KB
assetlist 7.92 KB 🔴 ⬆ 0.01 KB
avatar 4.97 KB 🟢 ⬇ 0.02 KB
badge 12.17 KB 🔴 ⬆ 0.04 KB
breadcrumb 16.70 KB 🔴 ⬆ 0.06 KB
button 37.08 KB 🟢 ⬇ 46.76 KB
buttongroup 1.65 KB 🟢 ⬇ 0.02 KB
calendar 19.56 KB 🔴 ⬆ 0.29 KB
card 18.60 KB 🟢 ⬇ 1.68 KB
checkbox 22.50 KB 🟢 ⬇ 1.07 KB
clearbutton 6.21 KB 🟢 ⬇ 1.32 KB
closebutton 14.00 KB 🟢 ⬇ 0.92 KB
coachindicator 5.26 KB 🟢 ⬇ 2.67 KB
coachmark 5.50 KB 🟢 ⬇ 2.31 KB
colorarea 3.09 KB 🟢 ⬇ 0.36 KB
colorhandle 4.17 KB 🟢 ⬇ 0.76 KB
colorloupe 2.79 KB 🟢 ⬇ 1.11 KB
colorslider 3.92 KB 🔴 ⬆ 0.02 KB
colorwheel 4.42 KB 🟢 ⬇ 0.33 KB
combobox 29.83 KB 🟢 ⬇ 0.49 KB
contextualhelp 2.13 KB 🟢 ⬇ 0.43 KB
datepicker 12.94 KB 🟢 ⬇ 1.72 KB
dial 11.15 KB 🟢 ⬇ 0.10 KB
dialog 13.66 KB 🟢 ⬇ 1.02 KB
divider 4.09 KB 🟢 ⬇ 0.57 KB
dropindicator 3.22 KB 🟢 ⬇ 0.16 KB
dropzone 7.28 KB 🟢 ⬇ 2.40 KB
fieldgroup 1.31 KB 🟢 ⬇ 0.06 KB
fieldlabel 5.35 KB 🟢 ⬇ 1.19 KB
floatingactionbutton 7.12 KB 🟢 ⬇ 0.47 KB
form 2.38 KB 🎉 new
helptext 7.13 KB 🟢 ⬇ 0.31 KB
icon 11.48 KB 🔴 ⬆ 0.10 KB
illustratedmessage 5.99 KB 🟢 ⬇ 0.02 KB
infieldbutton 15.59 KB 🟢 ⬇ 2.56 KB
inlinealert 8.14 KB 🔴 ⬆ 0.03 KB
link 3.27 KB 🟢 ⬇ 1.78 KB
logicbutton 9.51 KB 🔴 ⬆ 0.31 KB
menu 41.97 KB 🔴 ⬆ 0.45 KB
meter 1.73 KB 🎉 new
miller 1.26 KB 🟢 ⬇ 0.33 KB
modal 4.38 KB 🟢 ⬇ 1.05 KB
opacitycheckerboard 1.76 KB 🔴 ⬆ 0.24 KB
pagination 2.31 KB 🟢 ⬇ 0.25 KB
picker 28.07 KB 🟢 ⬇ 2.10 KB
pickerbutton 12.33 KB 🟢 ⬇ 3.11 KB
popover 15.69 KB 🟢 ⬇ 0.19 KB
progressbar 8.29 KB 🟢 ⬇ 2.63 KB
progresscircle 10.94 KB 🔴 ⬆ 0.40 KB
radio 15.46 KB 🟢 ⬇ 2.13 KB
rating 8.57 KB 🟢 ⬇ 1.22 KB
search 11.77 KB 🟢 ⬇ 2.89 KB
sidenav 14.48 KB 🟢 ⬇ 0.11 KB
slider 29.41 KB 🟢 ⬇ 2.83 KB
splitview 11.34 KB 🔴 ⬆ 0.01 KB
statuslight 10.88 KB 🟢 ⬇ 0.51 KB
steplist 10.12 KB 🔴 ⬆ 0.14 KB
stepper 17.56 KB 🟢 ⬇ 2.93 KB
swatch 11.23 KB 🔴 ⬆ 0.01 KB
swatchgroup 1.22 KB 🟢 ⬇ 0.06 KB
switch 22.62 KB 🟢 ⬇ 1.65 KB
table 47.58 KB 🔴 ⬆ 0.62 KB
tabs 17.11 KB 🟢 ⬇ 0.13 KB
tag 29.00 KB 🟢 ⬇ 6.63 KB
taggroup 1.08 KB 🔴 ⬆ < 0.01 KB
textfield 32.33 KB 🟢 ⬇ 2.78 KB
thumbnail 7.76 KB 🟢 ⬇ 0.48 KB
toast 7.90 KB 🟢 ⬇ 0.74 KB
tooltip 33.76 KB 🟢 ⬇ 0.21 KB
tray 3.82 KB 🔴 ⬆ < 0.01 KB
treeview 17.76 KB 🔴 ⬆ 0.57 KB
typography 40.58 KB 🔴 ⬆ 0.45 KB
underlay 2.58 KB 🟢 ⬇ 0.70 KB
well 1.57 KB 🔴 ⬆ 0.14 KB
tokens 493.77 KB 🔴 ⬆ 82.52 KB
page 🚨 deleted/moved 🟢 ⬇ 0.75 KB

Details

accordion

Filename Head Compared to base
index-base.css 17.35 KB 🟢 ⬇ 0.02 KB (-0.10%)
index-theme.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
index.css 17.41 KB 🔴 ⬆ 0.05 KB (0.26%)
themes/express.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
themes/spectrum-two.css 0.70 KB 🔴 ⬆ 0.70 KB (Infinity%)
themes/spectrum.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
index-vars.css - 🟢 ⬇ 17.37 KB (-100.00%)

actionbar

Filename Head Compared to base
index-base.css 6.10 KB 🟢 ⬇ 0.13 KB (-1.98%)
index-theme.css 0.84 KB 🔴 ⬆ 0.84 KB (Infinity%)
index.css 6.24 KB 🔴 ⬆ 0.02 KB (0.27%)
themes/express.css 0.80 KB 🔴 ⬆ 0.80 KB (Infinity%)
themes/spectrum-two.css 0.78 KB 🔴 ⬆ 0.78 KB (Infinity%)
themes/spectrum.css 0.80 KB 🔴 ⬆ 0.80 KB (Infinity%)
index-vars.css - 🟢 ⬇ 6.22 KB (-100.00%)

actionbutton

Filename Head Compared to base
index-base.css 20.10 KB 🟢 ⬇ 9.62 KB (-32.37%)
index-theme.css 6.11 KB 🟢 ⬇ 5.57 KB (-47.67%)
index.css 23.75 KB 🟢 ⬇ 17.04 KB (-41.78%)
themes/express.css 4.66 KB 🟢 ⬇ 4.30 KB (-47.98%)
themes/spectrum-two.css 4.82 KB 🔴 ⬆ 4.82 KB (Infinity%)
themes/spectrum.css 4.83 KB 🟢 ⬇ 4.31 KB (-47.14%)
index-vars.css - 🟢 ⬇ 40.79 KB (-100.00%)

actiongroup

Filename Head Compared to base
index-base.css 7.55 KB 🟢 ⬇ 0.34 KB (-4.26%)
index-theme.css 0.95 KB 🟢 ⬇ 0.17 KB (-15.10%)
index.css 7.70 KB 🟢 ⬇ 0.68 KB (-7.90%)
themes/express.css 0.91 KB 🟢 ⬇ 0.01 KB (-1.62%)
themes/spectrum-two.css 0.80 KB 🔴 ⬆ 0.80 KB (Infinity%)
themes/spectrum.css 0.81 KB 🟢 ⬇ 0.01 KB (-0.85%)
index-vars.css - 🟢 ⬇ 8.36 KB (-100.00%)

alertbanner

Filename Head Compared to base
index-base.css 5.08 KB 🟢 ⬇ 0.12 KB (-2.22%)
index-theme.css 0.74 KB 🟢 ⬇ 0.17 KB (-18.85%)
index.css 5.18 KB 🟢 ⬇ 0.31 KB (-5.45%)
themes/express.css 0.75 KB 🟢 ⬇ 0.02 KB (-2.72%)
themes/spectrum-two.css 0.74 KB 🔴 ⬆ 0.74 KB (Infinity%)
themes/spectrum.css 0.76 KB 🟢 ⬇ 0.01 KB (-1.68%)
index-vars.css - 🟢 ⬇ 5.48 KB (-100.00%)

alertdialog

Filename Head Compared to base
index-base.css 5.12 KB 🔴 ⬆ 0.01 KB (0.19%)
index.css 5.12 KB 🔴 ⬆ 0.01 KB (0.19%)
index-vars.css - 🟢 ⬇ 5.11 KB (-100.00%)

asset

Filename Head Compared to base
index-base.css 2.15 KB 🔴 ⬆ 0.38 KB (21.10%)
index-theme.css 0.90 KB 🔴 ⬆ 0.90 KB (Infinity%)
index.css 2.34 KB 🔴 ⬆ 0.58 KB (32.07%)
themes/express.css 0.85 KB 🔴 ⬆ 0.85 KB (Infinity%)
themes/spectrum-two.css 0.83 KB 🔴 ⬆ 0.83 KB (Infinity%)
themes/spectrum.css 0.85 KB 🔴 ⬆ 0.85 KB (Infinity%)
index-vars.css - 🟢 ⬇ 1.77 KB (-100.00%)

assetcard

Filename Head Compared to base
index-base.css 15.58 KB 🟢 ⬇ 0.20 KB (-1.23%)
index-theme.css 1.28 KB 🔴 ⬆ 0.49 KB (59.15%)
index.css 16.14 KB 🔴 ⬆ 0.17 KB (1.04%)
themes/express.css 1.19 KB 🔴 ⬆ 0.49 KB (67.03%)
themes/spectrum-two.css 1.17 KB 🔴 ⬆ 1.17 KB (Infinity%)
themes/spectrum.css 1.19 KB 🔴 ⬆ 0.50 KB (69.07%)
index-vars.css - 🟢 ⬇ 15.97 KB (-100.00%)

assetlist

Filename Head Compared to base
index-base.css 7.77 KB 🟢 ⬇ 0.14 KB (-1.73%)
index-theme.css 0.86 KB 🔴 ⬆ 0.86 KB (Infinity%)
index.css 7.92 KB 🔴 ⬆ 0.01 KB (0.16%)
themes/express.css 0.81 KB 🔴 ⬆ 0.81 KB (Infinity%)
themes/spectrum-two.css 0.79 KB 🔴 ⬆ 0.79 KB (Infinity%)
themes/spectrum.css 0.81 KB 🔴 ⬆ 0.81 KB (Infinity%)
index-vars.css - 🟢 ⬇ 7.90 KB (-100.00%)

avatar

Filename Head Compared to base
index-base.css 4.97 KB 🟢 ⬇ 0.02 KB (-0.47%)
index.css 4.97 KB 🟢 ⬇ 0.02 KB (-0.47%)
index-vars.css - 🟢 ⬇ 4.99 KB (-100.00%)

badge

Filename Head Compared to base
index-base.css 12.17 KB 🔴 ⬆ 0.04 KB (0.36%)
index.css 12.17 KB 🔴 ⬆ 0.04 KB (0.36%)
index-vars.css - 🟢 ⬇ 12.12 KB (-100.00%)

breadcrumb

Filename Head Compared to base
index-base.css 16.70 KB 🔴 ⬆ 0.06 KB (0.32%)
index.css 16.70 KB 🔴 ⬆ 0.06 KB (0.32%)
index-vars.css - 🟢 ⬇ 16.64 KB (-100.00%)

button

Filename Head Compared to base
index-base.css 29.85 KB 🟢 ⬇ 24.04 KB (-44.61%)
index-theme.css 12.02 KB 🟢 ⬇ 18.54 KB (-60.68%)
index.css 37.08 KB 🟢 ⬇ 46.76 KB (-55.77%)
themes/express.css 9.41 KB 🟢 ⬇ 19.96 KB (-67.96%)
themes/spectrum-two.css 9.16 KB 🔴 ⬆ 9.16 KB (Infinity%)
themes/spectrum.css 9.49 KB 🟢 ⬇ 19.94 KB (-67.76%)
index-vars.css - 🟢 ⬇ 83.84 KB (-100.00%)

buttongroup

Filename Head Compared to base
index-base.css 1.65 KB 🟢 ⬇ 0.02 KB (-1.29%)
index.css 1.65 KB 🟢 ⬇ 0.02 KB (-1.29%)
index-vars.css - 🟢 ⬇ 1.67 KB (-100.00%)

calendar

Filename Head Compared to base
index-base.css 19.46 KB 🔴 ⬆ 0.19 KB (0.97%)
index-theme.css 0.77 KB 🔴 ⬆ 0.77 KB (Infinity%)
index.css 19.56 KB 🔴 ⬆ 0.29 KB (1.48%)
themes/express.css 0.76 KB 🔴 ⬆ 0.76 KB (Infinity%)
themes/spectrum-two.css 0.74 KB 🔴 ⬆ 0.74 KB (Infinity%)
themes/spectrum.css 0.76 KB 🔴 ⬆ 0.76 KB (Infinity%)
index-vars.css - 🟢 ⬇ 19.27 KB (-100.00%)

card

Filename Head Compared to base
index-base.css 18.29 KB 🟢 ⬇ 2.00 KB (-9.85%)
index-theme.css 1.02 KB 🔴 ⬆ 1.02 KB (Infinity%)
index.css 18.60 KB 🟢 ⬇ 1.68 KB (-8.30%)
themes/express.css 0.98 KB 🔴 ⬆ 0.98 KB (Infinity%)
themes/spectrum-two.css 0.95 KB 🔴 ⬆ 0.95 KB (Infinity%)
themes/spectrum.css 0.98 KB 🔴 ⬆ 0.98 KB (Infinity%)
index-vars.css - 🟢 ⬇ 20.29 KB (-100.00%)

checkbox

Filename Head Compared to base
index-base.css 22.12 KB 🟢 ⬇ 0.85 KB (-3.60%)
index-theme.css 1.14 KB 🟢 ⬇ 0.10 KB (-8.06%)
index.css 22.50 KB 🟢 ⬇ 1.07 KB (-4.55%)
themes/express.css 1.04 KB 🔴 ⬆ 0.11 KB (11.57%)
themes/spectrum-two.css 1.01 KB 🔴 ⬆ 1.01 KB (Infinity%)
themes/spectrum.css 1.04 KB 🔴 ⬆ 0.12 KB (12.53%)
index-vars.css - 🟢 ⬇ 23.57 KB (-100.00%)

clearbutton

Filename Head Compared to base
index-base.css 5.65 KB 🟢 ⬇ 1.10 KB (-16.27%)
index-theme.css 1.42 KB 🔴 ⬆ 0.02 KB (1.54%)
index.css 6.21 KB 🟢 ⬇ 1.32 KB (-17.57%)
themes/express.css 1.22 KB 🔴 ⬆ 0.19 KB (17.85%)
themes/spectrum-two.css 1.15 KB 🔴 ⬆ 1.15 KB (Infinity%)
themes/spectrum.css 1.17 KB 🔴 ⬆ 0.20 KB (19.74%)
index-vars.css - 🟢 ⬇ 7.53 KB (-100.00%)

closebutton

Filename Head Compared to base
index-base.css 13.05 KB 🟢 ⬇ 1.19 KB (-8.38%)
index-theme.css 1.88 KB 🔴 ⬆ 0.64 KB (49.30%)
index.css 14.00 KB 🟢 ⬇ 0.92 KB (-6.01%)
themes/express.css 1.54 KB 🔴 ⬆ 0.61 KB (63.51%)
themes/spectrum-two.css 1.52 KB 🔴 ⬆ 1.52 KB (Infinity%)
themes/spectrum.css 1.54 KB 🔴 ⬆ 0.62 KB (64.95%)
index-vars.css - 🟢 ⬇ 14.89 KB (-100.00%)

coachindicator

Filename Head Compared to base
index-base.css 5.26 KB 🟢 ⬇ 2.67 KB (-33.64%)
index.css 5.26 KB 🟢 ⬇ 2.67 KB (-33.64%)
index-vars.css - 🟢 ⬇ 7.93 KB (-100.00%)

coachmark

Filename Head Compared to base
index-base.css 5.50 KB 🟢 ⬇ 2.31 KB (-29.61%)
index.css 5.50 KB 🟢 ⬇ 2.31 KB (-29.61%)
index-vars.css - 🟢 ⬇ 7.81 KB (-100.00%)

colorarea

Filename Head Compared to base
index-base.css 3.09 KB 🟢 ⬇ 0.36 KB (-10.10%)
index.css 3.09 KB 🟢 ⬇ 0.36 KB (-10.10%)
index-vars.css - 🟢 ⬇ 3.44 KB (-100.00%)

colorhandle

Filename Head Compared to base
index-base.css 4.17 KB 🟢 ⬇ 0.76 KB (-15.04%)
index.css 4.17 KB 🟢 ⬇ 0.76 KB (-15.04%)
index-vars.css - 🟢 ⬇ 4.91 KB (-100.00%)

colorloupe

Filename Head Compared to base
index-base.css 2.79 KB 🟢 ⬇ 1.11 KB (-28.53%)
index.css 2.79 KB 🟢 ⬇ 1.11 KB (-28.53%)
index-vars.css - 🟢 ⬇ 3.90 KB (-100.00%)

colorslider

Filename Head Compared to base
index-base.css 3.92 KB 🔴 ⬆ 0.02 KB (0.58%)
index.css 3.92 KB 🔴 ⬆ 0.02 KB (0.58%)
index-vars.css - 🟢 ⬇ 3.89 KB (-100.00%)

colorwheel

Filename Head Compared to base
index-base.css 4.32 KB 🟢 ⬇ 0.44 KB (-8.97%)
index-theme.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
index.css 4.42 KB 🟢 ⬇ 0.33 KB (-6.87%)
themes/express.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
themes/spectrum-two.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
themes/spectrum.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
index-vars.css - 🟢 ⬇ 4.75 KB (-100.00%)

combobox

Filename Head Compared to base
index-base.css 29.42 KB 🟢 ⬇ 0.11 KB (-0.35%)
index-theme.css 1.16 KB 🟢 ⬇ 0.24 KB (-16.53%)
index.css 29.83 KB 🟢 ⬇ 0.49 KB (-1.57%)
themes/express.css 1.06 KB 🔴 ⬆ 0.05 KB (5.14%)
themes/spectrum-two.css 1.02 KB 🔴 ⬆ 1.02 KB (Infinity%)
themes/spectrum.css 1.06 KB 🔴 ⬆ 0.06 KB (5.96%)
index-vars.css - 🟢 ⬇ 30.31 KB (-100.00%)

contextualhelp

Filename Head Compared to base
index-base.css 2.13 KB 🟢 ⬇ 0.43 KB (-16.56%)
index.css 2.13 KB 🟢 ⬇ 0.43 KB (-16.56%)
index-vars.css - 🟢 ⬇ 2.56 KB (-100.00%)

datepicker

Filename Head Compared to base
index-base.css 12.87 KB 🟢 ⬇ 1.59 KB (-11.01%)
index-theme.css 0.73 KB 🟢 ⬇ 0.10 KB (-11.79%)
index.css 12.94 KB 🟢 ⬇ 1.72 KB (-11.70%)
themes/express.css 0.73 KB 🔴 ⬆ < 0.01 KB (0.14%)
themes/spectrum-two.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
themes/spectrum.css 0.73 KB 🔴 ⬆ 0.01 KB (1.24%)
index-vars.css - 🟢 ⬇ 14.66 KB (-100.00%)

dial

Filename Head Compared to base
index-base.css 11.01 KB 🟢 ⬇ 0.24 KB (-2.13%)
index-theme.css 0.83 KB 🔴 ⬆ 0.83 KB (Infinity%)
index.css 11.15 KB 🟢 ⬇ 0.10 KB (-0.90%)
themes/express.css 0.80 KB 🔴 ⬆ 0.80 KB (Infinity%)
themes/spectrum-two.css 0.78 KB 🔴 ⬆ 0.78 KB (Infinity%)
themes/spectrum.css 0.80 KB 🔴 ⬆ 0.80 KB (Infinity%)
index-vars.css - 🟢 ⬇ 11.25 KB (-100.00%)

dialog

Filename Head Compared to base
index-base.css 13.66 KB 🟢 ⬇ 1.02 KB (-6.94%)
index.css 13.66 KB 🟢 ⬇ 1.02 KB (-6.94%)
index-vars.css - 🟢 ⬇ 14.68 KB (-100.00%)

divider

Filename Head Compared to base
index-base.css 3.29 KB 🟢 ⬇ 1.35 KB (-29.12%)
index-theme.css 1.58 KB 🔴 ⬆ 1.58 KB (Infinity%)
index.css 4.09 KB 🟢 ⬇ 0.57 KB (-12.06%)
themes/express.css 1.40 KB 🔴 ⬆ 1.40 KB (Infinity%)
themes/spectrum-two.css 1.38 KB 🔴 ⬆ 1.38 KB (Infinity%)
themes/spectrum.css 1.40 KB 🔴 ⬆ 1.40 KB (Infinity%)
index-vars.css - 🟢 ⬇ 4.65 KB (-100.00%)

dropindicator

Filename Head Compared to base
index-base.css 3.22 KB 🟢 ⬇ 0.16 KB (-4.55%)
index.css 3.22 KB 🟢 ⬇ 0.16 KB (-4.55%)
index-vars.css - 🟢 ⬇ 3.37 KB (-100.00%)

dropzone

Filename Head Compared to base
index-base.css 7.22 KB 🟢 ⬇ 2.46 KB (-25.43%)
index-theme.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
index.css 7.28 KB 🟢 ⬇ 2.40 KB (-24.80%)
themes/express.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
themes/spectrum-two.css 0.70 KB 🔴 ⬆ 0.70 KB (Infinity%)
themes/spectrum.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
index-vars.css - 🟢 ⬇ 9.68 KB (-100.00%)

fieldgroup

Filename Head Compared to base
index-base.css 1.31 KB 🟢 ⬇ 0.06 KB (-4.20%)
index.css 1.31 KB 🟢 ⬇ 0.06 KB (-4.20%)
index-vars.css - 🟢 ⬇ 1.37 KB (-100.00%)

fieldlabel

Filename Head Compared to base
index-base.css 5.35 KB 🟢 ⬇ 1.19 KB (-18.26%)
index.css 5.35 KB 🟢 ⬇ 1.19 KB (-18.26%)
index-vars.css - 🟢 ⬇ 6.54 KB (-100.00%)

floatingactionbutton

Filename Head Compared to base
index-base.css 7.12 KB 🟢 ⬇ 0.47 KB (-6.12%)
index.css 7.12 KB 🟢 ⬇ 0.47 KB (-6.12%)
index-vars.css - 🟢 ⬇ 7.58 KB (-100.00%)

form

Filename Head Compared to base
index-base.css 2.38 KB 🔴 ⬆ 2.38 KB (Infinity%)
index.css 2.38 KB 🔴 ⬆ 2.38 KB (Infinity%)

helptext

Filename Head Compared to base
index-base.css 7.13 KB 🟢 ⬇ 0.31 KB (-4.12%)
index.css 7.13 KB 🟢 ⬇ 0.31 KB (-4.12%)
index-vars.css - 🟢 ⬇ 7.44 KB (-100.00%)

icon

Filename Head Compared to base
index-base.css 11.48 KB 🔴 ⬆ 0.10 KB (0.85%)
index.css 11.48 KB 🔴 ⬆ 0.10 KB (0.85%)
index-vars.css - 🟢 ⬇ 11.38 KB (-100.00%)

illustratedmessage

Filename Head Compared to base
index-base.css 5.99 KB 🟢 ⬇ 0.02 KB (-0.29%)
index.css 5.99 KB 🟢 ⬇ 0.02 KB (-0.29%)
index-vars.css - 🟢 ⬇ 6.00 KB (-100.00%)

infieldbutton

Filename Head Compared to base
index-base.css 14.81 KB 🟢 ⬇ 1.19 KB (-7.45%)
index-theme.css 1.65 KB 🟢 ⬇ 1.11 KB (-40.18%)
index.css 15.59 KB 🟢 ⬇ 2.56 KB (-14.09%)
themes/express.css 1.37 KB 🟢 ⬇ 0.31 KB (-18.17%)
themes/spectrum-two.css 1.38 KB 🔴 ⬆ 1.38 KB (Infinity%)
themes/spectrum.css 1.39 KB 🟢 ⬇ 0.31 KB (-17.69%)
index-vars.css - 🟢 ⬇ 18.15 KB (-100.00%)

inlinealert

Filename Head Compared to base
index-base.css 8.14 KB 🔴 ⬆ 0.03 KB (0.32%)
index.css 8.14 KB 🔴 ⬆ 0.03 KB (0.32%)
index-vars.css - 🟢 ⬇ 8.12 KB (-100.00%)

link

Filename Head Compared to base
index-base.css 3.27 KB 🟢 ⬇ 1.78 KB (-35.25%)
index.css 3.27 KB 🟢 ⬇ 1.78 KB (-35.25%)
index-vars.css - 🟢 ⬇ 5.05 KB (-100.00%)

logicbutton

Filename Head Compared to base
index-base.css 8.87 KB 🟢 ⬇ 0.35 KB (-3.76%)
index-theme.css 1.54 KB 🔴 ⬆ 1.54 KB (Infinity%)
index.css 9.51 KB 🔴 ⬆ 0.31 KB (3.24%)
themes/express.css 1.27 KB 🔴 ⬆ 1.27 KB (Infinity%)
themes/spectrum-two.css 1.25 KB 🔴 ⬆ 1.25 KB (Infinity%)
themes/spectrum.css 1.27 KB 🔴 ⬆ 1.27 KB (Infinity%)
index-vars.css - 🟢 ⬇ 9.21 KB (-100.00%)

menu

Filename Head Compared to base
index-base.css 41.56 KB 🔴 ⬆ 0.04 KB (0.09%)
index-theme.css 0.93 KB 🔴 ⬆ 0.93 KB (Infinity%)
index.css 41.97 KB 🔴 ⬆ 0.45 KB (1.06%)
themes/express.css 1.02 KB 🔴 ⬆ 1.02 KB (Infinity%)
themes/spectrum-two.css 1.00 KB 🔴 ⬆ 1.00 KB (Infinity%)
themes/spectrum.css 1.02 KB 🔴 ⬆ 1.02 KB (Infinity%)
index-vars.css - 🟢 ⬇ 41.53 KB (-100.00%)

meter

Filename Head Compared to base
index-base.css 1.73 KB 🔴 ⬆ 1.73 KB (Infinity%)
index.css 1.73 KB 🔴 ⬆ 1.73 KB (Infinity%)

miller

Filename Head Compared to base
index-base.css 1.26 KB 🟢 ⬇ 0.33 KB (-20.10%)
index.css 1.26 KB 🟢 ⬇ 0.33 KB (-20.10%)
index-vars.css - 🟢 ⬇ 1.58 KB (-100.00%)

modal

Filename Head Compared to base
index-base.css 4.31 KB 🟢 ⬇ 1.13 KB (-20.74%)
index-theme.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
index.css 4.38 KB 🟢 ⬇ 1.05 KB (-19.34%)
themes/express.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
themes/spectrum-two.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
themes/spectrum.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
index-vars.css - 🟢 ⬇ 5.43 KB (-100.00%)

opacitycheckerboard

Filename Head Compared to base
index-base.css 1.76 KB 🔴 ⬆ 0.24 KB (15.05%)
index.css 1.76 KB 🔴 ⬆ 0.24 KB (15.05%)
index-vars.css - 🟢 ⬇ 1.53 KB (-100.00%)

pagination

Filename Head Compared to base
index-base.css 2.31 KB 🟢 ⬇ 0.25 KB (-9.64%)
index.css 2.31 KB 🟢 ⬇ 0.25 KB (-9.64%)
index-vars.css - 🟢 ⬇ 2.55 KB (-100.00%)

picker

Filename Head Compared to base
index-base.css 27.11 KB 🟢 ⬇ 1.17 KB (-4.15%)
index-theme.css 1.84 KB 🟢 ⬇ 0.67 KB (-26.21%)
index.css 28.07 KB 🟢 ⬇ 2.10 KB (-6.96%)
themes/express.css 1.45 KB 🟢 ⬇ 0.06 KB (-3.56%)
themes/spectrum-two.css 1.55 KB 🔴 ⬆ 1.55 KB (Infinity%)
themes/spectrum.css 1.56 KB 🟢 ⬇ 0.05 KB (-2.87%)
index-vars.css - 🟢 ⬇ 30.17 KB (-100.00%)

pickerbutton

Filename Head Compared to base
index-base.css 11.73 KB 🟢 ⬇ 1.95 KB (-14.22%)
index-theme.css 1.48 KB 🟢 ⬇ 0.92 KB (-37.80%)
index.css 12.33 KB 🟢 ⬇ 3.11 KB (-20.16%)
themes/express.css 1.25 KB 🟢 ⬇ 0.27 KB (-17.43%)
themes/spectrum-two.css 1.20 KB 🔴 ⬆ 1.20 KB (Infinity%)
themes/spectrum.css 1.22 KB 🟢 ⬇ 0.26 KB (-17.36%)
index-vars.css - 🟢 ⬇ 15.44 KB (-100.00%)

popover

Filename Head Compared to base
index-base.css 15.62 KB 🟢 ⬇ 0.10 KB (-0.63%)
index-theme.css 0.72 KB 🟢 ⬇ 0.06 KB (-8.17%)
index.css 15.69 KB 🟢 ⬇ 0.19 KB (-1.16%)
themes/express.css 0.69 KB -
themes/spectrum-two.css 0.71 KB 🔴 ⬆ 0.71 KB (Infinity%)
themes/spectrum.css 0.72 KB 🔴 ⬆ 0.01 KB (1.12%)
index-vars.css - 🟢 ⬇ 15.87 KB (-100.00%)

progressbar

Filename Head Compared to base
index-base.css 8.12 KB 🟢 ⬇ 2.80 KB (-25.63%)
index-theme.css 0.82 KB 🔴 ⬆ 0.82 KB (Infinity%)
index.css 8.29 KB 🟢 ⬇ 2.63 KB (-24.09%)
themes/express.css 0.80 KB 🔴 ⬆ 0.80 KB (Infinity%)
themes/spectrum-two.css 0.78 KB 🔴 ⬆ 0.78 KB (Infinity%)
themes/spectrum.css 0.80 KB 🔴 ⬆ 0.80 KB (Infinity%)
index-vars.css - 🟢 ⬇ 10.91 KB (-100.00%)

progresscircle

Filename Head Compared to base
index-base.css 10.64 KB 🔴 ⬆ 0.09 KB (0.87%)
index-theme.css 1.01 KB 🔴 ⬆ 1.01 KB (Infinity%)
index.css 10.94 KB 🔴 ⬆ 0.40 KB (3.74%)
themes/express.css 0.93 KB 🔴 ⬆ 0.93 KB (Infinity%)
themes/spectrum-two.css 0.92 KB 🔴 ⬆ 0.92 KB (Infinity%)
themes/spectrum.css 0.93 KB 🔴 ⬆ 0.93 KB (Infinity%)
index-vars.css - 🟢 ⬇ 10.55 KB (-100.00%)

radio

Filename Head Compared to base
index-base.css 15.11 KB 🟢 ⬇ 1.41 KB (-8.54%)
index-theme.css 1.08 KB 🟢 ⬇ 0.61 KB (-35.53%)
index.css 15.46 KB 🟢 ⬇ 2.13 KB (-12.09%)
themes/express.css 1.00 KB 🟢 ⬇ 0.39 KB (-27.76%)
themes/spectrum-two.css 0.98 KB 🔴 ⬆ 0.98 KB (Infinity%)
themes/spectrum.css 1.00 KB 🟢 ⬇ 0.38 KB (-27.36%)
index-vars.css - 🟢 ⬇ 17.58 KB (-100.00%)

rating

Filename Head Compared to base
index-base.css 8.16 KB 🟢 ⬇ 0.87 KB (-9.41%)
index-theme.css 1.03 KB 🟢 ⬇ 0.38 KB (-26.33%)
index.css 8.57 KB 🟢 ⬇ 1.22 KB (-12.45%)
themes/express.css 1.04 KB 🔴 ⬆ 0.05 KB (4.82%)
themes/spectrum-two.css 1.03 KB 🔴 ⬆ 1.03 KB (Infinity%)
themes/spectrum.css 1.07 KB 🔴 ⬆ 0.06 KB (5.49%)
index-vars.css - 🟢 ⬇ 9.79 KB (-100.00%)

search

Filename Head Compared to base
index-base.css 10.60 KB 🟢 ⬇ 1.52 KB (-12.51%)
index-theme.css 2.04 KB 🟢 ⬇ 1.12 KB (-35.30%)
index.css 11.77 KB 🟢 ⬇ 2.89 KB (-19.73%)
themes/express.css 1.88 KB 🟢 ⬇ 0.06 KB (-2.93%)
themes/spectrum-two.css 1.77 KB 🔴 ⬆ 1.77 KB (Infinity%)
themes/spectrum.css 1.79 KB 🟢 ⬇ 0.05 KB (-2.66%)
index-vars.css - 🟢 ⬇ 14.66 KB (-100.00%)

sidenav

Filename Head Compared to base
index-base.css 13.96 KB 🟢 ⬇ 0.64 KB (-4.27%)
index-theme.css 1.29 KB 🔴 ⬆ 1.29 KB (Infinity%)
index.css 14.48 KB 🟢 ⬇ 0.11 KB (-0.71%)
themes/express.css 1.13 KB 🔴 ⬆ 1.13 KB (Infinity%)
themes/spectrum-two.css 1.11 KB 🔴 ⬆ 1.11 KB (Infinity%)
themes/spectrum.css 1.13 KB 🔴 ⬆ 1.13 KB (Infinity%)
index-vars.css - 🟢 ⬇ 14.58 KB (-100.00%)

slider

Filename Head Compared to base
index-base.css 28.00 KB 🟢 ⬇ 1.93 KB (-6.45%)
index-theme.css 2.67 KB 🟢 ⬇ 0.26 KB (-8.79%)
index.css 29.41 KB 🟢 ⬇ 2.83 KB (-8.77%)
themes/express.css 2.14 KB 🔴 ⬆ 0.36 KB (20.00%)
themes/spectrum-two.css 2.07 KB 🔴 ⬆ 2.07 KB (Infinity%)
themes/spectrum.css 2.12 KB 🔴 ⬆ 0.37 KB (20.78%)
index-vars.css - 🟢 ⬇ 32.24 KB (-100.00%)

splitview

Filename Head Compared to base
index-base.css 11.16 KB 🟢 ⬇ 0.18 KB (-1.55%)
index-theme.css 0.92 KB 🔴 ⬆ 0.92 KB (Infinity%)
index.css 11.34 KB 🔴 ⬆ 0.01 KB (0.07%)
themes/express.css 0.87 KB 🔴 ⬆ 0.87 KB (Infinity%)
themes/spectrum-two.css 0.83 KB 🔴 ⬆ 0.83 KB (Infinity%)
themes/spectrum.css 0.87 KB 🔴 ⬆ 0.87 KB (Infinity%)
index-vars.css - 🟢 ⬇ 11.33 KB (-100.00%)

statuslight

Filename Head Compared to base
index-base.css 10.88 KB 🟢 ⬇ 0.51 KB (-4.38%)
index.css 10.88 KB 🟢 ⬇ 0.51 KB (-4.38%)
index-vars.css - 🟢 ⬇ 11.38 KB (-100.00%)

steplist

Filename Head Compared to base
index-base.css 9.95 KB 🟢 ⬇ 0.03 KB (-0.32%)
index-theme.css 0.89 KB 🔴 ⬆ 0.89 KB (Infinity%)
index.css 10.12 KB 🔴 ⬆ 0.14 KB (1.33%)
themes/express.css 0.82 KB 🔴 ⬆ 0.82 KB (Infinity%)
themes/spectrum-two.css 0.81 KB 🔴 ⬆ 0.81 KB (Infinity%)
themes/spectrum.css 0.82 KB 🔴 ⬆ 0.82 KB (Infinity%)
index-vars.css - 🟢 ⬇ 9.98 KB (-100.00%)

stepper

Filename Head Compared to base
index-base.css 15.95 KB 🟢 ⬇ 1.15 KB (-6.71%)
index-theme.css 2.68 KB 🟢 ⬇ 1.33 KB (-33.09%)
index.css 17.56 KB 🟢 ⬇ 2.93 KB (-14.28%)
themes/express.css 1.98 KB 🟢 ⬇ 0.36 KB (-15.24%)
themes/spectrum-two.css 2.16 KB 🔴 ⬆ 2.16 KB (Infinity%)
themes/spectrum.css 2.18 KB 🟢 ⬇ 0.11 KB (-4.82%)
index-vars.css - 🟢 ⬇ 20.49 KB (-100.00%)

swatch

Filename Head Compared to base
index-base.css 10.96 KB 🟢 ⬇ 0.27 KB (-2.31%)
index-theme.css 0.90 KB 🔴 ⬆ 0.90 KB (Infinity%)
index.css 11.23 KB 🔴 ⬆ 0.01 KB (0.08%)
themes/express.css 0.91 KB 🔴 ⬆ 0.91 KB (Infinity%)
themes/spectrum-two.css 0.89 KB 🔴 ⬆ 0.89 KB (Infinity%)
themes/spectrum.css 0.91 KB 🔴 ⬆ 0.91 KB (Infinity%)
index-vars.css - 🟢 ⬇ 11.22 KB (-100.00%)

swatchgroup

Filename Head Compared to base
index-base.css 1.22 KB 🟢 ⬇ 0.06 KB (-4.66%)
index.css 1.22 KB 🟢 ⬇ 0.06 KB (-4.66%)
index-vars.css - 🟢 ⬇ 1.28 KB (-100.00%)

switch

Filename Head Compared to base
index-base.css 21.82 KB 🟢 ⬇ 1.11 KB (-4.84%)
index-theme.css 1.70 KB 🟢 ⬇ 0.27 KB (-13.37%)
index.css 22.62 KB 🟢 ⬇ 1.65 KB (-6.82%)
themes/express.css 1.42 KB 🔴 ⬆ 0.14 KB (10.23%)
themes/spectrum-two.css 1.40 KB 🔴 ⬆ 1.40 KB (Infinity%)
themes/spectrum.css 1.42 KB 🔴 ⬆ 0.14 KB (10.91%)
index-vars.css - 🟢 ⬇ 24.27 KB (-100.00%)

table

Filename Head Compared to base
index-base.css 46.88 KB 🟢 ⬇ 0.10 KB (-0.20%)
index-theme.css 1.49 KB 🔴 ⬆ 1.49 KB (Infinity%)
index.css 47.58 KB 🔴 ⬆ 0.62 KB (1.29%)
themes/express.css 1.38 KB 🔴 ⬆ 1.38 KB (Infinity%)
themes/spectrum-two.css 1.36 KB 🔴 ⬆ 1.36 KB (Infinity%)
themes/spectrum.css 1.38 KB 🔴 ⬆ 1.38 KB (Infinity%)
index-vars.css - 🟢 ⬇ 46.98 KB (-100.00%)

tabs

Filename Head Compared to base
index-base.css 16.97 KB 🟢 ⬇ 0.09 KB (-0.50%)
index-theme.css 0.80 KB 🟢 ⬇ 0.01 KB (-1.61%)
index.css 17.11 KB 🟢 ⬇ 0.13 KB (-0.75%)
themes/express.css 0.79 KB 🔴 ⬆ 0.07 KB (9.29%)
themes/spectrum-two.css 0.77 KB 🔴 ⬆ 0.77 KB (Infinity%)
themes/spectrum.css 0.79 KB 🔴 ⬆ 0.07 KB (10.49%)
index-vars.css - 🟢 ⬇ 17.24 KB (-100.00%)

tag

Filename Head Compared to base
index-base.css 26.47 KB 🟢 ⬇ 3.81 KB (-12.58%)
index-theme.css 3.33 KB 🟢 ⬇ 2.64 KB (-44.27%)
index.css 29.00 KB 🟢 ⬇ 6.63 KB (-18.61%)
themes/express.css 3.09 KB 🟢 ⬇ 0.20 KB (-5.89%)
themes/spectrum-two.css 3.10 KB 🔴 ⬆ 3.10 KB (Infinity%)
themes/spectrum.css 3.11 KB 🟢 ⬇ 0.19 KB (-5.62%)
index-vars.css - 🟢 ⬇ 35.64 KB (-100.00%)

taggroup

Filename Head Compared to base
index-base.css 1.08 KB 🔴 ⬆ < 0.01 KB (0.18%)
index.css 1.08 KB 🔴 ⬆ < 0.01 KB (0.18%)
index-vars.css - 🟢 ⬇ 1.08 KB (-100.00%)

textfield

Filename Head Compared to base
index-base.css 31.85 KB 🟢 ⬇ 2.32 KB (-6.78%)
index-theme.css 1.23 KB 🟢 ⬇ 0.33 KB (-20.87%)
index.css 32.33 KB 🟢 ⬇ 2.78 KB (-7.92%)
themes/express.css 1.10 KB 🔴 ⬆ 0.02 KB (1.62%)
themes/spectrum-two.css 1.08 KB 🔴 ⬆ 1.08 KB (Infinity%)
themes/spectrum.css 1.10 KB 🔴 ⬆ 0.03 KB (2.36%)
index-vars.css - 🟢 ⬇ 35.11 KB (-100.00%)

thumbnail

Filename Head Compared to base
index-base.css 7.70 KB 🟢 ⬇ 0.55 KB (-6.48%)
index-theme.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
index.css 7.76 KB 🟢 ⬇ 0.48 KB (-5.68%)
themes/express.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
themes/spectrum-two.css 0.68 KB 🔴 ⬆ 0.68 KB (Infinity%)
themes/spectrum.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
index-vars.css - 🟢 ⬇ 8.23 KB (-100.00%)

toast

Filename Head Compared to base
index-base.css 7.73 KB 🟢 ⬇ 0.67 KB (-7.82%)
index-theme.css 0.81 KB 🟢 ⬇ 0.07 KB (-7.89%)
index.css 7.90 KB 🟢 ⬇ 0.74 KB (-8.43%)
themes/express.css 0.82 KB 🔴 ⬆ 0.07 KB (9.32%)
themes/spectrum-two.css 0.81 KB 🔴 ⬆ 0.81 KB (Infinity%)
themes/spectrum.css 0.83 KB 🔴 ⬆ 0.08 KB (10.40%)
index-vars.css - 🟢 ⬇ 8.63 KB (-100.00%)

tooltip

Filename Head Compared to base
index-base.css 33.65 KB 🟢 ⬇ 0.05 KB (-0.16%)
index-theme.css 0.76 KB 🟢 ⬇ 0.14 KB (-15.13%)
index.css 33.76 KB 🟢 ⬇ 0.21 KB (-0.60%)
themes/express.css 0.76 KB -
themes/spectrum-two.css 0.75 KB 🔴 ⬆ 0.75 KB (Infinity%)
themes/spectrum.css 0.77 KB 🔴 ⬆ 0.01 KB (1.05%)
index-vars.css - 🟢 ⬇ 33.96 KB (-100.00%)

tray

Filename Head Compared to base
index-base.css 3.82 KB 🔴 ⬆ < 0.01 KB (0.05%)
index.css 3.82 KB 🔴 ⬆ < 0.01 KB (0.05%)
index-vars.css - 🟢 ⬇ 3.82 KB (-100.00%)

treeview

Filename Head Compared to base
index-base.css 17.59 KB 🔴 ⬆ 0.39 KB (2.22%)
index-theme.css 0.86 KB 🔴 ⬆ 0.86 KB (Infinity%)
index.css 17.76 KB 🔴 ⬆ 0.57 KB (3.22%)
themes/express.css 0.81 KB 🔴 ⬆ 0.81 KB (Infinity%)
themes/spectrum-two.css 0.79 KB 🔴 ⬆ 0.79 KB (Infinity%)
themes/spectrum.css 0.81 KB 🔴 ⬆ 0.81 KB (Infinity%)
index-vars.css - 🟢 ⬇ 17.21 KB (-100.00%)

typography

Filename Head Compared to base
index-base.css 40.58 KB 🔴 ⬆ 0.45 KB (1.10%)
index.css 40.58 KB 🔴 ⬆ 0.45 KB (1.10%)
index-vars.css - 🟢 ⬇ 40.14 KB (-100.00%)

underlay

Filename Head Compared to base
index-base.css 2.58 KB 🟢 ⬇ 0.70 KB (-21.03%)
index.css 2.58 KB 🟢 ⬇ 0.70 KB (-21.03%)
index-vars.css - 🟢 ⬇ 3.27 KB (-100.00%)

well

Filename Head Compared to base
index-base.css 1.51 KB 🔴 ⬆ 0.07 KB (5.11%)
index-theme.css 0.71 KB 🔴 ⬆ 0.71 KB (Infinity%)
index.css 1.57 KB 🔴 ⬆ 0.14 KB (9.88%)
themes/express.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
themes/spectrum-two.css 0.71 KB 🔴 ⬆ 0.71 KB (Infinity%)
themes/spectrum.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
index-vars.css - 🟢 ⬇ 1.43 KB (-100.00%)

tokens

Filename Head Compared to base
css/components/bridge/accordion.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
css/components/bridge/actionbar.css 0.85 KB 🔴 ⬆ 0.85 KB (Infinity%)
css/components/bridge/actionbutton.css 2.43 KB 🟢 ⬇ 9.63 KB (-79.85%)
css/components/bridge/actiongroup.css 0.96 KB 🟢 ⬇ 0.02 KB (-1.85%)
css/components/bridge/alertbanner.css 0.75 KB 🟢 ⬇ 0.02 KB (-3.10%)
css/components/bridge/asset.css 0.91 KB 🔴 ⬆ 0.91 KB (Infinity%)
css/components/bridge/assetcard.css 1.29 KB 🔴 ⬆ 0.56 KB (74.27%)
css/components/bridge/assetlist.css 0.87 KB 🔴 ⬆ 0.87 KB (Infinity%)
css/components/bridge/button.css 2.79 KB 🟢 ⬇ 32.66 KB (-92.13%)
css/components/bridge/calendar.css 0.78 KB 🔴 ⬆ 0.78 KB (Infinity%)
css/components/bridge/card.css 1.03 KB 🔴 ⬆ 1.03 KB (Infinity%)
css/components/bridge/checkbox.css 1.15 KB 🔴 ⬆ 0.14 KB (13.66%)
css/components/bridge/clearbutton.css 1.07 KB 🟢 ⬇ 0.07 KB (-6.43%)
css/components/bridge/closebutton.css 1.40 KB 🔴 ⬆ 0.35 KB (32.32%)
css/components/bridge/colorwheel.css 0.74 KB 🔴 ⬆ 0.74 KB (Infinity%)
css/components/bridge/combobox.css 1.17 KB 🔴 ⬆ 0.06 KB (5.44%)
css/components/bridge/datepicker.css 0.74 KB 🟢 ⬇ < 0.01 KB (-0.13%)
css/components/bridge/dial.css 0.84 KB 🔴 ⬆ 0.84 KB (Infinity%)
css/components/bridge/divider.css 1.59 KB 🔴 ⬆ 1.59 KB (Infinity%)
css/components/bridge/dropzone.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
css/components/bridge/index.css 27.35 KB 🟢 ⬇ 37.36 KB (-57.74%)
css/components/bridge/infieldbutton.css 1.65 KB 🟢 ⬇ 0.32 KB (-15.74%)
css/components/bridge/logicbutton.css 1.54 KB 🔴 ⬆ 1.54 KB (Infinity%)
css/components/bridge/menu.css 0.95 KB 🔴 ⬆ 0.95 KB (Infinity%)
css/components/bridge/modal.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
css/components/bridge/picker.css 1.85 KB 🟢 ⬇ 0.02 KB (-1.04%)
css/components/bridge/pickerbutton.css 1.48 KB 🟢 ⬇ 0.27 KB (-15.30%)
css/components/bridge/popover.css 0.73 KB 🔴 ⬆ < 0.01 KB (0.14%)
css/components/bridge/progressbar.css 0.82 KB 🔴 ⬆ 0.82 KB (Infinity%)
css/components/bridge/progresscircle.css 1.01 KB 🔴 ⬆ 1.01 KB (Infinity%)
css/components/bridge/radio.css 1.09 KB 🟢 ⬇ 0.48 KB (-30.14%)
css/components/bridge/rating.css 1.04 KB 🔴 ⬆ 0.07 KB (6.51%)
css/components/bridge/search.css 1.29 KB 🟢 ⬇ 0.76 KB (-36.68%)
css/components/bridge/sidenav.css 1.30 KB 🔴 ⬆ 1.30 KB (Infinity%)
css/components/bridge/slider.css 2.16 KB 🔴 ⬆ 0.05 KB (2.32%)
css/components/bridge/splitview.css 0.93 KB 🔴 ⬆ 0.93 KB (Infinity%)
css/components/bridge/steplist.css 0.90 KB 🔴 ⬆ 0.90 KB (Infinity%)
css/components/bridge/stepper.css 2.58 KB 🟢 ⬇ 0.43 KB (-13.92%)
css/components/bridge/swatch.css 0.91 KB 🔴 ⬆ 0.91 KB (Infinity%)
css/components/bridge/switch.css 1.71 KB 🔴 ⬆ 0.20 KB (12.86%)
css/components/bridge/table.css 1.31 KB 🔴 ⬆ 1.31 KB (Infinity%)
css/components/bridge/tabs.css 0.81 KB 🔴 ⬆ 0.09 KB (12.83%)
css/components/bridge/tag.css 3.34 KB 🟢 ⬇ 0.17 KB (-4.84%)
css/components/bridge/textfield.css 1.23 KB 🔴 ⬆ 0.04 KB (2.93%)
css/components/bridge/thumbnail.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
css/components/bridge/toast.css 0.82 KB 🔴 ⬆ 0.07 KB (9.52%)
css/components/bridge/tooltip.css 0.77 KB 🔴 ⬆ < 0.01 KB (0.13%)
css/components/bridge/treeview.css 0.86 KB 🔴 ⬆ 0.86 KB (Infinity%)
css/components/bridge/well.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
css/components/express/accordion.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
css/components/express/actionbar.css 0.80 KB 🔴 ⬆ 0.80 KB (Infinity%)
css/components/express/actionbutton.css 4.66 KB 🟢 ⬇ 4.30 KB (-47.98%)
css/components/express/actiongroup.css 0.91 KB 🟢 ⬇ 0.01 KB (-1.62%)
css/components/express/alertbanner.css 0.75 KB 🟢 ⬇ 0.02 KB (-2.72%)
css/components/express/asset.css 0.85 KB 🔴 ⬆ 0.85 KB (Infinity%)
css/components/express/assetcard.css 1.19 KB 🔴 ⬆ 0.49 KB (67.03%)
css/components/express/assetlist.css 0.81 KB 🔴 ⬆ 0.81 KB (Infinity%)
css/components/express/button.css 9.41 KB 🟢 ⬇ 19.96 KB (-67.96%)
css/components/express/calendar.css 0.76 KB 🔴 ⬆ 0.76 KB (Infinity%)
css/components/express/card.css 0.98 KB 🔴 ⬆ 0.98 KB (Infinity%)
css/components/express/checkbox.css 1.04 KB 🔴 ⬆ 0.11 KB (11.57%)
css/components/express/clearbutton.css 1.22 KB 🔴 ⬆ 0.19 KB (17.85%)
css/components/express/closebutton.css 1.54 KB 🔴 ⬆ 0.61 KB (63.51%)
css/components/express/colorwheel.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
css/components/express/combobox.css 1.06 KB 🔴 ⬆ 0.05 KB (5.14%)
css/components/express/datepicker.css 0.73 KB 🔴 ⬆ < 0.01 KB (0.14%)
css/components/express/dial.css 0.80 KB 🔴 ⬆ 0.80 KB (Infinity%)
css/components/express/divider.css 1.40 KB 🔴 ⬆ 1.40 KB (Infinity%)
css/components/express/dropzone.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
css/components/express/index.css 33.25 KB 🟢 ⬇ 18.69 KB (-35.98%)
css/components/express/infieldbutton.css 1.37 KB 🟢 ⬇ 0.31 KB (-18.17%)
css/components/express/logicbutton.css 1.27 KB 🔴 ⬆ 1.27 KB (Infinity%)
css/components/express/menu.css 1.02 KB 🔴 ⬆ 1.02 KB (Infinity%)
css/components/express/modal.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
css/components/express/picker.css 1.45 KB 🟢 ⬇ 0.06 KB (-3.56%)
css/components/express/pickerbutton.css 1.25 KB 🟢 ⬇ 0.27 KB (-17.43%)
css/components/express/popover.css 0.69 KB -
css/components/express/progressbar.css 0.80 KB 🔴 ⬆ 0.80 KB (Infinity%)
css/components/express/progresscircle.css 0.93 KB 🔴 ⬆ 0.93 KB (Infinity%)
css/components/express/radio.css 1.00 KB 🟢 ⬇ 0.39 KB (-27.76%)
css/components/express/rating.css 1.04 KB 🔴 ⬆ 0.05 KB (4.82%)
css/components/express/search.css 1.88 KB 🟢 ⬇ 0.06 KB (-2.93%)
css/components/express/sidenav.css 1.13 KB 🔴 ⬆ 1.13 KB (Infinity%)
css/components/express/slider.css 2.14 KB 🔴 ⬆ 0.36 KB (20.00%)
css/components/express/splitview.css 0.87 KB 🔴 ⬆ 0.87 KB (Infinity%)
css/components/express/steplist.css 0.82 KB 🔴 ⬆ 0.82 KB (Infinity%)
css/components/express/stepper.css 1.98 KB 🟢 ⬇ 0.36 KB (-15.24%)
css/components/express/swatch.css 0.91 KB 🔴 ⬆ 0.91 KB (Infinity%)
css/components/express/switch.css 1.42 KB 🔴 ⬆ 0.14 KB (10.23%)
css/components/express/table.css 1.38 KB 🔴 ⬆ 1.38 KB (Infinity%)
css/components/express/tabs.css 0.79 KB 🔴 ⬆ 0.07 KB (9.29%)
css/components/express/tag.css 3.09 KB 🟢 ⬇ 0.20 KB (-5.89%)
css/components/express/textfield.css 1.10 KB 🔴 ⬆ 0.02 KB (1.62%)
css/components/express/thumbnail.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
css/components/express/toast.css 0.82 KB 🔴 ⬆ 0.07 KB (9.32%)
css/components/express/tooltip.css 0.76 KB -
css/components/express/treeview.css 0.81 KB 🔴 ⬆ 0.81 KB (Infinity%)
css/components/express/well.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
css/components/spectrum/accordion.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
css/components/spectrum/actionbar.css 0.80 KB 🔴 ⬆ 0.80 KB (Infinity%)
css/components/spectrum/actionbutton.css 4.83 KB 🟢 ⬇ 4.31 KB (-47.14%)
css/components/spectrum/actiongroup.css 0.81 KB 🟢 ⬇ 0.01 KB (-0.85%)
css/components/spectrum/alertbanner.css 0.76 KB 🟢 ⬇ 0.01 KB (-1.68%)
css/components/spectrum/asset.css 0.85 KB 🔴 ⬆ 0.85 KB (Infinity%)
css/components/spectrum/assetcard.css 1.19 KB 🔴 ⬆ 0.50 KB (69.07%)
css/components/spectrum/assetlist.css 0.81 KB 🔴 ⬆ 0.81 KB (Infinity%)
css/components/spectrum/button.css 9.49 KB 🟢 ⬇ 19.94 KB (-67.76%)
css/components/spectrum/calendar.css 0.76 KB 🔴 ⬆ 0.76 KB (Infinity%)
css/components/spectrum/card.css 0.98 KB 🔴 ⬆ 0.98 KB (Infinity%)
css/components/spectrum/checkbox.css 1.04 KB 🔴 ⬆ 0.12 KB (12.53%)
css/components/spectrum/clearbutton.css 1.17 KB 🔴 ⬆ 0.20 KB (19.74%)
css/components/spectrum/closebutton.css 1.54 KB 🔴 ⬆ 0.62 KB (64.95%)
css/components/spectrum/colorwheel.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
css/components/spectrum/combobox.css 1.06 KB 🔴 ⬆ 0.06 KB (5.96%)
css/components/spectrum/datepicker.css 0.73 KB 🔴 ⬆ 0.01 KB (1.24%)
css/components/spectrum/dial.css 0.80 KB 🔴 ⬆ 0.80 KB (Infinity%)
css/components/spectrum/divider.css 1.40 KB 🔴 ⬆ 1.40 KB (Infinity%)
css/components/spectrum/dropzone.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
css/components/spectrum/index.css 33.67 KB 🟢 ⬇ 18.46 KB (-35.42%)
css/components/spectrum/infieldbutton.css 1.39 KB 🟢 ⬇ 0.31 KB (-17.69%)
css/components/spectrum/logicbutton.css 1.27 KB 🔴 ⬆ 1.27 KB (Infinity%)
css/components/spectrum/menu.css 1.02 KB 🔴 ⬆ 1.02 KB (Infinity%)
css/components/spectrum/modal.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
css/components/spectrum/picker.css 1.56 KB 🟢 ⬇ 0.05 KB (-2.87%)
css/components/spectrum/pickerbutton.css 1.22 KB 🟢 ⬇ 0.26 KB (-17.36%)
css/components/spectrum/popover.css 0.72 KB 🔴 ⬆ 0.01 KB (1.12%)
css/components/spectrum/progressbar.css 0.80 KB 🔴 ⬆ 0.80 KB (Infinity%)
css/components/spectrum/progresscircle.css 0.93 KB 🔴 ⬆ 0.93 KB (Infinity%)
css/components/spectrum/radio.css 1.00 KB 🟢 ⬇ 0.38 KB (-27.36%)
css/components/spectrum/rating.css 1.07 KB 🔴 ⬆ 0.06 KB (5.49%)
css/components/spectrum/search.css 1.79 KB 🟢 ⬇ 0.05 KB (-2.66%)
css/components/spectrum/sidenav.css 1.13 KB 🔴 ⬆ 1.13 KB (Infinity%)
css/components/spectrum/slider.css 2.12 KB 🔴 ⬆ 0.37 KB (20.78%)
css/components/spectrum/splitview.css 0.87 KB 🔴 ⬆ 0.87 KB (Infinity%)
css/components/spectrum/steplist.css 0.82 KB 🔴 ⬆ 0.82 KB (Infinity%)
css/components/spectrum/stepper.css 2.18 KB 🟢 ⬇ 0.11 KB (-4.82%)
css/components/spectrum/swatch.css 0.91 KB 🔴 ⬆ 0.91 KB (Infinity%)
css/components/spectrum/switch.css 1.42 KB 🔴 ⬆ 0.14 KB (10.91%)
css/components/spectrum/table.css 1.38 KB 🔴 ⬆ 1.38 KB (Infinity%)
css/components/spectrum/tabs.css 0.79 KB 🔴 ⬆ 0.07 KB (10.49%)
css/components/spectrum/tag.css 3.11 KB 🟢 ⬇ 0.19 KB (-5.62%)
css/components/spectrum/textfield.css 1.10 KB 🔴 ⬆ 0.03 KB (2.36%)
css/components/spectrum/thumbnail.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
css/components/spectrum/toast.css 0.83 KB 🔴 ⬆ 0.08 KB (10.40%)
css/components/spectrum/tooltip.css 0.77 KB 🔴 ⬆ 0.01 KB (1.05%)
css/components/spectrum/treeview.css 0.81 KB 🔴 ⬆ 0.81 KB (Infinity%)
css/components/spectrum/well.css 0.73 KB 🔴 ⬆ 0.73 KB (Infinity%)
css/components/spectrum-two/accordion.css 0.70 KB 🔴 ⬆ 0.70 KB (Infinity%)
css/components/spectrum-two/actionbar.css 0.78 KB 🔴 ⬆ 0.78 KB (Infinity%)
css/components/spectrum-two/actionbutton.css 4.82 KB 🔴 ⬆ 4.82 KB (Infinity%)
css/components/spectrum-two/actiongroup.css 0.80 KB 🔴 ⬆ 0.80 KB (Infinity%)
css/components/spectrum-two/alertbanner.css 0.74 KB 🔴 ⬆ 0.74 KB (Infinity%)
css/components/spectrum-two/asset.css 0.83 KB 🔴 ⬆ 0.83 KB (Infinity%)
css/components/spectrum-two/assetcard.css 1.17 KB 🔴 ⬆ 1.17 KB (Infinity%)
css/components/spectrum-two/assetlist.css 0.79 KB 🔴 ⬆ 0.79 KB (Infinity%)
css/components/spectrum-two/button.css 9.16 KB 🔴 ⬆ 9.16 KB (Infinity%)
css/components/spectrum-two/calendar.css 0.74 KB 🔴 ⬆ 0.74 KB (Infinity%)
css/components/spectrum-two/card.css 0.95 KB 🔴 ⬆ 0.95 KB (Infinity%)
css/components/spectrum-two/checkbox.css 1.01 KB 🔴 ⬆ 1.01 KB (Infinity%)
css/components/spectrum-two/clearbutton.css 1.15 KB 🔴 ⬆ 1.15 KB (Infinity%)
css/components/spectrum-two/closebutton.css 1.52 KB 🔴 ⬆ 1.52 KB (Infinity%)
css/components/spectrum-two/colorwheel.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
css/components/spectrum-two/combobox.css 1.02 KB 🔴 ⬆ 1.02 KB (Infinity%)
css/components/spectrum-two/datepicker.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
css/components/spectrum-two/dial.css 0.78 KB 🔴 ⬆ 0.78 KB (Infinity%)
css/components/spectrum-two/divider.css 1.38 KB 🔴 ⬆ 1.38 KB (Infinity%)
css/components/spectrum-two/dropzone.css 0.70 KB 🔴 ⬆ 0.70 KB (Infinity%)
css/components/spectrum-two/infieldbutton.css 1.38 KB 🔴 ⬆ 1.38 KB (Infinity%)
css/components/spectrum-two/logicbutton.css 1.25 KB 🔴 ⬆ 1.25 KB (Infinity%)
css/components/spectrum-two/menu.css 1.00 KB 🔴 ⬆ 1.00 KB (Infinity%)
css/components/spectrum-two/modal.css 0.72 KB 🔴 ⬆ 0.72 KB (Infinity%)
css/components/spectrum-two/picker.css 1.55 KB 🔴 ⬆ 1.55 KB (Infinity%)
css/components/spectrum-two/pickerbutton.css 1.20 KB 🔴 ⬆ 1.20 KB (Infinity%)
css/components/spectrum-two/popover.css 0.71 KB 🔴 ⬆ 0.71 KB (Infinity%)
css/components/spectrum-two/progressbar.css 0.78 KB 🔴 ⬆ 0.78 KB (Infinity%)
css/components/spectrum-two/progresscircle.css 0.92 KB 🔴 ⬆ 0.92 KB (Infinity%)
css/components/spectrum-two/radio.css 0.98 KB 🔴 ⬆ 0.98 KB (Infinity%)
css/components/spectrum-two/rating.css 1.03 KB 🔴 ⬆ 1.03 KB (Infinity%)
css/components/spectrum-two/search.css 1.77 KB 🔴 ⬆ 1.77 KB (Infinity%)
css/components/spectrum-two/sidenav.css 1.11 KB 🔴 ⬆ 1.11 KB (Infinity%)
css/components/spectrum-two/slider.css 2.07 KB 🔴 ⬆ 2.07 KB (Infinity%)
css/components/spectrum-two/splitview.css 0.83 KB 🔴 ⬆ 0.83 KB (Infinity%)
css/components/spectrum-two/steplist.css 0.81 KB 🔴 ⬆ 0.81 KB (Infinity%)
css/components/spectrum-two/stepper.css 2.16 KB 🔴 ⬆ 2.16 KB (Infinity%)
css/components/spectrum-two/swatch.css 0.89 KB 🔴 ⬆ 0.89 KB (Infinity%)
css/components/spectrum-two/switch.css 1.40 KB 🔴 ⬆ 1.40 KB (Infinity%)
css/components/spectrum-two/table.css 1.36 KB 🔴 ⬆ 1.36 KB (Infinity%)
css/components/spectrum-two/tabs.css 0.77 KB 🔴 ⬆ 0.77 KB (Infinity%)
css/components/spectrum-two/tag.css 3.10 KB 🔴 ⬆ 3.10 KB (Infinity%)
css/components/spectrum-two/textfield.css 1.08 KB 🔴 ⬆ 1.08 KB (Infinity%)
css/components/spectrum-two/thumbnail.css 0.68 KB 🔴 ⬆ 0.68 KB (Infinity%)
css/components/spectrum-two/toast.css 0.81 KB 🔴 ⬆ 0.81 KB (Infinity%)
css/components/spectrum-two/tooltip.css 0.75 KB 🔴 ⬆ 0.75 KB (Infinity%)
css/components/spectrum-two/treeview.css 0.79 KB 🔴 ⬆ 0.79 KB (Infinity%)
css/components/spectrum-two/well.css 0.71 KB 🔴 ⬆ 0.71 KB (Infinity%)
css/dark-vars.css 47.89 KB 🔴 ⬆ 22.71 KB (90.16%)
css/global-vars.css 43.95 KB 🔴 ⬆ 5.12 KB (13.17%)
css/index.css 198.02 KB 🔴 ⬆ 198.02 KB (Infinity%)
css/large-vars.css 31.90 KB 🔴 ⬆ 6.83 KB (27.23%)
css/light-vars.css 47.86 KB 🔴 ⬆ 22.69 KB (90.17%)
css/medium-vars.css 32.06 KB 🔴 ⬆ 7.06 KB (28.24%)
index.css 201.49 KB 🟢 ⬇ 0.13 KB (-0.06%)
css/darkest-vars.css - 🟢 ⬇ 25.14 KB (-100.00%)
css/express/custom-large-vars.css - 🟢 ⬇ 1.10 KB (-100.00%)
css/express/custom-medium-vars.css - 🟢 ⬇ 1.08 KB (-100.00%)
css/express/custom-vars.css - 🟢 ⬇ 0.67 KB (-100.00%)
css/express/dark-vars.css - 🟢 ⬇ 1.10 KB (-100.00%)
css/express/darkest-vars.css - 🟢 ⬇ 1.11 KB (-100.00%)
css/express/global-vars.css - 🟢 ⬇ 3.02 KB (-100.00%)
css/express/index.css - 🟢 ⬇ 9.86 KB (-100.00%)
css/express/large-vars.css - 🟢 ⬇ 3.58 KB (-100.00%)
css/express/light-vars.css - 🟢 ⬇ 1.14 KB (-100.00%)
css/express/medium-vars.css - 🟢 ⬇ 3.56 KB (-100.00%)
css/spectrum/custom-large-vars.css - 🟢 ⬇ 5.17 KB (-100.00%)
css/spectrum/custom-medium-vars.css - 🟢 ⬇ 5.42 KB (-100.00%)
css/spectrum/custom-vars.css - 🟢 ⬇ 3.17 KB (-100.00%)
css/spectrum/dark-vars.css - 🟢 ⬇ 4.38 KB (-100.00%)
css/spectrum/darkest-vars.css - 🟢 ⬇ 4.38 KB (-100.00%)
css/spectrum/global-vars.css - 🟢 ⬇ 5.90 KB (-100.00%)
css/spectrum/index.css - 🟢 ⬇ 31.00 KB (-100.00%)
css/spectrum/large-vars.css - 🟢 ⬇ 7.48 KB (-100.00%)
css/spectrum/light-vars.css - 🟢 ⬇ 4.36 KB (-100.00%)
css/spectrum/medium-vars.css - 🟢 ⬇ 7.71 KB (-100.00%)

page

Filename Head Compared to base
index-base.css - 🟢 ⬇ 0.75 KB (-100.00%)
index-vars.css - 🟢 ⬇ 0.75 KB (-100.00%)
index.css - 🟢 ⬇ 0.75 KB (-100.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.

@marissahuysentruyt marissahuysentruyt marked this pull request as ready for review November 20, 2024 15:51
@marissahuysentruyt marissahuysentruyt changed the title chore(assetcard,avatar,badge): remove assetcard/avatar/badge mdx chore(assetcard,avatar,badge): remove mdx files Nov 20, 2024
Copy link
Member

@cdransf cdransf left a comment

Choose a reason for hiding this comment

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

LGTM! ✨

@marissahuysentruyt marissahuysentruyt force-pushed the marissahuysentruyt/css-1047-refactor-assetcard-avatar-badge-mdx branch from d25fe08 to 3e34926 Compare November 26, 2024 13:47
@marissahuysentruyt marissahuysentruyt added run_vrt For use on PRs looking to kick off VRT skip_vrt Add to a PR to skip running VRT (but still pass the action) and removed run_vrt For use on PRs looking to kick off VRT labels Nov 26, 2024
@marissahuysentruyt marissahuysentruyt force-pushed the marissahuysentruyt/css-1047-refactor-assetcard-avatar-badge-mdx branch 2 times, most recently from d0202b3 to 34132e5 Compare December 5, 2024 15:01
@marissahuysentruyt marissahuysentruyt changed the base branch from main to s2-foundations-redux December 5, 2024 15:01
@marissahuysentruyt marissahuysentruyt removed the do not merge A flag for a branch indicating it should not be merged. label Dec 5, 2024
@marissahuysentruyt marissahuysentruyt force-pushed the marissahuysentruyt/css-1047-refactor-assetcard-avatar-badge-mdx branch from 34132e5 to 8349ac9 Compare December 12, 2024 20:36
@castastrophe castastrophe force-pushed the s2-foundations-redux branch 2 times, most recently from 2eebf01 to 711d4cd Compare December 16, 2024 23:49
@marissahuysentruyt marissahuysentruyt force-pushed the marissahuysentruyt/css-1047-refactor-assetcard-avatar-badge-mdx branch from 8349ac9 to cac014e Compare December 17, 2024 21:56
Copy link
Collaborator

@castastrophe castastrophe left a comment

Choose a reason for hiding this comment

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

Great work here, thanks for noticing the missing "notice" style in badge and getting that updated as well. I didn't check but if it's not also listed in the test case, can you make sure it's also added there too?

Comment on lines 60 to 64
content: html`
${Template(args, context)}
${Template({ ...args, iconName: undefined }, context)}
${Template({ ...args, label: undefined }, context)}
`
Copy link
Collaborator

Choose a reason for hiding this comment

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

I mentioned this in the other PR, this is an alternate way to define the container content if you don't want to have to import the html literal here.

Suggested change
content: html`
${Template(args, context)}
${Template({ ...args, iconName: undefined }, context)}
${Template({ ...args, label: undefined }, context)}
`
content: [
Template(args, context).
Template({ ...args, iconName: undefined }, context),
Template({ ...args, label: undefined }, context),
]

castastrophe pushed a commit that referenced this pull request Jan 22, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Feb 5, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Feb 6, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Feb 6, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Feb 7, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Feb 7, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Feb 7, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Feb 11, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Feb 24, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Feb 24, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Feb 25, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Mar 4, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Mar 4, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Mar 10, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Mar 11, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Mar 11, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Mar 11, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Mar 25, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Mar 28, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Mar 31, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Mar 31, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Apr 4, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request May 5, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Jun 10, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Jun 20, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
castastrophe pushed a commit that referenced this pull request Jul 11, 2025
* docs(assetcard): remove MDX file

- adds some missing documentation regarding stories, classes and custom
properties
- corrects sentence-casing of story names

* docs(avatar): remove MDX file

- adds some missing documentation regarding stories
- reorganizes some information to sit with appropriate story/variant
- migrates documentation from MDX file to the stories file instead

* chore(avatar): fix disabled test arguments

* docs(badge): remove MDX file

- adds notice badge variants to semantic story
- adds sizing story to docs page
- migrates documentation in MDX to stories.js instead

* docs(badge): pr fixes

- remove empty doc block line
- remove html wrapper in favor of content array
- add notice badge to test coverage
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation Because documentation is important and shouldn't be broken low priority Not a critical update or fix; can be deprioritized if necessary ready-to-merge size-1 XS ~1-6hrs; nearly trivial, a few hours, could do more than one in a single day. skip_vrt Add to a PR to skip running VRT (but still pass the action)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants