yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

UI/chore: init typography xxs body

Browse Source
This commit is contained in:
Johannes Kirschbauer
2024-12-17 16:56:07 +01:00
parent b1fcc72748
commit c891612006
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pkgs/webview-ui/app/src/components/Typography/css/typography-hierarchy/typography-body.css
View File

@@ -15,3 +15,9 @@
line-height: 132%; line-height: 132%;
letter-spacing: 3%; letter-spacing: 3%;
} }
.fnt-body-xxs {
font-size: 0.6875rem;
line-height: 132%;
letter-spacing: 0.00688rem;
}

6
pkgs/webview-ui/app/src/components/Typography/index.tsx
View File

@@ -24,6 +24,7 @@ interface SizeForHierarchy {
body: { body: {
default: string; default: string;
xs: string; xs: string;
xxs: string;
s: string; s: string;
}; };
headline: { headline: {
@@ -43,10 +44,9 @@ type AllowedSizes<H extends Hierarchy> = keyof SizeForHierarchy[H];
const sizeHierarchyMap: SizeForHierarchy = { const sizeHierarchyMap: SizeForHierarchy = {
body: { body: {
default: cx("fnt-body-default"), default: cx("fnt-body-default"),
xs: cx("fnt-body-xs"),
s: cx("fnt-body-s"), s: cx("fnt-body-s"),
// m: cx("fnt-body-m"), xs: cx("fnt-body-xs"),
// l: cx("fnt-body-l"), xxs: cx("fnt-body-xxs"),
}, },
headline: { headline: {
default: cx("fnt-headline-default"), default: cx("fnt-headline-default"),