carbon-components-svelte 0.98.3 → 0.98.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-components-svelte",
-  "version": "0.98.3",
+  "version": "0.98.5",
   "license": "Apache-2.0",
   "description": "Svelte implementation of the Carbon Design System",
   "type": "module",

package/src/TreeView/TreeView.svelte

@@ -281,19 +281,19 @@
   /** @type {ReadonlyArray<TreeNodeId>} */
   let lastExpandedIdsRef = expandedIds;
 
-  /** @type {(node: TreeNode) => void} */
+  /** @type {(node: Node) => void} */
   const clickNode = (node) => {
     activeId = node.id;
     selectedIds = [node.id];
     dispatch("select", node);
   };
 
-  /** @type {(node: TreeNode) => void} */
+  /** @type {(node: Node) => void} */
   const selectNode = (node) => {
     selectedIds = [node.id];
   };
 
-  /** @type {(node: TreeNode, expanded: boolean) => void} */
+  /** @type {(node: Node, expanded: boolean) => void} */
   const expandNode = (node, expanded) => {
     if (expanded) {
       expandedIdsSet.add(node.id);
@@ -304,10 +304,10 @@
     lastExpandedIdsRef = expandedIds;
   };
 
-  /** @type {(node: TreeNode) => void} */
+  /** @type {(node: Node) => void} */
   const focusNode = (node) => dispatch("focus", node);
 
-  /** @type {(node: TreeNode) => void} */
+  /** @type {(node: Node) => void} */
   const toggleNode = (node) => dispatch("toggle", node);
 
   setContext("TreeView", {

package/src/Truncate/truncate.d.ts

@@ -2,11 +2,11 @@ interface TruncateOptions {
   clamp?: "end" | "front";
 }
 
-export function TruncateAction(
+export function truncate(
   node: HTMLElement,
   options?: TruncateOptions,
 ): {
   update: (options?: TruncateOptions) => void;
 };
 
-export default TruncateAction;
+export default truncate;

package/types/Accordion/Accordion.svelte.d.ts

@@ -29,6 +29,8 @@ export type AccordionProps = AccordionSkeletonProps & {
    * @default false
    */
   skeleton?: boolean;
+
+  children?: (this: void) => void;
 };
 
 export default class Accordion extends SvelteComponentTyped<

package/types/Accordion/AccordionItem.svelte.d.ts

@@ -35,6 +35,8 @@ type $Props = {
    */
   iconDescription?: string;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/AspectRatio/AspectRatio.svelte.d.ts

@@ -19,6 +19,8 @@ type $Props = {
     | "9x16"
     | "1x2";
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/Breadcrumb/Breadcrumb.svelte.d.ts

@@ -13,6 +13,8 @@ export type BreadcrumbProps = BreadcrumbSkeletonProps & {
    * @default false
    */
   skeleton?: boolean;
+
+  children?: (this: void) => void;
 };
 
 export default class Breadcrumb extends SvelteComponentTyped<

package/types/Breadcrumb/BreadcrumbItem.svelte.d.ts

@@ -18,6 +18,11 @@ type $Props = {
    */
   isCurrentPage?: boolean;
 
+  children?: (
+    this: void,
+    ...args: [{ props?: { "aria-current"?: string; class: "bx--link" } }]
+  ) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/Breakpoint/Breakpoint.svelte.d.ts

@@ -16,6 +16,11 @@ export type BreakpointProps = {
    * @default { sm: false, md: false, lg: false, xlg: false, max: false, }
    */
   sizes?: Record<BreakpointSize, boolean>;
+
+  children?: (
+    this: void,
+    ...args: [{ size: BreakpointSize; sizes: Record<BreakpointSize, boolean> }]
+  ) => void;
 };
 
 export default class Breakpoint extends SvelteComponentTyped<

package/types/Button/Button.svelte.d.ts

@@ -128,6 +128,23 @@ type $Props = {
    */
   ref?: null | HTMLAnchorElement | HTMLButtonElement;
 
+  children?: (
+    this: void,
+    ...args: [
+      {
+        props: {
+          role: "button";
+          type?: string;
+          tabindex: any;
+          disabled: boolean;
+          href?: string;
+          class: string;
+          [key: string]: any;
+        };
+      },
+    ]
+  ) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/Button/ButtonSet.svelte.d.ts

@@ -10,6 +10,8 @@ type $Props = {
    */
   stacked?: boolean;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/CodeSnippet/CodeSnippet.svelte.d.ts

@@ -125,6 +125,8 @@ export type CodeSnippetProps = {
    * @default null
    */
   ref?: null | HTMLPreElement;
+
+  children?: (this: void) => void;
 };
 
 export default class CodeSnippet extends SvelteComponentTyped<

package/types/ComboBox/ComboBox.svelte.d.ts

@@ -183,6 +183,8 @@ type $Props<Item> = {
 
   labelChildren?: (this: void) => void;
 
+  children?: (this: void, ...args: [{ item: Item; index: number }]) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/ComposedModal/ComposedModal.svelte.d.ts

@@ -53,6 +53,8 @@ type $Props = {
    */
   ref?: null | HTMLDivElement;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/ComposedModal/ModalBody.svelte.d.ts

@@ -16,6 +16,8 @@ type $Props = {
    */
   hasScrollingContent?: boolean;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/ComposedModal/ModalFooter.svelte.d.ts

@@ -53,6 +53,8 @@ type $Props = {
    */
   danger?: boolean;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/ComposedModal/ModalHeader.svelte.d.ts

@@ -46,6 +46,8 @@ type $Props = {
    */
   iconDescription?: string;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/ContainedList/ContainedList.svelte.d.ts

@@ -35,6 +35,8 @@ export type ContainedListProps = {
   action?: (this: void) => void;
 
   labelChildren?: (this: void) => void;
+
+  children?: (this: void) => void;
 };
 
 export default class ContainedList extends SvelteComponentTyped<

package/types/ContainedList/ContainedListItem.svelte.d.ts

@@ -21,6 +21,8 @@ export type ContainedListItemProps = {
   icon?: any;
 
   action?: (this: void) => void;
+
+  children?: (this: void) => void;
 };
 
 export default class ContainedListItem extends SvelteComponentTyped<

package/types/ContentSwitcher/ContentSwitcher.svelte.d.ts

@@ -23,6 +23,8 @@ type $Props = {
    */
   size?: "sm" | "xl";
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/ContentSwitcher/Switch.svelte.d.ts

@@ -41,6 +41,8 @@ type $Props = {
    */
   ref?: null | HTMLButtonElement;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/ContextMenu/ContextMenu.svelte.d.ts

@@ -44,6 +44,8 @@ type $Props = {
    */
   ref?: null | HTMLUListElement;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/ContextMenu/ContextMenuGroup.svelte.d.ts

@@ -17,6 +17,8 @@ export type ContextMenuGroupProps = {
    * @default ""
    */
   labelText?: string;
+
+  children?: (this: void) => void;
 };
 
 export default class ContextMenuGroup extends SvelteComponentTyped<

package/types/ContextMenu/ContextMenuOption.svelte.d.ts

@@ -83,6 +83,8 @@ type $Props = {
 
   labelChildren?: (this: void) => void;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/ContextMenu/ContextMenuRadioGroup.svelte.d.ts

@@ -19,6 +19,8 @@ export type ContextMenuRadioGroupProps = {
    * @default ""
    */
   labelText?: string;
+
+  children?: (this: void) => void;
 };
 
 export default class ContextMenuRadioGroup extends SvelteComponentTyped<

package/types/DataTable/DataTable.svelte.d.ts

@@ -42,7 +42,8 @@ export type DataTableCell<Row = DataTableRow> = {
   value: DataTableValue;
   display?: (item: DataTableValue, row: DataTableRow) => DataTableValue;
 };
-export type DataTableContext = {
+
+export type DataTableContext<Row extends DataTableRow = DataTableRow> = {
   batchSelectedIds: import("svelte/store").Writable<
     ReadonlyArray<DataTableRowId>
   >;
@@ -243,6 +244,8 @@ type $Props<Row> = {
     ...args: [{ props: { class: "bx--data-table-header__title" } }]
   ) => void;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/DataTable/Table.svelte.d.ts

@@ -40,6 +40,8 @@ type $Props = {
    */
   tableStyle?: string;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/DataTable/TableBody.svelte.d.ts

@@ -4,6 +4,8 @@ import type { SvelteHTMLElements } from "svelte/elements";
 type $RestProps = SvelteHTMLElements["tbody"];
 
 type $Props = {
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/DataTable/TableCell.svelte.d.ts

@@ -4,6 +4,8 @@ import type { SvelteHTMLElements } from "svelte/elements";
 type $RestProps = SvelteHTMLElements["td"];
 
 type $Props = {
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/DataTable/TableContainer.svelte.d.ts

@@ -28,6 +28,8 @@ type $Props = {
    */
   useStaticWidth?: boolean;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/DataTable/TableHead.svelte.d.ts

@@ -4,6 +4,8 @@ import type { SvelteHTMLElements } from "svelte/elements";
 type $RestProps = SvelteHTMLElements["thead"];
 
 type $Props = {
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/DataTable/TableHeader.svelte.d.ts

@@ -43,6 +43,8 @@ type $Props = {
    */
   id?: string;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/DataTable/TableRow.svelte.d.ts

@@ -4,6 +4,8 @@ import type { SvelteHTMLElements } from "svelte/elements";
 type $RestProps = SvelteHTMLElements["tr"];
 
 type $Props = {
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/DataTable/Toolbar.svelte.d.ts

@@ -16,6 +16,8 @@ type $Props = {
    */
   size?: "sm" | "default";
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/DataTable/ToolbarBatchActions.svelte.d.ts

@@ -24,6 +24,8 @@ type $Props = {
 
   cancel?: (this: void) => void;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/DataTable/ToolbarContent.svelte.d.ts

@@ -1,6 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
 
-export type ToolbarContentProps = Record<string, never>;
+export type ToolbarContentProps = {
+  children?: (this: void) => void;
+};
 
 export default class ToolbarContent extends SvelteComponentTyped<
   ToolbarContentProps,

package/types/DataTable/ToolbarMenu.svelte.d.ts

@@ -1,7 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
 import type { OverflowMenuProps } from "../OverflowMenu/OverflowMenu.svelte";
 
-export type ToolbarMenuProps = OverflowMenuProps & {};
+export type ToolbarMenuProps = OverflowMenuProps & {
+  children?: (this: void) => void;
+};
 
 export default class ToolbarMenu extends SvelteComponentTyped<
   ToolbarMenuProps,

package/types/DataTable/ToolbarMenuItem.svelte.d.ts

@@ -1,7 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
 import type { OverflowMenuItemProps } from "../OverflowMenu/OverflowMenuItem.svelte";
 
-export type ToolbarMenuItemProps = OverflowMenuItemProps & {};
+export type ToolbarMenuItemProps = OverflowMenuItemProps & {
+  children?: (this: void) => void;
+};
 
 export default class ToolbarMenuItem extends SvelteComponentTyped<
   ToolbarMenuItemProps,

package/types/DatePicker/DatePicker.svelte.d.ts

@@ -96,6 +96,8 @@ type $Props = {
    */
   flatpickrProps?: import("flatpickr/dist/types/options").Options;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/Dropdown/Dropdown.svelte.d.ts

@@ -142,6 +142,8 @@ type $Props<Item> = {
    */
   ref?: null | HTMLButtonElement;
 
+  children?: (this: void, ...args: [{ item: Item; index: number }]) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/FluidForm/FluidForm.svelte.d.ts

@@ -8,6 +8,8 @@ export type FormContext = {
 type $RestProps = SvelteHTMLElements["form"];
 
 type $Props = {
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/Form/Form.svelte.d.ts

@@ -10,6 +10,8 @@ type $Props = {
    */
   ref?: null | HTMLFormElement;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/FormGroup/FormGroup.svelte.d.ts

@@ -40,6 +40,8 @@ type $Props = {
    */
   legendId?: string;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/FormItem/FormItem.svelte.d.ts

@@ -4,6 +4,8 @@ import type { SvelteHTMLElements } from "svelte/elements";
 type $RestProps = SvelteHTMLElements["div"];
 
 type $Props = {
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/FormLabel/FormLabel.svelte.d.ts

@@ -10,6 +10,8 @@ type $Props = {
    */
   id?: string;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/Grid/Column.svelte.d.ts

@@ -83,6 +83,11 @@ type $Props = {
    */
   max?: ColumnBreakpoint;
 
+  children?: (
+    this: void,
+    ...args: [{ props: { class: string; [key: string]: any } }]
+  ) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/Grid/Grid.svelte.d.ts

@@ -59,6 +59,11 @@ type $Props = {
    */
   padding?: boolean;
 
+  children?: (
+    this: void,
+    ...args: [{ props: { class: string; [key: string]: any } }]
+  ) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/Grid/Row.svelte.d.ts

@@ -53,6 +53,11 @@ type $Props = {
    */
   padding?: boolean;
 
+  children?: (
+    this: void,
+    ...args: [{ props: { class: string; [key: string]: any } }]
+  ) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/Heading/Heading.svelte.d.ts

@@ -2,7 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 
 export type SectionLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
-export type HeadingProps = Record<string, never>;
+export type HeadingProps = {
+  children?: (this: void) => void;
+};
 
 export default class Heading extends SvelteComponentTyped<
   HeadingProps,

package/types/Heading/Section.svelte.d.ts

@@ -1,6 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 
 export type SectionLevel = 1 | 2 | 3 | 4 | 5 | 6;
+
 export type SectionContext = {
   $internalLevel: any;
 };
@@ -45,6 +46,8 @@ export type SectionProps = {
    * @default "section"
    */
   tag?: keyof HTMLElementTagNameMap;
+
+  children?: (this: void) => void;
 };
 
 export default class Section extends SvelteComponentTyped<

package/types/Link/Link.svelte.d.ts

@@ -47,6 +47,8 @@ type $Props = {
    */
   ref?: null | HTMLAnchorElement;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/Link/OutboundLink.svelte.d.ts

@@ -1,7 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
 import type { LinkProps } from "./Link.svelte";
 
-export type OutboundLinkProps = LinkProps & {};
+export type OutboundLinkProps = LinkProps & {
+  children?: (this: void) => void;
+};
 
 export default class OutboundLink extends SvelteComponentTyped<
   OutboundLinkProps,

package/types/ListBox/ListBox.svelte.d.ts

@@ -58,6 +58,8 @@ type $Props = {
    */
   warnText?: string;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/ListBox/ListBoxField.svelte.d.ts

@@ -41,6 +41,8 @@ type $Props = {
    */
   ref?: null | HTMLDivElement;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/ListBox/ListBoxMenu.svelte.d.ts

@@ -16,6 +16,8 @@ type $Props = {
    */
   ref?: null | HTMLDivElement;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/ListBox/ListBoxMenuItem.svelte.d.ts

@@ -22,6 +22,8 @@ type $Props = {
    */
   disabled?: boolean;
 
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };
 

package/types/ListItem/ListItem.svelte.d.ts

@@ -4,6 +4,8 @@ import type { SvelteHTMLElements } from "svelte/elements";
 type $RestProps = SvelteHTMLElements["li"];
 
 type $Props = {
+  children?: (this: void) => void;
+
   [key: `data-${string}`]: any;
 };