@saleor/macaw-ui
Version:
Saleor's UI component library
341 lines (340 loc) • 10 kB
TypeScript
export declare const themes: {
defaultLight: {
spacing: {
0: string;
px: string;
0.5: 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;
28: string;
32: string;
36: string;
40: string;
44: string;
48: string;
52: string;
};
colors: {
background: {
accent1: string;
accent1Hovered: string;
accent1Focused: string;
accent1Pressed: string;
buttonCriticalDisabled: string;
buttonCriticalPrimary: string;
buttonCriticalPrimaryFocused: string;
buttonCriticalPrimaryHovered: string;
buttonCriticalPrimaryPressed: string;
buttonDefaultDisabled: string;
buttonDefaultPrimary: string;
buttonDefaultPrimaryFocused: string;
buttonDefaultPrimaryHovered: string;
buttonDefaultPrimaryPressed: string;
buttonDefaultSecondary: string;
buttonDefaultSecondaryFocused: string;
buttonDefaultSecondaryHovered: string;
buttonDefaultSecondaryPressed: string;
buttonDefaultTertiary: string;
buttonDefaultTertiaryFocused: string;
buttonDefaultTertiaryHovered: string;
buttonDefaultTertiaryPressed: string;
critical1: string;
critical1Focused: string;
critical1Hovered: string;
critical1Pressed: string;
critical2: string;
default1: string;
default1Focused: string;
default1Hovered: string;
default1Pressed: string;
default2: string;
default3: string;
defaultDisabled: string;
info1: string;
success1: string;
warning1: string;
};
text: {
accent1: string;
buttonCriticalDisabled: string;
buttonCriticalPrimary: string;
buttonDefaultPrimary: string;
buttonDefaultSecondary: string;
buttonDefaultTertiary: string;
critical1: string;
critical2: string;
default1: string;
default2: string;
defaultDisabled: string;
info1: string;
success1: string;
warning1: string;
};
border: {
accent1: string;
critical1: string;
default1: string;
default1Focused: string;
default1Hovered: string;
default2: string;
defaultDisabled: string;
info1: string;
success1: string;
warning1: string;
};
};
fontSize: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
11: string;
};
borderRadius: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
};
lineHeight: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
11: string;
};
fontWeight: {
light: string;
regular: string;
medium: string;
bold: string;
};
letterSpacing: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
11: string;
};
boxShadow: {
defaultFocused: string;
defaultHovered: string;
defaultOverlay: string;
defaultModal: string;
};
borderWidth: {
0: string;
1: string;
};
};
defaultDark: {
spacing: {
0: string;
px: string;
0.5: 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;
28: string;
32: string;
36: string;
40: string;
44: string;
48: string;
52: string;
};
colors: {
background: {
accent1: string;
accent1Hovered: string;
accent1Pressed: string;
accent1Focused: string;
buttonCriticalDisabled: string;
buttonCriticalPrimary: string;
buttonCriticalPrimaryFocused: string;
buttonCriticalPrimaryHovered: string;
buttonCriticalPrimaryPressed: string;
buttonDefaultDisabled: string;
buttonDefaultPrimary: string;
buttonDefaultPrimaryFocused: string;
buttonDefaultPrimaryHovered: string;
buttonDefaultPrimaryPressed: string;
buttonDefaultSecondary: string;
buttonDefaultSecondaryFocused: string;
buttonDefaultSecondaryHovered: string;
buttonDefaultSecondaryPressed: string;
buttonDefaultTertiary: string;
buttonDefaultTertiaryFocused: string;
buttonDefaultTertiaryHovered: string;
buttonDefaultTertiaryPressed: string;
critical1: string;
critical1Focused: string;
critical1Hovered: string;
critical1Pressed: string;
critical2: string;
default1: string;
default1Focused: string;
default1Hovered: string;
default1Pressed: string;
default2: string;
default3: string;
defaultDisabled: string;
info1: string;
success1: string;
warning1: string;
};
text: {
accent1: string;
buttonCriticalDisabled: string;
buttonCriticalPrimary: string;
buttonDefaultPrimary: string;
buttonDefaultSecondary: string;
buttonDefaultTertiary: string;
critical1: string;
critical2: string;
default1: string;
default2: string;
defaultDisabled: string;
info1: string;
success1: string;
warning1: string;
};
border: {
accent1: string;
critical1: string;
default1: string;
default1Focused: string;
default1Hovered: string;
defaultDisabled: string;
default2: string;
info1: string;
success1: string;
warning1: string;
};
};
fontSize: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
11: string;
};
borderRadius: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
};
lineHeight: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
11: string;
};
fontWeight: {
light: string;
regular: string;
medium: string;
bold: string;
};
letterSpacing: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
11: string;
};
boxShadow: {
defaultFocused: string;
defaultHovered: string;
defaultOverlay: string;
defaultModal: string;
};
borderWidth: {
0: string;
1: string;
};
};
};
export type DefaultTheme = "defaultLight" | "defaultDark";
export type ThemeTokensValues = (typeof themes)[DefaultTheme];