Default color configuration object.

Type: colors

Composable color utilities

Type: Object<string, utility>

{
 red: { color: 'red' },
 hoverRed: { ':hover': { color: 'red' } },
 bgRed: { backgroundColor: 'red' },
 borderRed: { borderColor: 'red' },
 strokeRed: { stroke: 'red' },
 fillRed: { fill: 'red' },
}

Composable utility objects for css-in-js libraries.

Type: Object<string, utility>

An optional color configuration object

Type: Object<string, string>

{ red: '#EE3124', redTint: '#F9C1BD' }

Composable CSS property.

Type: Object<string, (string | Object<string, string>)>

{ display: 'block' }
// or
{ ':hover': { color: 'red' } }

Composable utiltiy objects.

Type: Object<string, utility>