npm - carbon-components-svelte - Versions diffs - 0.96.2 → 0.96.3 - Mend

carbon-components-svelte 0.96.2 → 0.96.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (113) hide show

package/package.json CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

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

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

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -243,6 +243,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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

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

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

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/Link/Link.svelte.d.ts CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

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

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

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

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

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

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

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

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

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

package/types/Modal/Modal.svelte.d.ts CHANGED Viewed

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

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

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

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

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

package/types/Notification/NotificationActionButton.svelte.d.ts CHANGED Viewed

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

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

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

package/types/OrderedList/OrderedList.svelte.d.ts CHANGED Viewed

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

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

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

package/types/OverflowMenu/OverflowMenuItem.svelte.d.ts CHANGED Viewed

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

package/types/PaginationNav/PaginationItem.svelte.d.ts CHANGED Viewed

@@ -12,6 +12,8 @@ export type PaginationItemProps = {
    * @default false
    */
   active?: boolean;
+  children?: (this: void) => void;
 };
 export default class PaginationItem extends SvelteComponentTyped<

package/types/Popover/Popover.svelte.d.ts CHANGED Viewed

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