Multiselection

Variables

filter-text-color

$filter-text-color: color.get('field', 'filter', 'text') !default;
Description

Default filter text color

Type

Color

filter-typography

$filter-typography: 'paragraph-1' !default;
Description

typography token name

Type

String

filter-background

$filter-background: color.get('field', 'filter', 'bg') !default;
Description

Default filter background color

Type

Color

filter-hover-background

$filter-hover-background: color.get('field', 'filter', 'bg-hover') !default;
Description

Default filter hover background color

Type

Color

filter-pressed-background

$filter-pressed-background: color.get('field', 'filter', 'bg-pressed') !default;
Description

Default filter pressed background color

Type

Color

filter-spacing-vertical

$filter-spacing-vertical: spacing.get('s1') !default;
Description

Default filter vertical spacing

Type

Number

filter-spacing-horizontal

$filter-spacing-horizontal: spacing.get('s2') !default;
Description

Default filter horizontal spacing

Type

Number

filter-icon-spacing

$filter-icon-spacing: spacing.get('s1');
Description

Icon spacing

Type

Number

filter-icon-color

$filter-icon-color: color.get('chip', '03', 'text') !default;
Description

Default filter icon color

Type

Color

filter-icon-size

$filter-icon-size: $filter-line-height !default;
Description

Default icon size

Type

Number