feat(SW-1435): Added RateCard component to design system * feat(SW-1435): Added new component: RateCard to design system * feat: added reward night points rate card * fix: set svg icon color to "currentColor" to make them more reusable * fix: added click handler for info icon * fix: added selectedRate Approved-by: Arvid Norlin
35 lines
863 B
TypeScript
35 lines
863 B
TypeScript
import { cva } from 'class-variance-authority'
|
|
|
|
import { withTypography } from '../Typography/variants'
|
|
|
|
import styles from './button.module.css'
|
|
|
|
export const config = {
|
|
variants: {
|
|
variant: {
|
|
Primary: styles['variant-primary'],
|
|
Secondary: styles['variant-secondary'],
|
|
Tertiary: styles['variant-tertiary'],
|
|
Text: styles['variant-text'],
|
|
Icon: styles['variant-icon'],
|
|
},
|
|
color: {
|
|
Primary: styles['color-primary'],
|
|
Inverted: styles['color-inverted'],
|
|
IconDefault: styles['color-icon-default'],
|
|
},
|
|
size: {
|
|
Small: styles['size-small'],
|
|
Medium: styles['size-medium'],
|
|
Large: styles['size-large'],
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
variant: 'Primary',
|
|
color: 'Primary',
|
|
size: 'Large',
|
|
},
|
|
} as const
|
|
|
|
export const variants = cva(styles.button, withTypography(config))
|