4ec1e85d84
* feat(BOOK-293): Adjusted padding of the buttons to match Figma design * feat(BOOK-293): Updated variants for IconButton * feat(BOOK-113): Updated focus indicators on buttons and added default focus ring color * feat(BOOK-293): Replaced buttons inside booking widget Approved-by: Christel Westerberg
33 lines
730 B
TypeScript
33 lines
730 B
TypeScript
import { cva } from 'class-variance-authority'
|
|
|
|
import styles from './iconButton.module.css'
|
|
|
|
export const config = {
|
|
variants: {
|
|
variant: {
|
|
Filled: styles['variant-filled'],
|
|
Outlined: styles['variant-outlined'],
|
|
Elevated: styles['variant-elevated'],
|
|
Faded: styles['variant-faded'],
|
|
Muted: styles['variant-muted'],
|
|
},
|
|
emphasis: {
|
|
true: styles['emphasis'],
|
|
false: undefined,
|
|
},
|
|
size: {
|
|
xl: styles['size-xl'],
|
|
lg: styles['size-lg'],
|
|
md: styles['size-md'],
|
|
sm: styles['size-sm'],
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
variant: 'Filled',
|
|
size: 'lg',
|
|
emphasis: false,
|
|
},
|
|
} as const
|
|
|
|
export const variants = cva(styles.iconButton, config)
|