@hhgtech/hhg-components
Version:
Hello Health Group common components
270 lines (269 loc) • 7.56 kB
TypeScript
import { MantineTheme } from '@mantine/core';
export type TextSize = 'lg' | 'md' | 'base' | 'sm' | 'xs' | 's1' | 's2' | 's3' | 's4' | 's5' | 'p1' | 'p2' | 'p3' | 'p4' | 'p5' | 'c1' | 'c2' | 'n1' | 'label1' | 'label2' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h5New' | 'h6' | 'title1' | 'title2' | 'body2' | 'overline' | 'subText';
export declare enum FontWeight {
regular = 400,
halfBold = 500,
semiBold = 600,
bold = 700
}
export declare const GlobalTextStyle: {
none: {
fontSize: {
base: string[];
lg: string[];
md: string[];
sm: string[];
xs: string[];
s1: string[];
s2: string[];
s3: string[];
s4: string[];
s5: string[];
p1: string[];
p2: string[];
p3: string[];
p4: string[];
p5: string[];
c1: string[];
c2: string[];
n1: string[];
label1: string[];
label2: string[];
h1: string[];
h2: string[];
h3: string[];
h4: string[];
h5: string[];
h5New: string[];
h6: string[];
title1: string[];
title2: string[];
body2: string[];
};
lineHeight: {
base: string[];
lg: string[];
md: string[];
sm: string[];
xs: string[];
s1: string[];
s2: string[];
s3: string[];
s4: string[];
s5: string[];
p1: string[];
p2: string[];
p3: string[];
p4: string[];
c1: string[];
c2: string[];
n1: string[];
label1: string[];
label2: string[];
h1: string[];
h2: string[];
h3: string[];
h4: string[];
h5: string[];
h5New: string[];
h6: string[];
title1: string[];
title2: string[];
body2: string[];
};
letterSpacing: {
lg: number[];
md: number[];
sm: number[];
s1: number[];
s2: number[];
s3: number[];
s4: number[];
p1: number[];
p2: number[];
p3: number[];
p4: number[];
label1: number[];
h1: number[];
h2: number[];
h3: number[];
h4: number[];
h5: number[];
h5New: number[];
h6: number[];
title1: number[];
title2: number[];
body2: number[];
};
fontWeightBySize: {
s1: FontWeight;
s2: FontWeight;
s3: FontWeight;
s4: FontWeight;
h1: FontWeight;
h2: FontWeight;
h3: FontWeight;
h4: FontWeight;
h5: FontWeight;
h5New: FontWeight;
h6: FontWeight;
};
fontWeight: typeof FontWeight;
};
leadgen: {
fontSize: {
base: string[];
lg: string[];
md: string[];
sm: string[];
xs: string[];
s1: string[];
s2: string[];
s3: string[];
s4: string[];
s5: string[];
p1: string[];
p2: string[];
p3: string[];
p4: string[];
p5: string[];
c1: string[];
c2: string[];
n1: string[];
label1: string[];
label2: string[];
h1: string[];
h2: string[];
h3: string[];
h4: string[];
h5: string[];
h5New: string[];
h6: string[];
title1: string[];
title2: string[];
body2: string[];
overline: string[];
subText: string[];
};
lineHeight: {
base: string[];
lg: string[];
md: string[];
sm: string[];
xs: string[];
s1: string[];
s2: string[];
s3: string[];
s4: string[];
s5: string[];
p1: string[];
p2: string[];
p3: string[];
p4: string[];
c1: string[];
c2: string[];
n1: string[];
label1: string[];
label2: string[];
h1: string[];
h2: string[];
h3: string[];
h4: string[];
h5: string[];
h5New: string[];
h6: string[];
title1: string[];
title2: string[];
body2: string[];
overline: string[];
subText: string[];
};
letterSpacing: {
lg: number[];
md: number[];
sm: number[];
s1: number[];
s2: number[];
s3: number[];
s4: number[];
p1: number[];
p2: number[];
p3: number[];
p4: number[];
c1: number[];
c2: number[];
label1: number[];
h1: number[];
h2: number[];
h3: number[];
h4: number[];
h5: number[];
h5New: number[];
h6: number[];
n1: number[];
title1: number[];
title2: number[];
body2: number[];
overline: number[];
subText: number[];
};
fontWeightBySize: {
s1: FontWeight;
s2: FontWeight;
s3: FontWeight;
s4: FontWeight;
h1: FontWeight;
h2: FontWeight;
h3: FontWeight;
h4: FontWeight;
h5: FontWeight;
h5New: FontWeight;
h6: FontWeight;
};
fontWeight: typeof FontWeight;
};
};
export declare const GlobalTextStyleNew: (theme: MantineTheme) => {
leadgen: {
h1: {
[x: string]: string | {
fontSize: string;
lineHeight: string;
letterSpacing: string;
};
fontSize: string;
lineHeight: string;
letterSpacing: string;
};
h2: {
[x: string]: string | {
fontSize: string;
lineHeight: string;
letterSpacing: string;
};
fontSize: string;
lineHeight: string;
letterSpacing: string;
};
h3: {
[x: string]: string | {
fontSize: string;
lineHeight: string;
letterSpacing: string;
};
fontSize: string;
lineHeight: string;
letterSpacing: string;
};
p1: {
fontSize: string;
lineHeight: string;
letterSpacing: string;
};
p2: {
fontSize: string;
lineHeight: string;
letterSpacing: string;
};
};
};