@veracity/vui
Version:
Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.
548 lines (547 loc) • 11.7 kB
TypeScript
//#region src/theme/foundations/index.d.ts
declare const _default: {
animations: {
none: string;
bounce: string;
fadeDown: string;
fadeIn: string;
fadeLeft: string;
fadeLeftLong: string;
fadeOut: string;
fadeRight: string;
fadeRightLong: string;
fadeUp: string;
pulse: string;
spin: string;
};
borders: {};
colors: {
buttonTypePrimaryDefaultBorderColorDark: string;
buttonTypePrimaryDefaultBackgroundColorDark: string;
buttonTypePrimaryDefaultTextColorDark: string;
buttonTypePrimaryHoverBackgroundColorDark: string;
buttonTypePrimaryHoverBorderColorDark: string;
buttonTypePrimaryHoverTextColorDark: string;
buttonTypePrimaryActiveBackgroundColorDark: string;
buttonTypePrimaryActiveBorderColorDark: string;
buttonTypePrimaryActiveTextColorDark: string;
buttonTypePrimaryDefaultBorderColorLight: string;
buttonTypePrimaryDefaultBackgroundColorLight: string;
buttonTypePrimaryDefaultTextColorLight: string;
buttonTypePrimaryFocusOutline: string;
buttonTypePrimaryHoverBackgroundColorLight: string;
buttonTypePrimaryHoverBorderColorLight: string;
buttonTypePrimaryHoverTextColorLight: string;
buttonTypePrimaryActiveBackgroundColorLight: string;
buttonTypePrimaryActiveBorderColorLight: string;
buttonTypePrimaryActiveTextColorLight: string;
buttonTypeSecondaryDefaultBorderColorDark: string;
buttonTypeSecondaryDefaultBackgroundColorDark: string;
buttonTypeSecondaryDefaultTextColorDark: string;
buttonTypeSecondaryFocusOutline: string;
buttonTypeSecondaryHoverBackgroundColorDark: string;
buttonTypeSecondaryHoverBorderColorDark: string;
buttonTypeSecondaryHoverTextColorDark: string;
buttonTypeSecondaryActiveBackgroundColorDark: string;
buttonTypeSecondaryActiveBorderColorDark: string;
buttonTypeSecondaryActiveTextColorDark: string;
buttonTypeSecondaryDefaultBorderColorLight: string;
buttonTypeSecondaryDefaultBackgroundColorLight: string;
buttonTypeSecondaryDefaultTextColorLight: string;
buttonTypeSecondaryHoverBackgroundColorLight: string;
buttonTypeSecondaryHoverBorderColorLight: string;
buttonTypeSecondaryHoverTextColorLight: string;
buttonTypeSecondaryActiveBackgroundColorLight: string;
buttonTypeSecondaryActiveBorderColorLight: string;
buttonTypeSecondaryActiveTextColorLight: string;
buttonTypeTertiaryDefaultBorderColorDark: string;
buttonTypeTertiaryDefaultBackgroundColorDark: string;
buttonTypeTertiaryDefaultTextColorDark: string;
buttonTypeTertiaryHoverBackgroundColorDark: string;
buttonTypeTertiaryHoverBorderColorDark: string;
buttonTypeTertiaryHoverTextColorDark: string;
buttonTypeTertiaryFocusOutline: string;
buttonTypeTertiaryActiveBackgroundColorDark: string;
buttonTypeTertiaryActiveBorderColorDark: string;
buttonTypeTertiaryActiveTextColorDark: string;
buttonTypeTertiaryDefaultBorderColorLight: string;
buttonTypeTertiaryDefaultBackgroundColorLight: string;
buttonTypeTertiaryDefaultTextColorLight: string;
buttonTypeTertiaryHoverBackgroundColorLight: string;
buttonTypeTertiaryHoverBorderColorLight: string;
buttonTypeTertiaryHoverTextColorLight: string;
buttonTypeTertiaryActiveBackgroundColorLight: string;
buttonTypeTertiaryActiveBorderColorLight: string;
buttonTypeTertiaryActiveTextColorLight: string;
buttonDisabledCursor: string;
buttonDisabledOpacity: string;
darkBlue: {
95: string;
90: string;
85: string;
80: string;
75: string;
70: string;
65: string;
60: string;
55: string;
50: string;
45: string;
40: string;
35: string;
30: string;
25: string;
18: string;
15: string;
10: string;
5: string;
main: string;
};
digiGreen: {
95: string;
90: string;
85: string;
80: string;
78: string;
70: string;
65: string;
60: string;
55: string;
50: string;
45: string;
40: string;
35: string;
30: string;
25: string;
20: string;
15: string;
10: string;
5: string;
main: string;
};
earth: {
95: string;
89: string;
85: string;
80: string;
75: string;
70: string;
65: string;
60: string;
55: string;
50: string;
45: string;
40: string;
35: string;
30: string;
25: string;
20: string;
15: string;
10: string;
5: string;
main: string;
};
energyRed: {
95: string;
90: string;
85: string;
80: string;
75: string;
70: string;
65: string;
60: string;
54: string;
50: string;
45: string;
40: string;
35: string;
30: string;
25: string;
20: string;
15: string;
10: string;
5: string;
main: string;
};
focusColor: string;
landGreen: {
95: string;
90: string;
85: string;
80: string;
75: string;
70: string;
65: string;
60: string;
55: string;
50: string;
45: string;
41: string;
35: string;
30: string;
25: string;
20: string;
15: string;
10: string;
5: string;
main: string;
};
sandstone: {
97: string;
95: string;
90: string;
85: string;
79: string;
75: string;
70: string;
65: string;
60: string;
55: string;
50: string;
45: string;
40: string;
35: string;
30: string;
25: string;
20: string;
15: string;
10: string;
5: string;
main: string;
};
seaBlue: {
95: string;
90: string;
85: string;
80: string;
75: string;
70: string;
65: string;
60: string;
55: string;
50: string;
45: string;
40: string;
35: string;
28: string;
25: string;
20: string;
15: string;
10: string;
5: string;
main: string;
};
skyBlue: {
97: string;
95: string;
90: string;
85: string;
80: string;
77: string;
65: string;
60: string;
55: string;
50: string;
45: string;
40: string;
35: string;
30: string;
25: string;
20: string;
15: string;
10: string;
5: string;
main: string;
active: string;
hover: string;
selected: string;
};
sunflower: {
95: string;
90: string;
85: string;
80: string;
73: string;
70: string;
65: string;
60: string;
55: string;
50: string;
45: string;
40: string;
35: string;
30: string;
25: string;
20: string;
15: string;
10: string;
5: string;
main: string;
};
terracotta: {
95: string;
90: string;
85: string;
80: string;
75: string;
70: string;
65: string;
60: string;
55: string;
50: string;
45: string;
40: string;
35: string;
30: string;
25: string;
20: string;
15: string;
10: string;
5: string;
main: string;
};
warmGrey: {
95: string;
90: string;
85: string;
80: string;
75: string;
70: string;
65: string;
60: string;
56: string;
50: string;
45: string;
40: string;
35: string;
30: string;
25: string;
20: string;
15: string;
10: string;
5: string;
main: string;
};
blue: {
10: string;
20: string;
30: string;
40: string;
50: string;
60: string;
70: string;
80: string;
90: string;
100: string;
};
green: {
10: string;
20: string;
30: string;
40: string;
50: string;
60: string;
70: string;
80: string;
90: string;
100: string;
};
grey: {
10: string;
20: string;
30: string;
40: string;
50: string;
60: string;
70: string;
80: string;
90: string;
100: string;
};
pink: {
10: string;
20: string;
30: string;
40: string;
50: string;
60: string;
70: string;
80: string;
90: string;
100: string;
};
prussian: {
10: string;
20: string;
30: string;
40: string;
50: string;
60: string;
70: string;
80: string;
90: string;
100: string;
};
red: {
10: string;
20: string;
30: string;
40: string;
50: string;
60: string;
70: string;
80: string;
90: string;
100: string;
};
yellow: {
10: string;
20: string;
30: string;
40: string;
50: string;
60: string;
70: string;
80: string;
90: string;
100: string;
};
disabled: {
bg: string;
border: string;
color: string;
};
};
durations: {
instant: string;
fast: string;
normal: string;
slow: string;
};
fonts: {
readonly dnvDisplay: `'DNV Display'`;
readonly gantari: `Gantari, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`;
readonly mono: `ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;`;
};
fontSizes: {
xs: number;
sm: number;
md: number;
lg: number;
};
fontWeights: {
regular: string;
medium: string;
demi: string;
};
gridTemplateColumns: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
11: string;
12: string;
};
gridTemplateRows: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
};
radii: {
none: number;
sm: number;
md: number;
lg: number;
xl: number;
round: number;
};
ringWidths: {};
screens: {
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
xxl: number;
'2xl': number;
};
shadows: {
xs: string;
sm: string;
md: string;
lg: string;
inner: string;
none: string;
'0': string;
'1': string;
'2': string;
'3': string;
'4': string;
t1: string;
t2: string;
t3: string;
t4: string;
r1: string;
r2: string;
r3: string;
r4: string;
l1: string;
l2: string;
l3: string;
l4: string;
modal: string;
};
sizes: {};
spaces: {
0: number;
0.5: string;
0.75: string;
1: string;
1.5: string;
2: string;
2.5: string;
3: string;
3.5: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
11: string;
12: string;
14: string;
16: string;
20: string;
24: string;
};
transformers: {
border: (value: number | string, { props }: any) => string;
space: (value: string | number) => string;
};
transforms: {};
transitions: {};
timingFunctions: {};
zIndices: {
header: number;
tooltip: number;
drawer: number;
modal: number;
popover: number;
toast: number;
raised: number;
};
};
//#endregion
export { _default as default };
//# sourceMappingURL=index.d.ts.map