Skip to content
This repository has been archived by the owner on Aug 21, 2023. It is now read-only.

Input: Improve state focus ring colours #604

Merged
merged 1 commit into from
Apr 29, 2019
Merged

Conversation

ItsJonQ
Copy link
Contributor

@ItsJonQ ItsJonQ commented Apr 29, 2019

Input: Improve state focus ring colours

This update improves the Input/Select focus ring colors to support all
of our main UI states, including error, success, and warning.

The default Input story was enhanced for better UI testing.

Input

Screen Recording 2019-04-29 at 11 53 AM

Select

Screen Recording 2019-04-29 at 12 00 PM

Resolves: #571

This update improves the `Input`/`Select` focus ring colors to support all
of our main UI states, including `error`, `success`, and `warning`.

The default `Input` story was enhanced for better UI testing.
@ItsJonQ ItsJonQ added enhancement ✨ minor ✌️ To indicate minor version bumps labels Apr 29, 2019
@ItsJonQ ItsJonQ requested a review from plbabin April 29, 2019 16:01
@ItsJonQ ItsJonQ self-assigned this Apr 29, 2019
@netlify
Copy link

netlify bot commented Apr 29, 2019

Deploy preview for hsds-react ready!

Built with commit 3066fdc

https://deploy-preview-604--hsds-react.netlify.com

@coveralls
Copy link

Pull Request Test Coverage Report for Build 2088

  • 5 of 5 (100.0%) changed or added relevant lines in 1 file are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage remained the same at 100.0%

Totals Coverage Status
Change from base Build 2084: 0.0%
Covered Lines: 7806
Relevant Lines: 7806

💛 - Coveralls

box-shadow: 0 0 0 ${config.focusErrorOutlineWidth}px
${config.focusErrorOutlineColor};
}
${makeFocusStateStyles};
Copy link
Collaborator

Choose a reason for hiding this comment

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

just curious, emotion will execute the function even though there is no direct evocation here? )

Copy link
Collaborator

@plbabin plbabin left a comment

Choose a reason for hiding this comment

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

looks good. I like that we are totally removing Flow from HSDS 💯

@ItsJonQ
Copy link
Contributor Author

ItsJonQ commented Apr 29, 2019

totally removing Flow from HSDS 💯

That's the plan! One file at a time...

@ItsJonQ ItsJonQ merged commit 6608620 into master Apr 29, 2019
@ItsJonQ ItsJonQ deleted the input-focus-state-styles branch May 8, 2019 19:06
@ItsJonQ ItsJonQ restored the input-focus-state-styles branch May 8, 2019 19:07
@ItsJonQ ItsJonQ deleted the input-focus-state-styles branch May 8, 2019 19:07
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
enhancement ✨ minor ✌️ To indicate minor version bumps
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Input: Update focus ring for error/warning states
3 participants