@signal9/era-ui 1.15.3 → 1.15.5
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/os/taskbar.svelte
CHANGED
|
@@ -35,9 +35,12 @@
|
|
|
35
35
|
const time = $derived(now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }));
|
|
36
36
|
</script>
|
|
37
37
|
|
|
38
|
+
<!-- Flush left/right/bottom; the exposed OUTER corners are the top two, rounded
|
|
39
|
+
at the bar's own tier (h-lg → rd-lg). The corners axis gates it for free:
|
|
40
|
+
data-corners="square" zeroes --era-roundness-scale and with it rd-lg. -->
|
|
38
41
|
<div
|
|
39
42
|
class={cn(
|
|
40
|
-
'absolute inset-x-0 bottom-0 flex h-(--era-h-lg) items-center gap-(--era-gap) border-t border-divider-faded bg-(--era-surface-bg-elevated) px-(--era-inset-sm) shadow-(--era-shadow-lg) glass-blur',
|
|
43
|
+
'absolute inset-x-0 bottom-0 flex h-(--era-h-lg) items-center gap-(--era-gap) rounded-t-(--era-rd-lg) border-t border-divider-faded bg-(--era-surface-bg-elevated) px-(--era-inset-sm) shadow-(--era-shadow-lg) glass-blur',
|
|
41
44
|
LAYER.taskbar,
|
|
42
45
|
className
|
|
43
46
|
)}
|
package/dist/os/window.svelte
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import type { HTMLButtonAttributes } from 'svelte/elements';
|
|
3
3
|
import { Button } from '../button';
|
|
4
4
|
import X from '@lucide/svelte/icons/x';
|
|
5
|
-
import { cn } from '../../utils/index.js';
|
|
6
5
|
|
|
7
6
|
let {
|
|
8
7
|
ref = $bindable(null),
|
|
@@ -13,21 +12,12 @@
|
|
|
13
12
|
} = $props();
|
|
14
13
|
</script>
|
|
15
14
|
|
|
16
|
-
<!-- A raw icon Button (size="icon" = h-xs), a tight SQUARE. No
|
|
17
|
-
it stays in the drag zone, so a press-and-drag moves the
|
|
18
|
-
click still closes (neodrag starts a drag only on
|
|
19
|
-
trailing click after a real drag).
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
<Button
|
|
24
|
-
bind:ref
|
|
25
|
-
icon
|
|
26
|
-
size="icon"
|
|
27
|
-
tone="destructive"
|
|
28
|
-
aria-label="Close"
|
|
29
|
-
class={cn('rounded-(--era-rd-md)', className)}
|
|
30
|
-
{...restProps}
|
|
31
|
-
>
|
|
15
|
+
<!-- A raw icon Button (size="icon" = h-xs, rd-xs), a tight SQUARE. No
|
|
16
|
+
data-pane-control: it stays in the drag zone, so a press-and-drag moves the
|
|
17
|
+
pane while a clean click still closes (neodrag starts a drag only on
|
|
18
|
+
movement and suppresses the trailing click after a real drag). Its natural
|
|
19
|
+
rd-xs is what the PANE's corner radius conforms to (rd-sm — see Pane.Root),
|
|
20
|
+
not the other way round. -->
|
|
21
|
+
<Button bind:ref icon size="icon" tone="destructive" aria-label="Close" class={className} {...restProps}>
|
|
32
22
|
<X class="size-(--era-h-xs)" />
|
|
33
23
|
</Button>
|
|
@@ -270,7 +270,13 @@
|
|
|
270
270
|
// can still bleed outward. isolate: own stacking context so the resize layer's
|
|
271
271
|
// negative z sits below the content but above this background (bar clear of
|
|
272
272
|
// the rails, without lifting the rails above neighbouring UI).
|
|
273
|
-
|
|
273
|
+
//
|
|
274
|
+
// rd-sm, NOT rd-lg: a container's radius follows its corner REGION's tier,
|
|
275
|
+
// not its overall size. The pane's corners are formed by the h-sm grab bar,
|
|
276
|
+
// whose h-xs controls (the ×) sit xs-inset-sm (sp/2) from the corner — and
|
|
277
|
+
// the ladder guarantees rd-sm = rd-xs + sp/2 at every density, so the ×'s
|
|
278
|
+
// natural rd-xs is concentric inside rd-sm by construction.
|
|
279
|
+
'group absolute isolate flex flex-col rounded-(--era-rd-sm) bg-(--era-surface-bg-elevated) shadow-(--era-shadow-lg) glass-blur',
|
|
274
280
|
// Auto-size to content until an explicit size is set (by the grip or a preset).
|
|
275
281
|
size ? '' : 'w-max',
|
|
276
282
|
// While Ctrl is held the whole pane is grabbable: a grab cursor hints it, and
|