@rgossiaux/svelte-headlessui - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

components/dialog/Dialog.svelte.d.ts

@@ -18,4 +18,3 @@ import { SvelteComponentTyped } from "svelte";
         open: boolean | undefined;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
-        /***** Props *****/
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -22,0 +21,0 @@ } & {

components/dialog/DialogOverlay.svelte.d.ts

@@ -6,3 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         open: boolean;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -9,0 +9,0 @@ };

components/dialog/DialogTitle.svelte.d.ts

@@ -6,3 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         open: boolean;
-    }, TAsProp, "h2">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "h2">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -9,0 +9,0 @@ };

components/disclosure/Disclosure.svelte.d.ts

@@ -23,3 +23,3 @@ import { SvelteComponentTyped } from "svelte";
         close: (focusableElement: HTMLElement | null) => void;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -26,0 +26,0 @@ } & {

components/disclosure/DisclosureButton.svelte.d.ts

@@ -7,3 +7,3 @@ import { SvelteComponentTyped } from "svelte";
         close: (focusableElement: HTMLElement | null) => void;
-    }, TAsProp, "button">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "button">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -10,0 +10,0 @@ } & {

components/disclosure/DisclosurePanel.svelte.d.ts

@@ -8,3 +8,3 @@ import { SvelteComponentTyped } from "svelte";
         close: (focusableElement: HTMLElement | null) => void;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -11,0 +11,0 @@ } & {

components/listbox/Listbox.svelte.d.ts

@@ -41,3 +41,3 @@ import { SvelteComponentTyped } from "svelte";
         open: boolean;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -44,0 +44,0 @@ } & {

components/listbox/ListboxButton.svelte.d.ts

@@ -7,3 +7,3 @@ import { SvelteComponentTyped } from "svelte";
         disabled: boolean;
-    }, TAsProp, "button">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "button">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -10,0 +10,0 @@ };

components/listbox/ListboxLabel.svelte.d.ts

@@ -7,3 +7,3 @@ import { SvelteComponentTyped } from "svelte";
         disabled: boolean;
-    }, TAsProp, "label">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "label">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -10,0 +10,0 @@ };

components/listbox/ListboxOption.svelte.d.ts

@@ -8,3 +8,3 @@ import { SvelteComponentTyped } from "svelte";
         disabled: boolean;
-    }, TAsProp, "li">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "li">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -11,0 +11,0 @@ } & {

components/listbox/ListboxOptions.svelte.d.ts

@@ -6,3 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         open: boolean;
-    }, TAsProp, "ul">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "ul">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -9,0 +9,0 @@ } & {

components/menu/Menu.svelte.d.ts

@@ -35,3 +35,3 @@ import { SvelteComponentTyped } from "svelte";
         open: boolean;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -38,0 +38,0 @@ };

components/menu/MenuButton.svelte.d.ts

@@ -6,3 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         open: boolean;
-    }, TAsProp, "button">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "button">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -9,0 +9,0 @@ } & {

components/menu/MenuItem.svelte.d.ts

@@ -7,3 +7,3 @@ import { SvelteComponentTyped } from "svelte";
         disabled: boolean;
-    }, TAsProp, "a">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "a">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -10,0 +10,0 @@ } & {

components/menu/MenuItems.svelte.d.ts

@@ -6,3 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         open: boolean;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -9,0 +9,0 @@ } & {

components/popover/Popover.svelte.d.ts

@@ -28,3 +28,3 @@ import { SvelteComponentTyped } from "svelte";
         close: (focusableElement: HTMLElement | null) => void;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -31,0 +31,0 @@ };

components/popover/PopoverButton.svelte.d.ts

@@ -6,3 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         open: boolean;
-    }, TAsProp, "button">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "button">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -9,0 +9,0 @@ } & {

components/popover/PopoverGroup.svelte.d.ts

@@ -12,3 +12,3 @@ import { SvelteComponentTyped } from "svelte";
 declare class __sveltets_Render<TAsProp extends SupportedAs> {
-    props(): Omit<import("../../types").TRenderProps<{}, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    props(): Omit<import("../../types").TRenderProps<{}, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -15,0 +15,0 @@ };

components/popover/PopoverOverlay.svelte.d.ts

@@ -6,3 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         open: boolean;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -9,0 +9,0 @@ };

components/popover/PopoverPanel.svelte.d.ts

@@ -10,3 +10,3 @@ import { SvelteComponentTyped } from "svelte";
         close: (focusableElement: HTMLElement | null) => void;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -13,0 +13,0 @@ } & {

components/radio-group/RadioGroup.svelte.d.ts

@@ -24,3 +24,3 @@ import { SvelteComponentTyped } from "svelte";
 declare class __sveltets_Render<TAsProp extends SupportedAs> {
-    props(): Omit<import("../../types").TRenderProps<{}, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    props(): Omit<import("../../types").TRenderProps<{}, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -27,0 +27,0 @@ } & {

components/radio-group/RadioGroupOption.svelte.d.ts

@@ -8,3 +8,3 @@ import { SvelteComponentTyped } from "svelte";
         active: boolean;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -11,0 +11,0 @@ } & {

components/switch/Switch.svelte.d.ts

@@ -6,3 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         checked: boolean;
-    }, TAsProp, "button">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "button">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -9,0 +9,0 @@ } & {

components/switch/SwitchGroup.svelte.d.ts

@@ -9,3 +9,3 @@ import { SvelteComponentTyped } from "svelte";
 declare class __sveltets_Render<TAsProp extends SupportedAs> {
-    props(): Omit<import("../../types").TRenderProps<{}, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    props(): Omit<import("../../types").TRenderProps<{}, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -12,0 +12,0 @@ };

components/tabs/Tab.svelte.d.ts

@@ -6,3 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         selected: boolean;
-    }, TAsProp, "button">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "button">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -9,0 +9,0 @@ } & {

components/tabs/TabGroup.svelte.d.ts

@@ -25,3 +25,3 @@ import { SvelteComponentTyped } from "svelte";
         selectedIndex: number | null;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -28,0 +28,0 @@ } & {

components/tabs/TabList.svelte.d.ts

@@ -6,3 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         selectedIndex: number | null;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -9,0 +9,0 @@ };

components/tabs/TabPanel.svelte.d.ts

@@ -6,3 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         selected: boolean;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -9,0 +9,0 @@ };

components/tabs/TabPanels.svelte.d.ts

@@ -6,3 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         selectedIndex: number | null;
-    }, TAsProp, "div">, "as" | import("../../types").TInternalProps | "static" | "unmount"> & {
+    }, TAsProp, "div">, import("../../types").TInternalProps | "as" | "static" | "unmount"> & {
         as?: TAsProp | undefined;
@@ -9,0 +9,0 @@ };

components/transitions/TransitionChild.svelte.d.ts

@@ -119,3 +119,3 @@ /// <reference types="svelte2tsx/svelte-jsx" />
         currenttime?: number | null | undefined;
-        decoding?: "async" | "auto" | "sync" | null | undefined;
+        decoding?: "async" | "sync" | "auto" | null | undefined;
         datetime?: string | null | undefined;
@@ -178,2 +178,3 @@ default?: boolean | null | undefined;
         playsinline?: boolean | null | undefined;
+        ping?: string | null | undefined;
         poster?: string | null | undefined;
@@ -207,2 +208,3 @@ preload?: string | null | undefined;
         target?: string | null | undefined;
+        translate?: "" | "yes" | "no" | null | undefined;
         type?: string | null | undefined;
@@ -254,3 +256,3 @@ usemap?: string | null | undefined;
         'aria-grabbed'?: boolean | "true" | "false" | null | undefined;
-        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "listbox" | "false" | "tree" | "grid" | null | undefined;
+        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "tree" | "grid" | null | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | null | undefined;
@@ -257,0 +259,0 @@ 'aria-keyshortcuts'?: string | null | undefined;

components/transitions/TransitionChildWrapper.svelte.d.ts

@@ -65,3 +65,3 @@ /// <reference types="svelte2tsx/svelte-jsx" />
         currenttime?: number | null | undefined;
-        decoding?: "async" | "auto" | "sync" | null | undefined;
+        decoding?: "async" | "sync" | "auto" | null | undefined;
         datetime?: string | null | undefined;
@@ -124,2 +124,3 @@ default?: boolean | null | undefined;
         playsinline?: boolean | null | undefined;
+        ping?: string | null | undefined;
         poster?: string | null | undefined;
@@ -153,2 +154,3 @@ preload?: string | null | undefined;
         target?: string | null | undefined;
+        translate?: "" | "yes" | "no" | null | undefined;
         type?: string | null | undefined;
@@ -200,3 +202,3 @@ usemap?: string | null | undefined;
         'aria-grabbed'?: boolean | "true" | "false" | null | undefined;
-        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "listbox" | "false" | "tree" | "grid" | null | undefined;
+        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "tree" | "grid" | null | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | null | undefined;
@@ -203,0 +205,0 @@ 'aria-keyshortcuts'?: string | null | undefined;

components/transitions/TransitionRoot.svelte.d.ts

@@ -73,3 +73,3 @@ /// <reference types="svelte2tsx/svelte-jsx" />
         currenttime?: number | null | undefined;
-        decoding?: "async" | "auto" | "sync" | null | undefined;
+        decoding?: "async" | "sync" | "auto" | null | undefined;
         datetime?: string | null | undefined;
@@ -132,2 +132,3 @@ default?: boolean | null | undefined;
         playsinline?: boolean | null | undefined;
+        ping?: string | null | undefined;
         poster?: string | null | undefined;
@@ -161,2 +162,3 @@ preload?: string | null | undefined;
         target?: string | null | undefined;
+        translate?: "" | "yes" | "no" | null | undefined;
         type?: string | null | undefined;
@@ -208,3 +210,3 @@ usemap?: string | null | undefined;
         'aria-grabbed'?: boolean | "true" | "false" | null | undefined;
-        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "listbox" | "false" | "tree" | "grid" | null | undefined;
+        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "tree" | "grid" | null | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | null | undefined;
@@ -211,0 +213,0 @@ 'aria-keyshortcuts'?: string | null | undefined;

package.json

@@ -18,3 +18,3 @@ {
   "repository": "github:rgossiaux/svelte-headlessui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "peerDependencies": {
@@ -56,3 +56,3 @@ "svelte": "^3.44.0"
     "svelte-preprocess": "^4.9.8",
-    "svelte2tsx": "^0.4.13",
+    "svelte2tsx": "^0.5.0",
     "tailwindcss": "^3.0.0",
@@ -59,0 +59,0 @@ "ts-jest": "^27.1.2",

types.d.ts

@@ -21,3 +21,3 @@ /// <reference types="svelte2tsx/svelte-jsx" />
 }
-export declare type TRestProps<T> = T extends SupportedElement ? Omit<svelte.JSX.HTMLAttributes<HTMLElementTagNameMap[T]>, "class" | "style"> : {};
+export declare type TRestProps<T> = T extends SupportedElement ? Omit<svelteHTML.IntrinsicElements[T], "class" | "style"> : {};
 export declare type TResolveAs<TAsProp, TDefaultAs> = SupportedAs extends TAsProp ? TDefaultAs : TAsProp;
@@ -24,0 +24,0 @@ export declare type TRenderProps<TSlotProps extends {}, TAsProp extends SupportedAs, TDefaultAs> = TRestProps<TResolveAs<TAsProp, TDefaultAs>> & {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

372577

decreased by-0.15%

Number of package files

177

decreased by-1.12%

Lines of code

5287

decreased by-0.28%

No dependency changes