Files
web/components/Icons/variants.ts
2024-12-06 12:56:54 +01:00

35 lines
1.0 KiB
TypeScript

import { cva } from "class-variance-authority"
import styles from "./icon.module.css"
const config = {
variants: {
color: {
baseButtonTertiaryOnFillNormal: styles.baseButtonTertiaryOnFillNormal,
baseButtonTextOnFillNormal: styles.baseButtonTextOnFillNormal,
baseIconLowContrast: styles.baseIconLowContrast,
baseTextHighcontrast: styles.baseTextHighcontrast,
black: styles.black,
blue: styles.blue,
burgundy: styles.burgundy,
green: styles.green,
grey80: styles.grey80,
pale: styles.pale,
peach80: styles.peach80,
primaryLightOnSurfaceAccent: styles.plosa,
red: styles.red,
white: styles.white,
uiSemanticSuccess: styles.uiSemanticSuccess,
uiTextHighContrast: styles.uiTextHighContrast,
uiTextMediumContrast: styles.uiTextMediumContrast,
uiTextPlaceholder: styles.uiTextPlaceholder,
disabled: styles.disabled,
},
},
defaultVariants: {
color: "black",
},
} as const
export const iconVariants = cva(styles.icon, config)