333636c81a
Feat/BOOK-61 refactor hotel page css variables * feat(BOOK-61): Breadcrumbs * feat(BOOK-61): intro section * feat(BOOK-61): show more button * feat(BOOK-61): rooms section * feat(BOOK-61): sidepeeks * feat(BOOK-61): deprecated old Link component * feat(BOOK-61): added new TextLink component to the design-system * feat(BOOK-61): replaced deprecated links with new TextLink component * feat(BOOK-61): miscellaneous changes Approved-by: Bianca Widstam Approved-by: Christel Westerberg
32 lines
863 B
TypeScript
32 lines
863 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,
|
|
"Background/Primary": styles.backgroundPrimary,
|
|
},
|
|
size: {
|
|
pageWidth: styles.pageWidth,
|
|
headerWidth: styles.headerWidth,
|
|
contentWidth: styles.contentWidth,
|
|
},
|
|
isThemed: {
|
|
mobileOnly: styles.isThemedMobile,
|
|
desktopOnly: styles.isThemedDesktop,
|
|
true: [styles.isThemedMobile, styles.isThemedDesktop],
|
|
false: "",
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
color: "transparent",
|
|
size: "pageWidth",
|
|
isThemed: false,
|
|
},
|
|
})
|