@project44-manifest/react
Version:
Manifest Design System react components
35 lines (31 loc) • 875 B
text/typescript
import { css } from '@project44-manifest/react-styles';
export const useStyles = css({
margin: '0',
variants: {
paragraph: {
true: {
marginBottom: '$medium',
},
},
variant: {
display: { typography: '$display' },
heading: { typography: '$heading' },
title: { typography: '$title' },
subtitle: { typography: '$subtitle' },
body: { typography: '$body' },
bodyBold: { typography: '$body-bold' },
subtext: { typography: '$subtext' },
subtextBold: { typography: '$subtext-bold' },
caption: { typography: '$caption' },
captionBold: { typography: '$caption-bold' },
},
color: {
primary: { color: '$text-primary' },
secondary: { color: '$text-secondary' },
tertiary: { color: '$text-tertiary' },
},
},
defaultVariants: {
variant: 'body',
},
});