fix(SW-2118): changed variants for breadcrumbs to handle different background-colors and widths * fix(SW-2118): changed variants for breadcrumbs to handle different background-colors and widths Approved-by: Christian Andolf Approved-by: Linus Flood
24 lines
603 B
TypeScript
24 lines
603 B
TypeScript
import { cva } from "class-variance-authority"
|
|
|
|
import styles from "./breadcrumbs.module.css"
|
|
|
|
export const breadcrumbsVariants = cva(styles.breadcrumbs, {
|
|
variants: {
|
|
color: {
|
|
transparent: styles.transparent,
|
|
"Surface/Secondary/Default": styles.surfaceSecondaryDefault,
|
|
"Surface/Primary/OnSurface/Default":
|
|
styles.surfacePrimaryOnSurfaceDefault,
|
|
},
|
|
size: {
|
|
pageWidth: styles.pageWidth,
|
|
headerWidth: styles.headerWidth,
|
|
contentWidth: styles.contentWidth,
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
color: "transparent",
|
|
size: "pageWidth",
|
|
},
|
|
})
|