@skeletonlabs/skeleton-svelte 1.2.3 → 1.2.4
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.
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
|
|
44
44
|
<!-- @component A header element for the top of a page layout. -->
|
|
45
45
|
|
|
46
|
-
<header class="{base} {background} {spaceY} {border} {padding} {shadow} {classes}"
|
|
46
|
+
<header class="{base} {background} {spaceY} {border} {padding} {shadow} {classes}" data-testid="app-bar">
|
|
47
47
|
<section class="{toolbarBase} {toolbarGridCols} {toolbarGap} {toolbarClasses}" data-testid="app-bar-toolbar">
|
|
48
48
|
{#if lead}
|
|
49
49
|
<div class="{leadBase} {leadSpaceX} {leadPadding} {leadClasses}">
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
2
|
import * as dialog from '@zag-js/dialog';
|
|
3
3
|
import type { FlyParams, FadeParams } from 'svelte/transition';
|
|
4
|
+
import type { HTMLButtonAttributes } from 'svelte/elements';
|
|
4
5
|
export interface ModalProps extends Omit<dialog.Props, 'id'> {
|
|
5
6
|
/** Set base classes for the root element. */
|
|
6
7
|
base?: string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
2
|
import * as popover from '@zag-js/popover';
|
|
3
|
+
import type { HTMLButtonAttributes } from 'svelte/elements';
|
|
3
4
|
export interface PopoverProps extends Omit<popover.Props, 'id'> {
|
|
4
5
|
/** Enable display of the popover arrow. */
|
|
5
6
|
arrow?: boolean;
|
|
@@ -55,20 +55,23 @@
|
|
|
55
55
|
</button>
|
|
56
56
|
{/if}
|
|
57
57
|
<!-- Tooltip Content -->
|
|
58
|
-
{
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
{
|
|
62
|
-
|
|
63
|
-
|
|
58
|
+
<div {...api.getPositionerProps()} class="{positionerBase} {positionerClasses}">
|
|
59
|
+
<!-- Popover -->
|
|
60
|
+
{#if api.open}
|
|
61
|
+
<div {...api.getContentProps()} transition:fade={{ duration: 100 }} style="z-index: {zIndex};">
|
|
62
|
+
<!-- Arrow -->
|
|
63
|
+
{#if arrow}
|
|
64
|
+
<div {...api.getArrowProps()}>
|
|
65
|
+
<div {...api.getArrowTipProps()} class="{arrowBase} {arrowBackground} {arrowClasses}"></div>
|
|
66
|
+
</div>
|
|
67
|
+
{/if}
|
|
68
|
+
<!-- Snippet Content -->
|
|
69
|
+
<div class="{contentBase} {contentBackground} {contentClasses}">
|
|
70
|
+
{@render content?.()}
|
|
64
71
|
</div>
|
|
65
|
-
{/if}
|
|
66
|
-
<!-- Snippet Content -->
|
|
67
|
-
<div {...api.getContentProps()} class="{contentBase} {contentBackground} {contentClasses}" style="z-index: {zIndex};">
|
|
68
|
-
{@render content?.()}
|
|
69
72
|
</div>
|
|
70
|
-
|
|
71
|
-
|
|
73
|
+
{/if}
|
|
74
|
+
</div>
|
|
72
75
|
</span>
|
|
73
76
|
|
|
74
77
|
<style>
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
2
|
import * as tooltip from '@zag-js/tooltip';
|
|
3
|
+
import type { HTMLButtonAttributes } from 'svelte/elements';
|
|
3
4
|
export interface TooltipProps extends Omit<tooltip.Props, 'id'> {
|
|
4
5
|
/** Enable display of the popover arrow. */
|
|
5
6
|
arrow?: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skeletonlabs/skeleton-svelte",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.4",
|
|
4
4
|
"description": "The Svelte package for Skeleton.",
|
|
5
5
|
"author": "endigo9740 <chris@skeletonlabs.dev>",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"typescript": "^5.8.2",
|
|
56
56
|
"vite": "^6.2.5",
|
|
57
57
|
"vitest": "3.1.1",
|
|
58
|
-
"@skeletonlabs/skeleton": "3.1.
|
|
58
|
+
"@skeletonlabs/skeleton": "3.1.4"
|
|
59
59
|
},
|
|
60
60
|
"type": "module",
|
|
61
61
|
"scripts": {
|