bc3233ff64
Feat/SW-196 design fixes * feat(SW-196): Updated copy My credit cards -> My payment cards * fix: update design system version * feat(SW-196): Update Header component to use Preamble instead of Subtitle * feat(SW-196): Minor design fixes Approved-by: Christel Westerberg
35 lines
696 B
TypeScript
35 lines
696 B
TypeScript
import { cva } from "class-variance-authority"
|
|
|
|
import styles from "./subtitle.module.css"
|
|
|
|
const config = {
|
|
variants: {
|
|
color: {
|
|
black: styles.black,
|
|
burgundy: styles.burgundy,
|
|
pale: styles.pale,
|
|
},
|
|
textAlign: {
|
|
center: styles.center,
|
|
left: styles.left,
|
|
},
|
|
textTransform: {
|
|
regular: styles.regular,
|
|
uppercase: styles.uppercase,
|
|
capitalize: styles.capitalize,
|
|
},
|
|
type: {
|
|
one: styles.one,
|
|
two: styles.two,
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
color: "black",
|
|
textAlign: "left",
|
|
textTransform: "regular",
|
|
type: "one",
|
|
},
|
|
} as const
|
|
|
|
export const subtitleVariants = cva(styles.subtitle, config)
|