Files
web/packages/design-system/lib/components/Divider/variants.ts
Erik Tiekstra c60f7928ba fix(BOOK-579): Multiple small fixes in regards to hotel branding
Approved-by: Bianca Widstam
Approved-by: Matilda Haneling
2025-11-20 13:07:11 +00:00

32 lines
1018 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'],
'Border/Divider/Brand/OnAccent/Default':
styles['Border-Divider-Brand-OnAccent-Default'],
},
variant: {
horizontal: styles.horizontal,
vertical: styles.vertical,
},
},
defaultVariants: {
color: 'Border/Divider/Default',
variant: 'horizontal',
},
})