fix(SW-719): move functions to single file
This commit is contained in:
@@ -5,11 +5,13 @@ import Button from "@/components/TempDesignSystem/Button"
|
|||||||
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
|
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
|
||||||
import Body from "@/components/TempDesignSystem/Text/Body"
|
import Body from "@/components/TempDesignSystem/Text/Body"
|
||||||
import Title from "@/components/TempDesignSystem/Text/Title"
|
import Title from "@/components/TempDesignSystem/Text/Title"
|
||||||
import { getBodyFontColor } from "@/utils/cardBodyFontColor"
|
|
||||||
import { getScriptFontColor } from "@/utils/cardScriptFontColor"
|
|
||||||
import { getTheme } from "@/utils/cardTheme"
|
|
||||||
import { getTitleFontColor } from "@/utils/cardTitleFontColor"
|
|
||||||
|
|
||||||
|
import {
|
||||||
|
getBodyFontColor,
|
||||||
|
getScriptFontColor,
|
||||||
|
getTitleFontColor,
|
||||||
|
} from "../utils/cardFontColors"
|
||||||
|
import { getTheme } from "../utils/cardTheme"
|
||||||
import { cardVariants } from "./variants"
|
import { cardVariants } from "./variants"
|
||||||
|
|
||||||
import styles from "./card.module.css"
|
import styles from "./card.module.css"
|
||||||
|
|||||||
76
components/TempDesignSystem/utils/cardFontColors.ts
Normal file
76
components/TempDesignSystem/utils/cardFontColors.ts
Normal file
@@ -0,0 +1,76 @@
|
|||||||
|
import { biroScriptVariants } from "@/components/TempDesignSystem/Text/BiroScript/variants"
|
||||||
|
import { bodyVariants } from "@/components/TempDesignSystem/Text/Body/variants"
|
||||||
|
import { headingVariants } from "@/components/TempDesignSystem/Text/Title/variants"
|
||||||
|
|
||||||
|
import type { VariantProps } from "class-variance-authority"
|
||||||
|
|
||||||
|
import type { CardProps } from "@/components/TempDesignSystem/Card/card"
|
||||||
|
|
||||||
|
export function getTitleFontColor(
|
||||||
|
theme: CardProps["theme"]
|
||||||
|
): VariantProps<typeof headingVariants>["color"] {
|
||||||
|
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 getBodyFontColor(
|
||||||
|
theme: CardProps["theme"]
|
||||||
|
): VariantProps<typeof bodyVariants>["color"] {
|
||||||
|
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"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
import { CardProps } from "@/components/TempDesignSystem/Card/card"
|
|
||||||
import { bodyVariants } from "@/components/TempDesignSystem/Text/Body/variants"
|
|
||||||
|
|
||||||
import type { VariantProps } from "class-variance-authority"
|
|
||||||
|
|
||||||
export function getBodyFontColor(theme: CardProps["theme"]) {
|
|
||||||
let color: VariantProps<typeof bodyVariants>["color"]
|
|
||||||
|
|
||||||
switch (theme) {
|
|
||||||
case "one":
|
|
||||||
return (color = "primaryLight")
|
|
||||||
case "two":
|
|
||||||
return (color = "secondaryLight")
|
|
||||||
case "three":
|
|
||||||
return (color = "tertiaryLight")
|
|
||||||
case "primaryDark":
|
|
||||||
return (color = "primaryDark")
|
|
||||||
case "primaryDim":
|
|
||||||
return (color = "primaryDim")
|
|
||||||
case "primaryInverted":
|
|
||||||
return (color = "primaryLight")
|
|
||||||
case "primaryStrong":
|
|
||||||
return (color = "primaryStrong")
|
|
||||||
case "image":
|
|
||||||
return (color = "baseText")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
import { CardProps } from "@/components/TempDesignSystem/Card/card"
|
|
||||||
import { biroScriptVariants } from "@/components/TempDesignSystem/Text/BiroScript/variants"
|
|
||||||
|
|
||||||
import type { VariantProps } from "class-variance-authority"
|
|
||||||
|
|
||||||
export function getScriptFontColor(theme: CardProps["theme"]) {
|
|
||||||
let color: VariantProps<typeof biroScriptVariants>["color"]
|
|
||||||
|
|
||||||
switch (theme) {
|
|
||||||
case "one":
|
|
||||||
return (color = "primaryLightOnSurfaceAccent")
|
|
||||||
case "two":
|
|
||||||
return (color = "secondaryLightAccent")
|
|
||||||
case "three":
|
|
||||||
return (color = "tertiaryLightAccent")
|
|
||||||
case "primaryDark":
|
|
||||||
return (color = "pink")
|
|
||||||
case "primaryDim":
|
|
||||||
return (color = "primaryDimAccent")
|
|
||||||
case "primaryInverted":
|
|
||||||
return (color = "primaryLightOnSurfaceAccent")
|
|
||||||
case "primaryStrong":
|
|
||||||
return (color = "primaryStrongAccent")
|
|
||||||
case "image":
|
|
||||||
return (color = "baseText")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
import { CardProps } from "@/components/TempDesignSystem/Card/card"
|
|
||||||
import { headingVariants } from "@/components/TempDesignSystem/Text/Title/variants"
|
|
||||||
|
|
||||||
import type { VariantProps } from "class-variance-authority"
|
|
||||||
|
|
||||||
export function getTitleFontColor(theme: CardProps["theme"]) {
|
|
||||||
let color: VariantProps<typeof headingVariants>["color"]
|
|
||||||
|
|
||||||
switch (theme) {
|
|
||||||
case "one":
|
|
||||||
return (color = "primaryLight")
|
|
||||||
case "two":
|
|
||||||
return (color = "secondaryLight")
|
|
||||||
case "three":
|
|
||||||
return (color = "tertiaryLight")
|
|
||||||
case "primaryDark":
|
|
||||||
return (color = "primaryDark")
|
|
||||||
case "primaryDim":
|
|
||||||
return (color = "primaryDim")
|
|
||||||
case "primaryInverted":
|
|
||||||
return (color = "primaryLight")
|
|
||||||
case "primaryStrong":
|
|
||||||
return (color = "primaryStrong")
|
|
||||||
case "image":
|
|
||||||
return (color = "baseText")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user