3d11cfb50a
Feature/sas mypages * feat: Add SAS partner page under my pages * fix: feature toggle SAS Partner page in my pages * add translations for SAS account page * use 'flex-start' instead of 'start' * fix: flatten css * fix: don't use <SectionContainer /> on linkedAccounts page
36 lines
1.1 KiB
TypeScript
36 lines
1.1 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,
|
|
currentColor: styles.currentColor,
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
color: "black",
|
|
},
|
|
} as const
|
|
|
|
export const iconVariants = cva(styles.icon, config)
|