@engie-group/fluid-design-tokens
Version:
Fluid Design Tokens
1,316 lines (1,315 loc) • 183 kB
TypeScript
export declare const TokensDark: {
semantic: {
color: {
background: {
neutral: {
primary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
selected: {
value: string;
};
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
selected: {
value: string;
};
};
};
secondary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
};
tertiary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
inverse: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
};
spotlight: {
default: {
value: string;
comment: string;
};
};
};
brand: {
primary: {
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
};
secondary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
};
tertiary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
spotlight: {
default: {
value: string;
comment: string;
};
};
};
status: {
danger: {
primary: {
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
selected: {
value: string;
};
};
};
secondary: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
pressed: {
value: string;
};
focused: {
value: string;
};
};
spotlight: {
default: {
value: string;
};
};
};
success: {
primary: {
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
selected: {
value: string;
};
};
};
secondary: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
spotlight: {
default: {
value: string;
};
};
};
warning: {
primary: {
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
selected: {
value: string;
};
};
};
secondary: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
spotlight: {
default: {
value: string;
};
};
};
discovery: {
primary: {
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
selected: {
value: string;
};
};
};
secondary: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
spotlight: {
default: {
value: string;
};
};
};
information: {
primary: {
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
selected: {
value: string;
};
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
secondary: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
};
spotlight: {
default: {
value: string;
};
};
};
planet: {
primary: {
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
selected: {
value: string;
};
};
};
solid: {
default: {
value: string;
};
hovered: {
value: string;
};
pressed: {
value: string;
};
focused: {
value: string;
};
};
secondary: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
translucent: {
default: {
value: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
};
spotlight: {
default: {
value: string;
};
};
};
};
accent: {
pink: {
secondary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
spotlight: {
default: {
value: string;
comment: string;
};
};
};
red: {
secondary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
solid: {
default: {
value: string;
comment: string;
};
};
spotlight: {
default: {
value: string;
comment: string;
};
};
};
orange: {
secondary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
spotlight: {
default: {
value: string;
comment: string;
};
};
};
yellow: {
secondary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
spotlight: {
default: {
value: string;
comment: string;
};
};
};
green: {
secondary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
spotlight: {
default: {
value: string;
comment: string;
};
};
};
grey: {
secondary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
spotlight: {
default: {
value: string;
comment: string;
};
};
};
blue: {
secondary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
spotlight: {
default: {
value: string;
comment: string;
};
};
};
ultramarine: {
secondary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
spotlight: {
default: {
value: string;
comment: string;
};
};
};
purple: {
secondary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
spotlight: {
default: {
value: string;
comment: string;
};
};
};
teal: {
secondary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
spotlight: {
default: {
value: string;
comment: string;
};
};
};
lime: {
secondary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
tertiary: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
solid: {
default: {
value: string;
comment: string;
};
hovered: {
value: string;
};
focused: {
value: string;
};
pressed: {
value: string;
};
};
spotlight: {
default: {