56 lines
1.2 KiB
TypeScript
56 lines
1.2 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,
|
|
regular: styles.regular,
|
|
tiny: styles.tiny,
|
|
},
|
|
textDecoration: {
|
|
underline: styles.underline,
|
|
},
|
|
weight: {
|
|
bold: styles.bold,
|
|
},
|
|
variant: {
|
|
breadcrumb: styles.breadcrumb,
|
|
myPageMobileDropdown: styles.myPageMobileDropdown,
|
|
navigation: styles.navigation,
|
|
menu: styles.menu,
|
|
shortcut: styles.shortcut,
|
|
sidebar: styles.sidebar,
|
|
languageSwitcher: styles.languageSwitcher,
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
color: "Text/Interactive/Default",
|
|
size: "regular",
|
|
},
|
|
compoundVariants: [
|
|
{
|
|
active: true,
|
|
size: "regular",
|
|
variant: "sidebar",
|
|
},
|
|
{
|
|
active: true,
|
|
size: "small",
|
|
variant: "sidebar",
|
|
},
|
|
],
|
|
})
|