-
Notifications
You must be signed in to change notification settings - Fork 200
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
base: main
Are you sure you want to change the base?
Conversation
🦋 Changeset detectedLatest commit: e67cfc7 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
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 |
File metricsSummaryTotal size: 2.25 MB*
File change detailsaccordion
actionbutton
alertbanner
asset
assetcard
assetlist
button
calendar
card
checkbox
clearbutton
coachindicator
colorarea
colorhandle
colorloupe
colorwheel
combobox
dial
dialog
divider
dropzone
fieldlabel
floatingactionbutton
form
icon
illustratedmessage
infieldbutton
logicbutton
menu
miller
modal
opacitycheckerboard
pagination
picker
pickerbutton
popover
progresscircle
slider
statuslight
steplist
stepper
swatch
table
tooltip
tray
treeview
typography
* An ASCII character in UTF-8 is 8 bits or 1 byte. |
🚀 Deployed on https://pr-3615--spectrum-css.netlify.app |
There was a problem hiding this 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!
.changeset/popular-trains-sniff.md
Outdated
"@spectrum-css/infieldbutton": patch | ||
--- | ||
|
||
updated infield button disabled border color for spectrum-two theme |
There was a problem hiding this comment.
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:
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. |
There was a problem hiding this comment.
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!
c68f4e3
to
d2272ea
Compare
There was a problem hiding this 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!
9ed6e2a
to
e67cfc7
Compare
Dismissing review so as not to block approval/merging from others while I'm out!
@@ -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); |
There was a problem hiding this comment.
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
.
Description
Updates the below value of disabled border of infield-button
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:
Screenshots
To-do list