Buttons (Guidelines 3.0)

[mfranzke]

The following changes will be part of the Guidelines 3.0 to the button element:

General

• background-color should change on hover hover with a transition
• Retrieve colors from the new DB UI Base values
• Decide for an animation

Variants

• Brand primary becomes the regular Primary button
• Primary becomes Secondary Inverted
• Secondary Outline becomes Secondary
• Secondary Solid becomes Tertiary
• Tertiary Plain becomes Ghost

States

• Disabled state gets styled by opacity-only again instead of additionally defining all disabled buttons by the grey color
• reworked: black-color-values for Hover and Pressed states (Secondary, Tertiary and Ghost types) have been refactored to 12% for Hover and 24% for Pressed
• Added loading state

Size

• Adding XSmall size
• reworked: Adding XLarge and XXSmall sizes
• Renaming regular size to medium
• reworked: Button sizes S and XS use 16px icons

Content

• Removing icon after label from the examples

Behaviour

• Adding FullWidth

Additionally

• CHANGELOG.md entries, both for prereleases (underneath Unreleased at the beginning) as well as in a hidden (by comment) summary at the beginning
• docs/migrationGuide.adoc
• Test-URLs: .pa11yci and tests/backstop.json

[mfranzke]

Closed in favour of https://github.com/db-ui/mono/issues/745