-
Notifications
You must be signed in to change notification settings - Fork 12
Closed
Labels
category: documentation 📓Improvements or additions to documentationImprovements or additions to documentationcomponent: chipcomponentcomponenttask: story ✅User storyUser story
Milestone
Description
[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:
-
backgroundColorhas a new value:#e6e6e6. -
disabledBackgroundColorhas a new value:#f2f2f2. -
disabledFontColorhas a new value:#999999. -
borderRadiushas a new value:80px. -
borderThicknesshas a new value:0px. -
contentPaddingLefthas a new value:16px. -
contentPaddingRighthas a new value:16px. -
contentPaddingTophas a new value:0px. -
contentPaddingBottomhas a new value:0px. - New
focusColortoken added with value#0067b3. - New
disabledIconColortoken added with value#999999. - New
iconColortoken added with value#000000. - New
iconSpacingtoken added with value8px. -
iconPaddingLefttoken removed. -
iconPaddingRighttoken removed. -
heighttoken removed.
Metadata
Metadata
Assignees
Labels
category: documentation 📓Improvements or additions to documentationImprovements or additions to documentationcomponent: chipcomponentcomponenttask: story ✅User storyUser story