Interaction States
...
Neutral
| Token name | Palette & Hex value | Figma styles | |
|---|---|---|---|
| CdsColorInteractionNeutralResting | Brand / Neutral 20 @ 0% - #002C5200 | Neutral / Resting | |
| CdsColorInteractionNeutralHovered | Brand / Hovered 20 @ 0% - #002C5200 | Neutral / Hovered | |
| CdsColorInteractionNeutralDisabled | Brand / Disabled 20 @ 0% - #002C5200 | Neutral / Disabled | |
| CdsColorInteractionNeutralSelected | Brand / Selected 20 @ 0% - #002C5200 | Neutral / Selected | |
| CdsColorInteractionNeutralActivated | Brand / Activated 20 @ 0% - #002C5200 | Neutral / Activated | |
| CdsColorInteractionNeutralDragged | Brand / Dragged 20 @ 0% - #002C5200 | Neutral / Dragged | |
| CdsColorInteractionNeutralFocused | Brand / Focused 20 @ 0% - #002C5200 | Neutral / Focused | |
| CdsColorInteractionNeutralPressed | Brand / Pressed 20 @ 0% - #002C5200 | Neutral / Pressed |
Primary
| Token name | Palette & Hex value | Figma styles | |
|---|---|---|---|
| CdsColorInteractionPrimaryResting | Brand / Primary 20 @ 0% - #002C5200 | Primary / Resting | |
| CdsColorInteractionPrimaryHovered | Brand / Hovered 20 @ 0% - #002C5200 | Primary / Hovered | |
| CdsColorInteractionPrimaryDisabled | Brand / Disabled 20 @ 0% - #002C5200 | Primary / Disabled | |
| CdsColorInteractionPrimarySelected | Brand / Selected 20 @ 0% - #002C5200 | Primary / Selected | |
| CdsColorInteractionPrimaryActivated | Brand / Activated 20 @ 0% - #002C5200 | Primary / Activated | |
| CdsColorInteractionPrimaryDragged | Brand / Dragged 20 @ 0% - #002C5200 | Primary / Dragged | |
| CdsColorInteractionPrimaryFocused | Brand / Focused 20 @ 0% - #002C5200 | Primary / Focused | |
| CdsColorInteractionPrimaryPressed | Brand / Pressed 20 @ 0% - #002C5200 | Primary / Pressed |
Secondary
| Token name | Palette & Hex value | Figma styles | |
|---|---|---|---|
| CdsColorInteractionSecondaryResting | Brand / Secondary 20 @ 0% - #002C5200 | Secondary / Resting | |
| CdsColorInteractionSecondaryHovered | Brand / Hovered 20 @ 0% - #002C5200 | Secondary / Hovered | |
| CdsColorInteractionSecondaryDisabled | Brand / Disabled 20 @ 0% - #002C5200 | Secondary / Disabled | |
| CdsColorInteractionSecondarySelected | Brand / Selected 20 @ 0% - #002C5200 | Secondary / Selected | |
| CdsColorInteractionSecondaryActivated | Brand / Activated 20 @ 0% - #002C5200 | Secondary / Activated | |
| CdsColorInteractionSecondaryDragged | Brand / Dragged 20 @ 0% - #002C5200 | Secondary / Dragged | |
| CdsColorInteractionSecondaryFocused | Brand / Focused 20 @ 0% - #002C5200 | Secondary / Focused | |
| CdsColorInteractionSecondaryPressed | Brand / Pressed 20 @ 0% - #002C5200 | Secondary / Pressed |
Info
| Token name | Palette & Hex value | Figma styles | |
|---|---|---|---|
| CdsColorInteractionInfoResting | Brand / Info 20 @ 0% - #002C5200 | Info / Resting | |
| CdsColorInteractionInfoHovered | Brand / Hovered 20 @ 0% - #002C5200 | Info / Hovered | |
| CdsColorInteractionInfoDisabled | Brand / Disabled 20 @ 0% - #002C5200 | Info / Disabled | |
| CdsColorInteractionInfoSelected | Brand / Selected 20 @ 0% - #002C5200 | Info / Selected | |
| CdsColorInteractionInfoActivated | Brand / Activated 20 @ 0% - #002C5200 | Info / Activated | |
| CdsColorInteractionInfoDragged | Brand / Dragged 20 @ 0% - #002C5200 | Info / Dragged | |
| CdsColorInteractionInfoFocused | Brand / Focused 20 @ 0% - #002C5200 | Info / Focused | |
| CdsColorInteractionInfoPressed | Brand / Pressed 20 @ 0% - #002C5200 | Info / Pressed |
Critical
| Token name | Palette & Hex value | Figma styles | |
|---|---|---|---|
| CdsColorInteractionCriticalResting | Brand / Critical 20 @ 0% - #002C5200 | Critical / Resting | |
| CdsColorInteractionCriticalHovered | Brand / Hovered 20 @ 0% - #002C5200 | Critical / Hovered | |
| CdsColorInteractionCriticalDisabled | Brand / Disabled 20 @ 0% - #002C5200 | Critical / Disabled | |
| CdsColorInteractionCriticalSelected | Brand / Selected 20 @ 0% - #002C5200 | Critical / Selected | |
| CdsColorInteractionCriticalActivated | Brand / Activated 20 @ 0% - #002C5200 | Critical / Activated | |
| CdsColorInteractionCriticalDragged | Brand / Dragged 20 @ 0% - #002C5200 | Critical / Dragged | |
| CdsColorInteractionCriticalFocused | Brand / Focused 20 @ 0% - #002C5200 | Critical / Focused | |
| CdsColorInteractionCriticalPressed | Brand / Pressed 20 @ 0% - #002C5200 | Critical / Pressed |
Warn
| Token name | Palette & Hex value | Figma styles | |
|---|---|---|---|
| CdsColorInteractionWarnResting | Brand / Warn 20 @ 0% - #002C5200 | Warn / Resting | |
| CdsColorInteractionWarnHovered | Brand / Hovered 20 @ 0% - #002C5200 | Warn / Hovered | |
| CdsColorInteractionWarnDisabled | Brand / Disabled 20 @ 0% - #002C5200 | Warn / Disabled | |
| CdsColorInteractionWarnSelected | Brand / Selected 20 @ 0% - #002C5200 | Warn / Selected | |
| CdsColorInteractionWarnActivated | Brand / Activated 20 @ 0% - #002C5200 | Warn / Activated | |
| CdsColorInteractionWarnDragged | Brand / Dragged 20 @ 0% - #002C5200 | Warn / Dragged | |
| CdsColorInteractionWarnFocused | Brand / Focused 20 @ 0% - #002C5200 | Warn / Focused | |
| CdsColorInteractionWarnPressed | Brand / Pressed 20 @ 0% - #002C5200 | Warn / Pressed |
Success
| Token name | Palette & Hex value | Figma styles | |
|---|---|---|---|
| CdsColorInteractionSuccessResting | Brand / Success 20 @ 0% - #002C5200 | Success / Resting | |
| CdsColorInteractionSuccessHovered | Brand / Hovered 20 @ 0% - #002C5200 | Success / Hovered | |
| CdsColorInteractionSuccessDisabled | Brand / Disabled 20 @ 0% - #002C5200 | Success / Disabled | |
| CdsColorInteractionSuccessSelected | Brand / Selected 20 @ 0% - #002C5200 | Success / Selected | |
| CdsColorInteractionSuccessActivated | Brand / Activated 20 @ 0% - #002C5200 | Success / Activated | |
| CdsColorInteractionSuccessDragged | Brand / Dragged 20 @ 0% - #002C5200 | Success / Dragged | |
| CdsColorInteractionSuccessFocused | Brand / Focused 20 @ 0% - #002C5200 | Success / Focused | |
| CdsColorInteractionSuccessPressed | Brand / Pressed 20 @ 0% - #002C5200 | Success / Pressed |
White
| Token name | Palette & Hex value | Figma styles | |
|---|---|---|---|
| CdsColorInteractionWhiteResting | Brand / White 20 @ 0% - #002C5200 | White / Resting | |
| CdsColorInteractionWhiteHovered | Brand / Hovered 20 @ 0% - #002C5200 | White / Hovered | |
| CdsColorInteractionWhiteDisabled | Brand / Disabled 20 @ 0% - #002C5200 | White / Disabled | |
| CdsColorInteractionWhiteSelected | Brand / Selected 20 @ 0% - #002C5200 | White / Selected | |
| CdsColorInteractionWhiteActivated | Brand / Activated 20 @ 0% - #002C5200 | White / Activated | |
| CdsColorInteractionWhiteDragged | Brand / Dragged 20 @ 0% - #002C5200 | White / Dragged | |
| CdsColorInteractionWhiteFocused | Brand / Focused 20 @ 0% - #002C5200 | White / Focused | |
| CdsColorInteractionWhitePressed | Brand / Pressed 20 @ 0% - #002C5200 | White / Pressed |