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

feat(WEB-249): first iteration design system primitives (typography, grid)

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-05-29 13:57:03 +02:00
parent 08e7eb2fca
commit 00f99912fc
83 changed files with 1110 additions and 367 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css
+1 -1
View File
@@ -13,7 +13,7 @@
}
.cardSubtitle {
font-family: var(--ff-fira-sans);
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 16px;
font-weight: 400;
line-height: 14.4px;
components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx
+1 -1
View File
@@ -5,7 +5,7 @@ import { serverClient } from "@/lib/trpc/server"
import Header from "@/components/MyPages/Blocks/Header"
import CardGrid from "@/components/TempDesignSystem/CardGrid"
import Title from "@/components/TempDesignSystem/Title"
import Title from "@/components/TempDesignSystem/Text/Title"
import levelsData from "../data"
components/MyPages/Blocks/Benefits/NextLevel/next.module.css
+3 -4
View File
@@ -31,10 +31,9 @@
}
.level {
font-size: var(--typography-Script-Mobile-fontSize, 18px);
font-weight: var(--typography-Script-Mobile-fontWeight);
font-style: italic;
/* font-family: var(--ff-biro-script-plus); */
font-family: var(--typography-Script-2-fontFamily);
font-size: var(--typography-Script-2-Desktop-fontSize);
font-weight: var(--typography-Script-2-fontWeight);
}
.cardSubtitle {
components/MyPages/Blocks/Challenges/challenges.module.css
+2 -2
View File
@@ -17,7 +17,7 @@
.subtitle {
color: var(--some-black-color, #000);
/* font-family: var(--ff-biro-script-plus); */
font-family: var(--typography-Script-1-fontFamily);
font-size: 1.6rem;
font-weight: 400;
line-height: 1.8rem;
@@ -26,7 +26,7 @@
.title {
color: var(--some-black-color, #000);
/* font-family: var(--ff-brandon-text); */
font-family: var(--typography-Title-1-fontFamily);
font-size: 1.6rem;
font-weight: 900;
inline-size: 18rem;
components/MyPages/Blocks/Challenges/index.tsx
+1 -1
View File
@@ -1,7 +1,7 @@
import { _ } from "@/lib/translation"
import Image from "@/components/Image"
import Title from "@/components/TempDesignSystem/Title"
import Title from "@/components/TempDesignSystem/Text/Title"
import styles from "./challenges.module.css"
components/MyPages/Blocks/Header/index.tsx
+2 -2
View File
@@ -1,6 +1,6 @@
import Link from "@/components/TempDesignSystem/Link"
import Subtitle from "@/components/TempDesignSystem/Subtitle"
import Title from "@/components/TempDesignSystem/Title"
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import Title from "@/components/TempDesignSystem/Text/Title"
import styles from "./header.module.css"
components/MyPages/Blocks/Overview/Friend/index.tsx
+2 -2
View File
@@ -1,8 +1,8 @@
import { _ } from "@/lib/translation"
import { GoodFriend } from "@/components/Levels"
import BiroScript from "@/components/TempDesignSystem/BiroScript"
import Title from "@/components/TempDesignSystem/Title"
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
import Title from "@/components/TempDesignSystem/Text/Title"
import styles from "./friend.module.css"
components/MyPages/Blocks/Overview/Stats/NextLevel/index.tsx
+2 -2
View File
@@ -1,7 +1,7 @@
import { _ } from "@/lib/translation"
import BiroScript from "@/components/TempDesignSystem/BiroScript"
import Title from "@/components/TempDesignSystem/Title"
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
import Title from "@/components/TempDesignSystem/Text/Title"
import Label from "../Label"
components/MyPages/Blocks/Overview/Stats/Points/index.tsx
+1 -1
View File
@@ -1,4 +1,4 @@
import Title from "@/components/TempDesignSystem/Title"
import Title from "@/components/TempDesignSystem/Text/Title"
import Label from "../Label"
components/MyPages/Blocks/Shortcuts/shortcuts.module.css
+2 -2
View File
@@ -9,7 +9,7 @@
}
.subtitle {
font-family: var(--ff-fira-sans);
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 1.8rem;
font-weight: 400;
line-height: 2.2rem;
@@ -27,7 +27,7 @@
border-radius: 0.4rem;
color: var(--some-black-color, #000);
display: flex;
font-family: var(--ff-fira-sans);
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 1.6rem;
font-weight: 700;
gap: 0.4rem;
components/MyPages/Blocks/Stays/Previous/EmptyPreviousStays/index.tsx
+1 -1
View File
@@ -1,6 +1,6 @@
import { _ } from "@/lib/translation"
import Title from "@/components/TempDesignSystem/Title"
import Title from "@/components/TempDesignSystem/Text/Title"
import styles from "./emptyPreviousStays.module.css"
components/MyPages/Blocks/Stays/Soonest/EmptyUpcomingStays/index.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import { _ } from "@/lib/translation"
import Button from "@/components/TempDesignSystem/Button"
import Link from "@/components/TempDesignSystem/Link"
import Title from "@/components/TempDesignSystem/Title"
import Title from "@/components/TempDesignSystem/Text/Title"
import styles from "./emptyUpcomingStays.module.css"
components/MyPages/Blocks/Stays/StayCard/index.tsx
+1 -1
View File
@@ -3,7 +3,7 @@ import { Calendar } from "react-feather"
import { dt } from "@/lib/dt"
import Image from "@/components/Image"
import Title from "@/components/TempDesignSystem/Title"
import Title from "@/components/TempDesignSystem/Text/Title"
import styles from "./stay.module.css"
components/MyPages/Blocks/Stays/Upcoming/EmptyUpcomingStays/index.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import { _ } from "@/lib/translation"
import Button from "@/components/TempDesignSystem/Button"
import Link from "@/components/TempDesignSystem/Link"
import Title from "@/components/TempDesignSystem/Title"
import Title from "@/components/TempDesignSystem/Text/Title"
import styles from "./emptyUpcomingStays.module.css"
components/MyPages/Header/User/user.module.css
+1 -1
View File
@@ -4,7 +4,7 @@
border-radius: 50%;
color: var(--some-white-color, #fff);
display: flex;
font-family: var(--ff-fira-sans);
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 1.2rem;
font-weight: 600;
height: 3.5rem;
components/MyPages/Sidebar/index.tsx
+1 -1
View File
@@ -5,7 +5,7 @@ import { logout } from "@/constants/routes/handleAuth"
import { serverClient } from "@/lib/trpc/server"
import Link from "@/components/TempDesignSystem/Link"
import Title from "@/components/TempDesignSystem/Title"
import Title from "@/components/TempDesignSystem/Text/Title"
import styles from "./sidebar.module.css"