Files
web/components/TempDesignSystem/Divider/variants.ts
2024-11-21 15:06:47 +01:00

33 lines
795 B
TypeScript

import { cva } from "class-variance-authority"
import styles from "./divider.module.css"
export const dividerVariants = cva(styles.divider, {
variants: {
color: {
baseSurfaceSubtleNormal: styles.baseSurfaceSubtleNormal,
beige: styles.beige,
burgundy: styles.burgundy,
pale: styles.pale,
peach: styles.peach,
primaryLightSubtle: styles.primaryLightSubtle,
subtle: styles.subtle,
white: styles.white,
baseSurfaceSutbleHover: styles.baseSurfaceSubtleHover,
},
opacity: {
100: styles.opacity100,
8: styles.opacity8,
},
variant: {
horizontal: styles.horizontal,
vertical: styles.vertical,
},
},
defaultVariants: {
color: "burgundy",
opacity: 100,
variant: "horizontal",
},
})