fix(SW-1041): fix UI design feedback * fix(SW-1041): fix UI design feedback * fix(SW-1041): small fix * fix(SW-1041): add filter and sort badge * fix(SW-1041): update activefilter when entering map view * fix(SW-1041): create hook with activefilters * fix(SW-1041): hook only sets filter * fix(SW-1041): fix padding breadcrumbs * fix(SW-1041): rename hook * fix(SW-1041): fix double scroll Approved-by: Pontus Dreij Approved-by: Niclas Edenvin
34 lines
1003 B
TypeScript
34 lines
1003 B
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,
|
|
uiTextHighContrast: styles.uiTextHighContrast,
|
|
uiTextMediumContrast: styles.uiTextMediumContrast,
|
|
uiTextPlaceholder: styles.uiTextPlaceholder,
|
|
disabled: styles.disabled,
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
color: "black",
|
|
},
|
|
} as const
|
|
|
|
export const iconVariants = cva(styles.icon, config)
|