50 lines
1.1 KiB
TypeScript
50 lines
1.1 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: {
|
|
black: styles.black,
|
|
burgundy: styles.burgundy,
|
|
none: "",
|
|
pale: styles.pale,
|
|
peach80: styles.peach80,
|
|
},
|
|
size: {
|
|
small: styles.small,
|
|
regular: styles.regular,
|
|
},
|
|
variant: {
|
|
breadcrumb: styles.breadcrumb,
|
|
default: styles.default,
|
|
icon: styles.icon,
|
|
myPage: styles.myPage,
|
|
myPageMobileDropdown: styles.myPageMobileDropdown,
|
|
shortcut: styles.shortcut,
|
|
sidebar: styles.sidebar,
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
color: "black",
|
|
variant: "default",
|
|
},
|
|
compoundVariants: [
|
|
{
|
|
class: `${styles.activeSidebar} ${styles.activeRegular}`,
|
|
active: true,
|
|
size: "regular",
|
|
variant: "sidebar",
|
|
},
|
|
{
|
|
class: `${styles.activeSidebar} ${styles.activeSmall}`,
|
|
active: true,
|
|
size: "small",
|
|
variant: "sidebar",
|
|
},
|
|
],
|
|
})
|