Files
web/packages/design-system/lib/components/OldDSLink/variants.ts
Erik Tiekstra 333636c81a Merged in feat/BOOK-61-refactor-hotel-page-css-variables (pull request #3014)
Feat/BOOK-61 refactor hotel page css variables

* feat(BOOK-61): Breadcrumbs

* feat(BOOK-61): intro section

* feat(BOOK-61): show more button

* feat(BOOK-61): rooms section

* feat(BOOK-61): sidepeeks

* feat(BOOK-61): deprecated old Link component

* feat(BOOK-61): added new TextLink component to the design-system

* feat(BOOK-61): replaced deprecated links with new TextLink component

* feat(BOOK-61): miscellaneous changes


Approved-by: Bianca Widstam
Approved-by: Christel Westerberg
2025-10-29 09:15:03 +00:00

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',
},
})