@nasa-jpl/stellar-svelte 2.0.0-alpha.49 → 2.0.0-alpha.50

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.
@@ -26,7 +26,7 @@ export { className as class };
26
26
  >
27
27
  <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
28
28
  <ContextMenuPrimitive.CheckboxIndicator>
29
- <Check class="h-4 w-4" />
29
+ <Check class="h-3.5 w-3.5" />
30
30
  </ContextMenuPrimitive.CheckboxIndicator>
31
31
  </span>
32
32
  <slot />
@@ -26,7 +26,7 @@ export { className as class };
26
26
  >
27
27
  <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
28
28
  <ContextMenuPrimitive.RadioIndicator>
29
- <Circle class="h-2 w-2 fill-current" />
29
+ <Circle class="h-1.5 w-1.5 fill-current" />
30
30
  </ContextMenuPrimitive.RadioIndicator>
31
31
  </span>
32
32
  <slot />
@@ -1,30 +1,33 @@
1
- <script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
1
+ <script>import { cn } from "../../../utils.js";
2
+ import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
2
3
  import Check from "lucide-svelte/icons/check";
3
- import { cn } from "../../../utils.js";
4
+ import { dropdownMenuVariants } 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
  <DropdownMenuPrimitive.CheckboxItem
10
- bind:checked
11
- class={cn(
12
- "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
13
- className
14
- )}
15
- {...$$restProps}
16
- on:click
17
- on:keydown
18
- on:focusin
19
- on:focusout
20
- on:pointerdown
21
- on:pointerleave
22
- on:pointermove
12
+ bind:checked
13
+ class={cn(
14
+ 'relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50',
15
+ dropdownMenuVariants.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
- <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
25
- <DropdownMenuPrimitive.CheckboxIndicator>
26
- <Check class="h-4 w-4" />
27
- </DropdownMenuPrimitive.CheckboxIndicator>
28
- </span>
29
- <slot />
27
+ <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
28
+ <DropdownMenuPrimitive.CheckboxIndicator>
29
+ <Check class="h-4 w-4" />
30
+ </DropdownMenuPrimitive.CheckboxIndicator>
31
+ </span>
32
+ <slot />
30
33
  </DropdownMenuPrimitive.CheckboxItem>
@@ -1,7 +1,16 @@
1
1
  import { SvelteComponent } from "svelte";
2
- import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
2
+ import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
3
+ import { type DropdownMenuSize } from './index.js';
3
4
  declare const __propDef: {
4
- props: DropdownMenuPrimitive.CheckboxItemProps;
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?: DropdownMenuSize;
13
+ };
5
14
  slots: {
6
15
  default: {};
7
16
  };
@@ -1,24 +1,27 @@
1
- <script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
2
- import { cn } from "../../../utils.js";
1
+ <script>import { cn } from "../../../utils.js";
2
+ import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
3
+ import { dropdownMenuVariants } 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
  <DropdownMenuPrimitive.Item
9
- class={cn(
10
- "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
11
- inset && "pl-8",
12
- className
13
- )}
14
- {...$$restProps}
15
- on:click
16
- on:keydown
17
- on:focusin
18
- on:focusout
19
- on:pointerdown
20
- on:pointerleave
21
- on:pointermove
11
+ class={cn(
12
+ 'relative flex cursor-default select-none items-center rounded-sm px-2 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50',
13
+ inset && 'pl-8',
14
+ dropdownMenuVariants.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
- <slot />
26
+ <slot />
24
27
  </DropdownMenuPrimitive.Item>
@@ -1,8 +1,10 @@
1
1
  import { SvelteComponent } from "svelte";
2
- import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
2
+ import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
3
+ import { type DropdownMenuSize } from './index.js';
3
4
  declare const __propDef: {
4
5
  props: DropdownMenuPrimitive.ItemProps & {
5
6
  inset?: boolean;
7
+ size?: DropdownMenuSize;
6
8
  };
7
9
  slots: {
8
10
  default: {};
@@ -1,13 +1,15 @@
1
- <script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
2
- import { cn } from "../../../utils.js";
1
+ <script>import { cn } from "../../../utils.js";
2
+ import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
3
+ import { dropdownMenuVariants } 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
  <DropdownMenuPrimitive.Label
9
- class={cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className)}
10
- {...$$restProps}
11
+ class={cn('px-2 font-semibold', inset && 'pl-8', dropdownMenuVariants.size[size].label, className)}
12
+ {...$$restProps}
11
13
  >
12
- <slot />
14
+ <slot />
13
15
  </DropdownMenuPrimitive.Label>
@@ -1,10 +1,12 @@
1
1
  import { SvelteComponent } from "svelte";
2
+ import { type DropdownMenuSize } 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?: DropdownMenuSize;
8
10
  };
9
11
  events: {
10
12
  [evt: string]: CustomEvent<any>;
@@ -1,30 +1,33 @@
1
- <script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
1
+ <script>import { cn } from "../../../utils.js";
2
+ import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
2
3
  import Circle from "lucide-svelte/icons/circle";
3
- import { cn } from "../../../utils.js";
4
+ import { dropdownMenuVariants } 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
  <DropdownMenuPrimitive.RadioItem
10
- class={cn(
11
- "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
12
- className
13
- )}
14
- {value}
15
- {...$$restProps}
16
- on:click
17
- on:keydown
18
- on:focusin
19
- on:focusout
20
- on:pointerdown
21
- on:pointerleave
22
- on:pointermove
12
+ class={cn(
13
+ 'relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50',
14
+ dropdownMenuVariants.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
- <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
25
- <DropdownMenuPrimitive.RadioIndicator>
26
- <Circle class="h-2 w-2 fill-current" />
27
- </DropdownMenuPrimitive.RadioIndicator>
28
- </span>
29
- <slot />
27
+ <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
28
+ <DropdownMenuPrimitive.RadioIndicator>
29
+ <Circle class="h-1.5 w-1.5 fill-current" />
30
+ </DropdownMenuPrimitive.RadioIndicator>
31
+ </span>
32
+ <slot />
30
33
  </DropdownMenuPrimitive.RadioItem>
@@ -1,7 +1,15 @@
1
1
  import { SvelteComponent } from "svelte";
2
- import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
2
+ import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
3
+ import { type DropdownMenuSize } from './index.js';
3
4
  declare const __propDef: {
4
- props: DropdownMenuPrimitive.RadioItemProps;
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?: DropdownMenuSize;
12
+ };
5
13
  slots: {
6
14
  default: {};
7
15
  };
@@ -1,25 +1,28 @@
1
- <script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
1
+ <script>import { cn } from "../../../utils.js";
2
+ import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
2
3
  import ChevronRight from "lucide-svelte/icons/chevron-right";
3
- import { cn } from "../../../utils.js";
4
+ import { dropdownMenuVariants } 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
  <DropdownMenuPrimitive.SubTrigger
10
- class={cn(
11
- "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground",
12
- inset && "pl-8",
13
- className
14
- )}
15
- {...$$restProps}
16
- on:click
17
- on:keydown
18
- on:focusin
19
- on:focusout
20
- on:pointerleave
21
- on:pointermove
12
+ class={cn(
13
+ 'flex cursor-default select-none items-center rounded-sm px-2 outline-none data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground',
14
+ inset && 'pl-8',
15
+ dropdownMenuVariants.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
- <slot />
24
- <ChevronRight class="ml-auto h-4 w-4" />
26
+ <slot />
27
+ <ChevronRight class="ml-auto h-4 w-4" />
25
28
  </DropdownMenuPrimitive.SubTrigger>
@@ -1,12 +1,14 @@
1
1
  import { SvelteComponent } from "svelte";
2
- import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
2
+ import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
3
+ import { type DropdownMenuSize } 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?: DropdownMenuSize;
10
12
  };
11
13
  slots: {
12
14
  default: {};
@@ -1,16 +1,35 @@
1
- import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
2
- import Item from "./dropdown-menu-item.svelte";
3
- import Label from "./dropdown-menu-label.svelte";
4
- import Content from "./dropdown-menu-content.svelte";
5
- import Shortcut from "./dropdown-menu-shortcut.svelte";
6
- import RadioItem from "./dropdown-menu-radio-item.svelte";
7
- import Separator from "./dropdown-menu-separator.svelte";
8
- import RadioGroup from "./dropdown-menu-radio-group.svelte";
9
- import SubContent from "./dropdown-menu-sub-content.svelte";
10
- import SubTrigger from "./dropdown-menu-sub-trigger.svelte";
11
- import CheckboxItem from "./dropdown-menu-checkbox-item.svelte";
1
+ import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
2
+ import CheckboxItem from './dropdown-menu-checkbox-item.svelte';
3
+ import Content from './dropdown-menu-content.svelte';
4
+ import Item from './dropdown-menu-item.svelte';
5
+ import Label from './dropdown-menu-label.svelte';
6
+ import RadioGroup from './dropdown-menu-radio-group.svelte';
7
+ import RadioItem from './dropdown-menu-radio-item.svelte';
8
+ import Separator from './dropdown-menu-separator.svelte';
9
+ import Shortcut from './dropdown-menu-shortcut.svelte';
10
+ import SubContent from './dropdown-menu-sub-content.svelte';
11
+ import SubTrigger from './dropdown-menu-sub-trigger.svelte';
12
12
  declare const Sub: typeof DropdownMenuPrimitive.Sub;
13
13
  declare const Root: typeof DropdownMenuPrimitive.Root;
14
14
  declare const Trigger: typeof DropdownMenuPrimitive.Trigger;
15
15
  declare const Group: typeof DropdownMenuPrimitive.Group;
16
- export { Sub, Root, Item, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, Root as DropdownMenu, Sub as DropdownMenuSub, Item as DropdownMenuItem, Label as DropdownMenuLabel, Group as DropdownMenuGroup, Content as DropdownMenuContent, Trigger as DropdownMenuTrigger, Shortcut as DropdownMenuShortcut, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, RadioGroup as DropdownMenuRadioGroup, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, CheckboxItem as DropdownMenuCheckboxItem, };
16
+ export type DropdownMenuSize = 'default' | 'sm';
17
+ declare const dropdownMenuVariants: {
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 DropdownMenu, CheckboxItem as DropdownMenuCheckboxItem, Content as DropdownMenuContent, Group as DropdownMenuGroup, Item as DropdownMenuItem, Label as DropdownMenuLabel, RadioGroup as DropdownMenuRadioGroup, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, Shortcut as DropdownMenuShortcut, Sub as DropdownMenuSub, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, Trigger as DropdownMenuTrigger, dropdownMenuVariants, Group, Item, Label, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };
@@ -1,18 +1,36 @@
1
- import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
2
- import Item from "./dropdown-menu-item.svelte";
3
- import Label from "./dropdown-menu-label.svelte";
4
- import Content from "./dropdown-menu-content.svelte";
5
- import Shortcut from "./dropdown-menu-shortcut.svelte";
6
- import RadioItem from "./dropdown-menu-radio-item.svelte";
7
- import Separator from "./dropdown-menu-separator.svelte";
8
- import RadioGroup from "./dropdown-menu-radio-group.svelte";
9
- import SubContent from "./dropdown-menu-sub-content.svelte";
10
- import SubTrigger from "./dropdown-menu-sub-trigger.svelte";
11
- import CheckboxItem from "./dropdown-menu-checkbox-item.svelte";
1
+ import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
2
+ import CheckboxItem from './dropdown-menu-checkbox-item.svelte';
3
+ import Content from './dropdown-menu-content.svelte';
4
+ import Item from './dropdown-menu-item.svelte';
5
+ import Label from './dropdown-menu-label.svelte';
6
+ import RadioGroup from './dropdown-menu-radio-group.svelte';
7
+ import RadioItem from './dropdown-menu-radio-item.svelte';
8
+ import Separator from './dropdown-menu-separator.svelte';
9
+ import Shortcut from './dropdown-menu-shortcut.svelte';
10
+ import SubContent from './dropdown-menu-sub-content.svelte';
11
+ import SubTrigger from './dropdown-menu-sub-trigger.svelte';
12
12
  const Sub = DropdownMenuPrimitive.Sub;
13
13
  const Root = DropdownMenuPrimitive.Root;
14
14
  const Trigger = DropdownMenuPrimitive.Trigger;
15
15
  const Group = DropdownMenuPrimitive.Group;
16
- export { Sub, Root, Item, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem,
16
+ const dropdownMenuVariants = {
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 DropdownMenu, Sub as DropdownMenuSub, Item as DropdownMenuItem, Label as DropdownMenuLabel, Group as DropdownMenuGroup, Content as DropdownMenuContent, Trigger as DropdownMenuTrigger, Shortcut as DropdownMenuShortcut, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, RadioGroup as DropdownMenuRadioGroup, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, CheckboxItem as DropdownMenuCheckboxItem, };
36
+ Root as DropdownMenu, CheckboxItem as DropdownMenuCheckboxItem, Content as DropdownMenuContent, Group as DropdownMenuGroup, Item as DropdownMenuItem, Label as DropdownMenuLabel, RadioGroup as DropdownMenuRadioGroup, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, Shortcut as DropdownMenuShortcut, Sub as DropdownMenuSub, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, Trigger as DropdownMenuTrigger, dropdownMenuVariants, Group, Item, Label, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };
package/dist/index.css CHANGED
@@ -926,6 +926,10 @@ body {
926
926
  aspect-ratio: 1 / 1;
927
927
  }
928
928
 
929
+ .h-1\.5 {
930
+ height: 0.375rem;
931
+ }
932
+
929
933
  .h-10 {
930
934
  height: 2.5rem;
931
935
  }
@@ -1062,6 +1066,10 @@ body {
1062
1066
  min-height: 100vh;
1063
1067
  }
1064
1068
 
1069
+ .w-1\.5 {
1070
+ width: 0.375rem;
1071
+ }
1072
+
1065
1073
  .w-10 {
1066
1074
  width: 2.5rem;
1067
1075
  }
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.49",
87
- "gitHead": "2d6669c912eab15b7fdc9691a7b055f693d2e769"
86
+ "version": "2.0.0-alpha.50",
87
+ "gitHead": "ec655bce0e06da585a4fa69829074e4e298173d1"
88
88
  }