cfaee8f123
feat(SW-3276): update hotel page intro section * feat(SW-3276): update hotel page intro section * fix(SW-3276): update Link component Approved-by: Erik Tiekstra
45 lines
1.0 KiB
TypeScript
45 lines
1.0 KiB
TypeScript
import { cva } from 'class-variance-authority'
|
|
|
|
import styles from './link.module.css'
|
|
|
|
export const linkVariants = cva(styles.link, {
|
|
variants: {
|
|
active: {
|
|
true: styles.active,
|
|
},
|
|
color: {
|
|
none: '',
|
|
peach50: styles.peach50,
|
|
white: styles.white,
|
|
red: styles.red,
|
|
'Text/Interactive/Default': styles['Text-Interactive-Default'],
|
|
'Text/Interactive/Secondary': styles['Text-Interactive-Secondary'],
|
|
},
|
|
size: {
|
|
small: styles.small,
|
|
large: styles.large,
|
|
tiny: styles.tiny,
|
|
none: '',
|
|
},
|
|
textDecoration: {
|
|
underline: styles.underline,
|
|
},
|
|
weight: {
|
|
bold: styles.bold,
|
|
},
|
|
variant: {
|
|
icon: styles.icon,
|
|
breadcrumb: styles.breadcrumb,
|
|
myPageMobileDropdown: styles.myPageMobileDropdown,
|
|
navigation: styles.navigation,
|
|
menu: styles.menu,
|
|
shortcut: styles.shortcut,
|
|
languageSwitcher: styles.languageSwitcher,
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
color: 'Text/Interactive/Default',
|
|
size: 'large',
|
|
},
|
|
})
|