+
{lineCount} line{lineCount !== 1 ? "s" : ""}
·
{byteCount} byte{byteCount !== 1 ? "s" : ""}
diff --git a/web/src/lib/components/timeline/TimelineCard.svelte b/web/src/lib/components/timeline/TimelineCard.svelte
index d5cf52d6..9da1a47c 100644
--- a/web/src/lib/components/timeline/TimelineCard.svelte
+++ b/web/src/lib/components/timeline/TimelineCard.svelte
@@ -7,7 +7,7 @@
{@render header()}
diff --git a/web/src/lib/components/ui/ButtonCard.svelte b/web/src/lib/components/ui/ButtonCard.svelte
index 8bcbf6a5..c42eb863 100644
--- a/web/src/lib/components/ui/ButtonCard.svelte
+++ b/web/src/lib/components/ui/ButtonCard.svelte
@@ -91,7 +91,7 @@
{#if Icon}
{/if}
- {title}
+ {title}
{/if}
{#if description}
diff --git a/web/src/lib/components/ui/Dropdown.svelte b/web/src/lib/components/ui/Dropdown.svelte
index 0b73a9a8..02129471 100644
--- a/web/src/lib/components/ui/Dropdown.svelte
+++ b/web/src/lib/components/ui/Dropdown.svelte
@@ -7,7 +7,7 @@
root: "relative inline-block",
plainTrigger:
"flex cursor-pointer items-center gap-1 border-0 bg-transparent p-0 text-inherit",
- menu: "dropdown-menu fixed z-50 m-0 max-h-[calc(100dvh-1rem)] w-56 max-w-[calc(100vw-1rem)] divide-y divide-border-default overflow-auto rounded-sm border border-border-default bg-background-default text-sm text-foreground-default shadow-regular"
+ menu: "dropdown-menu fixed z-50 m-0 max-h-[calc(100dvh-1rem)] w-56 max-w-[calc(100vw-1rem)] divide-y divide-border-default overflow-auto rounded-sm border border-border-default bg-background-default typography-paragraph-small text-foreground-default shadow-regular"
},
variants: {
align: {
diff --git a/web/src/lib/components/ui/Error.svelte b/web/src/lib/components/ui/Error.svelte
index 8775c2d6..53792aa9 100644
--- a/web/src/lib/components/ui/Error.svelte
+++ b/web/src/lib/components/ui/Error.svelte
@@ -15,18 +15,18 @@
variants: {
size: {
small: {
- header: "px-3 py-2 text-sm",
+ header: "px-3 py-2 typography-paragraph-small",
icon: "size-4",
- toggle: "px-3 py-2 text-sm",
+ toggle: "px-3 py-2 typography-paragraph-small",
chevron: "size-4",
body: "px-3 py-2 typography-paragraph-small"
},
large: {
header: "px-4 py-3 typography-paragraph-large",
icon: "size-5",
- toggle: "px-4 py-3 text-sm",
+ toggle: "px-4 py-3 typography-paragraph-small",
chevron: "size-4",
- body: "px-4 py-3 text-sm"
+ body: "px-4 py-3 typography-paragraph-small"
}
}
},
diff --git a/web/src/lib/components/ui/MarkdownEditor.svelte b/web/src/lib/components/ui/MarkdownEditor.svelte
index 07296316..e4c0d1b2 100644
--- a/web/src/lib/components/ui/MarkdownEditor.svelte
+++ b/web/src/lib/components/ui/MarkdownEditor.svelte
@@ -105,7 +105,7 @@
/>
{:else}
{#await preview}
-
Rendering…
+
Rendering…
{:then html}
{#if html}
@@ -113,12 +113,12 @@
{@html html}
{:else}
-
+
Nothing to preview.
{/if}
{:catch}
-
+
Could not render preview.
{/await}
diff --git a/web/src/lib/components/ui/Section.stories.svelte b/web/src/lib/components/ui/Section.stories.svelte
index b6924584..72c5759e 100644
--- a/web/src/lib/components/ui/Section.stories.svelte
+++ b/web/src/lib/components/ui/Section.stories.svelte
@@ -43,7 +43,7 @@
listClass="grid grid-cols-2 gap-4"
>
{#snippet header()}
-
Up to four pinned repositories.
+
Up to four pinned repositories.
{/snippet}
{@render items()}
@@ -53,7 +53,7 @@
{@render items()}
{#snippet footer()}
- footer
+ footer
{/snippet}
diff --git a/web/src/lib/components/ui/SignupPrompt.svelte b/web/src/lib/components/ui/SignupPrompt.svelte
index 92628686..b95b86d5 100644
--- a/web/src/lib/components/ui/SignupPrompt.svelte
+++ b/web/src/lib/components/ui/SignupPrompt.svelte
@@ -10,7 +10,7 @@
or
diff --git a/web/src/lib/components/ui/Tabs.svelte b/web/src/lib/components/ui/Tabs.svelte
index 65fd0c79..6f905d0d 100644
--- a/web/src/lib/components/ui/Tabs.svelte
+++ b/web/src/lib/components/ui/Tabs.svelte
@@ -32,7 +32,7 @@
const itemClass = (isActive: boolean) =>
vertical
- ? `flex items-center gap-3 px-3 py-2 text-sm no-underline hover:no-underline ${
+ ? `flex items-center gap-3 px-3 py-2 typography-paragraph-small no-underline hover:no-underline ${
isActive
? "bg-background-default text-foreground-default dark:bg-background-inset"
: "bg-background-inset text-foreground-muted hover:text-foreground-default dark:bg-background-default"
@@ -67,7 +67,7 @@
{/if}
{#if tab.count}
-
{tab.count}
{/if}
diff --git a/web/src/lib/components/ui/Textarea.svelte b/web/src/lib/components/ui/Textarea.svelte
index 2f06b3db..f320f907 100644
--- a/web/src/lib/components/ui/Textarea.svelte
+++ b/web/src/lib/components/ui/Textarea.svelte
@@ -14,7 +14,7 @@
// box's own minimum and leave dead space under the field. keep this in sync with
// textareaMinHeight above — it's 2px shorter because the root's border sits outside it.
textarea:
- "min-h-63.5 flex-1 self-stretch bg-transparent py-2 text-sm leading-6 outline-none placeholder:text-foreground-placeholder read-only:resize-none disabled:cursor-not-allowed disabled:resize-none"
+ "min-h-63.5 flex-1 self-stretch bg-transparent py-2 typography-paragraph-small leading-6 outline-none placeholder:text-foreground-placeholder read-only:resize-none disabled:cursor-not-allowed disabled:resize-none"
},
variants: {
error: {
diff --git a/web/src/routes/login/+page.svelte b/web/src/routes/login/+page.svelte
index c7537c98..152eabac 100644
--- a/web/src/routes/login/+page.svelte
+++ b/web/src/routes/login/+page.svelte
@@ -44,7 +44,7 @@