5de2a993a7
Switches out all the old icons to new ones, and moves them to the design system. The new icons are of three different types: Materialise Symbol, Nucleo, and Customized. Also adds further mapping between facilities/amenities and icons. Approved-by: Michael Zetterberg Approved-by: Erik Tiekstra
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import { cva } from 'class-variance-authority'
|
|
|
|
import styles from './icon.module.css'
|
|
|
|
export const iconVariantConfig = {
|
|
variants: {
|
|
color: {
|
|
'Icon/Default': styles.iconDefault,
|
|
'Icon/Intense': styles.iconIntense,
|
|
'Icon/Accent': styles.iconAccent,
|
|
'Icon/Inverted': styles.iconInverted,
|
|
|
|
'Icon/Interactive/Default': styles.iconInteractiveDefault,
|
|
'Icon/Interactive/Secondary': styles.iconInteractiveSecondary,
|
|
'Icon/Interactive/Accent': styles.iconInteractiveAccent,
|
|
'Icon/Interactive/Disabled': styles.iconInteractiveDisabled,
|
|
'Icon/Interactive/Placeholder': styles.iconInteractivePlaceholder,
|
|
|
|
'Icon/Feedback/Information': styles.iconFeedbackInformation,
|
|
'Icon/Feedback/Success': styles.iconFeedbackSuccess,
|
|
'Icon/Feedback/Warning': styles.iconFeedbackWarning,
|
|
'Icon/Feedback/Neutral': styles.iconFeedbackNeutral,
|
|
'Icon/Feedback/Error': styles.iconFeedbackError,
|
|
|
|
CurrentColor: styles.currentColor,
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
color: 'Icon/Default',
|
|
},
|
|
} as const
|
|
|
|
export const iconVariants = cva(styles.icon, iconVariantConfig)
|