Skip to content

Conversation

castastrophe
Copy link
Collaborator

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 Aug 29, 2025

⚠️ No Changeset found

Latest commit: 7584670

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

Copy link
Contributor

github-actions bot commented Aug 29, 2025

File metrics

Summary

Total size: 1.31 MB*
No change in file sizes

Package Size Minified Gzipped
accordion 16.50 KB 15.80 KB 2.15 KB
actionbar 2.97 KB 2.81 KB 1.00 KB
actionbutton 18.98 KB 18.05 KB 2.52 KB
actiongroup 5.24 KB 4.99 KB 0.93 KB
alertbanner 2.90 KB 2.75 KB 0.97 KB
alertdialog 2.58 KB 2.43 KB 0.92 KB
asset 1.68 KB 1.57 KB 0.71 KB
assetcard 13.25 KB 12.57 KB 2.00 KB
assetlist 6.28 KB 5.91 KB 1.38 KB
avatar 5.84 KB 5.51 KB 1.07 KB
badge 19.50 KB 18.57 KB 2.32 KB
breadcrumb 11.71 KB 11.13 KB 1.93 KB
button 26.82 KB 25.52 KB 3.28 KB
buttongroup 1.39 KB 1.33 KB 0.59 KB
calendar 17.91 KB 16.95 KB 2.53 KB
card 13.88 KB 12.97 KB 2.26 KB
checkbox 17.67 KB 16.80 KB 2.32 KB
clearbutton 4.60 KB 4.36 KB 1.04 KB
closebutton 8.96 KB 8.46 KB 1.71 KB
coachindicator 3.95 KB 3.74 KB 0.99 KB
coachmark 6.40 KB 6.07 KB 1.38 KB
colorarea 3.22 KB 3.03 KB 0.97 KB
colorhandle 3.28 KB 3.08 KB 1.01 KB
colorloupe 3.46 KB 3.29 KB 0.98 KB
colorslider 3.41 KB 3.19 KB 1.00 KB
colorwheel 4.95 KB 4.62 KB 1.28 KB
combobox 22.39 KB 21.45 KB 2.72 KB
contextualhelp 3.66 KB 3.51 KB 0.91 KB
datepicker 11.74 KB 11.20 KB 1.98 KB
dial 8.96 KB 8.35 KB 1.75 KB
dialog 14.05 KB 13.37 KB 2.14 KB
divider 2.50 KB 2.38 KB 0.79 KB
dropindicator 2.57 KB 2.41 KB 0.76 KB
dropzone 7.32 KB 6.92 KB 1.50 KB
fieldgroup 1.31 KB 1.25 KB 0.58 KB
fieldlabel 4.74 KB 4.51 KB 1.06 KB
floatingactionbutton 5.42 KB 5.14 KB 1.07 KB
form 2.06 KB 1.94 KB 0.76 KB
helptext 5.96 KB 5.68 KB 1.04 KB
icon 12.37 KB 11.45 KB 1.48 KB
illustratedmessage 6.40 KB 6.12 KB 1.22 KB
infieldbutton 8.68 KB 8.23 KB 1.41 KB
infieldprogresscircle 1.48 KB 1.44 KB 0.57 KB
inlinealert 8.38 KB 7.98 KB 1.38 KB
link 4.55 KB 4.30 KB 1.06 KB
logicbutton 7.73 KB 7.30 KB 1.54 KB
menu 42.01 KB 39.88 KB 4.56 KB
meter 1.69 KB 1.63 KB 0.62 KB
miller 1.16 KB 1.10 KB 0.60 KB
modal 3.95 KB 3.70 KB 1.10 KB
opacitycheckerboard 1.51 KB 1.46 KB 0.61 KB
page 0.90 KB 0.89 KB 0.50 KB
pagination 2.00 KB 1.91 KB 0.72 KB
picker 22.22 KB 21.18 KB 2.93 KB
pickerbutton 7.14 KB 6.74 KB 1.31 KB
popover 14.41 KB 13.88 KB 1.88 KB
progressbar 8.30 KB 7.85 KB 1.57 KB
progresscircle 3.72 KB 3.49 KB 1.02 KB
radio 14.24 KB 13.46 KB 2.08 KB
rating 7.82 KB 7.35 KB 1.50 KB
search 11.50 KB 10.99 KB 1.88 KB
sidenav 12.21 KB 11.61 KB 2.00 KB
slider 28.78 KB 27.08 KB 3.76 KB
splitview 9.17 KB 8.73 KB 1.39 KB
statuslight 10.52 KB 10.02 KB 1.66 KB
steplist 8.37 KB 7.81 KB 1.55 KB
stepper 24.62 KB 23.65 KB 2.75 KB
swatch 11.32 KB 10.61 KB 1.93 KB
swatchgroup 1.29 KB 1.24 KB 0.59 KB
switch 22.37 KB 21.27 KB 2.49 KB
table 39.72 KB 37.66 KB 4.72 KB
tabs 10.46 KB 9.84 KB 1.90 KB
tag 17.44 KB 16.59 KB 2.50 KB
taggroup 3.33 KB 3.15 KB 0.86 KB
textfield 27.90 KB 26.58 KB 3.29 KB
thumbnail 6.70 KB 6.26 KB 1.36 KB
toast 5.56 KB 5.29 KB 1.29 KB
tooltip 25.62 KB 24.57 KB 2.75 KB
tray 3.06 KB 2.88 KB 1.01 KB
treeview 15.12 KB 14.23 KB 2.20 KB
typography 31.18 KB 29.72 KB 2.87 KB
underlay 2.18 KB 2.10 KB 0.71 KB
well 1.34 KB 1.29 KB 0.61 KB

File change details

accordion

Filename Head Minified Gzipped Compared to base
index.css 16.50 KB 15.80 KB 2.15 KB 🟢 ⬇ 5.08 KB
metadata.json 8.64 KB - - 🟢 ⬇ 2.80 KB

actionbar

Filename Head Minified Gzipped Compared to base
index.css 2.97 KB 2.81 KB 1.00 KB 🟢 ⬇ 2.60 KB
metadata.json 1.76 KB - - 🟢 ⬇ 1.56 KB

actionbutton

Filename Head Minified Gzipped Compared to base
index.css 18.98 KB 18.05 KB 2.52 KB 🟢 ⬇ 4.85 KB
metadata.json 7.28 KB - - 🟢 ⬇ 2.97 KB

actiongroup

Filename Head Minified Gzipped Compared to base
index.css 5.24 KB 4.99 KB 0.93 KB 🟢 ⬇ 2.44 KB
metadata.json 2.78 KB - - 🟢 ⬇ 0.51 KB

alertbanner

Filename Head Minified Gzipped Compared to base
index.css 2.90 KB 2.75 KB 0.97 KB 🟢 ⬇ 3.15 KB
metadata.json 1.63 KB - - 🟢 ⬇ 1.99 KB

alertdialog

Filename Head Minified Gzipped Compared to base
index.css 2.58 KB 2.43 KB 0.92 KB 🟢 ⬇ 2.92 KB
metadata.json 1.45 KB - - 🟢 ⬇ 1.95 KB

asset

Filename Head Minified Gzipped Compared to base
index.css 1.68 KB 1.57 KB 0.71 KB 🟢 ⬇ 0.34 KB
metadata.json 0.68 KB - - 🟢 ⬇ 0.29 KB

assetcard

Filename Head Minified Gzipped Compared to base
index.css 13.25 KB 12.57 KB 2.00 KB 🟢 ⬇ 2.58 KB
metadata.json 6.74 KB - - 🟢 ⬇ 2.15 KB

assetlist

Filename Head Minified Gzipped Compared to base
index.css 6.28 KB 5.91 KB 1.38 KB 🟢 ⬇ 1.02 KB
metadata.json 2.97 KB - - 🟢 ⬇ 0.90 KB

avatar

Filename Head Minified Gzipped Compared to base
index.css 5.84 KB 5.51 KB 1.07 KB 🟢 ⬇ 0.69 KB
metadata.json 2.21 KB - - 🟢 ⬇ 0.32 KB

badge

Filename Head Minified Gzipped Compared to base
index.css 19.50 KB 18.57 KB 2.32 KB 🟢 ⬇ 3.47 KB
metadata.json 12.18 KB - - 🟢 ⬇ 3.32 KB

breadcrumb

Filename Head Minified Gzipped Compared to base
index.css 11.71 KB 11.13 KB 1.93 KB 🟢 ⬇ 2.03 KB
metadata.json 5.91 KB - - 🟢 ⬇ 1.53 KB

button

Filename Head Minified Gzipped Compared to base
index.css 26.82 KB 25.52 KB 3.28 KB 🟢 ⬇ 2.59 KB
metadata.json 10.29 KB - - 🟢 ⬇ 1.21 KB

buttongroup

Filename Head Minified Gzipped Compared to base
index.css 1.39 KB 1.33 KB 0.59 KB 🟢 ⬇ 0.29 KB
metadata.json 0.53 KB - - 🟢 ⬇ 0.22 KB

calendar

Filename Head Minified Gzipped Compared to base
index.css 17.91 KB 16.95 KB 2.53 KB 🟢 ⬇ 1.55 KB
metadata.json 7.17 KB - - 🟢 ⬇ 1.85 KB

card

Filename Head Minified Gzipped Compared to base
index.css 13.88 KB 12.97 KB 2.26 KB 🟢 ⬇ 2.19 KB
metadata.json 5.42 KB - - 🟢 ⬇ 2.10 KB

checkbox

Filename Head Minified Gzipped Compared to base
index.css 17.67 KB 16.80 KB 2.32 KB 🟢 ⬇ 1.77 KB
metadata.json 9.28 KB - - 🟢 ⬇ 1.26 KB

clearbutton

Filename Head Minified Gzipped Compared to base
index.css 4.60 KB 4.36 KB 1.04 KB 🟢 ⬇ 0.50 KB
metadata.json 2.37 KB - - 🟢 ⬇ 0.58 KB

closebutton

Filename Head Minified Gzipped Compared to base
index.css 8.96 KB 8.46 KB 1.71 KB 🟢 ⬇ 1.47 KB
metadata.json 3.86 KB - - 🟢 ⬇ 0.82 KB

coachindicator

Filename Head Minified Gzipped Compared to base
index.css 3.95 KB 3.74 KB 0.99 KB 🟢 ⬇ 1.02 KB
metadata.json 1.38 KB - - 🟢 ⬇ 0.93 KB

coachmark

Filename Head Minified Gzipped Compared to base
index.css 6.40 KB 6.07 KB 1.38 KB 🟢 ⬇ 1.26 KB
metadata.json 3.35 KB - - 🟢 ⬇ 1.20 KB

colorarea

Filename Head Minified Gzipped Compared to base
index.css 3.22 KB 3.03 KB 0.97 KB 🟢 ⬇ 0.41 KB
metadata.json 1.35 KB - - 🟢 ⬇ 0.30 KB

colorhandle

Filename Head Minified Gzipped Compared to base
index.css 3.28 KB 3.08 KB 1.01 KB 🟢 ⬇ 0.84 KB
metadata.json 1.33 KB - - 🟢 ⬇ 0.55 KB

colorloupe

Filename Head Minified Gzipped Compared to base
index.css 3.46 KB 3.29 KB 0.98 KB 🟢 ⬇ 0.47 KB
metadata.json 1.84 KB - - 🟢 ⬇ 0.47 KB

colorslider

Filename Head Minified Gzipped Compared to base
index.css 3.41 KB 3.19 KB 1.00 KB 🟢 ⬇ 0.68 KB
metadata.json 1.48 KB - - 🟢 ⬇ 0.60 KB

colorwheel

Filename Head Minified Gzipped Compared to base
index.css 4.95 KB 4.62 KB 1.28 KB 🟢 ⬇ 0.53 KB
metadata.json 1.57 KB - - 🟢 ⬇ 0.44 KB

combobox

Filename Head Minified Gzipped Compared to base
index.css 22.39 KB 21.45 KB 2.72 KB 🟢 ⬇ 4.88 KB
metadata.json 13.49 KB - - 🟢 ⬇ 2.97 KB

contextualhelp

Filename Head Minified Gzipped Compared to base
index.css 3.66 KB 3.51 KB 0.91 KB 🟢 ⬇ 0.85 KB
metadata.json 1.93 KB - - 🟢 ⬇ 0.81 KB

datepicker

Filename Head Minified Gzipped Compared to base
index.css 11.74 KB 11.20 KB 1.98 KB 🟢 ⬇ 1.35 KB
metadata.json 6.11 KB - - 🟢 ⬇ 1.31 KB

dial

Filename Head Minified Gzipped Compared to base
index.css 8.96 KB 8.35 KB 1.75 KB 🟢 ⬇ 1.83 KB
metadata.json 3.42 KB - - 🟢 ⬇ 1.15 KB

dialog

Filename Head Minified Gzipped Compared to base
index.css 14.05 KB 13.37 KB 2.14 KB 🟢 ⬇ 2.59 KB
metadata.json 5.34 KB - - 🟢 ⬇ 1.24 KB

divider

Filename Head Minified Gzipped Compared to base
index.css 2.50 KB 2.38 KB 0.79 KB 🟢 ⬇ 0.30 KB
metadata.json 1.24 KB - - 🟢 ⬇ 0.20 KB

dropindicator

Filename Head Minified Gzipped Compared to base
index.css 2.57 KB 2.41 KB 0.76 KB 🟢 ⬇ 0.66 KB
metadata.json 0.67 KB - - 🟢 ⬇ 0.21 KB

dropzone

Filename Head Minified Gzipped Compared to base
index.css 7.32 KB 6.92 KB 1.50 KB 🟢 ⬇ 1.30 KB
metadata.json 3.52 KB - - 🟢 ⬇ 1.01 KB

fieldgroup

Filename Head Minified Gzipped Compared to base
index.css 1.31 KB 1.25 KB 0.58 KB -
metadata.json 0.65 KB - - 🟢 ⬇ 0.02 KB

fieldlabel

Filename Head Minified Gzipped Compared to base
index.css 4.74 KB 4.51 KB 1.06 KB 🟢 ⬇ 0.49 KB
metadata.json 2.41 KB - - 🟢 ⬇ 0.49 KB

floatingactionbutton

Filename Head Minified Gzipped Compared to base
index.css 5.42 KB 5.14 KB 1.07 KB 🟢 ⬇ 1.65 KB
metadata.json 2.50 KB - - 🟢 ⬇ 1.41 KB

form

Filename Head Minified Gzipped Compared to base
index.css 2.06 KB 1.94 KB 0.76 KB 🟢 ⬇ 0.25 KB
metadata.json 0.89 KB - - 🟢 ⬇ 0.28 KB

helptext

Filename Head Minified Gzipped Compared to base
index.css 5.96 KB 5.68 KB 1.04 KB 🟢 ⬇ 1.09 KB
metadata.json 3.10 KB - - 🟢 ⬇ 0.79 KB

icon

Filename Head Minified Gzipped Compared to base
index.css 12.37 KB 11.45 KB 1.48 KB 🟢 ⬇ 0.38 KB
metadata.json 6.70 KB - - 🟢 ⬇ 0.15 KB

illustratedmessage

Filename Head Minified Gzipped Compared to base
index.css 6.40 KB 6.12 KB 1.22 KB 🟢 ⬇ 1.19 KB
metadata.json 3.56 KB - - 🟢 ⬇ 1.14 KB

infieldbutton

Filename Head Minified Gzipped Compared to base
index.css 8.68 KB 8.23 KB 1.41 KB 🟢 ⬇ 1.15 KB
metadata.json 3.94 KB - - 🟢 ⬇ 1.10 KB

infieldprogresscircle

Filename Head Minified Gzipped Compared to base
index.css 1.48 KB 1.44 KB 0.57 KB 🔴 ⬆ 0.03 KB
metadata.json 0.83 KB - - 🟢 ⬇ < 0.01 KB

inlinealert

Filename Head Minified Gzipped Compared to base
index.css 8.38 KB 7.98 KB 1.38 KB 🟢 ⬇ 1.42 KB
metadata.json 4.33 KB - - 🟢 ⬇ 1.25 KB

link

Filename Head Minified Gzipped Compared to base
index.css 4.55 KB 4.30 KB 1.06 KB 🟢 ⬇ 0.50 KB
metadata.json 2.23 KB - - 🟢 ⬇ 0.45 KB

logicbutton

Filename Head Minified Gzipped Compared to base
index.css 7.73 KB 7.30 KB 1.54 KB 🟢 ⬇ 1.66 KB
metadata.json 2.80 KB - - 🟢 ⬇ 1.53 KB

menu

Filename Head Minified Gzipped Compared to base
index.css 42.01 KB 39.88 KB 4.56 KB 🟢 ⬇ 5.90 KB
metadata.json 20.13 KB - - 🟢 ⬇ 3.80 KB

meter

Filename Head Minified Gzipped Compared to base
index.css 1.69 KB 1.63 KB 0.62 KB 🟢 ⬇ 0.06 KB
metadata.json 1.03 KB - - 🟢 ⬇ 0.11 KB

miller

Filename Head Minified Gzipped Compared to base
index.css 1.16 KB 1.10 KB 0.60 KB 🟢 ⬇ 0.08 KB
metadata.json 0.31 KB - - 🟢 ⬇ 0.15 KB

modal

Filename Head Minified Gzipped Compared to base
index.css 3.95 KB 3.70 KB 1.10 KB 🟢 ⬇ 0.45 KB
metadata.json 1.35 KB - - 🟢 ⬇ 0.44 KB

opacitycheckerboard

Filename Head Minified Gzipped Compared to base
index.css 1.51 KB 1.46 KB 0.61 KB 🟢 ⬇ 0.20 KB
metadata.json 0.61 KB - - 🟢 ⬇ 0.18 KB

page

Filename Head Minified Gzipped Compared to base
index.css 0.90 KB 0.89 KB 0.50 KB 🟢 ⬇ 0.07 KB
metadata.json 0.28 KB - - 🟢 ⬇ 0.08 KB

pagination

Filename Head Minified Gzipped Compared to base
index.css 2.00 KB 1.91 KB 0.72 KB 🟢 ⬇ 0.24 KB
metadata.json 1.03 KB - - 🟢 ⬇ 0.22 KB

picker

Filename Head Minified Gzipped Compared to base
index.css 22.22 KB 21.18 KB 2.93 KB 🟢 ⬇ 3.95 KB
metadata.json 10.61 KB - - 🟢 ⬇ 2.54 KB

pickerbutton

Filename Head Minified Gzipped Compared to base
index.css 7.14 KB 6.74 KB 1.31 KB 🟢 ⬇ 0.99 KB
metadata.json 3.16 KB - - 🟢 ⬇ 1.05 KB

popover

Filename Head Minified Gzipped Compared to base
index.css 14.41 KB 13.88 KB 1.88 KB 🟢 ⬇ 2.03 KB
metadata.json 6.66 KB - - 🟢 ⬇ 0.65 KB

progressbar

Filename Head Minified Gzipped Compared to base
index.css 8.30 KB 7.85 KB 1.57 KB 🟢 ⬇ 1.04 KB
metadata.json 4.38 KB - - 🟢 ⬇ 0.92 KB

progresscircle

Filename Head Minified Gzipped Compared to base
index.css 3.72 KB 3.49 KB 1.02 KB 🟢 ⬇ 0.30 KB
metadata.json 1.59 KB - - 🟢 ⬇ 0.18 KB

radio

Filename Head Minified Gzipped Compared to base
index.css 14.24 KB 13.46 KB 2.08 KB 🟢 ⬇ 1.63 KB
metadata.json 7.59 KB - - 🟢 ⬇ 1.27 KB

rating

Filename Head Minified Gzipped Compared to base
index.css 7.82 KB 7.35 KB 1.50 KB 🟢 ⬇ 0.95 KB
metadata.json 4.58 KB - - 🟢 ⬇ 0.83 KB

search

Filename Head Minified Gzipped Compared to base
index.css 11.50 KB 10.99 KB 1.88 KB 🟢 ⬇ 1.62 KB
metadata.json 6.39 KB - - 🟢 ⬇ 1.16 KB

sidenav

Filename Head Minified Gzipped Compared to base
index.css 12.21 KB 11.61 KB 2.00 KB 🟢 ⬇ 2.23 KB
metadata.json 6.40 KB - - 🟢 ⬇ 2.18 KB

slider

Filename Head Minified Gzipped Compared to base
index.css 28.78 KB 27.08 KB 3.76 KB 🟢 ⬇ 4.10 KB
metadata.json 14.37 KB - - 🟢 ⬇ 2.21 KB

splitview

Filename Head Minified Gzipped Compared to base
index.css 9.17 KB 8.73 KB 1.39 KB 🟢 ⬇ 2.13 KB
metadata.json 3.80 KB - - 🟢 ⬇ 0.75 KB

statuslight

Filename Head Minified Gzipped Compared to base
index.css 10.52 KB 10.02 KB 1.66 KB 🟢 ⬇ 1.83 KB
metadata.json 6.14 KB - - 🟢 ⬇ 1.82 KB

steplist

Filename Head Minified Gzipped Compared to base
index.css 8.37 KB 7.81 KB 1.55 KB 🟢 ⬇ 1.44 KB
metadata.json 3.83 KB - - 🟢 ⬇ 0.81 KB

stepper

Filename Head Minified Gzipped Compared to base
index.css 24.62 KB 23.65 KB 2.75 KB 🟢 ⬇ 3.42 KB
metadata.json 12.06 KB - - 🟢 ⬇ 1.86 KB

swatch

Filename Head Minified Gzipped Compared to base
index.css 11.32 KB 10.61 KB 1.93 KB 🟢 ⬇ 1.42 KB
metadata.json 5.56 KB - - 🟢 ⬇ 0.97 KB

swatchgroup

Filename Head Minified Gzipped Compared to base
index.css 1.29 KB 1.24 KB 0.59 KB 🟢 ⬇ 0.03 KB
metadata.json 0.60 KB - - 🟢 ⬇ 0.04 KB

switch

Filename Head Minified Gzipped Compared to base
index.css 22.37 KB 21.27 KB 2.49 KB 🟢 ⬇ 3.02 KB
metadata.json 11.26 KB - - 🟢 ⬇ 1.95 KB

table

Filename Head Minified Gzipped Compared to base
index.css 39.72 KB 37.66 KB 4.72 KB 🟢 ⬇ 7.46 KB
metadata.json 18.10 KB - - 🟢 ⬇ 3.96 KB

tabs

Filename Head Minified Gzipped Compared to base
index.css 10.46 KB 9.84 KB 1.90 KB 🟢 ⬇ 1.41 KB
metadata.json 5.56 KB - - 🟢 ⬇ 1.46 KB

tag

Filename Head Minified Gzipped Compared to base
index.css 17.44 KB 16.59 KB 2.50 KB 🟢 ⬇ 3.29 KB
metadata.json 8.10 KB - - 🟢 ⬇ 2.18 KB

taggroup

Filename Head Minified Gzipped Compared to base
index.css 3.33 KB 3.15 KB 0.86 KB 🟢 ⬇ 0.21 KB
metadata.json 1.74 KB - - 🟢 ⬇ 0.23 KB

textfield

Filename Head Minified Gzipped Compared to base
index.css 27.90 KB 26.58 KB 3.29 KB 🟢 ⬇ 3.92 KB
metadata.json 14.40 KB - - 🟢 ⬇ 2.61 KB

thumbnail

Filename Head Minified Gzipped Compared to base
index.css 6.70 KB 6.26 KB 1.36 KB 🟢 ⬇ 1.00 KB
metadata.json 3.04 KB - - 🟢 ⬇ 0.61 KB

toast

Filename Head Minified Gzipped Compared to base
index.css 5.56 KB 5.29 KB 1.29 KB 🟢 ⬇ 1.01 KB
metadata.json 2.83 KB - - 🟢 ⬇ 0.97 KB

tooltip

Filename Head Minified Gzipped Compared to base
index.css 25.62 KB 24.57 KB 2.75 KB 🟢 ⬇ 3.03 KB
metadata.json 15.92 KB - - 🟢 ⬇ 0.95 KB

tray

Filename Head Minified Gzipped Compared to base
index.css 3.06 KB 2.88 KB 1.01 KB 🟢 ⬇ 0.37 KB
metadata.json 0.93 KB - - 🟢 ⬇ 0.40 KB

treeview

Filename Head Minified Gzipped Compared to base
index.css 15.12 KB 14.23 KB 2.20 KB 🟢 ⬇ 2.41 KB
metadata.json 6.72 KB - - 🟢 ⬇ 1.68 KB

typography

Filename Head Minified Gzipped Compared to base
index.css 31.18 KB 29.72 KB 2.87 KB 🟢 ⬇ 9.09 KB
metadata.json 26.52 KB - - 🟢 ⬇ 8.97 KB

underlay

Filename Head Minified Gzipped Compared to base
index.css 2.18 KB 2.10 KB 0.71 KB 🟢 ⬇ 0.41 KB
metadata.json 0.89 KB - - 🟢 ⬇ 0.44 KB

well

Filename Head Minified Gzipped Compared to base
index.css 1.34 KB 1.29 KB 0.61 KB 🟢 ⬇ 0.24 KB
metadata.json 0.56 KB - - 🟢 ⬇ 0.27 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 Aug 29, 2025

📚 Branch preview

PR #4187 has been deployed to Azure Blob Storage: https://spectrumcss.z13.web.core.windows.net/pr-4187/index.html.

@castastrophe castastrophe force-pushed the castastrophe/feat-remove-all-modifiers branch from 4d3f543 to 1869b23 Compare August 29, 2025 20:47
Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

stylelint

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-calendar-day-background-color defined

--spectrum-calendar-day-background-color: var(--spectrum-calendar-day-background-cap-selected);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-calendar-day-background-color-focus defined

--spectrum-calendar-day-background-color-focus: transparent;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-closebutton-margin-inline not defined

margin-inline: var(--spectrum-closebutton-margin-inline);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-closebutton-margin-top not defined

margin-block-start: var(--spectrum-closebutton-margin-top);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-closebutton-align-self not defined

align-self: var(--spectrum-closebutton-align-self);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-animation-easing not defined

transition: all var(--spectrum-animation-duration-100) var(--spectrum-animation-easing);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-colorhandle-hitarea-border-radius not defined

border-radius: var(--spectrum-colorhandle-hitarea-border-radius, 100%);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-combobox-popover-animation-distance defined

--spectrum-combobox-popover-animation-distance: var(--spectrum-component-to-menu-medium);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-combobox-popover-animation-distance defined

--spectrum-combobox-popover-animation-distance: var(--spectrum-component-to-menu-small);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-combobox-popover-animation-distance defined

--spectrum-combobox-popover-animation-distance: var(--spectrum-component-to-menu-large);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-combobox-popover-animation-distance defined

--spectrum-combobox-popover-animation-distance: var(--spectrum-component-to-menu-extra-large);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-combobox-spacing-alert-icon-to-text not defined

padding-inline-end: calc(var(--spectrum-combobox-button-width) + var(--spectrum-combobox-spacing-inline-icon-to-button) + var(--spectrum-combobox-icon-size) + var(--spectrum-combobox-spacing-alert-icon-to-text) - var(--spectrum-combobox-border-width));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-datepicker-padding-inline-end-quiet's references have been removed

--spectrum-datepicker-padding-inline-end-quiet: calc((var(--spectrum-datepicker-pickerbutton-width) + var(--spectrum-component-edge-to-text-100)) - var(--spectrum-datepicker-quiet-button-offset));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-datepicker-padding-inline defined

--spectrum-datepicker-padding-inline: var(--spectrum-datepicker-padding-inline-end-quiet);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-picker-button-background-color defined

--spectrum-picker-button-background-color: transparent;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --highcontrast-datepicker-pickerbutton-border-color-invalid not defined

--spectrum-datepicker-pickerbutton-border-color-invalid: var(--highcontrast-datepicker-pickerbutton-border-color-invalid, var(--spectrum-negative-border-color-default));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-buttongroup-justify-content defined

--spectrum-buttongroup-justify-content: flex-end;


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-buttongroup-flex-wrap defined

--spectrum-buttongroup-flex-wrap: nowrap;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-divider-vertical-margin not defined

margin-block: var(--spectrum-divider-vertical-margin, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-divider-vertical-height not defined

block-size: var(--spectrum-divider-vertical-height);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-divider-vertical-align not defined

align-self: var(--spectrum-divider-vertical-align, flex-start);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-illustrated-message-description-to-action defined

--spectrum-illustrated-message-description-to-action: var(--spectrum-drop-zone-body-to-action);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-illustrated-message-description-position defined

--spectrum-illustrated-message-description-position: relative;


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-illustrated-message-description-z-index defined

--spectrum-illustrated-message-description-z-index: 10;


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-illustrated-message-description-font-size defined

--spectrum-illustrated-message-description-font-size: var(--spectrum-drop-zone-body-font-size);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-drop-zone-border-style defined

--spectrum-drop-zone-border-style: solid;


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-illustrated-message-illustration-color defined

--spectrum-illustrated-message-illustration-color: var(--spectrum-drop-zone-illustration-color-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-illustrated-message-display defined

--spectrum-illustrated-message-display: none;


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-button-border-radius defined

--spectrum-button-border-radius: var(--spectrum-corner-radius-500);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --Highlight-fieldlabel-asterisk-vertical-align not defined

vertical-align: var(--Highlight-fieldlabel-asterisk-vertical-align, baseline);


⚠️ [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--Highlight-fieldlabel-asterisk-vertical-align" to match pattern "/^(spectrum|mod|highcontrast|system|_)/"

vertical-align: var(--Highlight-fieldlabel-asterisk-vertical-align, baseline);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-floating-action-button-border-radius not defined

border-radius: var(--spectrum-floating-action-button-border-radius, 50%);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-floating-action-button-border-radius not defined

border-radius: var(--spectrum-floating-action-button-border-radius, 50%);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-form-inline-size not defined

inline-size: var(--spectrum-form-inline-size, fit-content);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-illustrated-message-display not defined

display: var(--spectrum-illustrated-message-display, grid);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-illustrated-message-pointer-events not defined

pointer-events: var(--spectrum-illustrated-message-pointer-events, auto);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-illustrated-message-description-position not defined

position: var(--spectrum-illustrated-message-description-position);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-illustrated-message-description-z-index not defined

z-index: var(--spectrum-illustrated-message-description-z-index);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-illustrated-message-description-pointer-events not defined

pointer-events: var(--spectrum-illustrated-message-description-pointer-events, auto);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progress-circle-thickness defined

--spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-small);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progress-circle-size defined

--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progress-circle-size defined

--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progress-circle-size defined

--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progress-circle-size defined

--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-300);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-menu-back-padding-inline-start not defined

padding-inline: var(--spectrum-menu-back-padding-inline-start, 0) var(--spectrum-menu-item-label-inline-edge-to-content);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-menu-back-padding-block-start not defined

padding-block: var(--spectrum-menu-back-padding-block-start, 0) var(--spectrum-menu-back-padding-block-end, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-menu-back-padding-block-end not defined

padding-block: var(--spectrum-menu-back-padding-block-start, 0) var(--spectrum-menu-back-padding-block-end, 0);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progressbar-fill-color defined

--spectrum-progressbar-fill-color: var(--spectrum-positive-visual-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progressbar-fill-color defined

--spectrum-progressbar-fill-color: var(--spectrum-notice-visual-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progressbar-fill-color defined

--spectrum-progressbar-fill-color: var(--spectrum-negative-visual-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-popover-animation-distance defined

--spectrum-popover-animation-distance: var(--spectrum-picker-popover-animation-distance);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-progress-circle-position not defined

position: var(--spectrum-progress-circle-position, relative);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-font-family defined

--spectrum-textfield-font-family: var(--spectrum-search-font-family);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-font-weight defined

--spectrum-textfield-font-weight: var(--spectrum-search-font-weight);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-placeholder-font-size defined

--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-corner-radius defined

--spectrum-textfield-corner-radius: var(--spectrum-search-border-radius);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-width defined

--spectrum-textfield-border-width: var(--spectrum-search-border-width);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-focus-indicator-gap defined

--spectrum-textfield-focus-indicator-gap: var(--spectrum-search-focus-indicator-gap);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-focus-indicator-width defined

--spectrum-textfield-focus-indicator-width: var(--spectrum-search-focus-indicator-thickness);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-focus-indicator-color defined

--spectrum-textfield-focus-indicator-color: var(--spectrum-search-focus-indicator-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-default defined

--spectrum-textfield-text-color-default: var(--spectrum-search-color-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-hover defined

--spectrum-textfield-text-color-hover: var(--spectrum-search-color-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus defined

--spectrum-textfield-text-color-focus: var(--spectrum-search-color-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus-hover defined

--spectrum-textfield-text-color-focus-hover: var(--spectrum-search-color-focus-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-keyboard-focus defined

--spectrum-textfield-text-color-keyboard-focus: var(--spectrum-search-color-key-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-disabled defined

--spectrum-textfield-text-color-disabled: var(--spectrum-search-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color defined

--spectrum-textfield-border-color: var(--spectrum-search-border-color-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-hover defined

--spectrum-textfield-border-color-hover: var(--spectrum-search-border-color-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-focus defined

--spectrum-textfield-border-color-focus: var(--spectrum-search-border-color-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-focus-hover defined

--spectrum-textfield-border-color-focus-hover: var(--spectrum-search-border-color-focus-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-keyboard-focus defined

--spectrum-textfield-border-color-keyboard-focus: var(--spectrum-search-border-color-key-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-disabled defined

--spectrum-textfield-border-color-disabled: var(--spectrum-search-border-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-background-color defined

--spectrum-textfield-background-color: var(--spectrum-search-background-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-background-color-disabled defined

--spectrum-textfield-background-color-disabled: var(--spectrum-search-background-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-placeholder-font-size defined

--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-placeholder-font-size defined

--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-placeholder-font-size defined

--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-300);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-width defined

--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-medium);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-top-to-text defined

--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-bottom-to-text defined

--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-width defined

--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-small);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-top-to-text defined

--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-bottom-to-text defined

--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-width defined

--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-large);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-top-to-text defined

--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-bottom-to-text defined

--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-width defined

--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-extra-large);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-top-to-text defined

--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-bottom-to-text defined

--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-closebutton-icon-color-default defined

--spectrum-closebutton-icon-color-default: var(--spectrum-toast-text-and-icon-color);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-body-margin-start not defined

margin-block-start: var(--spectrum-body-margin-start, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-code-margin-start not defined

margin-block-start: var(--spectrum-code-margin-start, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-code-margin-end not defined

margin-block-end: var(--spectrum-code-margin-end, 0);

@castastrophe castastrophe force-pushed the castastrophe/feat-remove-all-modifiers branch from 1869b23 to fe25f58 Compare August 29, 2025 21:05
Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

stylelint

⚠️ [stylelint] <custom-property-pattern> reported by reviewdog 🐶
Expected "--Highlight-fieldlabel-asterisk-vertical-align" to match pattern "/^(spectrum|mod|highcontrast|system|_)/"

vertical-align: var(--Highlight-fieldlabel-asterisk-vertical-align, baseline);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-floating-action-button-border-radius not defined

border-radius: var(--spectrum-floating-action-button-border-radius, 50%);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-floating-action-button-border-radius not defined

border-radius: var(--spectrum-floating-action-button-border-radius, 50%);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-form-inline-size not defined

inline-size: var(--spectrum-form-inline-size, fit-content);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-illustrated-message-display not defined

display: var(--spectrum-illustrated-message-display, grid);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-illustrated-message-pointer-events not defined

pointer-events: var(--spectrum-illustrated-message-pointer-events, auto);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-illustrated-message-description-position not defined

position: var(--spectrum-illustrated-message-description-position);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-illustrated-message-description-z-index not defined

z-index: var(--spectrum-illustrated-message-description-z-index);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-illustrated-message-description-pointer-events not defined

pointer-events: var(--spectrum-illustrated-message-description-pointer-events, auto);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progress-circle-thickness defined

--spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-small);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progress-circle-size defined

--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progress-circle-size defined

--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progress-circle-size defined

--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progress-circle-size defined

--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-300);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-menu-back-padding-inline-start not defined

padding-inline: var(--spectrum-menu-back-padding-inline-start, 0) var(--spectrum-menu-item-label-inline-edge-to-content);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-menu-back-padding-block-start not defined

padding-block: var(--spectrum-menu-back-padding-block-start, 0) var(--spectrum-menu-back-padding-block-end, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-menu-back-padding-block-end not defined

padding-block: var(--spectrum-menu-back-padding-block-start, 0) var(--spectrum-menu-back-padding-block-end, 0);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progressbar-fill-color defined

--spectrum-progressbar-fill-color: var(--spectrum-positive-visual-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progressbar-fill-color defined

--spectrum-progressbar-fill-color: var(--spectrum-notice-visual-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progressbar-fill-color defined

--spectrum-progressbar-fill-color: var(--spectrum-negative-visual-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-popover-animation-distance defined

--spectrum-popover-animation-distance: var(--spectrum-picker-popover-animation-distance);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-progress-circle-position not defined

position: var(--spectrum-progress-circle-position, relative);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-font-family defined

--spectrum-textfield-font-family: var(--spectrum-search-font-family);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-font-weight defined

--spectrum-textfield-font-weight: var(--spectrum-search-font-weight);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-placeholder-font-size defined

--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-corner-radius defined

--spectrum-textfield-corner-radius: var(--spectrum-search-border-radius);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-width defined

--spectrum-textfield-border-width: var(--spectrum-search-border-width);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-focus-indicator-gap defined

--spectrum-textfield-focus-indicator-gap: var(--spectrum-search-focus-indicator-gap);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-focus-indicator-width defined

--spectrum-textfield-focus-indicator-width: var(--spectrum-search-focus-indicator-thickness);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-focus-indicator-color defined

--spectrum-textfield-focus-indicator-color: var(--spectrum-search-focus-indicator-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-default defined

--spectrum-textfield-text-color-default: var(--spectrum-search-color-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-hover defined

--spectrum-textfield-text-color-hover: var(--spectrum-search-color-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus defined

--spectrum-textfield-text-color-focus: var(--spectrum-search-color-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus-hover defined

--spectrum-textfield-text-color-focus-hover: var(--spectrum-search-color-focus-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-keyboard-focus defined

--spectrum-textfield-text-color-keyboard-focus: var(--spectrum-search-color-key-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-disabled defined

--spectrum-textfield-text-color-disabled: var(--spectrum-search-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color defined

--spectrum-textfield-border-color: var(--spectrum-search-border-color-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-hover defined

--spectrum-textfield-border-color-hover: var(--spectrum-search-border-color-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-focus defined

--spectrum-textfield-border-color-focus: var(--spectrum-search-border-color-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-focus-hover defined

--spectrum-textfield-border-color-focus-hover: var(--spectrum-search-border-color-focus-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-keyboard-focus defined

--spectrum-textfield-border-color-keyboard-focus: var(--spectrum-search-border-color-key-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-disabled defined

--spectrum-textfield-border-color-disabled: var(--spectrum-search-border-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-background-color defined

--spectrum-textfield-background-color: var(--spectrum-search-background-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-background-color-disabled defined

--spectrum-textfield-background-color-disabled: var(--spectrum-search-background-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-placeholder-font-size defined

--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-placeholder-font-size defined

--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-placeholder-font-size defined

--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-300);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-width defined

--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-medium);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-top-to-text defined

--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-bottom-to-text defined

--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-width defined

--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-small);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-top-to-text defined

--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-bottom-to-text defined

--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-width defined

--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-large);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-top-to-text defined

--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-bottom-to-text defined

--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-width defined

--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-extra-large);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-top-to-text defined

--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-bottom-to-text defined

--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-hover's references have been removed

--spectrum-numberfield-border-color-hover: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-gray-400));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus's references have been removed

--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed

--spectrum-numberfield-border-color-keyboard-focus: var(--highcontrast-numberfield-border-color-keyboard-focus, var(--spectrum-gray-800));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed

--spectrum-numberfield-border-color-focus-hover: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-gray-900));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-disabled's references have been removed

--spectrum-numberfield-border-color-disabled: var(--spectrum-disabled-border-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-invalid-default's references have been removed

--spectrum-numberfield-border-color-invalid-default: var(--spectrum-negative-border-color-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-numberfield-border-color-hover));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-invalid-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-hover's references have been removed

--spectrum-numberfield-border-color-hover: var(--spectrum-numberfield-border-color-invalid-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus's references have been removed

--spectrum-numberfield-border-color-focus: var(--spectrum-numberfield-border-color-invalid-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed

--spectrum-numberfield-border-color-focus-hover: var(--spectrum-numberfield-border-color-invalid-focus-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed

--spectrum-numberfield-border-color-keyboard-focus: var(--spectrum-numberfield-border-color-invalid-keyboard-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-focus));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-keyboard-focus));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus defined

--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus defined

--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-swatch-border-opacity defined

--spectrum-swatch-border-opacity: 0.2;


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-avatar-size defined

--spectrum-avatar-size: var(--spectrum-avatar-size-50);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-avatar-size defined

--spectrum-avatar-size: var(--spectrum-avatar-size-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-icon-color defined

--spectrum-icon-color: var(--spectrum-table-header-icons-color-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-icon-color defined

--spectrum-icon-color: var(--spectrum-table-header-icons-color-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-icon-color defined

--spectrum-icon-color: var(--spectrum-table-header-icons-color-active);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-icon-color defined

--spectrum-icon-color: var(--spectrum-table-header-icons-color-key-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-checkbox-margin-block defined

--spectrum-checkbox-margin-block: 0px;


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-checkbox-margin-block defined

--spectrum-checkbox-margin-block: 0px;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-table-current-header-height not defined

scroll-padding-top: var(--spectrum-table-current-header-height, calc((var(--spectrum-table-row-line-height) * var(--spectrum-table-row-font-size)) + var(--spectrum-table-header-row-top-to-text) + var(--spectrum-table-header-row-bottom-to-text) + var(--spectrum-table-border-width)));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-line-height defined

--spectrum-body-line-height: var(--spectrum-line-height-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--spectrum-body-font-size: var(--spectrum-font-size-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-margin-start: var(--spectrum-component-top-to-text-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-cjk-line-height defined

--spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--spectrum-body-font-size: var(--spectrum-font-size-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-margin-start: var(--spectrum-component-top-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--spectrum-body-font-size: var(--spectrum-font-size-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-margin-start: var(--spectrum-component-top-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-closebutton-icon-color-default defined

--spectrum-closebutton-icon-color-default: var(--spectrum-toast-text-and-icon-color);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-body-margin-start not defined

margin-block-start: var(--spectrum-body-margin-start, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-code-margin-start not defined

margin-block-start: var(--spectrum-code-margin-start, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-code-margin-end not defined

margin-block-end: var(--spectrum-code-margin-end, 0);

}

/* ****** Invalid & Loading ****** */
.spectrum-Combobox-textfield.is-invalid &,
.spectrum-Combobox-textfield.is-loading & {
padding-inline-end: calc(var(--mod-combobox-button-width, var(--spectrum-combobox-button-width)) + var(--mod-combobox-spacing-inline-icon-to-button, var(--spectrum-combobox-spacing-inline-icon-to-button)) + var(--mod-combobox-icon-size, var(--spectrum-combobox-icon-size)) + var(--mod-combobox-spacing-alert-icon-to-text, var(--spectrum-combobox-spacing-inline-icon-to-text)) - var(--mod-combobox-border-width, var(--spectrum-combobox-border-width)));
padding-inline-end: calc(var(--spectrum-combobox-button-width) + var(--spectrum-combobox-spacing-inline-icon-to-button) + var(--spectrum-combobox-icon-size) + var(--spectrum-combobox-spacing-alert-icon-to-text) - var(--spectrum-combobox-border-width));
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-combobox-spacing-alert-icon-to-text not defined

--spectrum-datepicker-padding-inline-end-quiet: var(--mod-datepicker-padding-inline-quiet, calc((var(--spectrum-datepicker-pickerbutton-width) + var(--spectrum-component-edge-to-text-100)) - var(--spectrum-datepicker-quiet-button-offset)));
--spectrum-datepicker-padding-inline-end-invalid-quiet: var(--mod-datepicker-padding-inline-end-invalid-quiet, calc(var(--spectrum-datepicker-pickerbutton-width-quiet) + var(--spectrum-datepicker-icon-size) + var(--spectrum-datepicker-icon-to-text)));
--spectrum-datepicker-padding-inline-end: calc(var(--spectrum-datepicker-pickerbutton-width) + var(--spectrum-component-edge-to-text-100) - var(--spectrum-datepicker-border-width) * 2);
--spectrum-datepicker-padding-inline-end-quiet: calc((var(--spectrum-datepicker-pickerbutton-width) + var(--spectrum-component-edge-to-text-100)) - var(--spectrum-datepicker-quiet-button-offset));
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-datepicker-padding-inline-end-quiet's references have been removed

--mod-datepicker-border-radius: var(--spectrum-datepicker-border-radius-quiet);
--mod-datepicker-padding-inline: var(--spectrum-datepicker-padding-inline-end-quiet);
--spectrum-datepicker-border-radius: var(--spectrum-datepicker-border-radius-quiet);
--spectrum-datepicker-padding-inline: var(--spectrum-datepicker-padding-inline-end-quiet);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-datepicker-padding-inline defined

}

&:not(:disabled, .is-open) {
--mod-picker-button-background-color: transparent;
--spectrum-picker-button-background-color: transparent;
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-picker-button-background-color defined

--spectrum-datepicker-pickerbutton-border-color: var(--highcontrast-datepicker-pickerbutton-border-color, var(--mod-datepicker-pickerbutton-border-color, var(--spectrum-gray-500)));
--spectrum-datepicker-pickerbutton-border-color-invalid: var(--highcontrast-datepicker-pickerbutton-border-color, var(--mod-datepicker-pickerbutton-border-color-invalid, var(--spectrum-negative-border-color-default)));
--spectrum-datepicker-pickerbutton-border-color: var(--highcontrast-datepicker-pickerbutton-border-color, var(--spectrum-gray-500));
--spectrum-datepicker-pickerbutton-border-color-invalid: var(--highcontrast-datepicker-pickerbutton-border-color-invalid, var(--spectrum-negative-border-color-default));
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --highcontrast-datepicker-pickerbutton-border-color-invalid not defined

--spectrum-illustrated-message-description-to-action: var(--spectrum-drop-zone-body-to-action);
--spectrum-illustrated-message-description-position: relative;
--spectrum-illustrated-message-description-z-index: 10;
--spectrum-illustrated-message-description-font-size: var(--spectrum-drop-zone-body-font-size);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-illustrated-message-description-font-size defined

--mod-drop-zone-border-style: var(--mod-drop-zone-border-style-dragged, solid);
--mod-drop-zone-background-color: rgb(var(--spectrum-drop-zone-background-color), var(--mod-drop-zone-background-color-opacity, var(--spectrum-drop-zone-dragged-background-color)));
--spectrum-drop-zone-border-color: var(--highcontrast-drop-zone-border-color-hover, var(--mod-drop-zone-border-color-hover, var(--spectrum-drop-zone-border-color-hover)));
--spectrum-drop-zone-border-style: solid;
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-drop-zone-border-style defined


/* Updated values for a nested illustrated message when state changes */
--mod-illustrated-message-illustration-color: var(--mod-drop-zone-illustration-color-hover, var(--spectrum-drop-zone-illustration-color-hover));
--spectrum-illustrated-message-illustration-color: var(--spectrum-drop-zone-illustration-color-hover);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-illustrated-message-illustration-color defined


/* Updated values for a nested illustrated message when state changes */
--mod-illustrated-message-display: none;
--spectrum-illustrated-message-display: none;
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-illustrated-message-display defined

@@ -146,30 +146,30 @@

.spectrum-DropZone-button {
/* Adjust corner radius of button component is dragged & filled state */
--mod-button-border-radius: var(--spectrum-corner-radius-500);
--spectrum-button-border-radius: var(--spectrum-corner-radius-500);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-button-border-radius defined

@castastrophe castastrophe force-pushed the castastrophe/feat-remove-all-modifiers branch 3 times, most recently from 16aed6a to 4056103 Compare August 29, 2025 21:30
Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

stylelint

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-focus-indicator-color defined

--spectrum-textfield-focus-indicator-color: var(--spectrum-search-focus-indicator-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-default defined

--spectrum-textfield-text-color-default: var(--spectrum-search-color-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-hover defined

--spectrum-textfield-text-color-hover: var(--spectrum-search-color-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus defined

--spectrum-textfield-text-color-focus: var(--spectrum-search-color-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus-hover defined

--spectrum-textfield-text-color-focus-hover: var(--spectrum-search-color-focus-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-keyboard-focus defined

--spectrum-textfield-text-color-keyboard-focus: var(--spectrum-search-color-key-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-disabled defined

--spectrum-textfield-text-color-disabled: var(--spectrum-search-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color defined

--spectrum-textfield-border-color: var(--spectrum-search-border-color-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-hover defined

--spectrum-textfield-border-color-hover: var(--spectrum-search-border-color-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-focus defined

--spectrum-textfield-border-color-focus: var(--spectrum-search-border-color-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-focus-hover defined

--spectrum-textfield-border-color-focus-hover: var(--spectrum-search-border-color-focus-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-keyboard-focus defined

--spectrum-textfield-border-color-keyboard-focus: var(--spectrum-search-border-color-key-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-color-disabled defined

--spectrum-textfield-border-color-disabled: var(--spectrum-search-border-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-background-color defined

--spectrum-textfield-background-color: var(--spectrum-search-background-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-background-color-disabled defined

--spectrum-textfield-background-color-disabled: var(--spectrum-search-background-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-placeholder-font-size defined

--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-placeholder-font-size defined

--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-placeholder-font-size defined

--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-300);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-width defined

--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-medium);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-top-to-text defined

--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-bottom-to-text defined

--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-width defined

--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-small);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-top-to-text defined

--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-bottom-to-text defined

--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-width defined

--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-large);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-top-to-text defined

--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-bottom-to-text defined

--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-width defined

--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-extra-large);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-top-to-text defined

--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-bottom-to-text defined

--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-hover's references have been removed

--spectrum-numberfield-border-color-hover: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-gray-400));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus's references have been removed

--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed

--spectrum-numberfield-border-color-keyboard-focus: var(--highcontrast-numberfield-border-color-keyboard-focus, var(--spectrum-gray-800));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed

--spectrum-numberfield-border-color-focus-hover: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-gray-900));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-disabled's references have been removed

--spectrum-numberfield-border-color-disabled: var(--spectrum-disabled-border-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-invalid-default's references have been removed

--spectrum-numberfield-border-color-invalid-default: var(--spectrum-negative-border-color-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-numberfield-border-color-hover));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-invalid-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-hover's references have been removed

--spectrum-numberfield-border-color-hover: var(--spectrum-numberfield-border-color-invalid-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus's references have been removed

--spectrum-numberfield-border-color-focus: var(--spectrum-numberfield-border-color-invalid-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed

--spectrum-numberfield-border-color-focus-hover: var(--spectrum-numberfield-border-color-invalid-focus-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed

--spectrum-numberfield-border-color-keyboard-focus: var(--spectrum-numberfield-border-color-invalid-keyboard-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-focus));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-keyboard-focus));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus defined

--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus defined

--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-swatch-border-opacity defined

--spectrum-swatch-border-opacity: 0.2;


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-avatar-size defined

--spectrum-avatar-size: var(--spectrum-avatar-size-50);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-avatar-size defined

--spectrum-avatar-size: var(--spectrum-avatar-size-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-icon-color defined

--spectrum-icon-color: var(--spectrum-table-header-icons-color-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-icon-color defined

--spectrum-icon-color: var(--spectrum-table-header-icons-color-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-icon-color defined

--spectrum-icon-color: var(--spectrum-table-header-icons-color-active);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-icon-color defined

--spectrum-icon-color: var(--spectrum-table-header-icons-color-key-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-checkbox-margin-block defined

--spectrum-checkbox-margin-block: 0px;


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-checkbox-margin-block defined

--spectrum-checkbox-margin-block: 0px;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-table-current-header-height not defined

scroll-padding-top: var(--spectrum-table-current-header-height, calc((var(--spectrum-table-row-line-height) * var(--spectrum-table-row-font-size)) + var(--spectrum-table-header-row-top-to-text) + var(--spectrum-table-header-row-bottom-to-text) + var(--spectrum-table-border-width)));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-line-height defined

--spectrum-body-line-height: var(--spectrum-line-height-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--spectrum-body-font-size: var(--spectrum-font-size-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-margin-start: var(--spectrum-component-top-to-text-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-cjk-line-height defined

--spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--spectrum-body-font-size: var(--spectrum-font-size-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-margin-start: var(--spectrum-component-top-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--spectrum-body-font-size: var(--spectrum-font-size-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-margin-start: var(--spectrum-component-top-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-closebutton-icon-color-default defined

--spectrum-closebutton-icon-color-default: var(--spectrum-toast-text-and-icon-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-modal-max-width defined

--spectrum-modal-max-width: 100%;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-tray-corner-radius-portrait not defined

border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-tray-corner-radius-portrait not defined

border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-body-margin-start not defined

margin-block-start: var(--spectrum-body-margin-start, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-code-margin-start not defined

margin-block-start: var(--spectrum-code-margin-start, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-code-margin-end not defined

margin-block-end: var(--spectrum-code-margin-end, 0);

margin-inline: var(--mod-fieldlabel-text-to-asterisk, var(--spectrum-fieldlabel-text-to-asterisk)) 0;
vertical-align: var(--mod-fieldlabel-asterisk-vertical-align, baseline);
margin-inline: var(--spectrum-fieldlabel-text-to-asterisk) 0;
vertical-align: var(--spectrum-fieldlabel-asterisk-vertical-align, baseline);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-fieldlabel-asterisk-vertical-align not defined

margin-block-end: var(--mod-floating-action-button-margin, var(--spectrum-floating-action-button-margin));
block-size: var(--spectrum-floating-action-button-size);
inline-size: var(--spectrum-floating-action-button-size);
border-radius: var(--spectrum-floating-action-button-border-radius, 50%);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-floating-action-button-border-radius not defined

border-radius: var(--mod-floating-action-button-border-radius, 50%);
margin: calc(-1 * var(--spectrum-focus-indicator-gap));
box-shadow: 0 0 0 var(--spectrum-focus-indicator-thickness) var(--spectrum-focus-indicator-color);
border-radius: var(--spectrum-floating-action-button-border-radius, 50%);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-floating-action-button-border-radius not defined

grid-template-columns: var(--mod-form-grid-template-columns, var(--spectrum-form-grid-template-columns));
inline-size: var(--mod-form-inline-size, fit-content);
grid-template-columns: var(--spectrum-form-grid-template-columns);
inline-size: var(--spectrum-form-inline-size, fit-content);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-form-inline-size not defined

@@ -74,57 +74,57 @@ governing permissions and limitations under the License.

.spectrum-IllustratedMessage {
block-size: 100%;
display: var(--mod-illustrated-message-display, grid);
display: var(--spectrum-illustrated-message-display, grid);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-illustrated-message-display not defined

--mod-textfield-background-color-disabled: var(--mod-search-background-color-disabled, var(--spectrum-search-background-color-disabled));
--spectrum-textfield-font-family: var(--spectrum-search-font-family);
--spectrum-textfield-font-weight: var(--spectrum-search-font-weight);
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-100);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-placeholder-font-size defined

--spectrum-textfield-font-weight: var(--spectrum-search-font-weight);
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-100);

--spectrum-textfield-corner-radius: var(--spectrum-search-border-radius);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-corner-radius defined

--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-100);

--spectrum-textfield-corner-radius: var(--spectrum-search-border-radius);
--spectrum-textfield-border-width: var(--spectrum-search-border-width);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-border-width defined

--spectrum-textfield-corner-radius: var(--spectrum-search-border-radius);
--spectrum-textfield-border-width: var(--spectrum-search-border-width);

--spectrum-textfield-focus-indicator-gap: var(--spectrum-search-focus-indicator-gap);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-focus-indicator-gap defined

--spectrum-textfield-border-width: var(--spectrum-search-border-width);

--spectrum-textfield-focus-indicator-gap: var(--spectrum-search-focus-indicator-gap);
--spectrum-textfield-focus-indicator-width: var(--spectrum-search-focus-indicator-thickness);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-focus-indicator-width defined

@castastrophe castastrophe force-pushed the castastrophe/feat-remove-all-modifiers branch from 4056103 to 79f77f7 Compare September 11, 2025 13:36
@castastrophe castastrophe added the run_vrt For use on PRs looking to kick off VRT label Sep 11, 2025
@castastrophe castastrophe self-assigned this Sep 11, 2025
Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

stylelint

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-hover's references have been removed

--spectrum-numberfield-border-color-hover: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-gray-400));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus's references have been removed

--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed

--spectrum-numberfield-border-color-keyboard-focus: var(--highcontrast-numberfield-border-color-keyboard-focus, var(--spectrum-gray-800));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed

--spectrum-numberfield-border-color-focus-hover: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-gray-900));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-disabled's references have been removed

--spectrum-numberfield-border-color-disabled: var(--spectrum-disabled-border-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-invalid-default's references have been removed

--spectrum-numberfield-border-color-invalid-default: var(--spectrum-negative-border-color-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-numberfield-border-color-hover));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-invalid-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-hover's references have been removed

--spectrum-numberfield-border-color-hover: var(--spectrum-numberfield-border-color-invalid-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus's references have been removed

--spectrum-numberfield-border-color-focus: var(--spectrum-numberfield-border-color-invalid-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed

--spectrum-numberfield-border-color-focus-hover: var(--spectrum-numberfield-border-color-invalid-focus-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed

--spectrum-numberfield-border-color-keyboard-focus: var(--spectrum-numberfield-border-color-invalid-keyboard-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-focus));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-keyboard-focus));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus defined

--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus defined

--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-swatch-border-opacity defined

--spectrum-swatch-border-opacity: 0.2;


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-avatar-size defined

--spectrum-avatar-size: var(--spectrum-avatar-size-50);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-avatar-size defined

--spectrum-avatar-size: var(--spectrum-avatar-size-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-icon-color defined

--spectrum-icon-color: var(--spectrum-table-header-icons-color-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-icon-color defined

--spectrum-icon-color: var(--spectrum-table-header-icons-color-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-icon-color defined

--spectrum-icon-color: var(--spectrum-table-header-icons-color-active);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-icon-color defined

--spectrum-icon-color: var(--spectrum-table-header-icons-color-key-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-checkbox-margin-block defined

--spectrum-checkbox-margin-block: 0px;


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-checkbox-margin-block defined

--spectrum-checkbox-margin-block: 0px;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-table-current-header-height not defined

scroll-padding-top: var(--spectrum-table-current-header-height, calc((var(--spectrum-table-row-line-height) * var(--spectrum-table-row-font-size)) + var(--spectrum-table-header-row-top-to-text) + var(--spectrum-table-header-row-bottom-to-text) + var(--spectrum-table-border-width)));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-line-height defined

--spectrum-body-line-height: var(--spectrum-line-height-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--spectrum-body-font-size: var(--spectrum-font-size-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-margin-start: var(--spectrum-component-top-to-text-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-cjk-line-height defined

--spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--spectrum-body-font-size: var(--spectrum-font-size-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-margin-start: var(--spectrum-component-top-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--spectrum-body-font-size: var(--spectrum-font-size-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-margin-start: var(--spectrum-component-top-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-closebutton-icon-color-default defined

--spectrum-closebutton-icon-color-default: var(--spectrum-toast-text-and-icon-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-modal-max-width defined

--spectrum-modal-max-width: 100%;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-tray-corner-radius-portrait not defined

border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-tray-corner-radius-portrait not defined

border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-body-margin-start not defined

margin-block-start: var(--spectrum-body-margin-start, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-code-margin-start not defined

margin-block-start: var(--spectrum-code-margin-start, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-code-margin-end not defined

margin-block-end: var(--spectrum-code-margin-end, 0);


--spectrum-textfield-focus-indicator-gap: var(--spectrum-search-focus-indicator-gap);
--spectrum-textfield-focus-indicator-width: var(--spectrum-search-focus-indicator-thickness);
--spectrum-textfield-focus-indicator-color: var(--spectrum-search-focus-indicator-color);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-focus-indicator-color defined

--spectrum-textfield-focus-indicator-width: var(--spectrum-search-focus-indicator-thickness);
--spectrum-textfield-focus-indicator-color: var(--spectrum-search-focus-indicator-color);

--spectrum-textfield-text-color-default: var(--spectrum-search-color-default);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-default defined

--spectrum-textfield-focus-indicator-color: var(--spectrum-search-focus-indicator-color);

--spectrum-textfield-text-color-default: var(--spectrum-search-color-default);
--spectrum-textfield-text-color-hover: var(--spectrum-search-color-hover);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-hover defined


--spectrum-textfield-text-color-default: var(--spectrum-search-color-default);
--spectrum-textfield-text-color-hover: var(--spectrum-search-color-hover);
--spectrum-textfield-text-color-focus: var(--spectrum-search-color-focus);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus defined

--spectrum-textfield-text-color-default: var(--spectrum-search-color-default);
--spectrum-textfield-text-color-hover: var(--spectrum-search-color-hover);
--spectrum-textfield-text-color-focus: var(--spectrum-search-color-focus);
--spectrum-textfield-text-color-focus-hover: var(--spectrum-search-color-focus-hover);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus-hover defined

--mod-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-200);
--mod-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-200);
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-large);
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-200);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-top-to-text defined

--mod-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-200);
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-large);
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-200);
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-200);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-bottom-to-text defined

--mod-textfield-width: var(--spectrum-slider-editable-field-inline-size-extra-large);
--mod-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300);
--mod-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300);
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-extra-large);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-width defined

--mod-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300);
--mod-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300);
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-extra-large);
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-top-to-text defined

--mod-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300);
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-extra-large);
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300);
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-fieldlabel-bottom-to-text defined

Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

stylelint

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus's references have been removed

--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed

--spectrum-numberfield-border-color-keyboard-focus: var(--highcontrast-numberfield-border-color-keyboard-focus, var(--spectrum-gray-800));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed

--spectrum-numberfield-border-color-focus-hover: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-gray-900));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-disabled's references have been removed

--spectrum-numberfield-border-color-disabled: var(--spectrum-disabled-border-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-invalid-default's references have been removed

--spectrum-numberfield-border-color-invalid-default: var(--spectrum-negative-border-color-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-numberfield-border-color-hover));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-invalid-default);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-hover's references have been removed

--spectrum-numberfield-border-color-hover: var(--spectrum-numberfield-border-color-invalid-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus's references have been removed

--spectrum-numberfield-border-color-focus: var(--spectrum-numberfield-border-color-invalid-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed

--spectrum-numberfield-border-color-focus-hover: var(--spectrum-numberfield-border-color-invalid-focus-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed

--spectrum-numberfield-border-color-keyboard-focus: var(--spectrum-numberfield-border-color-invalid-keyboard-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-focus));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-keyboard-focus));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-numberfield-border-color defined

--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus defined

--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-textfield-text-color-focus defined

--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus-hover);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-swatch-border-opacity defined

--spectrum-swatch-border-opacity: 0.2;


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-avatar-size defined

--spectrum-avatar-size: var(--spectrum-avatar-size-50);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-avatar-size defined

--spectrum-avatar-size: var(--spectrum-avatar-size-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-checkbox-margin-block defined

--spectrum-checkbox-margin-block: 0px;


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-checkbox-margin-block defined

--spectrum-checkbox-margin-block: 0px;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-table-current-header-height not defined

scroll-padding-top: var(--spectrum-table-current-header-height, calc((var(--spectrum-table-row-line-height) * var(--spectrum-table-row-font-size)) + var(--spectrum-table-header-row-top-to-text) + var(--spectrum-table-header-row-bottom-to-text) + var(--spectrum-table-border-width)));


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-line-height defined

--spectrum-body-line-height: var(--spectrum-line-height-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--spectrum-body-font-size: var(--spectrum-font-size-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-margin-start: var(--spectrum-component-top-to-text-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-cjk-line-height defined

--spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-100);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--spectrum-body-font-size: var(--spectrum-font-size-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-margin-start: var(--spectrum-component-top-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--spectrum-body-font-size: var(--spectrum-font-size-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-margin-start: var(--spectrum-component-top-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-closebutton-icon-color-default defined

--spectrum-closebutton-icon-color-default: var(--spectrum-toast-text-and-icon-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-modal-max-width defined

--spectrum-modal-max-width: 100%;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-tray-corner-radius-portrait not defined

border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-tray-corner-radius-portrait not defined

border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-body-margin-start not defined

margin-block-start: var(--spectrum-body-margin-start, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-code-margin-start not defined

margin-block-start: var(--spectrum-code-margin-start, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-code-margin-end not defined

margin-block-end: var(--spectrum-code-margin-end, 0);

--spectrum-button-padding-label-to-icon: var(--spectrum-text-to-visual-100);
--spectrum-button-top-to-text: var(--spectrum-button-top-to-text-medium);
--spectrum-button-bottom-to-text: var(--spectrum-button-bottom-to-text-medium);
--spectrum-button-top-to-icon: var(--spectrum-component-top-to-workflow-icon-100);
--spectrum-button-intended-icon-size: var(--spectrum-workflow-icon-size-100);

--mod-progress-circle-position: absolute;
--spectrum-progress-circle-position: absolute;
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progress-circle-position defined

forced-color-adjust: none;
}
.spectrum-ProgressCircle {
--spectrum-progress-circle-track-border-color: ButtonText;
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progress-circle-track-border-color defined

}
.spectrum-ProgressCircle {
--spectrum-progress-circle-track-border-color: ButtonText;
--spectrum-progress-circle-track-border-color-over-background: ButtonText;
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progress-circle-track-border-color-over-background defined

.spectrum-ProgressCircle {
--spectrum-progress-circle-track-border-color: ButtonText;
--spectrum-progress-circle-track-border-color-over-background: ButtonText;
--spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-medium);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-progress-circle-thickness defined

font-size: var(--spectrum-button-font-size);
font-weight: var(--spectrum-button-font-weight);
gap: var(--spectrum-button-padding-label-to-icon);
max-inline-size: var(--spectrum-button-max-inline-size, none);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-button-max-inline-size not defined

margin-inline: var(--mod-closebutton-margin-inline);
margin-block-start: var(--mod-closebutton-margin-top);
align-self: var(--mod-closebutton-align-self);
margin-inline: var(--spectrum-closebutton-margin-inline);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-closebutton-margin-inline not defined

margin-block-start: var(--mod-closebutton-margin-top);
align-self: var(--mod-closebutton-align-self);
margin-inline: var(--spectrum-closebutton-margin-inline);
margin-block-start: var(--spectrum-closebutton-margin-top);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-closebutton-margin-top not defined

align-self: var(--mod-closebutton-align-self);
margin-inline: var(--spectrum-closebutton-margin-inline);
margin-block-start: var(--spectrum-closebutton-margin-top);
align-self: var(--spectrum-closebutton-align-self);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-closebutton-align-self not defined

@@ -104,7 +102,7 @@
/* stylelint-disable-next-line spectrum-tools/no-unused-custom-properties -- used to assign Popover mods */
--spectrum-picker-popover-animation-distance: var(--spectrum-component-to-menu-medium);

--mod-popover-animation-distance: var(--spectrum-picker-popover-animation-distance);
--spectrum-popover-animation-distance: var(--spectrum-picker-popover-animation-distance);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-popover-animation-distance defined

--spectrum-numberfield-border-radius: var(--spectrum-corner-radius-medium-size-medium);
--spectrum-numberfield-border-width: var(--spectrum-border-width-200);
--spectrum-numberfield-border-color-default: var(--highcontrast-numberfield-border-color, var(--spectrum-gray-300));
--spectrum-numberfield-border-color-hover: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-gray-400));
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-hover's references have been removed

@castastrophe castastrophe force-pushed the castastrophe/feat-remove-all-modifiers branch from d21f053 to 583b1eb Compare September 15, 2025 13:32
Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

stylelint

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--spectrum-body-font-size: var(--spectrum-font-size-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-margin-start: var(--spectrum-component-top-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-75);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--spectrum-body-font-size: var(--spectrum-font-size-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-margin-start: var(--spectrum-component-top-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-200);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-closebutton-icon-color-default defined

--spectrum-closebutton-icon-color-default: var(--spectrum-toast-text-and-icon-color);


⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-modal-max-width defined

--spectrum-modal-max-width: 100%;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-tray-corner-radius-portrait not defined

border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-tray-corner-radius-portrait not defined

border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0;


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-body-margin-start not defined

margin-block-start: var(--spectrum-body-margin-start, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-code-margin-start not defined

margin-block-start: var(--spectrum-code-margin-start, 0);


⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-code-margin-end not defined

margin-block-end: var(--spectrum-code-margin-end, 0);

--spectrum-numberfield-border-width: var(--spectrum-border-width-200);
--spectrum-numberfield-border-color-default: var(--highcontrast-numberfield-border-color, var(--spectrum-gray-300));
--spectrum-numberfield-border-color-hover: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-gray-400));
--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800));
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus's references have been removed

--spectrum-numberfield-border-color-default: var(--highcontrast-numberfield-border-color, var(--spectrum-gray-300));
--spectrum-numberfield-border-color-hover: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-gray-400));
--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800));
--spectrum-numberfield-border-color-keyboard-focus: var(--highcontrast-numberfield-border-color-keyboard-focus, var(--spectrum-gray-800));
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed

--spectrum-numberfield-border-color-hover: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-gray-400));
--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800));
--spectrum-numberfield-border-color-keyboard-focus: var(--highcontrast-numberfield-border-color-keyboard-focus, var(--spectrum-gray-800));
--spectrum-numberfield-border-color-focus-hover: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-gray-900));
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed

--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800));
--spectrum-numberfield-border-color-keyboard-focus: var(--highcontrast-numberfield-border-color-keyboard-focus, var(--spectrum-gray-800));
--spectrum-numberfield-border-color-focus-hover: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-gray-900));
--spectrum-numberfield-border-color-disabled: var(--spectrum-disabled-border-color);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-disabled's references have been removed

--spectrum-numberfield-border-color-invalid-focus: var(--mod-numberfield-border-color-invalid-focus, var(--spectrum-negative-border-color-focus));
--spectrum-numberfield-border-color-invalid-focus-hover: var(--mod-numberfield-border-color-invalid-focus-hover, var(--spectrum-negative-border-color-focus-hover));
--spectrum-numberfield-border-color-invalid-keyboard-focus: var(--mod-numberfield-border-color-invalid-keyboard-focus, var(--spectrum-negative-border-color-key-focus));
--spectrum-numberfield-border-color-invalid-default: var(--spectrum-negative-border-color-default);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-numberfield-border-color-invalid-default's references have been removed

--mod-body-font-size: var(--spectrum-font-size-100);
--mod-body-margin-start: var(--spectrum-component-top-to-text-100);
--mod-body-margin-end: var(--spectrum-component-bottom-to-text-100);
--spectrum-body-line-height: var(--spectrum-line-height-100);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-line-height defined

--mod-body-margin-start: var(--spectrum-component-top-to-text-100);
--mod-body-margin-end: var(--spectrum-component-bottom-to-text-100);
--spectrum-body-line-height: var(--spectrum-line-height-100);
--spectrum-body-font-size: var(--spectrum-font-size-100);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--mod-body-margin-end: var(--spectrum-component-bottom-to-text-100);
--spectrum-body-line-height: var(--spectrum-line-height-100);
--spectrum-body-font-size: var(--spectrum-font-size-100);
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-100);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--spectrum-body-line-height: var(--spectrum-line-height-100);
--spectrum-body-font-size: var(--spectrum-font-size-100);
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-100);
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-100);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined


&:lang(ja),
&:lang(zh),
&:lang(ko) {
--mod-body-cjk-line-height: var(--spectrum-cjk-line-height-100);
--spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-100);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-cjk-line-height defined

@castastrophe castastrophe force-pushed the castastrophe/feat-remove-all-modifiers branch 2 times, most recently from a4c732c to 6076b12 Compare September 15, 2025 13:47
--mod-body-font-size: var(--spectrum-font-size-75);
--mod-body-margin-start: var(--spectrum-component-top-to-text-75);
--mod-body-margin-end: var(--spectrum-component-bottom-to-text-75);
--spectrum-body-font-size: var(--spectrum-font-size-75);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--mod-body-margin-start: var(--spectrum-component-top-to-text-75);
--mod-body-margin-end: var(--spectrum-component-bottom-to-text-75);
--spectrum-body-font-size: var(--spectrum-font-size-75);
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-75);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

--mod-body-margin-end: var(--spectrum-component-bottom-to-text-75);
--spectrum-body-font-size: var(--spectrum-font-size-75);
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-75);
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-75);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-end defined

--mod-body-font-size: var(--spectrum-font-size-200);
--mod-body-margin-start: var(--spectrum-component-top-to-text-200);
--mod-body-margin-end: var(--spectrum-component-bottom-to-text-200);
--spectrum-body-font-size: var(--spectrum-font-size-200);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-font-size defined

--mod-body-margin-start: var(--spectrum-component-top-to-text-200);
--mod-body-margin-end: var(--spectrum-component-bottom-to-text-200);
--spectrum-body-font-size: var(--spectrum-font-size-200);
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-200);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-body-margin-start defined

box-sizing: border-box;
overflow: auto;
outline: none;
border-radius: var(--mod-tray-corner-radius-portrait, 0) var(--mod-tray-corner-radius-portrait, 0) 0 0;
border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0;
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-tray-corner-radius-portrait not defined

box-sizing: border-box;
overflow: auto;
outline: none;
border-radius: var(--mod-tray-corner-radius-portrait, 0) var(--mod-tray-corner-radius-portrait, 0) 0 0;
border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0;
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-tray-corner-radius-portrait not defined


margin-block-start: var(--mod-body-margin-start, var(--mod-body-margin, 0));
margin-block-end: var(--mod-body-margin-end, var(--mod-body-margin, var(--spectrum-body-margin-end, 0)));
margin-block-start: var(--spectrum-body-margin-start, 0);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-body-margin-start not defined

font-style: var(--spectrum-code-font-style);
font-weight: var(--spectrum-code-font-weight);
font-size: var(--spectrum-code-font-size);
margin-block-start: var(--spectrum-code-margin-start, 0);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-code-margin-start not defined

font-weight: var(--spectrum-code-font-weight);
font-size: var(--spectrum-code-font-size);
margin-block-start: var(--spectrum-code-margin-start, 0);
margin-block-end: var(--spectrum-code-margin-end, 0);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unknown-custom-properties> reported by reviewdog 🐶
Custom property --spectrum-code-margin-end not defined

@castastrophe castastrophe removed the run_vrt For use on PRs looking to kick off VRT label Sep 15, 2025
@castastrophe castastrophe force-pushed the castastrophe/feat-remove-all-modifiers branch 3 times, most recently from 2af90c2 to d040d04 Compare September 16, 2025 13:18
@castastrophe castastrophe force-pushed the castastrophe/feat-remove-all-modifiers branch from d040d04 to abc1887 Compare September 16, 2025 20:54
@castastrophe castastrophe force-pushed the castastrophe/feat-remove-all-modifiers branch from abc1887 to 7584670 Compare September 16, 2025 21:04
@@ -63,54 +63,40 @@

--spectrum-combobox-background-color-autofill: rgb(var(--spectrum-blue-900-rgb), 0.3);

--mod-combobox-popover-animation-distance: var(--spectrum-component-to-menu-medium);
--spectrum-popover-animation-distance: var(--spectrum-component-to-menu-medium);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-popover-animation-distance defined

@@ -139,7 +125,7 @@
--spectrum-combobox-spacing-inline-icon-to-text: var(--spectrum-text-to-visual-75);
--spectrum-combobox-inline-size: var(--spectrum-field-width-small);
--spectrum-combobox-border-radius: var(--spectrum-corner-radius-medium-size-small);
--mod-combobox-popover-animation-distance: var(--spectrum-component-to-menu-small);
--spectrum-popover-animation-distance: var(--spectrum-component-to-menu-small);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-popover-animation-distance defined

@@ -155,7 +141,7 @@
--spectrum-combobox-spacing-inline-icon-to-text: var(--spectrum-text-to-visual-200);
--spectrum-combobox-inline-size: var(--spectrum-field-width-large);
--spectrum-combobox-border-radius: var(--spectrum-corner-radius-medium-size-large);
--mod-combobox-popover-animation-distance: var(--spectrum-component-to-menu-large);
--spectrum-popover-animation-distance: var(--spectrum-component-to-menu-large);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-popover-animation-distance defined

@@ -171,33 +157,21 @@
--spectrum-combobox-spacing-inline-icon-to-text: var(--spectrum-text-to-visual-300);
--spectrum-combobox-inline-size: var(--spectrum-field-width-extra-large);
--spectrum-combobox-border-radius: var(--spectrum-corner-radius-medium-size-extra-large);
--mod-combobox-popover-animation-distance: var(--spectrum-component-to-menu-extra-large);
--spectrum-popover-animation-distance: var(--spectrum-component-to-menu-extra-large);
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ [stylelint] <spectrum-tools/no-unused-custom-properties> reported by reviewdog 🐶
Unused custom property --spectrum-popover-animation-distance defined

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