Skip to content

[Chip] Color specs update #348

@GomezIvann

Description

@GomezIvann

[3.8.0] Update

On-light

Component token Element Token Value
backgroundColor Chip container color-grey-200 #e6e6e6
disabledBackgroundColor Chip container:disabled color-grey-100 #f2f2f2
fontcolor Label color-black #000000
disabledFontcolor Label:disabled color-grey-500 #999999
focusColor Focus outline color-blue-600 #0095ff
iconColor Icon color-black #000000
disabledIconColor Icon:disabled color-grey-500 #999999

On-dark

Component token Element Token Value
backgroundColorOnDark Chip container color-grey-700 #666666
disabledBackgroundColorOnDark Chip container:disabled color-grey-800 #4d4d4d
fontcolorOnDark Label color-white #ffffff
disabledfontcolorOnDark Label:disabled color-grey-500 #999999
focusColorOnDark Focus outline color-blue-600 #0095ff
iconColorOnDark Icon color-white #ffffff
iconColorOnDark Icon:disabled color-grey-500 #999999

Changes made on the Chip advanced tokens:

  • backgroundColor has a new value: #e6e6e6.
  • disabledBackgroundColor has a new value: #f2f2f2.
  • disabledFontColor has a new value: #999999.
  • borderRadius has a new value: 80px.
  • borderThickness has a new value: 0px.
  • contentPaddingLeft has a new value: 16px.
  • contentPaddingRight has a new value: 16px.
  • contentPaddingTop has a new value: 0px.
  • contentPaddingBottom has a new value: 0px.
  • New focusColor token added with value #0067b3.
  • New disabledIconColor token added with value #999999.
  • New iconColor token added with value #000000.
  • New iconSpacing token added with value 8px.
  • iconPaddingLeft token removed.
  • iconPaddingRight token removed.
  • height token removed.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions