Atoms

TextInput & Variations

format="text" (default)

error

disabled

error & disabled

format="password"

format="email"

format="phone"

format="card"

format="ssn"

format="website"

format="money"

format="number"

format="float"

format="percent"

Button

Click for loading state

default

default disabled

diminished

diminished disabled

grayscale

grayscale disabled

TextArea

disabled

error

error & disabled

PostalCode

Switch

Checkbox

Radio

Dropdown

standard

custom template (requires custom css)

has no items

disabled

error

error & disabled

native

native (error)

native (error & disabled)

Date Picker

Multi Select

Components

Legal Name

Address

Manifest

Sequenced Dropdowns

Modal

Card

CardStack

Pane

Credit Card

Bank Account

Colors

Partner

Disabled Hint
Secondary
Primary
Hover
Active

Buyer

Disabled Hint
Secondary
Primary
Hover
Active

Fleet

Disabled Hint
Secondary
Primary
Hover
Active

Core

Illegal White
Off White
Separator, Tap
Border
Disabled Hint
Secondary
Link
Primary
Dark

Inverse

Off White
Separator, Tap
Border
Disabled Hint
Secondary
Link
Primary

Color Palettes Version 2

Core Colors

Core Colors as Alpha

Inverted Core Colors (only alpha allowed)

Core Reserved Warning Colors

Core Reserved Error Colors

Buyer Product Colors

Partner Product Colors

Fleet Product Colors