Border
Width
| Name | Value |
|---|---|
| border-width-base | 1px Defined in Refers to |
Style
| Name | Value |
|---|---|
| border-style-50 | dotted Defined in |
| border-style-100 | solid Defined in |
| border-style-base | solid Defined in Refers to |
Color
| Name | Value |
|---|---|
| border-color-base | #a2a9b1 Defined in Refers to |
| border-color-base--hover | #a2a9b1 Defined in Refers to |
| border-color-base--active | #72777d Defined in Refers to |
| border-color-base--focus | #36c Defined in Refers to |
| border-color-base--disabled | #c8ccd1 Defined in Refers to |
| border-color-filled--disabled | #fff Defined in Refers to |
| border-color-progressive | #36c Defined in Refers to |
| border-color-progressive--hover | #447ff5 Defined in Refers to |
| border-color-progressive--active | #2a4b8d Defined in Refers to |
| border-color-progressive--focus | #36c Defined in Refers to |
| border-color-destructive | #d33 Defined in Refers to |
| border-color-destructive--hover | #ff4242 Defined in Refers to |
| border-color-destructive--active | #b32424 Defined in Refers to |
| border-color-destructive--focus | #d33 Defined in Refers to |
| border-color-neutral | #a2a9b1 Defined in Refers to Better off in components.json? |
| border-color-neutral--hover | #a2a9b1 Defined in Refers to |
| border-color-neutral--active | #72777d Defined in Refers to |
| border-color-neutral--focus | #36c Defined in Refers to |
| border-color-binary | #72777d Defined in Refers to TODO: base.json or components.json? |
| border-color-transparent | transparent Defined in Refers to |
| border-color-divider | #a2a9b1 Defined in Refers to |
| border-color-primary | #36c Defined in Refers to Deprecated key. Use base file's 'progressive' key instead. |
| border-color-primary--hover | #447ff5 Defined in Refers to Deprecated key. |
| border-color-primary--active | #2a4b8d Defined in Refers to Deprecated key. |
| border-color-primary--focus | #36c Defined in Refers to Deprecated key. |
Radius
| Name | Value |
|---|---|
| border-radius-base | 2px Defined in Refers to |
| border-radius-round | 9999px Defined in Refers to |
| border-radius-rounder | 4px Defined in Refers to TODO: Only used in WiKit. Deprecate and replace by 'round'. |
| border-radius-circle | 100% Defined in Refers to |
| border-radius-input-radio | 100% Defined in Refers to |