Skip to content

feat(logicbutton): update to use tokens #2175

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

Merged
merged 11 commits into from
Oct 13, 2023
Merged

feat(logicbutton): update to use tokens #2175

merged 11 commits into from
Oct 13, 2023

Conversation

mlogsdon18
Copy link
Contributor

@mlogsdon18 mlogsdon18 commented Sep 18, 2023

Description

This PR updates the Logic Button component to utilize Spectrum tokens. It also adds two additional stories to Storybook to test the Or variant and Disabled.

How and where has this been tested?

Tested by @jawinn :

  • Open the docs site for Logic Button and verify that everything still looks the same
  • Open the storybook for Logic Button and verify that everything functions and looks as it should

Regression testing

Validate: @jawinn

  1. A legacy documentation page (such as accordion), including:
  • The page renders correctly
  • The page is accessible
  • The page is responsive
  1. A migrated documentation page (such as action group), including:
  • The page renders correctly
  • The page is accessible
  • The page is responsive

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

@github-actions
Copy link
Contributor

github-actions bot commented Sep 18, 2023

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

@github-actions github-actions bot temporarily deployed to pull request September 18, 2023 19:09 Inactive
@github-actions github-actions bot temporarily deployed to pull request September 18, 2023 21:05 Inactive
@github-actions github-actions bot temporarily deployed to pull request September 19, 2023 13:56 Inactive
Copy link
Collaborator

@pfulton pfulton left a comment

Choose a reason for hiding this comment

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

lgtm!

@pfulton pfulton requested review from jawinn and jenndiaz September 19, 2023 16:28
Copy link
Collaborator

@jawinn jawinn left a comment

Choose a reason for hiding this comment

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

There is one update needed for high contrast mode. On the disabled buttons, the border is currently changing to the highlight color on hover, making it look interactive. It should remain as the GrayText.

While we're there, it'd be a good idea to add the type="button" attribute to all of the <button> elements used within the example docs and the storybook template.

@github-actions github-actions bot temporarily deployed to pull request September 21, 2023 17:54 Inactive
@mdt2 mdt2 requested a review from jawinn September 25, 2023 15:45
@github-actions github-actions bot temporarily deployed to pull request September 25, 2023 15:52 Inactive
@pfulton pfulton force-pushed the css-578-logic-button branch from 3d770f2 to a0a2513 Compare September 25, 2023 20:26
@github-actions github-actions bot temporarily deployed to pull request September 25, 2023 20:32 Inactive
@github-actions github-actions bot temporarily deployed to pull request September 26, 2023 14:06 Inactive
@mdt2 mdt2 force-pushed the css-578-logic-button branch from eda2352 to 2f6581b Compare September 26, 2023 14:07
@github-actions github-actions bot temporarily deployed to pull request September 26, 2023 14:14 Inactive
Copy link
Collaborator

@jawinn jawinn left a comment

Choose a reason for hiding this comment

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

Good to go! I double-checked high contrast mode and the previous comments have been resolved.

@pfulton pfulton force-pushed the css-578-logic-button branch from 2f6581b to 15988fa Compare September 27, 2023 19:33
@github-actions github-actions bot temporarily deployed to pull request September 28, 2023 17:41 Inactive
mdt2 pushed a commit that referenced this pull request Oct 11, 2023
Batch adding component-specific custom tokens from PRs #2164, #2168, #2185, #2175, #2188, and #1971
mdt2 pushed a commit that referenced this pull request Oct 11, 2023
Batch adding component-specific custom tokens from PRs #2164, #2168, #2185, #2175, #2188, and #1971
pfulton pushed a commit that referenced this pull request Oct 12, 2023
Batch adding component-specific custom tokens from PRs #2164, #2168, #2185, #2175, #2188, and #1971
@jawinn jawinn force-pushed the css-578-logic-button branch from 15988fa to 3dd6471 Compare October 13, 2023 14:36
@github-actions github-actions bot temporarily deployed to pull request October 13, 2023 14:42 Inactive
@pfulton pfulton added the run_vrt For use on PRs looking to kick off VRT label Oct 13, 2023
@github-actions github-actions bot removed the run_vrt For use on PRs looking to kick off VRT label Oct 13, 2023
@pfulton pfulton merged commit f4dc972 into main Oct 13, 2023
@pfulton pfulton deleted the css-578-logic-button branch October 13, 2023 14:57
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.

4 participants