font weight changes

This commit is contained in:
Violet Caulfield
2025-02-02 20:43:27 -06:00
parent 4a89cc9b21
commit 006fa78ba3
3 changed files with 35 additions and 8 deletions

View File

@@ -62,12 +62,13 @@ export function ItemCard(props: CardProps) {
alignItems="center"
width={dimensions.width}
>
<H5
<Text
bold
lineBreakStrategyIOS="standard"
numberOfLines={1}
>
{ props.caption }
</H5>
</Text>
{ props.subCaption && (
<Text

View File

@@ -24,31 +24,57 @@ export function Label(props: LabelProps): React.JSX.Element {
export function H1({ children }: { children: string }): React.JSX.Element {
return (
<TamaguiH1 marginBottom={10}>{ children }</TamaguiH1>
<TamaguiH1
fontWeight={900}
marginBottom={10}
>
{ children }
</TamaguiH1>
)
}
export function H2(props: TamaguiTextProps): React.JSX.Element {
return (
<TamaguiH2 marginVertical={7} {...props}>{ props.children }</TamaguiH2>
<TamaguiH2
fontWeight={900}
marginVertical={7}
{...props}
>
{ props.children }
</TamaguiH2>
)
}
export function H3({ children }: { children: string }): React.JSX.Element {
return (
<TamaguiH3 marginVertical={5}>{ children }</TamaguiH3>
<TamaguiH3
fontWeight={800}
marginVertical={5}
>
{ children }
</TamaguiH3>
)
}
export function H4({ children }: { children: string }): React.JSX.Element {
return (
<TamaguiH4 marginVertical={3}>{children}</TamaguiH4>
<TamaguiH4
fontWeight={800}
marginVertical={3}
>
{children}
</TamaguiH4>
)
}
export function H5({ children }: { children: string }): React.JSX.Element {
return (
<TamaguiH5 marginVertical={2}>{ children }</TamaguiH5>
<TamaguiH5
fontWeight={800}
marginVertical={2}
>
{ children }
</TamaguiH5>
)
}

View File

@@ -7,7 +7,7 @@ const aileronFace = {
300: { normal: 'Aileron-Light', italic: 'Aileron Light Italic' },
400: { normal: 'Aileron-Regular', italic: 'Aileron Italic'} ,
500: { normal: 'Aileron-Regular', italic: 'Aileron Italic' },
600: { normal: 'Aileron SemiBold', italic: 'Aileron SemiBold Italic' },
600: { normal: 'Aileron-SemiBold', italic: 'Aileron SemiBold Italic' },
700: { normal: 'Aileron-Bold', italic: 'Aileron Bold Italic' },
800: { normal: 'Aileron-Heavy', italic: 'Aileron Heavy Italic' },
900: { normal: 'Aileron-Black', italic: 'Aileron-BlackItalic' }