69 lines
1.6 KiB
TypeScript
69 lines
1.6 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: {
|
|
baseButtonTextOnFillNormal: styles.baseButtonTextOnFillNormal,
|
|
black: styles.black,
|
|
burgundy: styles.burgundy,
|
|
none: "",
|
|
pale: styles.pale,
|
|
peach50: styles.peach50,
|
|
peach80: styles.peach80,
|
|
white: styles.white,
|
|
red: styles.red,
|
|
uiTextPlaceholder: styles.uiTextPlaceholder,
|
|
},
|
|
size: {
|
|
small: styles.small,
|
|
regular: styles.regular,
|
|
tiny: styles.tiny,
|
|
},
|
|
textDecoration: {
|
|
none: styles.noDecoration,
|
|
underline: styles.underline,
|
|
},
|
|
weight: {
|
|
bold: styles.bold,
|
|
},
|
|
variant: {
|
|
breadcrumb: styles.breadcrumb,
|
|
default: styles.default,
|
|
icon: styles.icon,
|
|
underscored: styles.underscored,
|
|
myPageMobileDropdown: styles.myPageMobileDropdown,
|
|
navigation: styles.navigation,
|
|
menu: styles.menu,
|
|
shortcut: styles.shortcut,
|
|
sidebar: styles.sidebar,
|
|
tab: styles.tab,
|
|
signupVerification: styles.signupVerification,
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
color: "black",
|
|
variant: "default",
|
|
textDecoration: "none",
|
|
size: "regular",
|
|
},
|
|
compoundVariants: [
|
|
{
|
|
class: `${styles.activeSidebar} ${styles.activeRegular}`,
|
|
active: true,
|
|
size: "regular",
|
|
variant: "sidebar",
|
|
},
|
|
{
|
|
class: `${styles.activeSidebar} ${styles.activeSmall}`,
|
|
active: true,
|
|
size: "small",
|
|
variant: "sidebar",
|
|
},
|
|
],
|
|
})
|