@nasa-jpl/stellar-svelte 2.0.0-alpha.47 → 2.0.0-alpha.49
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/components/ui/context-menu/context-menu-checkbox-item.svelte +24 -21
- package/dist/components/ui/context-menu/context-menu-checkbox-item.svelte.d.ts +11 -2
- package/dist/components/ui/context-menu/context-menu-item.svelte +19 -16
- package/dist/components/ui/context-menu/context-menu-item.svelte.d.ts +3 -1
- package/dist/components/ui/context-menu/context-menu-label.svelte +7 -5
- package/dist/components/ui/context-menu/context-menu-label.svelte.d.ts +3 -1
- package/dist/components/ui/context-menu/context-menu-radio-item.svelte +24 -21
- package/dist/components/ui/context-menu/context-menu-radio-item.svelte.d.ts +10 -2
- package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte +19 -16
- package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte.d.ts +4 -2
- package/dist/components/ui/context-menu/index.d.ts +31 -12
- package/dist/components/ui/context-menu/index.js +31 -13
- package/dist/components/ui/select/select-trigger.svelte +1 -1
- package/dist/index.css +4 -0
- package/package.json +2 -2
|
@@ -1,30 +1,33 @@
|
|
|
1
|
-
<script>import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
3
|
import Check from "lucide-svelte/icons/check";
|
|
3
|
-
import {
|
|
4
|
+
import { contextMenuVariants } from "./index.js";
|
|
4
5
|
let className = void 0;
|
|
5
6
|
export let checked = void 0;
|
|
7
|
+
export let size = "default";
|
|
6
8
|
export { className as class };
|
|
7
9
|
</script>
|
|
8
10
|
|
|
9
11
|
<ContextMenuPrimitive.CheckboxItem
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
12
|
+
bind:checked
|
|
13
|
+
class={cn(
|
|
14
|
+
'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
|
|
15
|
+
contextMenuVariants.size[size].checkboxItem,
|
|
16
|
+
className,
|
|
17
|
+
)}
|
|
18
|
+
{...$$restProps}
|
|
19
|
+
on:click
|
|
20
|
+
on:keydown
|
|
21
|
+
on:focusin
|
|
22
|
+
on:focusout
|
|
23
|
+
on:pointerdown
|
|
24
|
+
on:pointerleave
|
|
25
|
+
on:pointermove
|
|
23
26
|
>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
|
|
28
|
+
<ContextMenuPrimitive.CheckboxIndicator>
|
|
29
|
+
<Check class="h-4 w-4" />
|
|
30
|
+
</ContextMenuPrimitive.CheckboxIndicator>
|
|
31
|
+
</span>
|
|
32
|
+
<slot />
|
|
30
33
|
</ContextMenuPrimitive.CheckboxItem>
|
|
@@ -1,7 +1,16 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
|
|
3
|
+
import { type ContextMenuSize } from './index.js';
|
|
3
4
|
declare const __propDef: {
|
|
4
|
-
props:
|
|
5
|
+
props: {
|
|
6
|
+
disabled?: boolean | undefined;
|
|
7
|
+
checked?: boolean | "indeterminate" | undefined | undefined;
|
|
8
|
+
onCheckedChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<boolean | "indeterminate"> | undefined;
|
|
9
|
+
asChild?: boolean | undefined | undefined;
|
|
10
|
+
el?: HTMLDivElement | undefined;
|
|
11
|
+
} & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
|
|
12
|
+
size?: ContextMenuSize;
|
|
13
|
+
};
|
|
5
14
|
slots: {
|
|
6
15
|
default: {};
|
|
7
16
|
};
|
|
@@ -1,24 +1,27 @@
|
|
|
1
|
-
<script>import {
|
|
2
|
-
import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
+
import { contextMenuVariants } from "./index.js";
|
|
3
4
|
let className = void 0;
|
|
5
|
+
export let size = "default";
|
|
4
6
|
export let inset = void 0;
|
|
5
7
|
export { className as class };
|
|
6
8
|
</script>
|
|
7
9
|
|
|
8
10
|
<ContextMenuPrimitive.Item
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
11
|
+
class={cn(
|
|
12
|
+
'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
|
|
13
|
+
inset && 'pl-8',
|
|
14
|
+
contextMenuVariants.size[size].item,
|
|
15
|
+
className,
|
|
16
|
+
)}
|
|
17
|
+
{...$$restProps}
|
|
18
|
+
on:click
|
|
19
|
+
on:keydown
|
|
20
|
+
on:focusin
|
|
21
|
+
on:focusout
|
|
22
|
+
on:pointerdown
|
|
23
|
+
on:pointerleave
|
|
24
|
+
on:pointermove
|
|
22
25
|
>
|
|
23
|
-
|
|
26
|
+
<slot />
|
|
24
27
|
</ContextMenuPrimitive.Item>
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
|
|
3
|
+
import { type ContextMenuSize } from './index.js';
|
|
3
4
|
declare const __propDef: {
|
|
4
5
|
props: ContextMenuPrimitive.ItemProps & {
|
|
5
6
|
inset?: boolean;
|
|
7
|
+
size?: ContextMenuSize;
|
|
6
8
|
};
|
|
7
9
|
slots: {
|
|
8
10
|
default: {};
|
|
@@ -1,13 +1,15 @@
|
|
|
1
|
-
<script>import {
|
|
2
|
-
import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
+
import { contextMenuVariants } from "./index.js";
|
|
3
4
|
let className = void 0;
|
|
4
5
|
export let inset = void 0;
|
|
6
|
+
export let size = "default";
|
|
5
7
|
export { className as class };
|
|
6
8
|
</script>
|
|
7
9
|
|
|
8
10
|
<ContextMenuPrimitive.Label
|
|
9
|
-
|
|
10
|
-
|
|
11
|
+
class={cn('text-foreground px-2 font-semibold', inset && 'pl-8', contextMenuVariants.size[size].label, className)}
|
|
12
|
+
{...$$restProps}
|
|
11
13
|
>
|
|
12
|
-
|
|
14
|
+
<slot />
|
|
13
15
|
</ContextMenuPrimitive.Label>
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
+
import { type ContextMenuSize } from './index.js';
|
|
2
3
|
declare const __propDef: {
|
|
3
4
|
props: {
|
|
4
5
|
asChild?: boolean | undefined | undefined;
|
|
5
6
|
el?: HTMLDivElement | undefined;
|
|
6
|
-
} & import("bits-ui/dist/internal").HTMLDivAttributes & {
|
|
7
|
+
} & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
|
|
7
8
|
inset?: boolean;
|
|
9
|
+
size?: ContextMenuSize;
|
|
8
10
|
};
|
|
9
11
|
events: {
|
|
10
12
|
[evt: string]: CustomEvent<any>;
|
|
@@ -1,30 +1,33 @@
|
|
|
1
|
-
<script>import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
3
|
import Circle from "lucide-svelte/icons/circle";
|
|
3
|
-
import {
|
|
4
|
+
import { contextMenuVariants } from "./index.js";
|
|
4
5
|
let className = void 0;
|
|
5
6
|
export let value;
|
|
7
|
+
export let size = "default";
|
|
6
8
|
export { className as class };
|
|
7
9
|
</script>
|
|
8
10
|
|
|
9
11
|
<ContextMenuPrimitive.RadioItem
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
12
|
+
class={cn(
|
|
13
|
+
'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
|
|
14
|
+
contextMenuVariants.size[size].radioItem,
|
|
15
|
+
className,
|
|
16
|
+
)}
|
|
17
|
+
{value}
|
|
18
|
+
{...$$restProps}
|
|
19
|
+
on:click
|
|
20
|
+
on:keydown
|
|
21
|
+
on:focusin
|
|
22
|
+
on:focusout
|
|
23
|
+
on:pointerdown
|
|
24
|
+
on:pointerleave
|
|
25
|
+
on:pointermove
|
|
23
26
|
>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
|
|
28
|
+
<ContextMenuPrimitive.RadioIndicator>
|
|
29
|
+
<Circle class="h-2 w-2 fill-current" />
|
|
30
|
+
</ContextMenuPrimitive.RadioIndicator>
|
|
31
|
+
</span>
|
|
32
|
+
<slot />
|
|
30
33
|
</ContextMenuPrimitive.RadioItem>
|
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
|
|
3
|
+
import { type ContextMenuSize } from './index.js';
|
|
3
4
|
declare const __propDef: {
|
|
4
|
-
props:
|
|
5
|
+
props: {
|
|
6
|
+
value: string;
|
|
7
|
+
disabled?: boolean | undefined;
|
|
8
|
+
asChild?: boolean | undefined | undefined;
|
|
9
|
+
el?: HTMLDivElement | undefined;
|
|
10
|
+
} & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
|
|
11
|
+
size?: ContextMenuSize;
|
|
12
|
+
};
|
|
5
13
|
slots: {
|
|
6
14
|
default: {};
|
|
7
15
|
};
|
|
@@ -1,25 +1,28 @@
|
|
|
1
|
-
<script>import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
3
|
import ChevronRight from "lucide-svelte/icons/chevron-right";
|
|
3
|
-
import {
|
|
4
|
+
import { contextMenuVariants } from "./index.js";
|
|
4
5
|
let className = void 0;
|
|
5
6
|
export let inset = void 0;
|
|
7
|
+
export let size = "default";
|
|
6
8
|
export { className as class };
|
|
7
9
|
</script>
|
|
8
10
|
|
|
9
11
|
<ContextMenuPrimitive.SubTrigger
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
12
|
+
class={cn(
|
|
13
|
+
'data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 outline-none',
|
|
14
|
+
inset && 'pl-8',
|
|
15
|
+
contextMenuVariants.size[size].subTrigger,
|
|
16
|
+
className,
|
|
17
|
+
)}
|
|
18
|
+
{...$$restProps}
|
|
19
|
+
on:click
|
|
20
|
+
on:keydown
|
|
21
|
+
on:focusin
|
|
22
|
+
on:focusout
|
|
23
|
+
on:pointerleave
|
|
24
|
+
on:pointermove
|
|
22
25
|
>
|
|
23
|
-
|
|
24
|
-
|
|
26
|
+
<slot />
|
|
27
|
+
<ChevronRight class="ml-auto h-4 w-4" />
|
|
25
28
|
</ContextMenuPrimitive.SubTrigger>
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
|
|
3
|
+
import { type ContextMenuSize } from './index.js';
|
|
3
4
|
declare const __propDef: {
|
|
4
5
|
props: {
|
|
5
6
|
disabled?: boolean | undefined | undefined;
|
|
6
7
|
asChild?: boolean | undefined | undefined;
|
|
7
8
|
el?: HTMLDivElement | undefined;
|
|
8
|
-
} & import("bits-ui/dist/internal").HTMLDivAttributes & {
|
|
9
|
+
} & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
|
|
9
10
|
inset?: boolean;
|
|
11
|
+
size?: ContextMenuSize;
|
|
10
12
|
};
|
|
11
13
|
slots: {
|
|
12
14
|
default: {};
|
|
@@ -1,16 +1,35 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
1
|
+
import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
|
|
2
|
+
import CheckboxItem from './context-menu-checkbox-item.svelte';
|
|
3
|
+
import Content from './context-menu-content.svelte';
|
|
4
|
+
import Item from './context-menu-item.svelte';
|
|
5
|
+
import Label from './context-menu-label.svelte';
|
|
6
|
+
import RadioGroup from './context-menu-radio-group.svelte';
|
|
7
|
+
import RadioItem from './context-menu-radio-item.svelte';
|
|
8
|
+
import Separator from './context-menu-separator.svelte';
|
|
9
|
+
import Shortcut from './context-menu-shortcut.svelte';
|
|
10
|
+
import SubContent from './context-menu-sub-content.svelte';
|
|
11
|
+
import SubTrigger from './context-menu-sub-trigger.svelte';
|
|
12
12
|
declare const Sub: typeof ContextMenuPrimitive.Sub;
|
|
13
13
|
declare const Root: typeof ContextMenuPrimitive.Root;
|
|
14
14
|
declare const Trigger: typeof ContextMenuPrimitive.Trigger;
|
|
15
15
|
declare const Group: typeof ContextMenuPrimitive.Group;
|
|
16
|
-
export
|
|
16
|
+
export type ContextMenuSize = 'default' | 'sm';
|
|
17
|
+
declare const contextMenuVariants: {
|
|
18
|
+
size: {
|
|
19
|
+
default: {
|
|
20
|
+
checkboxItem: string;
|
|
21
|
+
item: string;
|
|
22
|
+
label: string;
|
|
23
|
+
radioItem: string;
|
|
24
|
+
subTrigger: string;
|
|
25
|
+
};
|
|
26
|
+
sm: {
|
|
27
|
+
checkboxItem: string;
|
|
28
|
+
item: string;
|
|
29
|
+
label: string;
|
|
30
|
+
radioItem: string;
|
|
31
|
+
subTrigger: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export { CheckboxItem, Content, Root as ContextMenu, CheckboxItem as ContextMenuCheckboxItem, Content as ContextMenuContent, Group as ContextMenuGroup, Item as ContextMenuItem, Label as ContextMenuLabel, RadioGroup as ContextMenuRadioGroup, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, Shortcut as ContextMenuShortcut, Sub as ContextMenuSub, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, Trigger as ContextMenuTrigger, contextMenuVariants, Group, Item, Label, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };
|
|
@@ -1,18 +1,36 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
1
|
+
import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
|
|
2
|
+
import CheckboxItem from './context-menu-checkbox-item.svelte';
|
|
3
|
+
import Content from './context-menu-content.svelte';
|
|
4
|
+
import Item from './context-menu-item.svelte';
|
|
5
|
+
import Label from './context-menu-label.svelte';
|
|
6
|
+
import RadioGroup from './context-menu-radio-group.svelte';
|
|
7
|
+
import RadioItem from './context-menu-radio-item.svelte';
|
|
8
|
+
import Separator from './context-menu-separator.svelte';
|
|
9
|
+
import Shortcut from './context-menu-shortcut.svelte';
|
|
10
|
+
import SubContent from './context-menu-sub-content.svelte';
|
|
11
|
+
import SubTrigger from './context-menu-sub-trigger.svelte';
|
|
12
12
|
const Sub = ContextMenuPrimitive.Sub;
|
|
13
13
|
const Root = ContextMenuPrimitive.Root;
|
|
14
14
|
const Trigger = ContextMenuPrimitive.Trigger;
|
|
15
15
|
const Group = ContextMenuPrimitive.Group;
|
|
16
|
-
|
|
16
|
+
const contextMenuVariants = {
|
|
17
|
+
size: {
|
|
18
|
+
default: {
|
|
19
|
+
checkboxItem: 'py-1.5 text-sm',
|
|
20
|
+
item: 'py-1.5 text-sm',
|
|
21
|
+
label: 'py-1.5 text-sm',
|
|
22
|
+
radioItem: 'py-1.5 text-sm',
|
|
23
|
+
subTrigger: 'py-1.5 text-sm',
|
|
24
|
+
},
|
|
25
|
+
sm: {
|
|
26
|
+
checkboxItem: 'py-1 text-xs',
|
|
27
|
+
item: 'py-1 text-xs',
|
|
28
|
+
label: 'py-1 text-xs',
|
|
29
|
+
radioItem: 'py-1 text-xs',
|
|
30
|
+
subTrigger: 'py-1 text-xs',
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
export { CheckboxItem, Content,
|
|
17
35
|
//
|
|
18
|
-
Root as ContextMenu,
|
|
36
|
+
Root as ContextMenu, CheckboxItem as ContextMenuCheckboxItem, Content as ContextMenuContent, Group as ContextMenuGroup, Item as ContextMenuItem, Label as ContextMenuLabel, RadioGroup as ContextMenuRadioGroup, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, Shortcut as ContextMenuShortcut, Sub as ContextMenuSub, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, Trigger as ContextMenuTrigger, contextMenuVariants, Group, Item, Label, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };
|
|
@@ -9,7 +9,7 @@ export { className as class };
|
|
|
9
9
|
|
|
10
10
|
<SelectPrimitive.Trigger
|
|
11
11
|
class={cn(
|
|
12
|
-
'border-input bg-background ring-offset-background focus-visible:ring-ring aria-[invalid]:border-destructive data-[placeholder]:[&>span]:text-muted-foreground flex w-full items-center justify-between rounded-md border text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',
|
|
12
|
+
'border-input bg-background ring-offset-background focus-visible:ring-ring aria-[invalid]:border-destructive data-[placeholder]:[&>span]:text-muted-foreground flex w-full items-center justify-between rounded-md border text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 text-left break-all',
|
|
13
13
|
selectVariants.size[size].trigger,
|
|
14
14
|
className,
|
|
15
15
|
)}
|
package/dist/index.css
CHANGED
package/package.json
CHANGED
|
@@ -83,6 +83,6 @@
|
|
|
83
83
|
"svelte": "./dist/index.js",
|
|
84
84
|
"type": "module",
|
|
85
85
|
"types": "./dist/index.d.ts",
|
|
86
|
-
"version": "2.0.0-alpha.
|
|
87
|
-
"gitHead": "
|
|
86
|
+
"version": "2.0.0-alpha.49",
|
|
87
|
+
"gitHead": "2d6669c912eab15b7fdc9691a7b055f693d2e769"
|
|
88
88
|
}
|