alice.pds.demo.boltless.dev
This repository has no description
web/fmt: text-* ➔ typography-* (2)
Signed-off-by: eti <eti@eti.tf>
author
eti
date
(Aug 3, 2026, 4:28 PM +0300)
commit
d1c1a048
d1c1a048d9c0a8b805f0081dae2471d26da89c21
parent
038b7254
038b72540291a65781eca49ca7d3f58e83596b2a
+15
-15
+2
-2
web/src/lib/components/repo/RefSelector.svelte
+2
-2
web/src/lib/components/repo/RefSelector.svelte
···
51
51
>
52
52
{#snippet footer()}
53
53
<div class="flex items-center gap-4 px-2 py-1.5">
54
-
<a href={resolve(`${base}/branches` as "/")} class="text-sm"> View all branches </a>
55
-
<a href={resolve(`${base}/tags` as "/")} class="text-sm">View all tags</a>
54
+
<a href={resolve(`${base}/branches` as "/")} class="typography-paragraph-small"> View all branches </a>
55
+
<a href={resolve(`${base}/tags` as "/")} class="typography-paragraph-small">View all tags</a>
56
56
</div>
57
57
{/snippet}
58
58
</Select>
+3
-3
web/src/lib/components/repo/RepoToolbar.svelte
+3
-3
web/src/lib/components/repo/RepoToolbar.svelte
···
53
53
<div class="flex items-center gap-3">
54
54
<a
55
55
href={resolve(`${base}/commits/${encodedRef}` as "/")}
56
-
class="inline-flex items-center gap-1 text-sm font-bold text-foreground-default no-underline hover:underline md:hidden"
56
+
class="inline-flex items-center gap-1 typography-paragraph-small font-bold text-foreground-default no-underline hover:underline md:hidden"
57
57
>
58
58
<GitCommitHorizontal class="size-4" aria-hidden="true" />
59
59
{totalCommits}
60
60
</a>
61
61
<a
62
62
href={resolve(`${base}/branches` as "/")}
63
-
class="inline-flex items-center gap-1 text-sm font-bold text-foreground-default no-underline hover:underline md:hidden"
63
+
class="inline-flex items-center gap-1 typography-paragraph-small font-bold text-foreground-default no-underline hover:underline md:hidden"
64
64
>
65
65
<GitBranch class="size-4" aria-hidden="true" />
66
66
{totalBranches}
67
67
</a>
68
68
<a
69
69
href={resolve(`${base}/tags` as "/")}
70
-
class="inline-flex items-center gap-1 text-sm font-bold text-foreground-default no-underline hover:underline md:hidden"
70
+
class="inline-flex items-center gap-1 typography-paragraph-small font-bold text-foreground-default no-underline hover:underline md:hidden"
71
71
>
72
72
<Tags class="size-4" aria-hidden="true" />
73
73
{totalTags}
+2
-2
web/src/lib/components/ui/Combobox.svelte
+2
-2
web/src/lib/components/ui/Combobox.svelte
···
9
9
trigger: "flex min-h-9 cursor-pointer items-center gap-2 px-2 py-1",
10
10
value: "min-w-0 flex-1 truncate text-left",
11
11
panel:
12
-
"combobox-panel fixed z-50 m-0 flex max-h-[min(24rem,calc(100dvh-1rem))] w-72 max-w-[calc(100vw-1rem)] flex-col overflow-hidden rounded-sm border border-border-default bg-background-default p-0 text-sm text-foreground-default shadow-regular",
13
-
search: "shrink-0 border-b border-border-default p-2",
12
+
"combobox-panel fixed z-50 m-0 flex max-h-[min(24rem,calc(100dvh-1rem))] w-72 max-w-[calc(100vw-1rem)] flex-col overflow-hidden rounded-sm border border-border-default bg-background-default p-0 typography-paragraph-small text-foreground-default shadow-regular",
13
+
search: "shrink-0 border-b border-border-default p-2 mt-4",
14
14
list: "min-h-0 flex-1 overflow-y-auto p-1",
15
15
groupHeading:
16
16
"px-2 pt-2 pb-1 typography-paragraph-small font-bold text-foreground-muted first:pt-1",
+4
-4
web/src/lib/components/ui/Field.stories.svelte
+4
-4
web/src/lib/components/ui/Field.stories.svelte
···
28
28
id="field-default"
29
29
type="text"
30
30
placeholder="Placeholder"
31
-
class="w-full rounded-sm border border-border-default bg-background-default px-3 py-2 text-sm outline-none placeholder:text-foreground-placeholder focus:border-border-strong focus:ring-1 focus:ring-border-strong"
31
+
class="w-full rounded-sm border border-border-default bg-background-default px-3 py-2 typography-paragraph-small outline-none placeholder:text-foreground-placeholder focus:border-border-strong focus:ring-1 focus:ring-border-strong"
32
32
/>
33
33
</Field>
34
34
{/snippet}
···
41
41
id="field-label-only"
42
42
type="text"
43
43
placeholder="Placeholder"
44
-
class="w-full rounded-sm border border-border-default bg-background-default px-3 py-2 text-sm outline-none placeholder:text-foreground-placeholder focus:border-border-strong focus:ring-1 focus:ring-border-strong"
44
+
class="w-full rounded-sm border border-border-default bg-background-default px-3 py-2 typography-paragraph-small outline-none placeholder:text-foreground-placeholder focus:border-border-strong focus:ring-1 focus:ring-border-strong"
45
45
/>
46
46
</Field>
47
47
{/snippet}
···
54
54
id="field-required"
55
55
type="text"
56
56
placeholder="Placeholder"
57
-
class="w-full rounded-sm border border-border-default bg-background-default px-3 py-2 text-sm outline-none placeholder:text-foreground-placeholder focus:border-border-strong focus:ring-1 focus:ring-border-strong"
57
+
class="w-full rounded-sm border border-border-default bg-background-default px-3 py-2 typography-paragraph-small outline-none placeholder:text-foreground-placeholder focus:border-border-strong focus:ring-1 focus:ring-border-strong"
58
58
/>
59
59
</Field>
60
60
{/snippet}
···
82
82
id="field-input"
83
83
type="text"
84
84
placeholder="Placeholder"
85
-
class="w-full rounded-sm border border-border-default bg-background-default px-3 py-2 text-sm outline-none placeholder:text-foreground-placeholder focus:border-border-strong focus:ring-1 focus:ring-border-strong"
85
+
class="w-full rounded-sm border border-border-default bg-background-default px-3 py-2 typography-paragraph-small outline-none placeholder:text-foreground-placeholder focus:border-border-strong focus:ring-1 focus:ring-border-strong"
86
86
/>
87
87
</Field>
88
88
{/snippet}
+2
-2
web/src/lib/components/ui/Input.svelte
+2
-2
web/src/lib/components/ui/Input.svelte
···
69
69
{disabled}
70
70
aria-invalid={error}
71
71
aria-busy={loading}
72
-
class="flex-1 bg-transparent text-sm outline-none placeholder:text-foreground-placeholder disabled:cursor-not-allowed"
72
+
class="flex-1 bg-transparent typography-paragraph-small outline-none placeholder:text-foreground-placeholder disabled:cursor-not-allowed"
73
73
{...rest}
74
74
/>
75
75
{#if suffix}
76
-
<span class="shrink-0 text-sm text-foreground-muted select-none">{suffix}</span>
76
+
<span class="shrink-0 typography-paragraph-small text-foreground-muted select-none">{suffix}</span>
77
77
{/if}
78
78
{#if loading}
79
79
<Spinner class="size-4 shrink-0" />
+1
-1
web/src/lib/components/ui/Select.stories.svelte
+1
-1
web/src/lib/components/ui/Select.stories.svelte
+1
-1
web/src/lib/components/ui/selectField.ts
+1
-1
web/src/lib/components/ui/selectField.ts
···
20
20
* and only the border, fill and state colours live here. */
21
21
export const selectField = tv({
22
22
slots: {
23
-
box: "w-full rounded-sm border bg-background-default text-sm transition-colors outline-none disabled:cursor-not-allowed",
23
+
box: "w-full rounded-sm border bg-background-default typography-paragraph-small transition-colors outline-none disabled:cursor-not-allowed",
24
24
chevron: "shrink-0 text-foreground-subtle"
25
25
},
26
26
variants: {