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

feat: loosen up the zod validations and return null instead of throwing

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-06-07 10:36:23 +02:00
parent 5c50ac060d
commit aca9221ea6
89 changed files with 1117 additions and 821 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -41,13 +41,8 @@
gap: var(--Spacing-x1);
}
.scriptedTitle {
span.scriptedTitle {
color: var(--script-color);
font-family: var(--typography-Script-2-fontFamily);
font-size: var(--typography-Script-2-fontSize);
font-weight: var(--typography-Script-2-fontWeight);
line-height: var(--typography-Script-2-lineHeight);
letter-spacing: 0.48px;
padding: var(--Spacing-x1);
margin: 0;
transform: rotate(-3deg);
@@ -57,13 +52,8 @@
color: var(--font-color);
}
.bodyText {
p.bodyText {
color: var(--font-color);
font-size: var(--typography-Body-Regular-fontSize);
font-weight: var(--typography-Body-Regular-fontWeight);
line-height: var(--typography-Body-Regular-lineHeight);
letter-spacing: 0.096px;
text-align: center;
}
.buttonContainer {

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

@@ -1,6 +1,8 @@
import Button from "@/components/TempDesignSystem/Button"
import Divider from "@/components/TempDesignSystem/Divider"
import Link from "@/components/TempDesignSystem/Link"
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
import Body from "@/components/TempDesignSystem/Text/Body"
import Title from "@/components/TempDesignSystem/Text/Title"
import { cardVariants } from "./variants"
@@ -42,13 +44,20 @@ export default function Card({
>
{scriptedTopTitle ? (
<section className={styles.scriptContainer}>
<h3 className={styles.scriptedTitle}>{scriptedTopTitle}</h3>
<BiroScript className={styles.scriptedTitle} type="two">
{scriptedTopTitle}
</BiroScript>
<Divider />
</section>
) : null}
<Title as="h5" className={styles.heading} level="h3">
{heading}
</Title>
{bodyText ? <p className={styles.bodyText}>{bodyText}</p> : null}
{bodyText ? (
<Body className={styles.bodyText} textAlign="center">
{bodyText}
</Body>
) : null}
<div className={styles.buttonContainer}>
{primaryButton ? (
<Button asChild theme={buttonTheme} size="small">