@invopop/popui 0.1.23 → 0.1.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/GlobalSearch.svelte
CHANGED
|
@@ -11,10 +11,13 @@
|
|
|
11
11
|
let { collapsed = false, onOpen }: GlobalSearchProps = $props()
|
|
12
12
|
|
|
13
13
|
const styles = $derived(
|
|
14
|
-
clsx(
|
|
15
|
-
'
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
clsx(
|
|
15
|
+
'cursor-pointer flex items-center border border-border-inverse-default rounded-lg box-border',
|
|
16
|
+
{
|
|
17
|
+
'gap-1 px-2 py-1.5 w-full hover:bg-background-selected-inverse h-8': !collapsed,
|
|
18
|
+
'p-2 size-8': collapsed
|
|
19
|
+
}
|
|
20
|
+
)
|
|
18
21
|
)
|
|
19
22
|
|
|
20
23
|
function onKeyDown(event: KeyboardEvent) {
|
package/dist/MenuItem.svelte
CHANGED
|
@@ -39,9 +39,10 @@
|
|
|
39
39
|
{ 'text-foreground-inverse font-medium': !isFolderItem },
|
|
40
40
|
{ 'text-foreground-inverse-secondary': isFolderItem && !active },
|
|
41
41
|
{
|
|
42
|
-
'border border-transparent hover:bg-background-selected-inverse group p-2':
|
|
42
|
+
'border border-transparent hover:bg-background-selected-inverse group p-2 size-8':
|
|
43
|
+
collapsedSidebar
|
|
43
44
|
},
|
|
44
|
-
{ 'w-full px-2 py-1.5': !collapsedSidebar },
|
|
45
|
+
{ 'w-full px-2 py-1.5 h-8': !collapsedSidebar },
|
|
45
46
|
{
|
|
46
47
|
'bg-background-selected-inverse text-white': active
|
|
47
48
|
},
|
|
@@ -109,7 +110,7 @@
|
|
|
109
110
|
onmouseleave={handleBlur}
|
|
110
111
|
onclick={handleClick}
|
|
111
112
|
title={label}
|
|
112
|
-
class="cursor-pointer {itemStyles} text-base border border-transparent flex items-center justify-between hover:text-white focus:text-white rounded-lg
|
|
113
|
+
class="cursor-pointer {itemStyles} text-base border border-transparent flex items-center justify-between hover:text-white focus:text-white rounded-lg"
|
|
113
114
|
>
|
|
114
115
|
<span class="flex items-center space-x-1.5">
|
|
115
116
|
{#if resolvedIcon}
|
package/dist/tailwind.theme.css
CHANGED
|
@@ -379,7 +379,7 @@
|
|
|
379
379
|
--color-accent-50: var(--color-base-accent, var(--color-green-50));
|
|
380
380
|
--color-accent-60: color-mix(in srgb, var(--color-accent-50) 84%, black);
|
|
381
381
|
--color-accent-70: color-mix(in srgb, var(--color-accent-50) 68%, black);
|
|
382
|
-
--color-accent-80: color-mix(in srgb, var(--color-accent-50) 52%, black);
|
|
382
|
+
--color-accent-80: var(--color-base-accent-bg, color-mix(in srgb, var(--color-accent-50) 52%, black));
|
|
383
383
|
--color-accent-alpha-5: color-mix(in srgb, var(--color-accent-50) 5%, transparent);
|
|
384
384
|
--color-accent-alpha-10: color-mix(in srgb, var(--color-accent-50) 10%, transparent);
|
|
385
385
|
--color-accent-alpha-20: color-mix(in srgb, var(--color-accent-50) 20%, transparent);
|