Replace deprecated <Body> with <Typography> * chore: replace deprecated body component * refactor: replace Body component with Typography across various components * merge Approved-by: Bianca Widstam Approved-by: Matilda Landström
74 lines
1.9 KiB
TypeScript
74 lines
1.9 KiB
TypeScript
import type { ButtonProps } from "@scandic-hotels/design-system/OldDSButton"
|
|
import type Title from "@scandic-hotels/design-system/Title"
|
|
import type { VariantProps } from "class-variance-authority"
|
|
import type { ComponentProps } from "react"
|
|
|
|
import type { CardProps } from "@/components/TempDesignSystem/Card/card"
|
|
import type { biroScriptVariants } from "@/components/TempDesignSystem/Text/BiroScript/variants"
|
|
|
|
type TitleColor = ComponentProps<typeof Title>["color"]
|
|
export function getTitleFontColor(theme: CardProps["theme"]): TitleColor {
|
|
switch (theme) {
|
|
case "one":
|
|
return "primaryLight"
|
|
case "two":
|
|
return "secondaryLight"
|
|
case "three":
|
|
return "tertiaryLight"
|
|
case "primaryDark":
|
|
return "primaryDark"
|
|
case "primaryDim":
|
|
return "primaryDim"
|
|
case "primaryInverted":
|
|
return "primaryLight"
|
|
case "primaryStrong":
|
|
return "primaryStrong"
|
|
case "image":
|
|
return "baseText"
|
|
}
|
|
}
|
|
|
|
export function getScriptFontColor(
|
|
theme: CardProps["theme"]
|
|
): VariantProps<typeof biroScriptVariants>["color"] {
|
|
switch (theme) {
|
|
case "one":
|
|
return "primaryLightOnSurfaceAccent"
|
|
case "two":
|
|
return "secondaryLightAccent"
|
|
case "three":
|
|
return "tertiaryLightAccent"
|
|
case "primaryDark":
|
|
return "pink"
|
|
case "primaryDim":
|
|
return "primaryDimAccent"
|
|
case "primaryInverted":
|
|
return "primaryLightOnSurfaceAccent"
|
|
case "primaryStrong":
|
|
return "primaryStrongAccent"
|
|
case "image":
|
|
return "baseText"
|
|
}
|
|
}
|
|
|
|
export function getButtonTheme(
|
|
theme: CardProps["theme"]
|
|
): ButtonProps["theme"] {
|
|
switch (theme) {
|
|
case "two":
|
|
return "secondaryLight"
|
|
case "three":
|
|
return "tertiaryLight"
|
|
case "primaryDark":
|
|
return "primaryDark"
|
|
case "primaryStrong":
|
|
case "image":
|
|
return "primaryStrong"
|
|
case "one":
|
|
case "primaryDim":
|
|
case "primaryInverted":
|
|
default:
|
|
return "primaryLight"
|
|
}
|
|
}
|