scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(SW-719): add body color

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-11-08 15:55:05 +01:00
parent effbc4c571
commit 8d06394b0f
11 changed files with 89 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/TempDesignSystem/Card/card.module.css
View File

@@ -92,10 +92,6 @@
margin: 0;
}
.bodyText {
color: var(--font-color);
}
.buttonContainer {
display: flex;
gap: var(--Spacing-x1);

10
components/TempDesignSystem/Card/index.tsx
View File

@@ -5,9 +5,10 @@ import Button from "@/components/TempDesignSystem/Button"
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
import Body from "@/components/TempDesignSystem/Text/Body"
import Title from "@/components/TempDesignSystem/Text/Title"
import { getBodyFontColor } from "@/utils/cardBodyFontColor"
import { getScriptFontColor } from "@/utils/cardScriptFontColor"
import { getTheme } from "@/utils/cardTheme"
import { getFontColor } from "@/utils/cardTitleFontColor"
import { getTitleFontColor } from "@/utils/cardTitleFontColor"
import { cardVariants } from "./variants"
@@ -31,8 +32,9 @@ export default function Card({
onSecondaryButtonClick,
}: CardProps) {
const buttonTheme = getTheme(theme)
const fontColor = getFontColor(theme)
const titleFontColor = getTitleFontColor(theme)
const scriptFontColor = getScriptFontColor(theme)
const bodyFontColor = getBodyFontColor(theme)
imageHeight = imageHeight || 320
@@ -79,12 +81,12 @@ export default function Card({
level="h3"
textAlign="center"
textTransform="regular"
color={fontColor}
color={titleFontColor}
>
{heading}
</Title>
{bodyText ? (
<Body className={styles.bodyText} textAlign="center">
<Body textAlign="center" color={bodyFontColor}>
{bodyText}
</Body>
) : null}