alice.pds.demo.boltless.dev
This repository has no description
web/components: clean up Combobox
Signed-off-by: eti <eti@eti.tf>
author
eti
date
(Aug 3, 2026, 5:17 PM +0300)
commit
134477b6
134477b68d272b5cfb1412ff8a6e64a6300c0b93
parent
8a6fc21e
8a6fc21e3c53918b870ff47af3bd5c0d8204d6ef
+6
-6
+6
-6
web/src/lib/components/ui/Combobox.svelte
+6
-6
web/src/lib/components/ui/Combobox.svelte
···
6
6
export const combobox = tv({
7
7
slots: {
8
8
root: "relative inline-block w-full",
9
-
trigger: "flex min-h-9 cursor-pointer items-center gap-2 px-2 py-1",
10
-
value: "min-w-0 flex-1 truncate text-left",
9
+
trigger: "flex min-h-9 cursor-pointer items-center gap-2 px-2.5 py-1",
10
+
value: "min-w-0 flex-1 truncate typography-paragraph-regular 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 typography-paragraph-small text-foreground-default shadow-regular",
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-foreground-default shadow-regular dark:shadow-none",
13
13
search: "shrink-0 border-b border-border-default p-2",
14
14
list: "min-h-0 flex-1 overflow-y-auto p-1",
15
15
groupHeading:
16
-
"px-2 pt-2 pb-1 typography-paragraph-small font-bold text-foreground-muted first:pt-1",
16
+
"px-2 pt-2 pb-1 font-bold text-foreground-muted first:pt-1",
17
17
option:
18
-
"flex w-full cursor-pointer items-center gap-2 rounded-sm bg-transparent px-2 py-1.5 text-left aria-disabled:cursor-not-allowed aria-disabled:text-foreground-disabled data-active:bg-background-subtle dark:data-active:bg-[rgb(55_65_81/0.5)]",
18
+
"flex w-full cursor-pointer items-center gap-2 rounded-sm bg-transparent px-2 py-1.5 text-left aria-disabled:cursor-not-allowed aria-disabled:text-foreground-disabled data-active:bg-background-subtle dark:data-active:bg-background-subtle",
19
19
check: "size-4 shrink-0 text-foreground-default",
20
20
optionLabel: "min-w-0 flex-1 truncate",
21
-
hint: "shrink-0 typography-paragraph-small text-foreground-muted",
21
+
hint: "shrink-0 text-foreground-muted",
22
22
empty: "px-2 py-6 text-center text-foreground-muted",
23
23
footer: "shrink-0 border-t border-border-default"
24
24
},