Merged in feat/SW-1711-switch-icons (pull request #1558)
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
This commit is contained in:
33
packages/design-system/lib/components/Icons/variants.ts
Normal file
33
packages/design-system/lib/components/Icons/variants.ts
Normal file
@@ -0,0 +1,33 @@
|
||||
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)
|
||||
Reference in New Issue
Block a user