@tabula/ui-theme
Version:
Theme provider for the UI kit
525 lines (524 loc) • 43.3 kB
TypeScript
export declare const vars: {
colors: {
accent: {
100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
accentAlpha: {
70: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
accentSecondaryGrey: {
800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
accentShades: {
secondary1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
secondary2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
secondary3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
secondary4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
background: {
canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
controlsDetails: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
data: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
dropdown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
panels: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
primaryContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
table: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
status: {
error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
idle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
running: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
borderControl: {
canvasFlowPath: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
dangerFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
errorFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
focus2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
focus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
selection: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
warningFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
brand: {
postgres: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
salesforce: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
snowflake: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
tabulaDrive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
tomatDrive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
chart: {
0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
code: {
backgroundIconData: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
backgroundIconFunction: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
backgroundRegexHelpLetters: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
columnBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
function: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
functionOutside: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
numbers: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
numbersOutside: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
regex: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
sql: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
stringLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
stringLightOutsideFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
codeColumns: {
0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
columnMenu: {
press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
content: {
primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
tertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
disabledLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
contrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
contrastSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
contrastTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
contrastDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
accentActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
accentActiveHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
counting: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
placeholder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
warningLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
fillControl: {
accentSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
ai: {
from: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
to: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
aiPrimaryHover: {
from: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
to: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
aiSecondaryHover: {
from: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
to: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
aiPrimaryPressed: {
from: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
to: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
aiSecondaryPressed: {
from: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
to: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
btnDanger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
btnDangerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
btnDangerPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
btnDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
btnPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
btnPrimaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
btnPrimaryPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
checkbox: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
icons: {
ai: {
primary: {
from: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
to: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
secondary: {
from: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
to: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
clean: {
primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
disabled: {
primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
enrich: {
primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
tertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
group: {
clean: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
transformation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
misc: {
folder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
output: {
primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
source: {
primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
tomat: {
primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
transformation: {
primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
tertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
indexed: {
0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
neutral: {
1000: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
neutralAlpha: {
40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
table: {
labelPreview: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
backgroundHeader: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
backgroundHeaderHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
borderHeader: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
borderCells: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
backgroundCells: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
labelNew: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
borderNew: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
backgroundNew: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
labelRemove: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
borderRemove: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
backgroundRemove: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
selectionLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
borderSelection: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
backgroundSelection: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
sourceLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
borderSource: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
backgroundSource: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
whiteAlpha: {
80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
shadow: {
16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
duration: {
fast: {
1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
moderate: {
1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
slow: {
1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
easing: {
standard: {
productive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
expressive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
entrance: {
productive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
expressive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
exit: {
productive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
expressive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
fonts: {
sansSerif: {
bold12: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
bold10: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
semiBold18: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
semiBold14: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
semiBold12: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
semiBold10: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
medium32: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
medium24: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
medium18: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
medium14: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
medium12: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
medium10: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
regular24: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
regular18: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
regular14: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
regular12: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
monospace: {
bold12: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
bold10: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
semiBold14: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
semiBold12: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
regular12: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
regular10: {
font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
textTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
};
};