42 lines
1.0 KiB
TypeScript
42 lines
1.0 KiB
TypeScript
import { cva } from "class-variance-authority"
|
|
|
|
import styles from "./biroScript.module.css"
|
|
|
|
const config = {
|
|
variants: {
|
|
color: {
|
|
black: styles.black,
|
|
burgundy: styles.burgundy,
|
|
pale: styles.pale,
|
|
peach80: styles.peach80,
|
|
primaryLightOnSurfaceAccent: styles.plosa,
|
|
red: styles.red,
|
|
pink: styles.pink,
|
|
secondaryLightAccent: styles.secondaryLightAccent,
|
|
tertiaryLightAccent: styles.tertiaryLightAccent,
|
|
primaryDimAccent: styles.primaryDimAccent,
|
|
primaryStrongAccent: styles.primaryStrongAccent,
|
|
baseText: styles.baseText,
|
|
},
|
|
textAlign: {
|
|
center: styles.center,
|
|
left: styles.left,
|
|
},
|
|
type: {
|
|
one: styles.one,
|
|
two: styles.two,
|
|
},
|
|
tilted: {
|
|
extraSmall: styles.tiltedExtraSmall,
|
|
small: styles.tiltedSmall,
|
|
medium: styles.tiltedMedium,
|
|
large: styles.tiltedLarge,
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
type: "one",
|
|
},
|
|
} as const
|
|
|
|
export const biroScriptVariants = cva(styles.text, config)
|