Skip to content
New issue

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

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

Already on GitHub? Sign in to your account

fix(infield-button): updated border color for disabled state #3615

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

Conversation

Rajdeepc
Copy link
Collaborator

@Rajdeepc Rajdeepc commented Mar 12, 2025

Description

Updates the below value of disabled border of infield-button

Disabled state (in-field button)
Expected: gray-300 border

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

@Rajdeepc Rajdeepc self-assigned this Mar 12, 2025
Copy link

changeset-bot bot commented Mar 12, 2025

🦋 Changeset detected

Latest commit: e67cfc7

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

This PR includes changesets to release 1 package
Name Type
@spectrum-css/infieldbutton Patch

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

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

Copy link
Contributor

github-actions bot commented Mar 12, 2025

File metrics

Summary

Total size: 2.25 MB*
No change in file sizes

Package Size Minified Gzipped
accordion 17.37 KB 16.59 KB 2.36 KB
actionbutton 25.30 KB 24.21 KB 2.99 KB
alertbanner 5.17 KB 4.93 KB 1.23 KB
asset 2.33 KB 2.20 KB 0.81 KB
assetcard 15.85 KB 15.12 KB 2.23 KB
assetlist 7.88 KB 7.47 KB 1.56 KB
button 39.16 KB 37.24 KB 4.24 KB
calendar 19.46 KB 18.45 KB 2.72 KB
card 18.30 KB 17.23 KB 2.72 KB
checkbox 22.43 KB 21.35 KB 2.56 KB
clearbutton 6.18 KB 5.88 KB 1.20 KB
coachindicator 5.72 KB 5.46 KB 1.13 KB
colorarea 2.91 KB 2.73 KB 0.95 KB
colorhandle 4.16 KB 3.94 KB 1.06 KB
colorloupe 2.83 KB 2.68 KB 0.96 KB
colorwheel 4.71 KB 4.39 KB 1.25 KB
combobox 29.86 KB 28.81 KB 2.95 KB
dial 11.18 KB 10.51 KB 1.96 KB
dialog 13.60 KB 12.97 KB 1.98 KB
divider 3.18 KB 3.03 KB 0.80 KB
dropzone 7.26 KB 6.95 KB 1.45 KB
fieldlabel 5.32 KB 5.08 KB 1.13 KB
floatingactionbutton 7.10 KB 6.82 KB 1.23 KB
form 2.37 KB 2.24 KB 0.81 KB
icon 11.38 KB 10.53 KB 1.35 KB
illustratedmessage 5.97 KB 5.73 KB 1.16 KB
infieldbutton 15.65 KB 15.06 KB 1.88 KB
logicbutton 9.62 KB 9.14 KB 1.72 KB
menu 41.72 KB 39.69 KB 4.50 KB
miller 1.26 KB 1.20 KB 0.62 KB
modal 4.37 KB 4.11 KB 1.13 KB
opacitycheckerboard 1.76 KB 1.71 KB 0.62 KB
pagination 2.30 KB 2.19 KB 0.78 KB
picker 28.17 KB 26.90 KB 3.38 KB
pickerbutton 12.28 KB 11.77 KB 1.69 KB
popover 16.26 KB 15.64 KB 2.01 KB
progresscircle 10.80 KB 9.29 KB 1.85 KB
slider 29.32 KB 27.68 KB 3.69 KB
statuslight 10.83 KB 10.35 KB 1.68 KB
steplist 10.07 KB 9.46 KB 1.70 KB
stepper 18.36 KB 17.49 KB 2.41 KB
swatch 11.03 KB 10.39 KB 1.85 KB
table 47.43 KB 45.33 KB 4.93 KB
tooltip 34.26 KB 32.91 KB 3.38 KB
tray 3.81 KB 3.59 KB 1.06 KB
treeview 17.68 KB 16.72 KB 2.43 KB
typography 40.45 KB 38.77 KB 3.57 KB

File change details

accordion

Filename Head Minified Gzipped Compared to base
index-base.css 17.15 KB 16.38 KB 2.33 KB 🔴 ⬆ 0.03 KB
index-theme.css 0.92 KB 0.90 KB 0.47 KB -
index.css 17.37 KB 16.59 KB 2.36 KB 🔴 ⬆ 0.03 KB
metadata.json 9.53 KB - - -
themes/express.css 0.86 KB 0.85 KB 0.48 KB -
themes/spectrum-two.css 0.86 KB 0.85 KB 0.48 KB -
themes/spectrum.css 0.86 KB 0.85 KB 0.48 KB -

actionbutton

Filename Head Minified Gzipped Compared to base
index-base.css 20.12 KB 19.24 KB 2.71 KB 🔴 ⬆ 0.02 KB
index-theme.css 7.64 KB 7.42 KB 0.89 KB -
index.css 25.30 KB 24.21 KB 2.99 KB 🔴 ⬆ 0.02 KB
metadata.json 14.21 KB - - -
themes/express.css 5.72 KB 5.55 KB 0.88 KB -
themes/spectrum-two.css 5.66 KB 5.49 KB 0.88 KB -
themes/spectrum.css 5.89 KB 5.71 KB 0.90 KB -

alertbanner

Filename Head Minified Gzipped Compared to base
index-base.css 5.07 KB 4.83 KB 1.21 KB 🔴 ⬆ 0.05 KB
index-theme.css 0.74 KB 0.74 KB 0.45 KB -
index.css 5.17 KB 4.93 KB 1.23 KB 🔴 ⬆ 0.05 KB
metadata.json 3.20 KB - - -
themes/express.css 0.75 KB 0.74 KB 0.46 KB -
themes/spectrum-two.css 0.74 KB 0.73 KB 0.46 KB -
themes/spectrum.css 0.76 KB 0.75 KB 0.47 KB -

asset

Filename Head Minified Gzipped Compared to base
index-base.css 2.14 KB 2.02 KB 0.78 KB 🔴 ⬆ 0.06 KB
index-theme.css 0.90 KB 0.88 KB 0.48 KB -
index.css 2.33 KB 2.20 KB 0.81 KB 🔴 ⬆ 0.06 KB
metadata.json 1.22 KB - - -
themes/express.css 0.85 KB 0.84 KB 0.48 KB -
themes/spectrum-two.css 0.83 KB 0.82 KB 0.48 KB -
themes/spectrum.css 0.85 KB 0.84 KB 0.48 KB -

assetcard

Filename Head Minified Gzipped Compared to base
index-base.css 15.52 KB 14.80 KB 2.18 KB 🔴 ⬆ 0.02 KB
index-theme.css 1.07 KB 1.05 KB 0.51 KB -
index.css 15.85 KB 15.12 KB 2.23 KB 🔴 ⬆ 0.02 KB
metadata.json 9.14 KB - - -
themes/express.css 1.00 KB 0.98 KB 0.55 KB 🔴 ⬆ < 0.01 KB
themes/spectrum-two.css 0.98 KB 0.96 KB 0.54 KB 🔴 ⬆ < 0.01 KB
themes/spectrum.css 1.00 KB 0.98 KB 0.55 KB 🔴 ⬆ < 0.01 KB

assetlist

Filename Head Minified Gzipped Compared to base
index-base.css 7.73 KB 7.33 KB 1.54 KB 🔴 ⬆ 0.58 KB
index-theme.css 0.86 KB 0.85 KB 0.47 KB -
index.css 7.88 KB 7.47 KB 1.56 KB 🔴 ⬆ 0.58 KB
metadata.json 4.64 KB - - 🔴 ⬆ 0.63 KB
themes/express.css 0.81 KB 0.80 KB 0.48 KB -
themes/spectrum-two.css 0.79 KB 0.78 KB 0.47 KB -
themes/spectrum.css 0.81 KB 0.80 KB 0.48 KB -

button

Filename Head Minified Gzipped Compared to base
index-base.css 31.05 KB 29.48 KB 3.80 KB 🔴 ⬆ 0.75 KB
index-theme.css 12.30 KB 11.92 KB 1.14 KB -
index.css 39.16 KB 37.24 KB 4.24 KB 🔴 ⬆ 0.75 KB
metadata.json 20.18 KB - - -
themes/express.css 9.83 KB 9.54 KB 1.06 KB -
themes/spectrum-two.css 9.90 KB 9.61 KB 1.06 KB -
themes/spectrum.css 9.91 KB 9.62 KB 1.08 KB -

calendar

Filename Head Minified Gzipped Compared to base
index-base.css 19.36 KB 18.36 KB 2.70 KB 🔴 ⬆ 0.07 KB
index-theme.css 0.77 KB 0.77 KB 0.46 KB -
index.css 19.46 KB 18.45 KB 2.72 KB 🔴 ⬆ 0.07 KB
metadata.json 9.13 KB - - -
themes/express.css 0.76 KB 0.75 KB 0.48 KB -
themes/spectrum-two.css 0.74 KB 0.73 KB 0.47 KB -
themes/spectrum.css 0.76 KB 0.75 KB 0.48 KB -

card

Filename Head Minified Gzipped Compared to base
index-base.css 17.99 KB 16.93 KB 2.69 KB 🔴 ⬆ 0.10 KB
index-theme.css 1.02 KB 1.02 KB 0.49 KB -
index.css 18.30 KB 17.23 KB 2.72 KB 🔴 ⬆ 0.10 KB
metadata.json 9.03 KB - - -
themes/express.css 0.98 KB 0.96 KB 0.50 KB -
themes/spectrum-two.css 0.95 KB 0.93 KB 0.49 KB -
themes/spectrum.css 0.98 KB 0.96 KB 0.50 KB -

checkbox

Filename Head Minified Gzipped Compared to base
index-base.css 22.03 KB 20.97 KB 2.52 KB 🟢 ⬇ 0.01 KB
index-theme.css 1.14 KB 1.12 KB 0.51 KB -
index.css 22.43 KB 21.35 KB 2.56 KB 🟢 ⬇ 0.01 KB
metadata.json 12.69 KB - - 🟢 ⬇ 0.01 KB
themes/express.css 1.04 KB 1.01 KB 0.51 KB -
themes/spectrum-two.css 1.01 KB 1.01 KB 0.52 KB -
themes/spectrum.css 1.04 KB 1.01 KB 0.52 KB -

clearbutton

Filename Head Minified Gzipped Compared to base
index-base.css 5.62 KB 5.35 KB 1.14 KB 🔴 ⬆ 0.36 KB
index-theme.css 1.42 KB 1.39 KB 0.53 KB -
index.css 6.18 KB 5.88 KB 1.20 KB 🔴 ⬆ 0.36 KB
metadata.json 3.77 KB - - 🔴 ⬆ 0.35 KB
themes/express.css 1.22 KB 1.19 KB 0.53 KB -
themes/spectrum-two.css 1.15 KB 1.13 KB 0.51 KB -
themes/spectrum.css 1.17 KB 1.14 KB 0.52 KB -

coachindicator

Filename Head Minified Gzipped Compared to base
index.css 5.72 KB 5.46 KB 1.13 KB 🔴 ⬆ 0.42 KB
metadata.json 2.55 KB - - -

colorarea

Filename Head Minified Gzipped Compared to base
index.css 2.91 KB 2.73 KB 0.95 KB 🔴 ⬆ < 0.01 KB
metadata.json 1.31 KB - - -

colorhandle

Filename Head Minified Gzipped Compared to base
index.css 4.16 KB 3.94 KB 1.06 KB 🔴 ⬆ 0.13 KB
metadata.json 1.89 KB - - -

colorloupe

Filename Head Minified Gzipped Compared to base
index.css 2.83 KB 2.68 KB 0.96 KB 🔴 ⬆ 0.03 KB
metadata.json 1.75 KB - - -

colorwheel

Filename Head Minified Gzipped Compared to base
index-base.css 4.61 KB 4.30 KB 1.23 KB 🔴 ⬆ 0.02 KB
index-theme.css 0.73 KB 0.72 KB 0.45 KB -
index.css 4.71 KB 4.39 KB 1.25 KB 🔴 ⬆ 0.02 KB
metadata.json 1.97 KB - - -
themes/express.css 0.73 KB 0.73 KB 0.46 KB -
themes/spectrum-two.css 0.72 KB 0.71 KB 0.46 KB -
themes/spectrum.css 0.73 KB 0.73 KB 0.46 KB -

combobox

Filename Head Minified Gzipped Compared to base
index-base.css 29.45 KB 28.42 KB 2.90 KB 🔴 ⬆ 0.87 KB
index-theme.css 1.16 KB 1.14 KB 0.51 KB 🟢 ⬇ 0.19 KB
index.css 29.86 KB 28.81 KB 2.95 KB 🔴 ⬆ 0.71 KB
metadata.json 16.04 KB - - 🟢 ⬇ 0.26 KB
themes/express.css 1.06 KB 1.04 KB 0.51 KB 🟢 ⬇ 0.13 KB
themes/spectrum-two.css 1.02 KB 1.00 KB 0.51 KB 🟢 ⬇ 0.15 KB
themes/spectrum.css 1.06 KB 1.04 KB 0.51 KB 🟢 ⬇ 0.13 KB

dial

Filename Head Minified Gzipped Compared to base
index-base.css 11.04 KB 10.38 KB 1.94 KB 🔴 ⬆ 0.39 KB
index-theme.css 0.83 KB 0.82 KB 0.48 KB -
index.css 11.18 KB 10.51 KB 1.96 KB 🔴 ⬆ 0.39 KB
metadata.json 4.93 KB - - 🔴 ⬆ 0.25 KB
themes/express.css 0.80 KB 0.79 KB 0.48 KB -
themes/spectrum-two.css 0.78 KB 0.77 KB 0.48 KB -
themes/spectrum.css 0.80 KB 0.79 KB 0.49 KB -

dialog

Filename Head Minified Gzipped Compared to base
index.css 13.60 KB 12.97 KB 1.98 KB 🔴 ⬆ 0.06 KB
metadata.json 4.35 KB - - -

divider

Filename Head Minified Gzipped Compared to base
index-base.css 2.92 KB 2.78 KB 0.78 KB 🔴 ⬆ 0.02 KB
index-theme.css 0.94 KB 0.92 KB 0.48 KB -
index.css 3.18 KB 3.03 KB 0.80 KB 🔴 ⬆ 0.02 KB
metadata.json 1.83 KB - - -
themes/express.css 0.90 KB 0.88 KB 0.49 KB -
themes/spectrum-two.css 0.88 KB 0.87 KB 0.48 KB -
themes/spectrum.css 0.90 KB 0.88 KB 0.49 KB -

dropzone

Filename Head Minified Gzipped Compared to base
index-base.css 7.20 KB 6.89 KB 1.44 KB 🔴 ⬆ 0.04 KB
index-theme.css 0.72 KB 0.72 KB 0.45 KB -
index.css 7.26 KB 6.95 KB 1.45 KB 🔴 ⬆ 0.04 KB
metadata.json 5.10 KB - - -
themes/express.css 0.72 KB 0.71 KB 0.45 KB -
themes/spectrum-two.css 0.70 KB 0.69 KB 0.45 KB -
themes/spectrum.css 0.72 KB 0.71 KB 0.45 KB -

fieldlabel

Filename Head Minified Gzipped Compared to base
index.css 5.32 KB 5.08 KB 1.13 KB 🔴 ⬆ 0.09 KB
metadata.json 2.89 KB - - -

floatingactionbutton

Filename Head Minified Gzipped Compared to base
index.css 7.10 KB 6.82 KB 1.23 KB 🔴 ⬆ 0.04 KB
metadata.json 3.92 KB - - -

form

Filename Head Minified Gzipped Compared to base
index.css 2.37 KB 2.24 KB 0.81 KB 🔴 ⬆ 0.06 KB
metadata.json 1.16 KB - - -

icon

Filename Head Minified Gzipped Compared to base
index.css 11.38 KB 10.53 KB 1.35 KB 🔴 ⬆ 0.05 KB
metadata.json 6.00 KB - - -

illustratedmessage

Filename Head Minified Gzipped Compared to base
index.css 5.97 KB 5.73 KB 1.16 KB 🔴 ⬆ 0.08 KB
metadata.json 3.66 KB - - -

infieldbutton

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

logicbutton

Filename Head Minified Gzipped Compared to base
index-base.css 8.97 KB 8.52 KB 1.68 KB 🔴 ⬆ 0.02 KB
index-theme.css 1.54 KB 1.51 KB 0.52 KB -
index.css 9.62 KB 9.14 KB 1.72 KB 🔴 ⬆ 0.02 KB
metadata.json 4.92 KB - - -
themes/express.css 1.27 KB 1.25 KB 0.50 KB -
themes/spectrum-two.css 1.25 KB 1.23 KB 0.50 KB -
themes/spectrum.css 1.27 KB 1.24 KB 0.51 KB -

menu

Filename Head Minified Gzipped Compared to base
index-base.css 41.02 KB 39.02 KB 4.41 KB 🔴 ⬆ 0.33 KB
index-theme.css 1.36 KB 1.33 KB 0.55 KB -
index.css 41.72 KB 39.69 KB 4.50 KB 🔴 ⬆ 0.33 KB
metadata.json 20.47 KB - - 🔴 ⬆ 0.19 KB
themes/express.css 1.25 KB 1.22 KB 0.57 KB -
themes/spectrum-two.css 1.29 KB 1.26 KB 0.58 KB -
themes/spectrum.css 1.25 KB 1.22 KB 0.57 KB -

miller

Filename Head Minified Gzipped Compared to base
index.css 1.26 KB 1.20 KB 0.62 KB 🔴 ⬆ 0.02 KB
metadata.json 0.48 KB - - -

modal

Filename Head Minified Gzipped Compared to base
index-base.css 4.29 KB 4.04 KB 1.12 KB 🔴 ⬆ 0.05 KB
index-theme.css 0.72 KB 0.71 KB 0.45 KB -
index.css 4.37 KB 4.11 KB 1.13 KB 🔴 ⬆ 0.05 KB
metadata.json 1.79 KB - - -
themes/express.css 0.72 KB 0.71 KB 0.45 KB -
themes/spectrum-two.css 0.72 KB 0.71 KB 0.45 KB -
themes/spectrum.css 0.72 KB 0.71 KB 0.46 KB -

opacitycheckerboard

Filename Head Minified Gzipped Compared to base
index.css 1.76 KB 1.71 KB 0.62 KB 🔴 ⬆ 0.56 KB
metadata.json 0.52 KB - - -

pagination

Filename Head Minified Gzipped Compared to base
index.css 2.30 KB 2.19 KB 0.78 KB 🔴 ⬆ 0.03 KB
metadata.json 1.30 KB - - -

picker

Filename Head Minified Gzipped Compared to base
index-base.css 27.21 KB 25.98 KB 3.30 KB 🔴 ⬆ 0.11 KB
index-theme.css 1.84 KB 1.80 KB 0.57 KB -
index.css 28.17 KB 26.90 KB 3.38 KB 🔴 ⬆ 0.11 KB
metadata.json 14.96 KB - - -
themes/express.css 1.45 KB 1.41 KB 0.55 KB -
themes/spectrum-two.css 1.55 KB 1.51 KB 0.55 KB -
themes/spectrum.css 1.56 KB 1.51 KB 0.57 KB -

pickerbutton

Filename Head Minified Gzipped Compared to base
index-base.css 11.62 KB 11.14 KB 1.62 KB -
index-theme.css 1.55 KB 1.51 KB 0.55 KB -
index.css 12.28 KB 11.77 KB 1.69 KB 🟢 ⬇ < 0.01 KB
metadata.json 6.50 KB - - 🔴 ⬆ 0.03 KB
themes/express.css 1.33 KB 1.29 KB 0.57 KB -
themes/spectrum-two.css 1.27 KB 1.23 KB 0.55 KB 🟢 ⬇ < 0.01 KB
themes/spectrum.css 1.29 KB 1.26 KB 0.57 KB -

popover

Filename Head Minified Gzipped Compared to base
index-base.css 16.19 KB 15.58 KB 1.99 KB 🔴 ⬆ 0.13 KB
index-theme.css 0.72 KB 0.71 KB 0.44 KB -
index.css 16.26 KB 15.64 KB 2.01 KB 🔴 ⬆ 0.13 KB
metadata.json 8.02 KB - - -
themes/express.css 0.69 KB 0.69 KB 0.44 KB -
themes/spectrum-two.css 0.71 KB 0.70 KB 0.44 KB -
themes/spectrum.css 0.72 KB 0.72 KB 0.45 KB -

progresscircle

Filename Head Minified Gzipped Compared to base
index-base.css 10.50 KB 9.00 KB 1.84 KB 🔴 ⬆ 0.02 KB
index-theme.css 1.01 KB 1.00 KB 0.49 KB -
index.css 10.80 KB 9.29 KB 1.85 KB 🔴 ⬆ 0.02 KB
metadata.json 3.56 KB - - -
themes/express.css 0.93 KB 0.92 KB 0.50 KB -
themes/spectrum-two.css 0.92 KB 0.90 KB 0.50 KB -
themes/spectrum.css 0.93 KB 0.92 KB 0.50 KB -

slider

Filename Head Minified Gzipped Compared to base
index-base.css 27.91 KB 26.33 KB 3.55 KB 🟢 ⬇ 0.04 KB
index-theme.css 2.67 KB 2.58 KB 0.66 KB -
index.css 29.32 KB 27.68 KB 3.69 KB 🟢 ⬇ 0.04 KB
metadata.json 14.24 KB - - 🔴 ⬆ 0.24 KB
themes/express.css 2.14 KB 2.07 KB 0.63 KB -
themes/spectrum-two.css 2.07 KB 2.00 KB 0.64 KB -
themes/spectrum.css 2.12 KB 2.05 KB 0.64 KB -

statuslight

Filename Head Minified Gzipped Compared to base
index.css 10.83 KB 10.35 KB 1.68 KB 🔴 ⬆ 0.02 KB
metadata.json 6.89 KB - - -

steplist

Filename Head Minified Gzipped Compared to base
index-base.css 9.90 KB 9.30 KB 1.68 KB 🔴 ⬆ 0.08 KB
index-theme.css 0.89 KB 0.88 KB 0.48 KB -
index.css 10.07 KB 9.46 KB 1.70 KB 🔴 ⬆ 0.08 KB
metadata.json 4.97 KB - - -
themes/express.css 0.82 KB 0.81 KB 0.48 KB -
themes/spectrum-two.css 0.81 KB 0.80 KB 0.48 KB -
themes/spectrum.css 0.82 KB 0.81 KB 0.48 KB -

stepper

Filename Head Minified Gzipped Compared to base
index-base.css 16.67 KB 15.89 KB 2.27 KB 🔴 ⬆ 0.02 KB
index-theme.css 2.77 KB 2.69 KB 0.66 KB -
index.css 18.36 KB 17.49 KB 2.41 KB 🔴 ⬆ 0.02 KB
metadata.json 8.96 KB - - -
themes/express.css 2.06 KB 1.99 KB 0.65 KB -
themes/spectrum-two.css 2.23 KB 2.15 KB 0.64 KB -
themes/spectrum.css 2.23 KB 2.16 KB 0.65 KB -

swatch

Filename Head Minified Gzipped Compared to base
index-base.css 10.76 KB 10.14 KB 1.81 KB 🔴 ⬆ 0.16 KB
index-theme.css 0.88 KB 0.87 KB 0.47 KB -
index.css 11.03 KB 10.39 KB 1.85 KB 🔴 ⬆ 0.16 KB
metadata.json 5.71 KB - - -
themes/express.css 0.91 KB 0.90 KB 0.51 KB -
themes/spectrum-two.css 0.89 KB 0.88 KB 0.50 KB -
themes/spectrum.css 0.91 KB 0.89 KB 0.51 KB -

table

Filename Head Minified Gzipped Compared to base
index-base.css 46.73 KB 44.66 KB 4.87 KB 🔴 ⬆ 0.34 KB
index-theme.css 1.49 KB 1.45 KB 0.55 KB -
index.css 47.43 KB 45.33 KB 4.93 KB 🔴 ⬆ 0.34 KB
metadata.json 22.38 KB - - -
themes/express.css 1.38 KB 1.34 KB 0.58 KB -
themes/spectrum-two.css 1.36 KB 1.33 KB 0.57 KB -
themes/spectrum.css 1.37 KB 1.34 KB 0.58 KB -

tooltip

Filename Head Minified Gzipped Compared to base
index-base.css 34.15 KB 32.81 KB 3.35 KB 🔴 ⬆ 0.13 KB
index-theme.css 0.76 KB 0.75 KB 0.46 KB -
index.css 34.26 KB 32.91 KB 3.38 KB 🔴 ⬆ 0.13 KB
metadata.json 21.64 KB - - -
themes/express.css 0.76 KB 0.75 KB 0.46 KB -
themes/spectrum-two.css 0.75 KB 0.74 KB 0.46 KB -
themes/spectrum.css 0.77 KB 0.76 KB 0.47 KB -

tray

Filename Head Minified Gzipped Compared to base
index.css 3.81 KB 3.59 KB 1.06 KB 🔴 ⬆ 0.39 KB
metadata.json 1.32 KB - - -

treeview

Filename Head Minified Gzipped Compared to base
index-base.css 17.51 KB 16.56 KB 2.42 KB 🔴 ⬆ 0.07 KB
index-theme.css 0.86 KB 0.85 KB 0.47 KB -
index.css 17.68 KB 16.72 KB 2.43 KB 🔴 ⬆ 0.07 KB
metadata.json 8.60 KB - - -
themes/express.css 0.81 KB 0.80 KB 0.47 KB -
themes/spectrum-two.css 0.79 KB 0.78 KB 0.47 KB -
themes/spectrum.css 0.81 KB 0.80 KB 0.47 KB -

typography

Filename Head Minified Gzipped Compared to base
index.css 40.45 KB 38.77 KB 3.57 KB 🔴 ⬆ 0.18 KB
metadata.json 35.51 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 Mar 12, 2025

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

@rise-erpelding rise-erpelding self-requested a review March 12, 2025 15:31
Copy link
Collaborator

@rise-erpelding rise-erpelding left a comment

Choose a reason for hiding this comment

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

The CSS changes look good, I'd recommend a few updates to the changeset to make our changelogs read more nicely!

"@spectrum-css/infieldbutton": patch
---

updated infield button disabled border color for spectrum-two theme
Copy link
Collaborator

Choose a reason for hiding this comment

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

We've been trying to be more conscious of how our documentation in changelogs looks, could we update this to something a little more formatted and descriptive of the changes such as:

Suggested change
updated infield button disabled border color for spectrum-two theme
Updated infield button disabled border color to use `--spectrum-gray-300` for spectrum-two theme and `--spectrum-gray-200` for other themes.

Copy link
Collaborator

Choose a reason for hiding this comment

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

@rise-erpelding I pushed up the change for this!

@castastrophe castastrophe force-pushed the main branch 10 times, most recently from c68f4e3 to d2272ea Compare March 12, 2025 21:56
Copy link
Collaborator

@marissahuysentruyt marissahuysentruyt left a comment

Choose a reason for hiding this comment

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

This looks good! Just to clarify- this PR is only focused on the feedback for the disabled state, and is not addressing everything in the ticket, correct? If that's the case, I can approve once Rise's changes have been addressed! Thank you!

@castastrophe castastrophe force-pushed the rajdeep/infield-button-fast-follow branch from 9ed6e2a to e67cfc7 Compare March 13, 2025 13:09
@rise-erpelding rise-erpelding dismissed their stale review March 14, 2025 16:23

Dismissing review so as not to block approval/merging from others while I'm out!

@castastrophe castastrophe added the fast-follows An issue or PR that quickly follows a release label Mar 20, 2025
@@ -27,5 +27,9 @@
--spectrum-infield-button-background-color-hover: var(--spectrum-gray-200);
--spectrum-infield-button-background-color-down: var(--spectrum-gray-200);
--spectrum-infield-button-background-color-key-focus: var(--spectrum-gray-200);

&:disabled {
--spectrum-infield-button-border-color: var(--spectrum-gray-300);
Copy link
Collaborator

Choose a reason for hiding this comment

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

This probably could be set to disabled-border-color if we wanted. I think that's also gray-300.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
fast-follows An issue or PR that quickly follows a release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants