@signal9/era-ui 1.7.2 → 1.7.3
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.
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import type { HTMLButtonAttributes } from 'svelte/elements';
|
|
3
3
|
import { Button } from '../button';
|
|
4
|
+
import { cn } from '../../utils/index.js';
|
|
4
5
|
import X from '@lucide/svelte/icons/x';
|
|
5
6
|
|
|
6
7
|
let {
|
|
@@ -17,13 +18,16 @@
|
|
|
17
18
|
corner). A clean click still closes — neodrag only starts a drag on pointer
|
|
18
19
|
movement, and it suppresses the trailing click after an actual drag, so a
|
|
19
20
|
stationary click fires immediately with no delay. -->
|
|
21
|
+
<!-- Sized to h-xxs (matching the tab pills' highlight height) rather than the
|
|
22
|
+
icon default (h-xs), so the close hover box and the active-tab highlight are
|
|
23
|
+
the same size in the handle bar; aspect-square keeps it a square. -->
|
|
20
24
|
<Button
|
|
21
25
|
bind:ref
|
|
22
26
|
icon
|
|
23
27
|
size="icon"
|
|
24
28
|
tone="destructive"
|
|
25
29
|
aria-label="Close"
|
|
26
|
-
class={className}
|
|
30
|
+
class={cn('h-(--era-h-xxs) min-w-(--era-h-xxs)', className)}
|
|
27
31
|
{...restProps}
|
|
28
32
|
>
|
|
29
33
|
<X class="size-(--era-h-xs)" />
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
bind:ref
|
|
18
18
|
data-pane-control
|
|
19
19
|
class={cn(
|
|
20
|
-
'flex cursor-pointer items-center gap-(--era-gap) rounded-(--era-rd-xs) px-(--era-inset-sm)
|
|
20
|
+
'flex h-(--era-h-xxs) cursor-pointer items-center gap-(--era-gap) rounded-(--era-rd-xs) px-(--era-inset-sm) text-body leading-none text-muted outline-none select-none hover:text-fg focus-visible:bg-(--era-highlight) data-[state=active]:bg-hover data-[state=active]:text-bright',
|
|
21
21
|
className
|
|
22
22
|
)}
|
|
23
23
|
{...restProps}
|