Skip to content

Buttons (Guidelines 3.0) #11

Closed
@mfranzke

Description

@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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions