carbon-components-svelte 0.98.2 → 0.98.4

package/package.json

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

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/Checkbox/Checkbox.svelte.d.ts

@@ -94,7 +94,7 @@ type $Props = {
    */
   ref?: null | HTMLInputElement;
 
-  labelChildren?: () => void;
+  labelChildren?: (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

@@ -181,7 +181,9 @@ type $Props<Item> = {
    */
   listRef?: null | HTMLDivElement;
 
-  labelChildren?: () => void;
+  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

@@ -32,9 +32,11 @@ export type ContainedListProps = {
    */
   id?: string;
 
-  action?: () => void;
+  action?: (this: void) => void;
 
-  labelChildren?: () => void;
+  labelChildren?: (this: void) => void;
+
+  children?: (this: void) => void;
 };
 
 export default class ContainedList extends SvelteComponentTyped<

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

@@ -20,7 +20,9 @@ export type ContainedListItemProps = {
    */
   icon?: any;
 
-  action?: () => void;
+  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

@@ -81,7 +81,9 @@ type $Props = {
    */
   ref?: null | HTMLLIElement;
 
-  labelChildren?: () => void;
+  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

@@ -209,15 +209,41 @@ type $Props<Row> = {
     id: import("./TableHeader.svelte").TableHeaderTranslationId,
   ) => string;
 
-  cell?: () => void;
-
-  "cell-header"?: () => void;
-
-  descriptionChildren?: () => void;
-
-  "expanded-row"?: () => void;
-
-  titleChildren?: () => void;
+  cell?: (
+    this: void,
+    ...args: [
+      {
+        row: Row;
+        cell: DataTableCell<Row>;
+        rowIndex: number;
+        cellIndex: number;
+        rowSelected: boolean;
+        rowExpanded: boolean;
+      },
+    ]
+  ) => void;
+
+  "cell-header"?: (
+    this: void,
+    ...args: [{ header: DataTableNonEmptyHeader }]
+  ) => void;
+
+  descriptionChildren?: (
+    this: void,
+    ...args: [{ props: { class: "bx--data-table-header__description" } }]
+  ) => void;
+
+  "expanded-row"?: (
+    this: void,
+    ...args: [{ row: Row; rowSelected: boolean }]
+  ) => void;
+
+  titleChildren?: (
+    this: void,
+    ...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

@@ -22,7 +22,9 @@ type $Props = {
    */
   selectedIds?: ReadonlyArray<any>;
 
-  cancel?: () => void;
+  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/DatePicker/DatePickerInput.svelte.d.ts

@@ -100,7 +100,7 @@ type $Props = {
    */
   ref?: null | HTMLInputElement;
 
-  labelChildren?: () => void;
+  labelChildren?: (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/FileUploader/FileUploaderButton.svelte.d.ts

@@ -103,7 +103,7 @@ type $Props = {
    */
   hideTooltip?: boolean;
 
-  labelChildren?: () => void;
+  labelChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/FileUploader/FileUploaderDropContainer.svelte.d.ts

@@ -70,7 +70,7 @@ type $Props = {
    */
   ref?: null | HTMLInputElement;
 
-  labelChildren?: () => void;
+  labelChildren?: (this: void) => 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

@@ -45,6 +45,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;
 };