Upgrade sveld to v0.10 (#856)

* chore(deps-dev): upgrade sveld to v0.10.2

* feat(types): regenerate types using sveld@0.10.2

* fix(types): update @extends to use .svelte extension

docs/src/COMPONENT_API.json

@@ -76,7 +76,7 @@
       "rest_props": { "type": "InlineComponent", "name": "AccordionSkeleton" },
       "extends": {
         "interface": "AccordionSkeletonProps",
-        "import": "\"./AccordionSkeleton\""
+        "import": "\"./AccordionSkeleton.svelte\""
       }
     },
     {
@@ -281,7 +281,7 @@
       "rest_props": { "type": "InlineComponent", "name": "BreadcrumbSkeleton" },
       "extends": {
         "interface": "BreadcrumbSkeletonProps",
-        "import": "\"./BreadcrumbSkeleton\""
+        "import": "\"./BreadcrumbSkeleton.svelte\""
       }
     },
     {
@@ -634,7 +634,7 @@
       "rest_props": { "type": "Element", "name": "button | a | div" },
       "extends": {
         "interface": "ButtonSkeletonProps",
-        "import": "\"./ButtonSkeleton\""
+        "import": "\"./ButtonSkeleton.svelte\""
       }
     },
     {
@@ -2169,7 +2169,10 @@
       ],
       "typedefs": [],
       "rest_props": { "type": "InlineComponent", "name": "Copy" },
-      "extends": { "interface": "CopyProps", "import": "\"../Copy/Copy\"" }
+      "extends": {
+        "interface": "CopyProps",
+        "import": "\"../Copy/Copy.svelte\""
+      }
     },
     {
       "moduleName": "DataTable",
@@ -2555,7 +2558,10 @@
       ],
       "typedefs": [],
       "rest_props": { "type": "Element", "name": "div" },
-      "extends": { "interface": "DataTableHeader", "import": "\"./DataTable\"" }
+      "extends": {
+        "interface": "DataTableHeader",
+        "import": "\"./DataTable.svelte\""
+      }
     },
     {
       "moduleName": "DatePicker",
@@ -4904,7 +4910,7 @@
       "rest_props": { "type": "Element", "name": "svg" },
       "extends": {
         "interface": "IconSkeletonProps",
-        "import": "\"./IconSkeleton\""
+        "import": "\"./IconSkeleton.svelte\""
       }
     },
     {
@@ -7231,7 +7237,7 @@
       ],
       "typedefs": [],
       "rest_props": { "type": "InlineComponent", "name": "Link" },
-      "extends": { "interface": "LinkProps", "import": "\"./Link\"" }
+      "extends": { "interface": "LinkProps", "import": "\"./Link.svelte\"" }
     },
     {
       "moduleName": "OverflowMenu",
@@ -12615,7 +12621,7 @@
       "rest_props": { "type": "InlineComponent", "name": "OverflowMenu" },
       "extends": {
         "interface": "OverflowMenuProps",
-        "import": "\"../OverflowMenu/OverflowMenu\""
+        "import": "\"../OverflowMenu/OverflowMenu.svelte\""
       }
     },
     {
@@ -12635,7 +12641,7 @@
       "rest_props": { "type": "InlineComponent", "name": "OverflowMenuItem" },
       "extends": {
         "interface": "OverflowMenuItemProps",
-        "import": "\"../OverflowMenu/OverflowMenuItem\""
+        "import": "\"../OverflowMenu/OverflowMenuItem.svelte\""
       }
     },
     {

package.json

@@ -40,7 +40,7 @@
     "rollup-plugin-svelte": "^7.1.0",
     "rollup-plugin-terser": "^7.0.2",
     "sass": "^1.42.1",
-    "sveld": "^0.8.2",
+    "sveld": "^0.10.2",
     "svelte": "^3.40.1",
     "svelte-check": "^1.1.32",
     "typescript": "^4.1.3"

src/Accordion/Accordion.svelte

@@ -1,5 +1,5 @@
 <script>
-  /** @extends {"./AccordionSkeleton"} AccordionSkeletonProps */
+  /** @extends {"./AccordionSkeleton.svelte"} AccordionSkeletonProps */
 
   /**
    * Specify alignment of accordion item chevron icon

src/Breadcrumb/Breadcrumb.svelte

@@ -1,5 +1,5 @@
 <script>
-  /** @extends {"./BreadcrumbSkeleton"} BreadcrumbSkeletonProps */
+  /** @extends {"./BreadcrumbSkeleton.svelte"} BreadcrumbSkeletonProps */
 
   /** Set to `true` to hide the breadcrumb trailing slash */
   export let noTrailingSlash = false;

src/Button/Button.svelte

@@ -1,6 +1,6 @@
 <script>
   /**
-   * @extends {"./ButtonSkeleton"} ButtonSkeletonProps
+   * @extends {"./ButtonSkeleton.svelte"} ButtonSkeletonProps
    * @restProps {button | a | div}
    * @slot {{ props: { role: "button"; type?: string; tabindex: any; disabled: boolean; href?: string; class: string; [key: string]: any; } }}
    */

src/CopyButton/CopyButton.svelte

@@ -1,5 +1,5 @@
 <script>
-  /** @extends {"../Copy/Copy"} CopyProps */
+  /** @extends {"../Copy/Copy.svelte"} CopyProps */
 
   /** Set the title and ARIA label for the copy button */
   export let iconDescription = "Copy to clipboard";

src/DataTable/DataTableSkeleton.svelte

@@ -1,5 +1,5 @@
 <script>
-  /** @extends {"./DataTable"} DataTableHeader */
+  /** @extends {"./DataTable.svelte"} DataTableHeader */
 
   /**
    * Specify the number of columns

src/DataTable/ToolbarMenu.svelte

@@ -1,5 +1,5 @@
 <script>
-  /** @extends {"../OverflowMenu/OverflowMenu"} OverflowMenuProps */
+  /** @extends {"../OverflowMenu/OverflowMenu.svelte"} OverflowMenuProps */
 
   import { getContext } from "svelte";
   import Settings16 from "carbon-icons-svelte/lib/Settings16";

src/DataTable/ToolbarMenuItem.svelte

@@ -1,5 +1,5 @@
 <script>
-  /** @extends {"../OverflowMenu/OverflowMenuItem"} OverflowMenuItemProps */
+  /** @extends {"../OverflowMenu/OverflowMenuItem.svelte"} OverflowMenuItemProps */
 
   import { OverflowMenuItem } from "../OverflowMenu";
 </script>

src/Icon/Icon.svelte

@@ -6,7 +6,7 @@
    */
 
   /**
-   * @extends {"./IconSkeleton"} IconSkeletonProps
+   * @extends {"./IconSkeleton.svelte"} IconSkeletonProps
    * @restProps {svg}
    */
 

src/Link/OutboundLink.svelte

@@ -1,5 +1,5 @@
 <script>
-  /** @extends {"./Link"} LinkProps */
+  /** @extends {"./Link.svelte"} LinkProps */
 
   import Link from "./Link.svelte";
   import Launch16 from "carbon-icons-svelte/lib/Launch16/Launch16.svelte";

tests/Breakpoint.test.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Breakpoint } from "../types";
-  import { BreakpointSize } from "../types/Breakpoint/Breakpoint";
+  import type { BreakpointSize } from "../types/Breakpoint/Breakpoint.svelte";
 
   let size: BreakpointSize;
 </script>

tests/ComboBox.test.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { ComboBox } from "../types";
-  import type { ComboBoxItem } from "../types/ComboBox/ComboBox";
+  import type { ComboBoxItem } from "../types/ComboBox/ComboBox.svelte";
 
   const items: ComboBoxItem[] = [
     { id: "0", text: "Slack" },

tests/DataTable.test.svelte

@@ -10,7 +10,7 @@
     Button,
     Link,
   } from "../types";
-  import type { DataTableHeader } from "../types/DataTable/DataTable";
+  import type { DataTableHeader } from "../types/DataTable/DataTable.svelte";
   import Launch16 from "carbon-icons-svelte/lib/Launch16";
 
   const headers: DataTableHeader[] = [

tests/Theme.test.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Theme } from "../types";
-  import { CarbonTheme } from "../types/Theme/Theme";
+  import type { CarbonTheme } from "../types/Theme/Theme.svelte";
 
   let theme: CarbonTheme = "g10";
 </script>

tests/TreeView.test.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { TreeView } from "../types";
-  import type { TreeNodeId } from "../types/TreeView/TreeView";
+  import type { TreeNodeId } from "../types/TreeView/TreeView.svelte";
   import Analytics16 from "carbon-icons-svelte/lib/Analytics16";
 
   let treeview: TreeView;

types/Accordion/Accordion.svelte.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import { SvelteComponentTyped } from "svelte";
-import { AccordionSkeletonProps } from "./AccordionSkeleton";
+import { AccordionSkeletonProps } from "./AccordionSkeleton.svelte";
 
 export interface AccordionProps extends AccordionSkeletonProps {
   /**

types/Breadcrumb/Breadcrumb.svelte.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import { SvelteComponentTyped } from "svelte";
-import { BreadcrumbSkeletonProps } from "./BreadcrumbSkeleton";
+import { BreadcrumbSkeletonProps } from "./BreadcrumbSkeleton.svelte";
 
 export interface BreadcrumbProps extends BreadcrumbSkeletonProps {
   /**

types/Breakpoint/Breakpoint.svelte.d.ts

@@ -30,8 +30,6 @@ export default class Breakpoint extends SvelteComponentTyped<
 > {
   /**
    * Reference the Carbon grid breakpoints
-   * @constant
-   * @default { sm: 320, md: 672, lg: 1056, xlg: 1312, max: 1584, }
    */
   breakpoints: Record<BreakpointSize, BreakpointValue>;
 }

types/Button/Button.svelte.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import { SvelteComponentTyped } from "svelte";
-import { ButtonSkeletonProps } from "./ButtonSkeleton";
+import { ButtonSkeletonProps } from "./ButtonSkeleton.svelte";
 
 export interface ButtonProps
   extends ButtonSkeletonProps,

types/ComboBox/ComboBox.svelte.d.ts

@@ -157,7 +157,6 @@ export default class ComboBox extends SvelteComponentTyped<
 > {
   /**
    * Clear the combo box programmatically
-   * @default () => { selectedIndex = -1; highlightedIndex = -1; open = false; inputValue = ""; ref?.focus(); }
    */
   clear: () => void;
 }

types/CopyButton/CopyButton.svelte.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import { SvelteComponentTyped } from "svelte";
-import { CopyProps } from "../Copy/Copy";
+import { CopyProps } from "../Copy/Copy.svelte";
 
 export interface CopyButtonProps extends CopyProps {
   /**

types/DataTable/DataTableSkeleton.svelte.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import { SvelteComponentTyped } from "svelte";
-import { DataTableHeader } from "./DataTable";
+import { DataTableHeader } from "./DataTable.svelte";
 
 export interface DataTableSkeletonProps
   extends DataTableHeader,

types/DataTable/ToolbarMenu.svelte.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import { SvelteComponentTyped } from "svelte";
-import { OverflowMenuProps } from "../OverflowMenu/OverflowMenu";
+import { OverflowMenuProps } from "../OverflowMenu/OverflowMenu.svelte";
 
 export interface ToolbarMenuProps extends OverflowMenuProps {}
 

types/DataTable/ToolbarMenuItem.svelte.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import { SvelteComponentTyped } from "svelte";
-import { OverflowMenuItemProps } from "../OverflowMenu/OverflowMenuItem";
+import { OverflowMenuItemProps } from "../OverflowMenu/OverflowMenuItem.svelte";
 
 export interface ToolbarMenuItemProps extends OverflowMenuItemProps {}
 

types/FileUploader/FileUploader.svelte.d.ts

@@ -80,8 +80,6 @@ export default class FileUploader extends SvelteComponentTyped<
 > {
   /**
    * Override the default behavior of clearing the array of uploaded files
-   * @constant
-   * @default () => { files = []; }
    */
   clearFiles: () => void;
 }

types/Icon/Icon.svelte.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import { SvelteComponentTyped } from "svelte";
-import { IconSkeletonProps } from "./IconSkeleton";
+import { IconSkeletonProps } from "./IconSkeleton.svelte";
 
 export interface IconProps
   extends IconSkeletonProps,

types/ImageLoader/ImageLoader.svelte.d.ts

@@ -53,8 +53,6 @@ export default class ImageLoader extends SvelteComponentTyped<
 > {
   /**
    * Method invoked to load the image provided a `src` value
-   * @constant
-   * @default (url) => { if (image != null) image = null; loaded = false; error = false; image = new Image(); image.src = url || src; image.onload = () => (loaded = true); image.onerror = () => (error = true); }
    */
   loadImage: (url?: string) => void;
 }

types/Link/OutboundLink.svelte.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import { SvelteComponentTyped } from "svelte";
-import { LinkProps } from "./Link";
+import { LinkProps } from "./Link.svelte";
 
 export interface OutboundLinkProps extends LinkProps {}
 

types/ListBox/ListBoxField.svelte.d.ts

@@ -57,8 +57,6 @@ export default class ListBoxField extends SvelteComponentTyped<
 > {
   /**
    * Default translation ids
-   * @constant
-   * @default { close: "close", open: "open" }
    */
   translationIds: { close: "close"; open: "open" };
 }

types/ListBox/ListBoxMenuIcon.svelte.d.ts

@@ -25,8 +25,6 @@ export default class ListBoxMenuIcon extends SvelteComponentTyped<
 > {
   /**
    * Default translation ids
-   * @constant
-   * @default { close: "close", open: "open" }
    */
   translationIds: { close: "close"; open: "open" };
 }

types/ListBox/ListBoxSelection.svelte.d.ts

@@ -36,8 +36,6 @@ export default class ListBoxSelection extends SvelteComponentTyped<
 > {
   /**
    * Default translation ids
-   * @constant
-   * @default { clearAll: "clearAll", clearSelection: "clearSelection", }
    */
   translationIds: { clearAll: "clearAll"; clearSelection: "clearSelection" };
 }

types/LocalStorage/LocalStorage.svelte.d.ts

@@ -25,13 +25,11 @@ export default class LocalStorage extends SvelteComponentTyped<
 > {
   /**
    * Remove the persisted key value from the browser's local storage
-   * @default () => { localStorage.removeItem(key); }
    */
   clearItem: () => void;
 
   /**
    * Clear all key values from the browser's local storage
-   * @default () => { localStorage.clear(); }
    */
   clearAll: () => void;
 }