Files
web/apps/scandic-web/components/TempDesignSystem/Breadcrumbs/variants.ts
Erik Tiekstra 85a90baa12 Merged in fix/SW-2118-breadcrumbs (pull request #1721)
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
2025-04-07 14:02:39 +00:00

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",
},
})