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.

Sign up for GitHub

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

Jump to bottom

Menu aesthetic & organization updates #781

Open
LibbyUX opened this issue Oct 16, 2024 · 0 comments
Open

Menu aesthetic & organization updates #781

LibbyUX opened this issue Oct 16, 2024 · 0 comments
Labels
app: design system storybook HRA Design System Storybook for global consistency across HRA products atomic design: molecule A set of component atoms that make a larger component ⚙️ hra-ds: update ✨ An update to an already existing component in the HRA Design System Storybook update: cosmetics 💄 Cosmetic UI updates
Milestone
Develop: HRA-DS S...

Comments

@LibbyUX
Copy link
Contributor

LibbyUX commented Oct 16, 2024

image

I have updated our menu buttons and menus to be more consistent:

Menus

  • All text (buttons or tooltips) is always 201E3D, Secondary Blue S-40 (Primary Blue)
  • All backgrounds are always FCFCFC, Surface Container Low N-96 (Gray 3)
  • Remove small and large variations. Only one size needed: Medium.

Menu Button States

  • Design System Repo
  • Removed focus and focus visible, consolidated into one focused state
  • Renamed states to be more consistent with Material 3's state organization.
  • Added a selected state.

Resources
@LibbyUX LibbyUX added app: design system storybook HRA Design System Storybook for global consistency across HRA products atomic design: molecule A set of component atoms that make a larger component ⚙️ hra-ds: update ✨ An update to an already existing component in the HRA Design System Storybook labels Oct 16, 2024
@LibbyUX LibbyUX added this to the Develop: HRA-DS Storybook milestone Oct 16, 2024
@LibbyUX LibbyUX added the update: cosmetics 💄 Cosmetic UI updates label Oct 16, 2024
@LibbyUX LibbyUX changed the title Menu aesthetic update Menu aesthetic & organization updates Oct 16, 2024
This was referenced Oct 17, 2024
Closed
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
app: design system storybook HRA Design System Storybook for global consistency across HRA products atomic design: molecule A set of component atoms that make a larger component ⚙️ hra-ds: update ✨ An update to an already existing component in the HRA Design System Storybook update: cosmetics 💄 Cosmetic UI updates
Projects
None yet
Milestone
Develop: HRA-DS Storybook
Development

No branches or pull requests
1 participant
@LibbyUX