RocketCommunicationsInc / astro-components

Other
24 stars 8 forks source link

Astro 1531 km segemented button update #153

Closed NicDominguez closed 3 years ago

NicDominguez commented 3 years ago

Jira Ticket This is only the astro-components repo portion of the ticket.

Updates the segmented button css to incorporate latest changes to KM guidelines.

The SCSS file for segmented button and the component styles did not share the same class naming convention and were missing some of the shared styles. I essentially mirrored the two so they would be inline with the documentation. I also created three variables in the theme files to declare values for the hover while checked(selected) state.

Dark Theme: (Abstract reference - segmented button)

For unselected, selected, hover, and selected/hover states

Light Theme: (Abstract reference - segmented button)

For unselected, selected, hover, and selected/hover states