@accelint/design-toolkit
Version:
An open-source component library to serve as part of the entire ecosystem of UX for Accelint.
469 lines (467 loc) • 16.8 kB
TypeScript
declare const designTokens: {
dark: {
bg: {
surface: {
default: [number, number, number, number];
raised: [number, number, number, number];
overlay: [number, number, number, number];
muted: [number, number, number, number];
};
interactive: {
bold: {
base: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
muted: {
base: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
disabled: [number, number, number, number];
};
accent: {
primary: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
muted: [number, number, number, number];
};
};
info: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
muted: [number, number, number, number];
};
advisory: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
muted: [number, number, number, number];
};
normal: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
muted: [number, number, number, number];
};
serious: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
muted: [number, number, number, number];
};
critical: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
muted: [number, number, number, number];
};
};
fg: {
hover: [number, number, number, number];
pressed: [number, number, number, number];
primary: {
bold: [number, number, number, number];
muted: [number, number, number, number];
};
inverse: {
bold: [number, number, number, number];
muted: [number, number, number, number];
};
disabled: [number, number, number, number];
accent: {
primary: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
};
info: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
advisory: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
normal: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
serious: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
critical: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
a11y: {
'on-accent': [number, number, number, number];
'on-utility': [number, number, number, number];
};
};
outline: {
static: [number, number, number, number];
interactive: {
base: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
disabled: [number, number, number, number];
};
accent: {
primary: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
};
info: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
advisory: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
normal: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
serious: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
critical: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
mono: {
bold: {
base: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
};
};
shadow: {
elevation: {
raised: string;
overlay: string;
};
};
};
light: {
bg: {
surface: {
default: [number, number, number, number];
raised: [number, number, number, number];
overlay: [number, number, number, number];
muted: [number, number, number, number];
};
interactive: {
bold: {
base: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
muted: {
base: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
disabled: [number, number, number, number];
};
accent: {
primary: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
muted: [number, number, number, number];
};
};
info: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
muted: [number, number, number, number];
};
advisory: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
muted: [number, number, number, number];
};
normal: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
muted: [number, number, number, number];
};
serious: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
muted: [number, number, number, number];
};
critical: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
muted: [number, number, number, number];
};
};
fg: {
hover: [number, number, number, number];
pressed: [number, number, number, number];
primary: {
bold: [number, number, number, number];
muted: [number, number, number, number];
};
inverse: {
bold: [number, number, number, number];
muted: [number, number, number, number];
};
disabled: [number, number, number, number];
accent: {
primary: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
};
info: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
advisory: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
normal: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
serious: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
critical: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
a11y: {
'on-accent': [number, number, number, number];
'on-utility': [number, number, number, number];
};
};
outline: {
static: [number, number, number, number];
interactive: {
base: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
disabled: [number, number, number, number];
};
accent: {
primary: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
};
info: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
advisory: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
normal: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
serious: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
critical: {
bold: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
mono: {
bold: {
base: [number, number, number, number];
hover: [number, number, number, number];
pressed: [number, number, number, number];
};
};
};
shadow: {
elevation: {
raised: string;
overlay: string;
};
};
};
static: {
classification: {
missing: [number, number, number, number];
unclass: [number, number, number, number];
cui: [number, number, number, number];
confidential: [number, number, number, number];
secret: [number, number, number, number];
'top-secret': [number, number, number, number];
'ts-sci': [number, number, number, number];
};
roe: {
pending: [number, number, number, number];
friend: [number, number, number, number];
'assumed-friend': [number, number, number, number];
neutral: [number, number, number, number];
unknown: [number, number, number, number];
suspect: [number, number, number, number];
hostile: [number, number, number, number];
'no-statement': [number, number, number, number];
};
};
typography: {
header: {
xxl: {
size: number;
height: number;
spacing: number;
};
xl: {
size: number;
height: number;
spacing: number;
};
l: {
size: number;
height: number;
spacing: number;
};
m: {
size: number;
height: number;
spacing: number;
};
s: {
size: number;
height: number;
spacing: number;
};
xs: {
size: number;
height: number;
spacing: number;
};
};
body: {
l: {
size: number;
height: number;
spacing: number;
};
m: {
size: number;
height: number;
spacing: number;
};
s: {
size: number;
height: number;
spacing: number;
};
xs: {
size: number;
height: number;
spacing: number;
};
xxs: {
size: number;
height: number;
spacing: number;
};
};
button: {
l: {
size: number;
height: number;
spacing: number;
};
m: {
size: number;
height: number;
spacing: number;
};
s: {
size: number;
height: number;
spacing: number;
};
xs: {
size: number;
height: number;
spacing: number;
};
};
};
spacing: {
'0': number;
none: string;
xxs: number;
xs: number;
s: number;
m: number;
l: number;
xl: number;
xxl: number;
oversized: number;
};
radius: {
none: number;
small: number;
medium: number;
large: number;
round: number;
};
shadow: {
elevation: {
default: string;
overlay: {
bold: string;
muted: string;
};
raised: {
bold: string;
muted: string;
};
};
};
};
export { designTokens };