carbon-components-svelte 0.97.1 → 0.97.2

package/package.json

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

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

@@ -181,7 +181,7 @@ type $Props<Item> = {
    */
   listRef?: null | HTMLDivElement;
 
-  labelChildren?: () => void;
+  labelChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

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

@@ -81,7 +81,7 @@ type $Props = {
    */
   ref?: null | HTMLLIElement;
 
-  labelChildren?: () => void;
+  labelChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

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

@@ -209,15 +209,39 @@ 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;
 
   [key: `data-${string}`]: any;
 };

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

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

@@ -139,9 +139,9 @@ type $Props = {
    */
   ref?: null | HTMLDivElement;
 
-  heading?: () => void;
+  heading?: (this: void) => void;
 
-  label?: () => void;
+  label?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/MultiSelect/MultiSelect.svelte.d.ts

@@ -239,7 +239,7 @@ type $Props<Item> = {
    */
   highlightedId?: null | MultiSelectItemId;
 
-  labelChildren?: () => void;
+  labelChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/Notification/InlineNotification.svelte.d.ts

@@ -70,11 +70,11 @@ type $Props = {
    */
   open?: boolean;
 
-  actions?: () => void;
+  actions?: (this: void) => void;
 
-  subtitleChildren?: () => void;
+  subtitleChildren?: (this: void) => void;
 
-  titleChildren?: () => void;
+  titleChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/Notification/ToastNotification.svelte.d.ts

@@ -83,11 +83,11 @@ type $Props = {
    */
   open?: boolean;
 
-  captionChildren?: () => void;
+  captionChildren?: (this: void) => void;
 
-  subtitleChildren?: () => void;
+  subtitleChildren?: (this: void) => void;
 
-  titleChildren?: () => void;
+  titleChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/NumberInput/NumberInput.svelte.d.ts

@@ -144,7 +144,7 @@ type $Props = {
    */
   ref?: null | HTMLInputElement;
 
-  labelChildren?: () => void;
+  labelChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/OverflowMenu/OverflowMenu.svelte.d.ts

@@ -106,7 +106,7 @@ type $Props = {
    */
   menuRef?: null | HTMLUListElement;
 
-  menu?: () => void;
+  menu?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/ProgressBar/ProgressBar.svelte.d.ts

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

package/types/RadioButton/RadioButton.svelte.d.ts

@@ -64,7 +64,7 @@ type $Props = {
    */
   ref?: null | HTMLInputElement;
 
-  labelChildren?: () => void;
+  labelChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/RadioButtonGroup/RadioButtonGroup.svelte.d.ts

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

package/types/Search/Search.svelte.d.ts

@@ -100,7 +100,7 @@ type $Props = {
    */
   ref?: null | HTMLInputElement;
 
-  labelChildren?: () => void;
+  labelChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/Select/Select.svelte.d.ts

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

package/types/Slider/Slider.svelte.d.ts

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

package/types/Tabs/Tabs.svelte.d.ts

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

package/types/TextArea/TextArea.svelte.d.ts

@@ -114,7 +114,7 @@ type $Props = {
    */
   ref?: null | HTMLTextAreaElement;
 
-  labelChildren?: () => void;
+  labelChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/TextInput/PasswordInput.svelte.d.ts

@@ -130,7 +130,7 @@ type $Props = {
    */
   ref?: null | HTMLInputElement;
 
-  labelChildren?: () => void;
+  labelChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/TextInput/TextInput.svelte.d.ts

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

package/types/Tile/ExpandableTile.svelte.d.ts

@@ -70,9 +70,9 @@ type $Props = {
    */
   ref?: null | HTMLButtonElement;
 
-  above?: () => void;
+  above?: (this: void) => void;
 
-  below?: () => void;
+  below?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/Tile/SelectableTileGroup.svelte.d.ts

@@ -42,7 +42,7 @@ type $Props<T> = {
    */
   legendText?: string;
 
-  legendChildren?: () => void;
+  legendChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/Tile/TileGroup.svelte.d.ts

@@ -49,7 +49,7 @@ type $Props<T> = {
    */
   legendText?: string;
 
-  legendChildren?: () => void;
+  legendChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/TimePicker/TimePicker.svelte.d.ts

@@ -88,7 +88,7 @@ type $Props = {
    */
   ref?: null | HTMLInputElement;
 
-  labelChildren?: () => void;
+  labelChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/TimePicker/TimePickerSelect.svelte.d.ts

@@ -50,7 +50,7 @@ type $Props = {
    */
   ref?: null | HTMLSelectElement;
 
-  labelChildren?: () => void;
+  labelChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/Toggle/Toggle.svelte.d.ts

@@ -64,7 +64,7 @@ type $Props = {
    */
   ref?: null | HTMLInputElement;
 
-  labelChildren?: () => void;
+  labelChildren?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/Toggle/ToggleSkeleton.svelte.d.ts

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

package/types/TooltipDefinition/TooltipDefinition.svelte.d.ts

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

package/types/TreeView/TreeView.svelte.d.ts

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

package/types/UIShell/Header.svelte.d.ts

@@ -98,11 +98,11 @@ type $Props = {
    */
   ariaLabelMenu?: string;
 
-  company?: () => void;
+  company?: (this: void) => void;
 
-  platform?: () => void;
+  platform?: (this: void) => void;
 
-  "skip-to-content"?: () => void;
+  "skip-to-content"?: (this: void) => void;
 
   [key: `data-${string}`]: any;
 };

package/types/UIShell/HeaderAction.svelte.d.ts

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