914871607d
Feat(LOY-315): Membership Overview Card * fix(LOY-315): new divider variants * feat(LOY-315): Add MembershipOverviewCard * refactor(LOY-315): abstract sasbooststatus * fix(LOY-315): correct space vars * fix(LOY-315): date formatting fixes Approved-by: Erik Tiekstra
30 lines
914 B
TypeScript
30 lines
914 B
TypeScript
import { cva } from 'class-variance-authority'
|
|
|
|
import styles from './divider.module.css'
|
|
|
|
export const dividerVariants = cva(styles.divider, {
|
|
variants: {
|
|
color: {
|
|
burgundy: styles.burgundy,
|
|
pale: styles.pale,
|
|
peach: styles.peach,
|
|
white: styles.white,
|
|
'Border/Divider/Accent': styles['Border-Divider-Accent'],
|
|
'Border/Divider/Default': styles['Border-Divider-Default'],
|
|
'Border/Divider/Brand/OnPrimary 3/Default':
|
|
styles['Border-Divider-Brand-OnPrimary-3-Default'],
|
|
'Border/Divider/Subtle': styles['Border-Divider-Subtle'],
|
|
'Surface/Brand/Primary 1/OnSurface/Accent Secondary':
|
|
styles['Surface-Brand-Primary-1-OnSurface-Accent-Secondary'],
|
|
},
|
|
variant: {
|
|
horizontal: styles.horizontal,
|
|
vertical: styles.vertical,
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
color: 'Border/Divider/Default',
|
|
variant: 'horizontal',
|
|
},
|
|
})
|