diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 3f14ba07..fe9f19c5 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -379,7 +379,7 @@ export type BreakpointValue = 320 | 672 | 1056 | 1312 | 1584; | size | No | let | No | "default" | "field" | "small" | "lg" | "xl" | "default" | Specify the size of button | | expressive | No | let | No | boolean | false | Set to `true` to use Carbon's expressive typesetting | | isSelected | No | let | No | boolean | false | Set to `true` to enable the selected state for an icon-only, ghost button | -| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | +| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | | iconDescription | No | let | No | string | undefined | Specify the ARIA label for the button icon | | tooltipAlignment | No | let | No | "start" | "center" | "end" | "center" | Set the alignment of the tooltip relative to the icon.
Only applies to icon-only buttons | | tooltipPosition | No | let | No | "top" | "right" | "bottom" | "left" | "bottom" | Set the position of the tooltip relative to the icon | @@ -841,18 +841,18 @@ None. ### Props -| Prop name | Required | Kind | Reactive | Type | Default value | Description | -| :----------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- | -| ref | No | let | Yes | null | HTMLLIElement | null | Obtain a reference to the list item HTML element | -| selectable | No | let | Yes | boolean | false | Set to `true` to enable the selectable variant
Automatically set to `true` if `selected` is `true` | -| selected | No | let | Yes | boolean | false | Set to `true` to use the selected variant | -| icon | No | let | Yes | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render
Icon is rendered to the left of the label text | -| indented | No | let | Yes | boolean | false | Set to `true` to indent the label | -| kind | No | let | No | "default" | "danger" | "default" | Specify the kind of option | -| disabled | No | let | No | boolean | false | Set to `true` to enable the disabled state | -| labelText | No | let | No | string | "" | Specify the label text
Alternatively, use the "labelText" slot (e.g., <span slot="labelText">...</span>) | -| shortcutText | No | let | No | string | "" | Specify the shortcut text
Alternatively, use the "shortcutText" slot (e.g., <span slot="shortcutText">...</span>) | -| id | No | let | No | string | "ccs-" + Math.random().toString(36) | Specify the id
It's recommended to provide an id as a value to bind to within a selectable/radio menu group | +| Prop name | Required | Kind | Reactive | Type | Default value | Description | +| :----------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- | +| ref | No | let | Yes | null | HTMLLIElement | null | Obtain a reference to the list item HTML element | +| selectable | No | let | Yes | boolean | false | Set to `true` to enable the selectable variant
Automatically set to `true` if `selected` is `true` | +| selected | No | let | Yes | boolean | false | Set to `true` to use the selected variant | +| icon | No | let | Yes | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render
Icon is rendered to the left of the label text | +| indented | No | let | Yes | boolean | false | Set to `true` to indent the label | +| kind | No | let | No | "default" | "danger" | "default" | Specify the kind of option | +| disabled | No | let | No | boolean | false | Set to `true` to enable the disabled state | +| labelText | No | let | No | string | "" | Specify the label text
Alternatively, use the "labelText" slot (e.g., <span slot="labelText">...</span>) | +| shortcutText | No | let | No | string | "" | Specify the shortcut text
Alternatively, use the "shortcutText" slot (e.g., <span slot="shortcutText">...</span>) | +| id | No | let | No | string | "ccs-" + Math.random().toString(36) | Specify the id
It's recommended to provide an id as a value to bind to within a selectable/radio menu group | ### Slots @@ -1568,19 +1568,19 @@ None. ### Props -| Prop name | Required | Kind | Reactive | Type | Default value | Description | -| :---------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| ref | No | let | Yes | null | HTMLAnchorElement | null | Obtain a reference to the HTML anchor element | -| isSideNavOpen | No | let | Yes | boolean | false | Set to `true` to open the side nav | -| expandedByDefault | No | let | No | boolean | true | Set to `false` to hide the side nav by default | -| uiShellAriaLabel | No | let | No | string | undefined | Specify the ARIA label for the header | -| href | No | let | No | string | undefined | Specify the `href` attribute | -| company | No | let | No | string | undefined | Specify the company name | -| platformName | No | let | No | string | "" | Specify the platform name
Alternatively, use the named slot "platform" (e.g., <span slot="platform">...</span>) | -| persistentHamburgerMenu | No | let | No | boolean | false | Set to `true` to persist the hamburger menu | -| expansionBreakpoint | No | let | No | number | 1056 | The window width (px) at which the SideNav is expanded and the hamburger menu is hidden
1056 represents the "large" breakpoint in pixels from the Carbon Design System:
small: 320
medium: 672
large: 1056
x-large: 1312
max: 1584 | -| iconMenu | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render for the closed state.
Defaults to `<Menu size={20} />` | -| iconClose | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render for the opened state.
Defaults to `<Close size={20} />` | +| Prop name | Required | Kind | Reactive | Type | Default value | Description | +| :---------------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| ref | No | let | Yes | null | HTMLAnchorElement | null | Obtain a reference to the HTML anchor element | +| isSideNavOpen | No | let | Yes | boolean | false | Set to `true` to open the side nav | +| expandedByDefault | No | let | No | boolean | true | Set to `false` to hide the side nav by default | +| uiShellAriaLabel | No | let | No | string | undefined | Specify the ARIA label for the header | +| href | No | let | No | string | undefined | Specify the `href` attribute | +| company | No | let | No | string | undefined | Specify the company name | +| platformName | No | let | No | string | "" | Specify the platform name
Alternatively, use the named slot "platform" (e.g., <span slot="platform">...</span>) | +| persistentHamburgerMenu | No | let | No | boolean | false | Set to `true` to persist the hamburger menu | +| expansionBreakpoint | No | let | No | number | 1056 | The window width (px) at which the SideNav is expanded and the hamburger menu is hidden
1056 represents the "large" breakpoint in pixels from the Carbon Design System:
small: 320
medium: 672
large: 1056
x-large: 1312
max: 1584 | +| iconMenu | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render for the closed state.
Defaults to `<Menu size={20} />` | +| iconClose | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render for the opened state.
Defaults to `<Close size={20} />` | ### Slots @@ -1604,8 +1604,8 @@ None. | :--------- | :------- | :--------------- | :------- | ----------------------------------------------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------- | | ref | No | let | Yes | null | HTMLButtonElement | null | Obtain a reference to the button HTML element | | isOpen | No | let | Yes | boolean | false | Set to `true` to open the panel | -| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render when the action panel is closed.
Defaults to `<Switcher size={20} />` | -| closeIcon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render when the action panel is open.
Defaults to `<Close size={20} />` | +| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render when the action panel is closed.
Defaults to `<Switcher size={20} />` | +| closeIcon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render when the action panel is open.
Defaults to `<Close size={20} />` | | text | No | let | No | string | undefined | Specify the text
Alternatively, use the named slot "text" (e.g., <div slot="text">...</div>) | | transition | No | let | No | false | import("svelte/transition").SlideParams | { duration: 200 } | Customize the panel transition (i.e., `transition:slide`).
Set to `false` to disable the transition | @@ -1630,12 +1630,12 @@ None. ### Props -| Prop name | Required | Kind | Reactive | Type | Default value | Description | -| :----------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- | -| ref | No | let | Yes | null | HTMLAnchorElement | null | Obtain a reference to the HTML anchor element | -| linkIsActive | No | let | No | boolean | false | Set to `true` to use the active state | -| href | No | let | No | string | undefined | Specify the `href` attribute | -| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | +| Prop name | Required | Kind | Reactive | Type | Default value | Description | +| :----------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | --------------------------------------------- | +| ref | No | let | Yes | null | HTMLAnchorElement | null | Obtain a reference to the HTML anchor element | +| linkIsActive | No | let | No | boolean | false | Set to `true` to use the active state | +| href | No | let | No | string | undefined | Specify the `href` attribute | +| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | ### Slots @@ -1651,11 +1651,11 @@ None. ### Props -| Prop name | Required | Kind | Reactive | Type | Default value | Description | -| :-------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- | -| ref | No | let | Yes | null | HTMLButtonElement | null | Obtain a reference to the HTML button element | -| isActive | No | let | No | boolean | false | Set to `true` to use the active variant | -| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | +| Prop name | Required | Kind | Reactive | Type | Default value | Description | +| :-------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | --------------------------------------------- | +| ref | No | let | Yes | null | HTMLButtonElement | null | Obtain a reference to the HTML button element | +| isActive | No | let | No | boolean | false | Set to `true` to use the active variant | +| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | ### Slots @@ -1956,7 +1956,7 @@ None. | size | No | let | No | "sm" | "lg" | undefined | Specify the size of the link | | href | No | let | No | string | undefined | Specify the href value | | inline | No | let | No | boolean | false | Set to `true` to use the inline variant | -| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render
`inline` must be `false` | +| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render
`inline` must be `false` | | disabled | No | let | No | boolean | false | Set to `true` to disable the checkbox | | visited | No | let | No | boolean | false | Set to `true` to allow visited styles | @@ -2209,29 +2209,29 @@ None. ### Props -| Prop name | Required | Kind | Reactive | Type | Default value | Description | -| :------------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | -| ref | No | let | Yes | null | HTMLDivElement | null | Obtain a reference to the top-level HTML element | -| open | No | let | Yes | boolean | false | Set to `true` to open the modal | -| size | No | let | No | "xs" | "sm" | "lg" | undefined | Set the size of the modal | -| danger | No | let | No | boolean | false | Set to `true` to use the danger variant | -| alert | No | let | No | boolean | false | Set to `true` to enable alert mode | -| passiveModal | No | let | No | boolean | false | Set to `true` to use the passive variant | -| modalHeading | No | let | No | string | undefined | Specify the modal heading | -| modalLabel | No | let | No | string | undefined | Specify the modal label | -| modalAriaLabel | No | let | No | string | undefined | Specify the ARIA label for the modal | -| iconDescription | No | let | No | string | "Close the modal" | Specify the ARIA label for the close icon | -| hasForm | No | let | No | boolean | false | Set to `true` if the modal contains form elements | -| hasScrollingContent | No | let | No | boolean | false | Set to `true` if the modal contains scrolling content | -| primaryButtonText | No | let | No | string | "" | Specify the primary button text | -| primaryButtonDisabled | No | let | No | boolean | false | Set to `true` to disable the primary button | -| primaryButtonIcon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the primary button icon | -| shouldSubmitOnEnter | No | let | No | boolean | true | Set to `true` for the "submit" and "click:button--primary" events
to be dispatched when pressing "Enter" | -| secondaryButtonText | No | let | No | string | "" | Specify the secondary button text | -| secondaryButtons | No | let | No | [{ text: string; }, { text: string; }] | [] | 2-tuple prop to render two secondary buttons for a 3 button modal
supersedes `secondaryButtonText` | -| selectorPrimaryFocus | No | let | No | string | "[data-modal-primary-focus]" | Specify a selector to be focused when opening the modal | -| preventCloseOnClickOutside | No | let | No | boolean | false | Set to `true` to prevent the modal from closing when clicking outside | -| id | No | let | No | string | "ccs-" + Math.random().toString(36) | Set an id for the top-level element | +| Prop name | Required | Kind | Reactive | Type | Default value | Description | +| :------------------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | +| ref | No | let | Yes | null | HTMLDivElement | null | Obtain a reference to the top-level HTML element | +| open | No | let | Yes | boolean | false | Set to `true` to open the modal | +| size | No | let | No | "xs" | "sm" | "lg" | undefined | Set the size of the modal | +| danger | No | let | No | boolean | false | Set to `true` to use the danger variant | +| alert | No | let | No | boolean | false | Set to `true` to enable alert mode | +| passiveModal | No | let | No | boolean | false | Set to `true` to use the passive variant | +| modalHeading | No | let | No | string | undefined | Specify the modal heading | +| modalLabel | No | let | No | string | undefined | Specify the modal label | +| modalAriaLabel | No | let | No | string | undefined | Specify the ARIA label for the modal | +| iconDescription | No | let | No | string | "Close the modal" | Specify the ARIA label for the close icon | +| hasForm | No | let | No | boolean | false | Set to `true` if the modal contains form elements | +| hasScrollingContent | No | let | No | boolean | false | Set to `true` if the modal contains scrolling content | +| primaryButtonText | No | let | No | string | "" | Specify the primary button text | +| primaryButtonDisabled | No | let | No | boolean | false | Set to `true` to disable the primary button | +| primaryButtonIcon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the primary button icon | +| shouldSubmitOnEnter | No | let | No | boolean | true | Set to `true` for the "submit" and "click:button--primary" events
to be dispatched when pressing "Enter" | +| secondaryButtonText | No | let | No | string | "" | Specify the secondary button text | +| secondaryButtons | No | let | No | [{ text: string; }, { text: string; }] | [] | 2-tuple prop to render two secondary buttons for a 3 button modal
supersedes `secondaryButtonText` | +| selectorPrimaryFocus | No | let | No | string | "[data-modal-primary-focus]" | Specify a selector to be focused when opening the modal | +| preventCloseOnClickOutside | No | let | No | boolean | false | Set to `true` to prevent the modal from closing when clicking outside | +| id | No | let | No | string | "ccs-" + Math.random().toString(36) | Set an id for the top-level element | ### Slots @@ -2280,16 +2280,16 @@ None. ### Props -| Prop name | Required | Kind | Reactive | Type | Default value | Description | -| :-------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------- | -| primaryButtonText | No | let | No | string | "" | Specify the primary button text | -| primaryButtonIcon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the primary button icon | -| primaryButtonDisabled | No | let | No | boolean | false | Set to `true` to disable the primary button | -| primaryClass | No | let | No | string | undefined | Specify a class for the primary button | -| secondaryButtonText | No | let | No | string | "" | Specify the secondary button text | -| secondaryButtons | No | let | No | [{ text: string; }, { text: string; }] | [] | 2-tuple prop to render two secondary buttons for a 3 button modal
supersedes `secondaryButtonText` | -| secondaryClass | No | let | No | string | undefined | Specify a class for the secondary button | -| danger | No | let | No | boolean | false | Set to `true` to use the danger variant | +| Prop name | Required | Kind | Reactive | Type | Default value | Description | +| :-------------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------- | +| primaryButtonText | No | let | No | string | "" | Specify the primary button text | +| primaryButtonIcon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the primary button icon | +| primaryButtonDisabled | No | let | No | boolean | false | Set to `true` to disable the primary button | +| primaryClass | No | let | No | string | undefined | Specify a class for the primary button | +| secondaryButtonText | No | let | No | string | "" | Specify the secondary button text | +| secondaryButtons | No | let | No | [{ text: string; }, { text: string; }] | [] | 2-tuple prop to render two secondary buttons for a 3 button modal
supersedes `secondaryButtonText` | +| secondaryClass | No | let | No | string | undefined | Specify a class for the secondary button | +| danger | No | let | No | boolean | false | Set to `true` to use the danger variant | ### Slots @@ -2429,12 +2429,12 @@ None. ### Props -| Prop name | Required | Kind | Reactive | Type | Default value | Description | -| :--------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------- | ----------------------------------- | -| notificationType | No | let | No | "toast" | "inline" | "toast" | Set the type of notification | -| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | -| title | No | let | No | string | undefined | Specify the title of the icon | -| iconDescription | No | let | No | string | "Close icon" | Specify the ARIA label for the icon | +| Prop name | Required | Kind | Reactive | Type | Default value | Description | +| :--------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------- | ----------------------------------- | +| notificationType | No | let | No | "toast" | "inline" | "toast" | Set the type of notification | +| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | +| title | No | let | No | string | undefined | Specify the title of the icon | +| iconDescription | No | let | No | string | "Close icon" | Specify the ARIA label for the icon | ### Slots @@ -2596,20 +2596,20 @@ None. ### Props -| Prop name | Required | Kind | Reactive | Type | Default value | Description | -| :--------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------------------------------- | -| menuRef | No | let | Yes | null | HTMLUListElement | null | Obtain a reference to the overflow menu element | -| buttonRef | No | let | Yes | null | HTMLButtonElement | null | Obtain a reference to the trigger button element | -| icon | No | let | Yes | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render.
Defaults to `<OverflowMenuVertical />` | -| open | No | let | Yes | boolean | false | Set to `true` to open the menu | -| size | No | let | No | "sm" | "xl" | undefined | Specify the size of the overflow menu | -| direction | No | let | No | "top" | "bottom" | "bottom" | Specify the direction of the overflow menu relative to the button | -| light | No | let | No | boolean | false | Set to `true` to enable the light variant | -| flipped | No | let | No | boolean | false | Set to `true` to flip the menu relative to the button | -| menuOptionsClass | No | let | No | string | undefined | Specify the menu options class | -| iconClass | No | let | No | string | undefined | Specify the icon class | -| iconDescription | No | let | No | string | "Open and close list of options" | Specify the ARIA label for the icon | -| id | No | let | No | string | "ccs-" + Math.random().toString(36) | Set an id for the button element | +| Prop name | Required | Kind | Reactive | Type | Default value | Description | +| :--------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------------------------------- | +| menuRef | No | let | Yes | null | HTMLUListElement | null | Obtain a reference to the overflow menu element | +| buttonRef | No | let | Yes | null | HTMLButtonElement | null | Obtain a reference to the trigger button element | +| icon | No | let | Yes | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render.
Defaults to `<OverflowMenuVertical />` | +| open | No | let | Yes | boolean | false | Set to `true` to open the menu | +| size | No | let | No | "sm" | "xl" | undefined | Specify the size of the overflow menu | +| direction | No | let | No | "top" | "bottom" | "bottom" | Specify the direction of the overflow menu relative to the button | +| light | No | let | No | boolean | false | Set to `true` to enable the light variant | +| flipped | No | let | No | boolean | false | Set to `true` to flip the menu relative to the button | +| menuOptionsClass | No | let | No | string | undefined | Specify the menu options class | +| iconClass | No | let | No | string | undefined | Specify the icon class | +| iconDescription | No | let | No | string | "Open and close list of options" | Specify the ARIA label for the icon | +| id | No | let | No | string | "ccs-" + Math.random().toString(36) | Set an id for the button element | ### Slots @@ -3087,24 +3087,24 @@ None. ### Props -| Prop name | Required | Kind | Reactive | Type | Default value | Description | -| :------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | --------------------------------------------------------------- | -| ref | No | let | Yes | null | HTMLInputElement | null | Obtain a reference to the input HTML element | -| expanded | No | let | Yes | boolean | false | Set to `true to expand the search input | -| value | No | let | Yes | any | "" | Specify the value of the search input | -| size | No | let | No | "sm" | "lg" | "xl" | "xl" | Specify the size of the search input | -| searchClass | No | let | No | string | "" | Specify the class name passed to the outer div element | -| skeleton | No | let | No | boolean | false | Set to `true` to display the skeleton state | -| light | No | let | No | boolean | false | Set to `true` to enable the light variant | -| disabled | No | let | No | boolean | false | Set to `true` to disable the search input | -| expandable | No | let | No | boolean | false | Set to `true` to enable the expandable variant | -| placeholder | No | let | No | string | "Search..." | Specify the `placeholder` attribute of the search input | -| autocomplete | No | let | No | "on" | "off" | "off" | Specify the `autocomplete` attribute | -| autofocus | No | let | No | boolean | false | Set to `true` to auto focus the search element | -| closeButtonLabelText | No | let | No | string | "Clear search input" | Specify the close button label text | -| labelText | No | let | No | string | "" | Specify the label text | -| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render.
Defaults to `<Search />` | -| id | No | let | No | string | "ccs-" + Math.random().toString(36) | Set an id for the input element | +| Prop name | Required | Kind | Reactive | Type | Default value | Description | +| :------------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------------------------------ | --------------------------------------------------------------- | +| ref | No | let | Yes | null | HTMLInputElement | null | Obtain a reference to the input HTML element | +| expanded | No | let | Yes | boolean | false | Set to `true to expand the search input | +| value | No | let | Yes | any | "" | Specify the value of the search input | +| size | No | let | No | "sm" | "lg" | "xl" | "xl" | Specify the size of the search input | +| searchClass | No | let | No | string | "" | Specify the class name passed to the outer div element | +| skeleton | No | let | No | boolean | false | Set to `true` to display the skeleton state | +| light | No | let | No | boolean | false | Set to `true` to enable the light variant | +| disabled | No | let | No | boolean | false | Set to `true` to disable the search input | +| expandable | No | let | No | boolean | false | Set to `true` to enable the expandable variant | +| placeholder | No | let | No | string | "Search..." | Specify the `placeholder` attribute of the search input | +| autocomplete | No | let | No | "on" | "off" | "off" | Specify the `autocomplete` attribute | +| autofocus | No | let | No | boolean | false | Set to `true` to auto focus the search element | +| closeButtonLabelText | No | let | No | string | "Clear search input" | Specify the close button label text | +| labelText | No | let | No | string | "" | Specify the label text | +| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render.
Defaults to `<Search />` | +| id | No | let | No | string | "ccs-" + Math.random().toString(36) | Set an id for the input element | ### Slots @@ -3347,13 +3347,13 @@ None. ### Props -| Prop name | Required | Kind | Reactive | Type | Default value | Description | -| :--------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- | -| ref | No | let | Yes | null | HTMLAnchorElement | null | Obtain a reference to the HTML anchor element | -| isSelected | No | let | No | boolean | false | Set to `true` to select the current link | -| href | No | let | No | string | undefined | Specify the `href` attribute | -| text | No | let | No | string | undefined | Specify the text | -| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | +| Prop name | Required | Kind | Reactive | Type | Default value | Description | +| :--------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | --------------------------------------------- | +| ref | No | let | Yes | null | HTMLAnchorElement | null | Obtain a reference to the HTML anchor element | +| isSelected | No | let | No | boolean | false | Set to `true` to select the current link | +| href | No | let | No | string | undefined | Specify the `href` attribute | +| text | No | let | No | string | undefined | Specify the text | +| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | ### Slots @@ -3372,12 +3372,12 @@ None. ### Props -| Prop name | Required | Kind | Reactive | Type | Default value | Description | -| :-------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- | -| ref | No | let | Yes | null | HTMLButtonElement | null | Obtain a reference to the HTML button element | -| expanded | No | let | Yes | boolean | false | Set to `true` to toggle the expanded state | -| text | No | let | No | string | undefined | Specify the text | -| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | +| Prop name | Required | Kind | Reactive | Type | Default value | Description | +| :-------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | --------------------------------------------- | +| ref | No | let | Yes | null | HTMLButtonElement | null | Obtain a reference to the HTML button element | +| expanded | No | let | Yes | boolean | false | Set to `true` to toggle the expanded state | +| text | No | let | No | string | undefined | Specify the text | +| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | ### Slots @@ -3989,7 +3989,7 @@ None. | interactive | No | let | No | boolean | false | Set to `true` to render a `button` element instead of a `div` | | skeleton | No | let | No | boolean | false | Set to `true` to display the skeleton state | | title | No | let | No | string | "Clear filter" | Set the title for the close button in a filterable tag | -| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | +| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | | id | No | let | No | string | "ccs-" + Math.random().toString(36) | Set an id for the filterable tag | ### Slots @@ -4551,7 +4551,7 @@ None. | align | No | let | No | "start" | "center" | "end" | "center" | Set the alignment of the tooltip relative to the icon | | direction | No | let | No | "top" | "right" | "bottom" | "left" | "bottom" | Set the direction of the tooltip relative to the button | | hideIcon | No | let | No | boolean | false | Set to `true` to hide the tooltip icon | -| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render for the tooltip button.
Default to `<Information />` | +| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render for the tooltip button.
Default to `<Information />` | | iconDescription | No | let | No | string | "" | Specify the ARIA label for the tooltip button | | iconName | No | let | No | string | "" | Specify the icon name attribute | | tabindex | No | let | No | string | "0" | Set the button tabindex | @@ -4634,7 +4634,7 @@ None. | :---------- | :------- | :--------------- | :------- | --------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------ | | ref | No | let | Yes | null | HTMLButtonElement | null | Obtain a reference to the button HTML element | | tooltipText | No | let | No | string | "" | Specify the tooltip text.
Alternatively, use the "tooltipText" slot | -| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | +| icon | No | let | No | typeof import("svelte").SvelteComponent | undefined | Specify the icon to render | | disabled | No | let | No | boolean | false | Set to `true` to disable the tooltip icon | | align | No | let | No | "start" | "center" | "end" | "center" | Set the alignment of the tooltip relative to the icon | | direction | No | let | No | "top" | "right" | "bottom" | "left" | "bottom" | Set the direction of the tooltip relative to the icon | @@ -4667,7 +4667,7 @@ export type TreeNodeId = string | number; export interface TreeNode { id: TreeNodeId; text: any; - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; disabled?: boolean; children?: TreeNode[]; } diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 91c9531a..442b4f9e 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -501,7 +501,7 @@ "name": "icon", "kind": "let", "description": "Specify the icon to render", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -2117,7 +2117,7 @@ "name": "icon", "kind": "let", "description": "Specify the icon to render\nIcon is rendered to the left of the label text", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -4811,7 +4811,7 @@ "name": "iconMenu", "kind": "let", "description": "Specify the icon to render for the closed state.\nDefaults to ``", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -4822,7 +4822,7 @@ "name": "iconClose", "kind": "let", "description": "Specify the icon to render for the opened state.\nDefaults to ``", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -4865,7 +4865,7 @@ "name": "icon", "kind": "let", "description": "Specify the icon to render when the action panel is closed.\nDefaults to ``", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -4876,7 +4876,7 @@ "name": "closeIcon", "kind": "let", "description": "Specify the icon to render when the action panel is open.\nDefaults to ``", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -4980,7 +4980,7 @@ "name": "icon", "kind": "let", "description": "Specify the icon to render", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -5033,7 +5033,7 @@ "name": "icon", "kind": "let", "description": "Specify the icon to render", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -5737,7 +5737,7 @@ "name": "icon", "kind": "let", "description": "Specify the icon to render\n`inline` must be `false`", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -6556,7 +6556,7 @@ "name": "primaryButtonIcon", "kind": "let", "description": "Specify the primary button icon", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -6747,7 +6747,7 @@ "name": "primaryButtonIcon", "kind": "let", "description": "Specify the primary button icon", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -7443,7 +7443,7 @@ "name": "icon", "kind": "let", "description": "Specify the icon to render", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -8011,7 +8011,7 @@ "name": "icon", "kind": "let", "description": "Specify the icon to render.\nDefaults to ``", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -9995,7 +9995,7 @@ "name": "icon", "kind": "let", "description": "Specify the icon to render.\nDefaults to ``", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -10721,7 +10721,7 @@ "name": "icon", "kind": "let", "description": "Specify the icon to render", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -10791,7 +10791,7 @@ "name": "icon", "kind": "let", "description": "Specify the icon to render", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -12269,7 +12269,7 @@ "name": "icon", "kind": "let", "description": "Specify the icon to render", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -14021,7 +14021,7 @@ "name": "icon", "kind": "let", "description": "Specify the icon to render for the tooltip button.\nDefault to ``", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -14303,7 +14303,7 @@ "name": "icon", "kind": "let", "description": "Specify the icon to render", - "type": "typeof import(\"svelte\").SvelteComponent", + "type": "typeof import(\"svelte\").SvelteComponent", "isFunction": false, "isFunctionDeclaration": false, "isRequired": false, @@ -14567,9 +14567,9 @@ "ts": "type TreeNodeId = string | number" }, { - "type": "{ id: TreeNodeId; text: any; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; children?: TreeNode[]; }", + "type": "{ id: TreeNodeId; text: any; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; children?: TreeNode[]; }", "name": "TreeNode", - "ts": "interface TreeNode { id: TreeNodeId; text: any; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; children?: TreeNode[]; }" + "ts": "interface TreeNode { id: TreeNodeId; text: any; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; children?: TreeNode[]; }" } ], "rest_props": { "type": "Element", "name": "ul" } diff --git a/package.json b/package.json index be609cce..826f0308 100644 --- a/package.json +++ b/package.json @@ -45,7 +45,7 @@ "typescript": "^5.0.0" }, "peerDependencies": { - "svelte": "^3.30.0 || ^4.0.0" + "svelte": "^3.55.0 || ^4.0.0" }, "standard-version": { "skip": { diff --git a/types/Accordion/Accordion.svelte.d.ts b/types/Accordion/Accordion.svelte.d.ts index 1c5dfca8..8a9a8c10 100644 --- a/types/Accordion/Accordion.svelte.d.ts +++ b/types/Accordion/Accordion.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; import type { AccordionSkeletonProps } from "./AccordionSkeleton.svelte"; export interface AccordionProps extends AccordionSkeletonProps { @@ -28,7 +28,7 @@ export interface AccordionProps extends AccordionSkeletonProps { skeleton?: boolean; } -export default class Accordion extends SvelteComponent< +export default class Accordion extends SvelteComponentTyped< AccordionProps, { click: WindowEventMap["click"]; diff --git a/types/Accordion/AccordionItem.svelte.d.ts b/types/Accordion/AccordionItem.svelte.d.ts index 8395e538..03533d7f 100644 --- a/types/Accordion/AccordionItem.svelte.d.ts +++ b/types/Accordion/AccordionItem.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface AccordionItemProps extends svelte.JSX.HTMLAttributes { @@ -27,9 +27,11 @@ export interface AccordionItemProps * @default "Expand/Collapse" */ iconDescription?: string; + + [key: `data-${string}`]: any; } -export default class AccordionItem extends SvelteComponent< +export default class AccordionItem extends SvelteComponentTyped< AccordionItemProps, { animationend: WindowEventMap["animationend"]; diff --git a/types/Accordion/AccordionSkeleton.svelte.d.ts b/types/Accordion/AccordionSkeleton.svelte.d.ts index 750e6193..1c34f3d3 100644 --- a/types/Accordion/AccordionSkeleton.svelte.d.ts +++ b/types/Accordion/AccordionSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface AccordionSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -26,9 +26,11 @@ export interface AccordionSkeletonProps * @default true */ open?: boolean; + + [key: `data-${string}`]: any; } -export default class AccordionSkeleton extends SvelteComponent< +export default class AccordionSkeleton extends SvelteComponentTyped< AccordionSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/AspectRatio/AspectRatio.svelte.d.ts b/types/AspectRatio/AspectRatio.svelte.d.ts index 31784053..e50ad1fd 100644 --- a/types/AspectRatio/AspectRatio.svelte.d.ts +++ b/types/AspectRatio/AspectRatio.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface AspectRatioProps extends svelte.JSX.HTMLAttributes { @@ -17,9 +17,11 @@ export interface AspectRatioProps | "3x2" | "9x16" | "1x2"; + + [key: `data-${string}`]: any; } -export default class AspectRatio extends SvelteComponent< +export default class AspectRatio extends SvelteComponentTyped< AspectRatioProps, {}, { default: {} } diff --git a/types/Breadcrumb/Breadcrumb.svelte.d.ts b/types/Breadcrumb/Breadcrumb.svelte.d.ts index 260453ef..c4964716 100644 --- a/types/Breadcrumb/Breadcrumb.svelte.d.ts +++ b/types/Breadcrumb/Breadcrumb.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; import type { BreadcrumbSkeletonProps } from "./BreadcrumbSkeleton.svelte"; export interface BreadcrumbProps extends BreadcrumbSkeletonProps { @@ -16,7 +16,7 @@ export interface BreadcrumbProps extends BreadcrumbSkeletonProps { skeleton?: boolean; } -export default class Breadcrumb extends SvelteComponent< +export default class Breadcrumb extends SvelteComponentTyped< BreadcrumbProps, { click: WindowEventMap["click"]; diff --git a/types/Breadcrumb/BreadcrumbItem.svelte.d.ts b/types/Breadcrumb/BreadcrumbItem.svelte.d.ts index 2c9563bb..34b53752 100644 --- a/types/Breadcrumb/BreadcrumbItem.svelte.d.ts +++ b/types/Breadcrumb/BreadcrumbItem.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface BreadcrumbItemProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface BreadcrumbItemProps * @default false */ isCurrentPage?: boolean; + + [key: `data-${string}`]: any; } -export default class BreadcrumbItem extends SvelteComponent< +export default class BreadcrumbItem extends SvelteComponentTyped< BreadcrumbItemProps, { click: WindowEventMap["click"]; diff --git a/types/Breadcrumb/BreadcrumbSkeleton.svelte.d.ts b/types/Breadcrumb/BreadcrumbSkeleton.svelte.d.ts index 135473ec..6a1c0119 100644 --- a/types/Breadcrumb/BreadcrumbSkeleton.svelte.d.ts +++ b/types/Breadcrumb/BreadcrumbSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface BreadcrumbSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface BreadcrumbSkeletonProps * @default 3 */ count?: number; + + [key: `data-${string}`]: any; } -export default class BreadcrumbSkeleton extends SvelteComponent< +export default class BreadcrumbSkeleton extends SvelteComponentTyped< BreadcrumbSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/Breakpoint/Breakpoint.svelte.d.ts b/types/Breakpoint/Breakpoint.svelte.d.ts index 462f37f5..2b514e3c 100644 --- a/types/Breakpoint/Breakpoint.svelte.d.ts +++ b/types/Breakpoint/Breakpoint.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export type BreakpointSize = "sm" | "md" | "lg" | "xlg" | "max"; @@ -19,7 +19,7 @@ export interface BreakpointProps { sizes?: Record; } -export default class Breakpoint extends SvelteComponent< +export default class Breakpoint extends SvelteComponentTyped< BreakpointProps, { change: CustomEvent<{ diff --git a/types/Button/Button.svelte.d.ts b/types/Button/Button.svelte.d.ts index 223ac1b3..684f0ec6 100644 --- a/types/Button/Button.svelte.d.ts +++ b/types/Button/Button.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; import type { ButtonSkeletonProps } from "./ButtonSkeleton.svelte"; export interface ButtonProps @@ -42,7 +42,7 @@ export interface ButtonProps * Specify the icon to render * @default undefined */ - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; /** * Specify the ARIA label for the button icon @@ -105,9 +105,11 @@ export interface ButtonProps * @default null */ ref?: null | HTMLAnchorElement | HTMLButtonElement; + + [key: `data-${string}`]: any; } -export default class Button extends SvelteComponent< +export default class Button extends SvelteComponentTyped< ButtonProps, { click: WindowEventMap["click"]; diff --git a/types/Button/ButtonSet.svelte.d.ts b/types/Button/ButtonSet.svelte.d.ts index 1faa3bd3..49f12eb7 100644 --- a/types/Button/ButtonSet.svelte.d.ts +++ b/types/Button/ButtonSet.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ButtonSetProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface ButtonSetProps * @default false */ stacked?: boolean; + + [key: `data-${string}`]: any; } -export default class ButtonSet extends SvelteComponent< +export default class ButtonSet extends SvelteComponentTyped< ButtonSetProps, {}, { default: {} } diff --git a/types/Button/ButtonSkeleton.svelte.d.ts b/types/Button/ButtonSkeleton.svelte.d.ts index d467b841..d23660c1 100644 --- a/types/Button/ButtonSkeleton.svelte.d.ts +++ b/types/Button/ButtonSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ButtonSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface ButtonSkeletonProps * @default "default" */ size?: "default" | "field" | "small" | "lg" | "xl"; + + [key: `data-${string}`]: any; } -export default class ButtonSkeleton extends SvelteComponent< +export default class ButtonSkeleton extends SvelteComponentTyped< ButtonSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/Checkbox/Checkbox.svelte.d.ts b/types/Checkbox/Checkbox.svelte.d.ts index 294493e9..a0c307e1 100644 --- a/types/Checkbox/Checkbox.svelte.d.ts +++ b/types/Checkbox/Checkbox.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface CheckboxProps extends svelte.JSX.HTMLAttributes { @@ -86,9 +86,11 @@ export interface CheckboxProps * @default null */ ref?: null | HTMLInputElement; + + [key: `data-${string}`]: any; } -export default class Checkbox extends SvelteComponent< +export default class Checkbox extends SvelteComponentTyped< CheckboxProps, { check: CustomEvent; diff --git a/types/Checkbox/CheckboxSkeleton.svelte.d.ts b/types/Checkbox/CheckboxSkeleton.svelte.d.ts index 370da487..61c052b7 100644 --- a/types/Checkbox/CheckboxSkeleton.svelte.d.ts +++ b/types/Checkbox/CheckboxSkeleton.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface CheckboxSkeletonProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class CheckboxSkeleton extends SvelteComponent< +export default class CheckboxSkeleton extends SvelteComponentTyped< CheckboxSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/CodeSnippet/CodeSnippet.svelte.d.ts b/types/CodeSnippet/CodeSnippet.svelte.d.ts index de5cb531..bdf23e0b 100644 --- a/types/CodeSnippet/CodeSnippet.svelte.d.ts +++ b/types/CodeSnippet/CodeSnippet.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface CodeSnippetProps { /** @@ -117,7 +117,7 @@ export interface CodeSnippetProps { ref?: null | HTMLPreElement; } -export default class CodeSnippet extends SvelteComponent< +export default class CodeSnippet extends SvelteComponentTyped< CodeSnippetProps, { expand: CustomEvent; diff --git a/types/CodeSnippet/CodeSnippetSkeleton.svelte.d.ts b/types/CodeSnippet/CodeSnippetSkeleton.svelte.d.ts index 599bf823..95abb710 100644 --- a/types/CodeSnippet/CodeSnippetSkeleton.svelte.d.ts +++ b/types/CodeSnippet/CodeSnippetSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface CodeSnippetSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface CodeSnippetSkeletonProps * @default "single" */ type?: "single" | "multi"; + + [key: `data-${string}`]: any; } -export default class CodeSnippetSkeleton extends SvelteComponent< +export default class CodeSnippetSkeleton extends SvelteComponentTyped< CodeSnippetSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/ComboBox/ComboBox.svelte.d.ts b/types/ComboBox/ComboBox.svelte.d.ts index 8025d100..76a6e72d 100644 --- a/types/ComboBox/ComboBox.svelte.d.ts +++ b/types/ComboBox/ComboBox.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export type ComboBoxItemId = any; @@ -152,9 +152,11 @@ export interface ComboBoxProps * @default null */ listRef?: null | HTMLDivElement; + + [key: `data-${string}`]: any; } -export default class ComboBox extends SvelteComponent< +export default class ComboBox extends SvelteComponentTyped< ComboBoxProps, { select: CustomEvent<{ diff --git a/types/ComposedModal/ComposedModal.svelte.d.ts b/types/ComposedModal/ComposedModal.svelte.d.ts index f7a8bd8a..401884a9 100644 --- a/types/ComposedModal/ComposedModal.svelte.d.ts +++ b/types/ComposedModal/ComposedModal.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ComposedModalProps extends svelte.JSX.HTMLAttributes { @@ -44,9 +44,11 @@ export interface ComposedModalProps * @default null */ ref?: null | HTMLDivElement; + + [key: `data-${string}`]: any; } -export default class ComposedModal extends SvelteComponent< +export default class ComposedModal extends SvelteComponentTyped< ComposedModalProps, { transitionend: CustomEvent<{ open: boolean }>; diff --git a/types/ComposedModal/ModalBody.svelte.d.ts b/types/ComposedModal/ModalBody.svelte.d.ts index dab18df8..0b367ab6 100644 --- a/types/ComposedModal/ModalBody.svelte.d.ts +++ b/types/ComposedModal/ModalBody.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ModalBodyProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface ModalBodyProps * @default false */ hasScrollingContent?: boolean; + + [key: `data-${string}`]: any; } -export default class ModalBody extends SvelteComponent< +export default class ModalBody extends SvelteComponentTyped< ModalBodyProps, {}, { default: {} } diff --git a/types/ComposedModal/ModalFooter.svelte.d.ts b/types/ComposedModal/ModalFooter.svelte.d.ts index cccbf93a..acb6fca0 100644 --- a/types/ComposedModal/ModalFooter.svelte.d.ts +++ b/types/ComposedModal/ModalFooter.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ModalFooterProps extends svelte.JSX.HTMLAttributes { @@ -13,7 +13,7 @@ export interface ModalFooterProps * Specify the primary button icon * @default undefined */ - primaryButtonIcon?: typeof import("svelte").SvelteComponent; + primaryButtonIcon?: typeof import("svelte").SvelteComponent; /** * Set to `true` to disable the primary button @@ -51,9 +51,11 @@ export interface ModalFooterProps * @default false */ danger?: boolean; + + [key: `data-${string}`]: any; } -export default class ModalFooter extends SvelteComponent< +export default class ModalFooter extends SvelteComponentTyped< ModalFooterProps, { ["click:button--secondary"]: CustomEvent<{ text: string }> }, { default: {} } diff --git a/types/ComposedModal/ModalHeader.svelte.d.ts b/types/ComposedModal/ModalHeader.svelte.d.ts index ff2b86df..86f011bf 100644 --- a/types/ComposedModal/ModalHeader.svelte.d.ts +++ b/types/ComposedModal/ModalHeader.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ModalHeaderProps extends svelte.JSX.HTMLAttributes { @@ -44,9 +44,11 @@ export interface ModalHeaderProps * @default "Close" */ iconDescription?: string; + + [key: `data-${string}`]: any; } -export default class ModalHeader extends SvelteComponent< +export default class ModalHeader extends SvelteComponentTyped< ModalHeaderProps, { click: WindowEventMap["click"] }, { default: {} } diff --git a/types/ContentSwitcher/ContentSwitcher.svelte.d.ts b/types/ContentSwitcher/ContentSwitcher.svelte.d.ts index a255ef1b..819315fd 100644 --- a/types/ContentSwitcher/ContentSwitcher.svelte.d.ts +++ b/types/ContentSwitcher/ContentSwitcher.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ContentSwitcherProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface ContentSwitcherProps * @default undefined */ size?: "sm" | "xl"; + + [key: `data-${string}`]: any; } -export default class ContentSwitcher extends SvelteComponent< +export default class ContentSwitcher extends SvelteComponentTyped< ContentSwitcherProps, { change: CustomEvent; diff --git a/types/ContentSwitcher/Switch.svelte.d.ts b/types/ContentSwitcher/Switch.svelte.d.ts index 085fca61..1080455e 100644 --- a/types/ContentSwitcher/Switch.svelte.d.ts +++ b/types/ContentSwitcher/Switch.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SwitchProps extends svelte.JSX.HTMLAttributes { @@ -33,9 +33,11 @@ export interface SwitchProps * @default null */ ref?: null | HTMLButtonElement; + + [key: `data-${string}`]: any; } -export default class Switch extends SvelteComponent< +export default class Switch extends SvelteComponentTyped< SwitchProps, { click: WindowEventMap["click"]; diff --git a/types/ContextMenu/ContextMenu.svelte.d.ts b/types/ContextMenu/ContextMenu.svelte.d.ts index 1197aa02..20f71aeb 100644 --- a/types/ContextMenu/ContextMenu.svelte.d.ts +++ b/types/ContextMenu/ContextMenu.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ContextMenuProps extends svelte.JSX.HTMLAttributes { @@ -34,9 +34,11 @@ export interface ContextMenuProps * @default null */ ref?: null | HTMLUListElement; + + [key: `data-${string}`]: any; } -export default class ContextMenu extends SvelteComponent< +export default class ContextMenu extends SvelteComponentTyped< ContextMenuProps, { open: CustomEvent; diff --git a/types/ContextMenu/ContextMenuDivider.svelte.d.ts b/types/ContextMenu/ContextMenuDivider.svelte.d.ts index 6d727d96..a94d6bc3 100644 --- a/types/ContextMenu/ContextMenuDivider.svelte.d.ts +++ b/types/ContextMenu/ContextMenuDivider.svelte.d.ts @@ -1,9 +1,9 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ContextMenuDividerProps {} -export default class ContextMenuDivider extends SvelteComponent< +export default class ContextMenuDivider extends SvelteComponentTyped< ContextMenuDividerProps, {}, {} diff --git a/types/ContextMenu/ContextMenuGroup.svelte.d.ts b/types/ContextMenu/ContextMenuGroup.svelte.d.ts index f721bde0..16cdc2e6 100644 --- a/types/ContextMenu/ContextMenuGroup.svelte.d.ts +++ b/types/ContextMenu/ContextMenuGroup.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ContextMenuGroupProps { /** @@ -14,7 +14,7 @@ export interface ContextMenuGroupProps { labelText?: string; } -export default class ContextMenuGroup extends SvelteComponent< +export default class ContextMenuGroup extends SvelteComponentTyped< ContextMenuGroupProps, {}, { default: {} } diff --git a/types/ContextMenu/ContextMenuOption.svelte.d.ts b/types/ContextMenu/ContextMenuOption.svelte.d.ts index db3f9942..3c720868 100644 --- a/types/ContextMenu/ContextMenuOption.svelte.d.ts +++ b/types/ContextMenu/ContextMenuOption.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ContextMenuOptionProps extends svelte.JSX.HTMLAttributes { @@ -26,7 +26,7 @@ export interface ContextMenuOptionProps * Icon is rendered to the left of the label text * @default undefined */ - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; /** * Specify the label text @@ -67,9 +67,11 @@ export interface ContextMenuOptionProps * @default null */ ref?: null | HTMLLIElement; + + [key: `data-${string}`]: any; } -export default class ContextMenuOption extends SvelteComponent< +export default class ContextMenuOption extends SvelteComponentTyped< ContextMenuOptionProps, { keydown: WindowEventMap["keydown"]; diff --git a/types/ContextMenu/ContextMenuRadioGroup.svelte.d.ts b/types/ContextMenu/ContextMenuRadioGroup.svelte.d.ts index 09ad90da..dc1f93dd 100644 --- a/types/ContextMenu/ContextMenuRadioGroup.svelte.d.ts +++ b/types/ContextMenu/ContextMenuRadioGroup.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ContextMenuRadioGroupProps { /** @@ -15,7 +15,7 @@ export interface ContextMenuRadioGroupProps { labelText?: string; } -export default class ContextMenuRadioGroup extends SvelteComponent< +export default class ContextMenuRadioGroup extends SvelteComponentTyped< ContextMenuRadioGroupProps, {}, { default: {} } diff --git a/types/CopyButton/CopyButton.svelte.d.ts b/types/CopyButton/CopyButton.svelte.d.ts index 721ab267..9a92f8fe 100644 --- a/types/CopyButton/CopyButton.svelte.d.ts +++ b/types/CopyButton/CopyButton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface CopyButtonProps extends svelte.JSX.HTMLAttributes { @@ -32,9 +32,11 @@ export interface CopyButtonProps * @default async (text) => { try { await navigator.clipboard.writeText(text); } catch (e) { console.log(e); } } */ copy?: (text: string) => void; + + [key: `data-${string}`]: any; } -export default class CopyButton extends SvelteComponent< +export default class CopyButton extends SvelteComponentTyped< CopyButtonProps, { click: WindowEventMap["click"]; diff --git a/types/DataTable/DataTable.svelte.d.ts b/types/DataTable/DataTable.svelte.d.ts index 0f3cc17c..36bf3f3d 100644 --- a/types/DataTable/DataTable.svelte.d.ts +++ b/types/DataTable/DataTable.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export type DataTableKey = string; @@ -176,9 +176,11 @@ export interface DataTableProps * @default 0 */ page?: number; + + [key: `data-${string}`]: any; } -export default class DataTable extends SvelteComponent< +export default class DataTable extends SvelteComponentTyped< DataTableProps, { click: CustomEvent<{ diff --git a/types/DataTable/DataTableSkeleton.svelte.d.ts b/types/DataTable/DataTableSkeleton.svelte.d.ts index b257afc6..a194d9a7 100644 --- a/types/DataTable/DataTableSkeleton.svelte.d.ts +++ b/types/DataTable/DataTableSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; import type { DataTableHeader } from "./DataTable.svelte"; export interface DataTableSkeletonProps @@ -48,9 +48,11 @@ export interface DataTableSkeletonProps * @default true */ showToolbar?: boolean; + + [key: `data-${string}`]: any; } -export default class DataTableSkeleton extends SvelteComponent< +export default class DataTableSkeleton extends SvelteComponentTyped< DataTableSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/DataTable/Table.svelte.d.ts b/types/DataTable/Table.svelte.d.ts index 7024cbf5..f4fc3d5d 100644 --- a/types/DataTable/Table.svelte.d.ts +++ b/types/DataTable/Table.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TableProps extends svelte.JSX.HTMLAttributes { @@ -38,9 +38,11 @@ export interface TableProps * @default undefined */ tableStyle?: string; + + [key: `data-${string}`]: any; } -export default class Table extends SvelteComponent< +export default class Table extends SvelteComponentTyped< TableProps, {}, { default: {} } diff --git a/types/DataTable/TableBody.svelte.d.ts b/types/DataTable/TableBody.svelte.d.ts index 7da273d5..822853ec 100644 --- a/types/DataTable/TableBody.svelte.d.ts +++ b/types/DataTable/TableBody.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TableBodyProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class TableBody extends SvelteComponent< +export default class TableBody extends SvelteComponentTyped< TableBodyProps, {}, { default: {} } diff --git a/types/DataTable/TableCell.svelte.d.ts b/types/DataTable/TableCell.svelte.d.ts index d57749a3..51800049 100644 --- a/types/DataTable/TableCell.svelte.d.ts +++ b/types/DataTable/TableCell.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TableCellProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class TableCell extends SvelteComponent< +export default class TableCell extends SvelteComponentTyped< TableCellProps, { click: WindowEventMap["click"]; diff --git a/types/DataTable/TableContainer.svelte.d.ts b/types/DataTable/TableContainer.svelte.d.ts index e52c351a..2ba3d83c 100644 --- a/types/DataTable/TableContainer.svelte.d.ts +++ b/types/DataTable/TableContainer.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TableContainerProps extends svelte.JSX.HTMLAttributes { @@ -26,9 +26,11 @@ export interface TableContainerProps * @default false */ useStaticWidth?: boolean; + + [key: `data-${string}`]: any; } -export default class TableContainer extends SvelteComponent< +export default class TableContainer extends SvelteComponentTyped< TableContainerProps, {}, { default: {} } diff --git a/types/DataTable/TableHead.svelte.d.ts b/types/DataTable/TableHead.svelte.d.ts index f299b142..114133bd 100644 --- a/types/DataTable/TableHead.svelte.d.ts +++ b/types/DataTable/TableHead.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TableHeadProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class TableHead extends SvelteComponent< +export default class TableHead extends SvelteComponentTyped< TableHeadProps, { click: WindowEventMap["click"]; diff --git a/types/DataTable/TableHeader.svelte.d.ts b/types/DataTable/TableHeader.svelte.d.ts index a4d75239..b231ec96 100644 --- a/types/DataTable/TableHeader.svelte.d.ts +++ b/types/DataTable/TableHeader.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TableHeaderProps extends svelte.JSX.HTMLAttributes { @@ -38,9 +38,11 @@ export interface TableHeaderProps * @default "ccs-" + Math.random().toString(36) */ id?: string; + + [key: `data-${string}`]: any; } -export default class TableHeader extends SvelteComponent< +export default class TableHeader extends SvelteComponentTyped< TableHeaderProps, { mouseover: WindowEventMap["mouseover"]; diff --git a/types/DataTable/TableRow.svelte.d.ts b/types/DataTable/TableRow.svelte.d.ts index 19c1e3a6..55fa617c 100644 --- a/types/DataTable/TableRow.svelte.d.ts +++ b/types/DataTable/TableRow.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TableRowProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class TableRow extends SvelteComponent< +export default class TableRow extends SvelteComponentTyped< TableRowProps, { click: WindowEventMap["click"]; diff --git a/types/DataTable/Toolbar.svelte.d.ts b/types/DataTable/Toolbar.svelte.d.ts index 0bafe3e9..b59cefaa 100644 --- a/types/DataTable/Toolbar.svelte.d.ts +++ b/types/DataTable/Toolbar.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ToolbarProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface ToolbarProps * @default "default" */ size?: "sm" | "default"; + + [key: `data-${string}`]: any; } -export default class Toolbar extends SvelteComponent< +export default class Toolbar extends SvelteComponentTyped< ToolbarProps, {}, { default: {} } diff --git a/types/DataTable/ToolbarBatchActions.svelte.d.ts b/types/DataTable/ToolbarBatchActions.svelte.d.ts index 46e908f6..df85ce37 100644 --- a/types/DataTable/ToolbarBatchActions.svelte.d.ts +++ b/types/DataTable/ToolbarBatchActions.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ToolbarBatchActionsProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface ToolbarBatchActionsProps * @default undefined */ active?: undefined | boolean; + + [key: `data-${string}`]: any; } -export default class ToolbarBatchActions extends SvelteComponent< +export default class ToolbarBatchActions extends SvelteComponentTyped< ToolbarBatchActionsProps, { cancel: CustomEvent }, { default: {}; cancel: {} } diff --git a/types/DataTable/ToolbarContent.svelte.d.ts b/types/DataTable/ToolbarContent.svelte.d.ts index 3a9b03b7..e6980bde 100644 --- a/types/DataTable/ToolbarContent.svelte.d.ts +++ b/types/DataTable/ToolbarContent.svelte.d.ts @@ -1,9 +1,9 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ToolbarContentProps {} -export default class ToolbarContent extends SvelteComponent< +export default class ToolbarContent extends SvelteComponentTyped< ToolbarContentProps, {}, { default: {} } diff --git a/types/DataTable/ToolbarMenu.svelte.d.ts b/types/DataTable/ToolbarMenu.svelte.d.ts index e198f666..ba8cb7d6 100644 --- a/types/DataTable/ToolbarMenu.svelte.d.ts +++ b/types/DataTable/ToolbarMenu.svelte.d.ts @@ -1,10 +1,10 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; import type { OverflowMenuProps } from "../OverflowMenu/OverflowMenu.svelte"; export interface ToolbarMenuProps extends OverflowMenuProps {} -export default class ToolbarMenu extends SvelteComponent< +export default class ToolbarMenu extends SvelteComponentTyped< ToolbarMenuProps, {}, { default: {} } diff --git a/types/DataTable/ToolbarMenuItem.svelte.d.ts b/types/DataTable/ToolbarMenuItem.svelte.d.ts index 97e6a4b6..caee2861 100644 --- a/types/DataTable/ToolbarMenuItem.svelte.d.ts +++ b/types/DataTable/ToolbarMenuItem.svelte.d.ts @@ -1,10 +1,10 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; import type { OverflowMenuItemProps } from "../OverflowMenu/OverflowMenuItem.svelte"; export interface ToolbarMenuItemProps extends OverflowMenuItemProps {} -export default class ToolbarMenuItem extends SvelteComponent< +export default class ToolbarMenuItem extends SvelteComponentTyped< ToolbarMenuItemProps, { click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] }, { default: {} } diff --git a/types/DataTable/ToolbarSearch.svelte.d.ts b/types/DataTable/ToolbarSearch.svelte.d.ts index 5e096190..46db8373 100644 --- a/types/DataTable/ToolbarSearch.svelte.d.ts +++ b/types/DataTable/ToolbarSearch.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ToolbarSearchProps extends svelte.JSX.HTMLAttributes { @@ -61,9 +61,11 @@ export interface ToolbarSearchProps * @default null */ ref?: null | HTMLInputElement; + + [key: `data-${string}`]: any; } -export default class ToolbarSearch extends SvelteComponent< +export default class ToolbarSearch extends SvelteComponentTyped< ToolbarSearchProps, { clear: WindowEventMap["clear"]; diff --git a/types/DatePicker/DatePicker.svelte.d.ts b/types/DatePicker/DatePicker.svelte.d.ts index 1b271d71..addc5a92 100644 --- a/types/DatePicker/DatePicker.svelte.d.ts +++ b/types/DatePicker/DatePicker.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface DatePickerProps extends svelte.JSX.HTMLAttributes { @@ -79,9 +79,11 @@ export interface DatePickerProps * @default { static: true } */ flatpickrProps?: import("flatpickr/dist/types/options").Options; + + [key: `data-${string}`]: any; } -export default class DatePicker extends SvelteComponent< +export default class DatePicker extends SvelteComponentTyped< DatePickerProps, { change: CustomEvent< diff --git a/types/DatePicker/DatePickerInput.svelte.d.ts b/types/DatePicker/DatePickerInput.svelte.d.ts index 72b12b43..b300c6e4 100644 --- a/types/DatePicker/DatePickerInput.svelte.d.ts +++ b/types/DatePicker/DatePickerInput.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface DatePickerInputProps extends svelte.JSX.HTMLAttributes { @@ -98,9 +98,11 @@ export interface DatePickerInputProps * @default null */ ref?: null | HTMLInputElement; + + [key: `data-${string}`]: any; } -export default class DatePickerInput extends SvelteComponent< +export default class DatePickerInput extends SvelteComponentTyped< DatePickerInputProps, { input: WindowEventMap["input"]; diff --git a/types/DatePicker/DatePickerSkeleton.svelte.d.ts b/types/DatePicker/DatePickerSkeleton.svelte.d.ts index 8f24603f..94d3b34c 100644 --- a/types/DatePicker/DatePickerSkeleton.svelte.d.ts +++ b/types/DatePicker/DatePickerSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface DatePickerSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface DatePickerSkeletonProps * @default "ccs-" + Math.random().toString(36) */ id?: string; + + [key: `data-${string}`]: any; } -export default class DatePickerSkeleton extends SvelteComponent< +export default class DatePickerSkeleton extends SvelteComponentTyped< DatePickerSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/Dropdown/Dropdown.svelte.d.ts b/types/Dropdown/Dropdown.svelte.d.ts index 98b46e29..d06ea173 100644 --- a/types/Dropdown/Dropdown.svelte.d.ts +++ b/types/Dropdown/Dropdown.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export type DropdownItemId = any; @@ -141,9 +141,11 @@ export interface DropdownProps * @default null */ ref?: null | HTMLButtonElement; + + [key: `data-${string}`]: any; } -export default class Dropdown extends SvelteComponent< +export default class Dropdown extends SvelteComponentTyped< DropdownProps, { select: CustomEvent<{ diff --git a/types/Dropdown/DropdownSkeleton.svelte.d.ts b/types/Dropdown/DropdownSkeleton.svelte.d.ts index e8654d7a..80f6c687 100644 --- a/types/Dropdown/DropdownSkeleton.svelte.d.ts +++ b/types/Dropdown/DropdownSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface DropdownSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface DropdownSkeletonProps * @default false */ inline?: boolean; + + [key: `data-${string}`]: any; } -export default class DropdownSkeleton extends SvelteComponent< +export default class DropdownSkeleton extends SvelteComponentTyped< DropdownSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/FileUploader/FileUploader.svelte.d.ts b/types/FileUploader/FileUploader.svelte.d.ts index e772d6d4..2fada9d8 100644 --- a/types/FileUploader/FileUploader.svelte.d.ts +++ b/types/FileUploader/FileUploader.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface FileUploaderProps extends svelte.JSX.HTMLAttributes { @@ -68,9 +68,11 @@ export interface FileUploaderProps * @default "" */ name?: string; + + [key: `data-${string}`]: any; } -export default class FileUploader extends SvelteComponent< +export default class FileUploader extends SvelteComponentTyped< FileUploaderProps, { add: CustomEvent>; diff --git a/types/FileUploader/FileUploaderButton.svelte.d.ts b/types/FileUploader/FileUploaderButton.svelte.d.ts index c392e154..f87d62b5 100644 --- a/types/FileUploader/FileUploaderButton.svelte.d.ts +++ b/types/FileUploader/FileUploaderButton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface FileUploaderButtonProps extends svelte.JSX.HTMLAttributes { @@ -74,9 +74,11 @@ export interface FileUploaderButtonProps * @default null */ ref?: null | HTMLInputElement; + + [key: `data-${string}`]: any; } -export default class FileUploaderButton extends SvelteComponent< +export default class FileUploaderButton extends SvelteComponentTyped< FileUploaderButtonProps, { change: CustomEvent>; diff --git a/types/FileUploader/FileUploaderDropContainer.svelte.d.ts b/types/FileUploader/FileUploaderDropContainer.svelte.d.ts index bd910018..d24acd0f 100644 --- a/types/FileUploader/FileUploaderDropContainer.svelte.d.ts +++ b/types/FileUploader/FileUploaderDropContainer.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface FileUploaderDropContainerProps extends svelte.JSX.HTMLAttributes { @@ -69,9 +69,11 @@ export interface FileUploaderDropContainerProps * @default null */ ref?: null | HTMLInputElement; + + [key: `data-${string}`]: any; } -export default class FileUploaderDropContainer extends SvelteComponent< +export default class FileUploaderDropContainer extends SvelteComponentTyped< FileUploaderDropContainerProps, { add: CustomEvent>; diff --git a/types/FileUploader/FileUploaderItem.svelte.d.ts b/types/FileUploader/FileUploaderItem.svelte.d.ts index e863a6b7..50123c27 100644 --- a/types/FileUploader/FileUploaderItem.svelte.d.ts +++ b/types/FileUploader/FileUploaderItem.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface FileUploaderItemProps extends svelte.JSX.HTMLAttributes { @@ -50,9 +50,11 @@ export interface FileUploaderItemProps * @default "" */ name?: string; + + [key: `data-${string}`]: any; } -export default class FileUploaderItem extends SvelteComponent< +export default class FileUploaderItem extends SvelteComponentTyped< FileUploaderItemProps, { delete: CustomEvent; diff --git a/types/FileUploader/FileUploaderSkeleton.svelte.d.ts b/types/FileUploader/FileUploaderSkeleton.svelte.d.ts index fcf1de79..b83e4b10 100644 --- a/types/FileUploader/FileUploaderSkeleton.svelte.d.ts +++ b/types/FileUploader/FileUploaderSkeleton.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface FileUploaderSkeletonProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class FileUploaderSkeleton extends SvelteComponent< +export default class FileUploaderSkeleton extends SvelteComponentTyped< FileUploaderSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/FileUploader/Filename.svelte.d.ts b/types/FileUploader/Filename.svelte.d.ts index 35c1849d..ca94597d 100644 --- a/types/FileUploader/Filename.svelte.d.ts +++ b/types/FileUploader/Filename.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface FilenameProps extends svelte.JSX.HTMLAttributes, @@ -22,9 +22,11 @@ export interface FilenameProps * @default false */ invalid?: boolean; + + [key: `data-${string}`]: any; } -export default class Filename extends SvelteComponent< +export default class Filename extends SvelteComponentTyped< FilenameProps, { click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] }, {} diff --git a/types/FluidForm/FluidForm.svelte.d.ts b/types/FluidForm/FluidForm.svelte.d.ts index c81cd4dc..4735c262 100644 --- a/types/FluidForm/FluidForm.svelte.d.ts +++ b/types/FluidForm/FluidForm.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface FluidFormProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class FluidForm extends SvelteComponent< +export default class FluidForm extends SvelteComponentTyped< FluidFormProps, { click: WindowEventMap["click"]; diff --git a/types/Form/Form.svelte.d.ts b/types/Form/Form.svelte.d.ts index 8d35b9b8..c0a9f599 100644 --- a/types/Form/Form.svelte.d.ts +++ b/types/Form/Form.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface FormProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface FormProps * @default null */ ref?: null | HTMLFormElement; + + [key: `data-${string}`]: any; } -export default class Form extends SvelteComponent< +export default class Form extends SvelteComponentTyped< FormProps, { click: WindowEventMap["click"]; diff --git a/types/FormGroup/FormGroup.svelte.d.ts b/types/FormGroup/FormGroup.svelte.d.ts index 2c03c8e3..6129a81e 100644 --- a/types/FormGroup/FormGroup.svelte.d.ts +++ b/types/FormGroup/FormGroup.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface FormGroupProps extends svelte.JSX.HTMLAttributes { @@ -38,9 +38,11 @@ export interface FormGroupProps * @default "" */ legendId?: string; + + [key: `data-${string}`]: any; } -export default class FormGroup extends SvelteComponent< +export default class FormGroup extends SvelteComponentTyped< FormGroupProps, { click: WindowEventMap["click"]; diff --git a/types/FormItem/FormItem.svelte.d.ts b/types/FormItem/FormItem.svelte.d.ts index 3ccb3b55..ef24e68a 100644 --- a/types/FormItem/FormItem.svelte.d.ts +++ b/types/FormItem/FormItem.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface FormItemProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class FormItem extends SvelteComponent< +export default class FormItem extends SvelteComponentTyped< FormItemProps, { click: WindowEventMap["click"]; diff --git a/types/FormLabel/FormLabel.svelte.d.ts b/types/FormLabel/FormLabel.svelte.d.ts index 0fb72e3d..3d827ff6 100644 --- a/types/FormLabel/FormLabel.svelte.d.ts +++ b/types/FormLabel/FormLabel.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface FormLabelProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface FormLabelProps * @default "ccs-" + Math.random().toString(36) */ id?: string; + + [key: `data-${string}`]: any; } -export default class FormLabel extends SvelteComponent< +export default class FormLabel extends SvelteComponentTyped< FormLabelProps, { click: WindowEventMap["click"]; diff --git a/types/Grid/Column.svelte.d.ts b/types/Grid/Column.svelte.d.ts index d0960d9c..ca65e5c8 100644 --- a/types/Grid/Column.svelte.d.ts +++ b/types/Grid/Column.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export type ColumnSize = boolean | number; @@ -78,9 +78,11 @@ export interface ColumnProps * @default undefined */ max?: ColumnBreakpoint; + + [key: `data-${string}`]: any; } -export default class Column extends SvelteComponent< +export default class Column extends SvelteComponentTyped< ColumnProps, {}, { default: { props: { class: string; [key: string]: any } } } diff --git a/types/Grid/Grid.svelte.d.ts b/types/Grid/Grid.svelte.d.ts index 02b0b42e..000e8ed9 100644 --- a/types/Grid/Grid.svelte.d.ts +++ b/types/Grid/Grid.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface GridProps extends svelte.JSX.HTMLAttributes { @@ -51,9 +51,11 @@ export interface GridProps * @default false */ padding?: boolean; + + [key: `data-${string}`]: any; } -export default class Grid extends SvelteComponent< +export default class Grid extends SvelteComponentTyped< GridProps, {}, { default: { props: { class: string; [key: string]: any } } } diff --git a/types/Grid/Row.svelte.d.ts b/types/Grid/Row.svelte.d.ts index 61bae593..a59b5192 100644 --- a/types/Grid/Row.svelte.d.ts +++ b/types/Grid/Row.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface RowProps extends svelte.JSX.HTMLAttributes { @@ -45,9 +45,11 @@ export interface RowProps * @default false */ padding?: boolean; + + [key: `data-${string}`]: any; } -export default class Row extends SvelteComponent< +export default class Row extends SvelteComponentTyped< RowProps, {}, { default: { props: { class: string; [key: string]: any } } } diff --git a/types/ImageLoader/ImageLoader.svelte.d.ts b/types/ImageLoader/ImageLoader.svelte.d.ts index ca98f94a..c410146e 100644 --- a/types/ImageLoader/ImageLoader.svelte.d.ts +++ b/types/ImageLoader/ImageLoader.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ImageLoaderProps extends svelte.JSX.HTMLAttributes { @@ -45,9 +45,11 @@ export interface ImageLoaderProps * @default false */ fadeIn?: boolean; + + [key: `data-${string}`]: any; } -export default class ImageLoader extends SvelteComponent< +export default class ImageLoader extends SvelteComponentTyped< ImageLoaderProps, { load: CustomEvent; error: CustomEvent }, { error: {}; loading: {} } diff --git a/types/InlineLoading/InlineLoading.svelte.d.ts b/types/InlineLoading/InlineLoading.svelte.d.ts index d610188c..b65db09b 100644 --- a/types/InlineLoading/InlineLoading.svelte.d.ts +++ b/types/InlineLoading/InlineLoading.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface InlineLoadingProps extends svelte.JSX.HTMLAttributes { @@ -26,9 +26,11 @@ export interface InlineLoadingProps * @default 1500 */ successDelay?: number; + + [key: `data-${string}`]: any; } -export default class InlineLoading extends SvelteComponent< +export default class InlineLoading extends SvelteComponentTyped< InlineLoadingProps, { click: WindowEventMap["click"]; diff --git a/types/Link/Link.svelte.d.ts b/types/Link/Link.svelte.d.ts index ff25835b..d7fc05f6 100644 --- a/types/Link/Link.svelte.d.ts +++ b/types/Link/Link.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface LinkProps extends svelte.JSX.HTMLAttributes, @@ -27,7 +27,7 @@ export interface LinkProps * `inline` must be `false` * @default undefined */ - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; /** * Set to `true` to disable the checkbox @@ -46,9 +46,11 @@ export interface LinkProps * @default null */ ref?: null | HTMLAnchorElement | HTMLParagraphElement; + + [key: `data-${string}`]: any; } -export default class Link extends SvelteComponent< +export default class Link extends SvelteComponentTyped< LinkProps, { click: WindowEventMap["click"]; diff --git a/types/Link/OutboundLink.svelte.d.ts b/types/Link/OutboundLink.svelte.d.ts index ca76ec27..5ac5d7de 100644 --- a/types/Link/OutboundLink.svelte.d.ts +++ b/types/Link/OutboundLink.svelte.d.ts @@ -1,10 +1,10 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; import type { LinkProps } from "./Link.svelte"; export interface OutboundLinkProps extends LinkProps {} -export default class OutboundLink extends SvelteComponent< +export default class OutboundLink extends SvelteComponentTyped< OutboundLinkProps, { click: WindowEventMap["click"]; diff --git a/types/ListBox/ListBox.svelte.d.ts b/types/ListBox/ListBox.svelte.d.ts index 99599035..a2908ab9 100644 --- a/types/ListBox/ListBox.svelte.d.ts +++ b/types/ListBox/ListBox.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ListBoxProps extends svelte.JSX.HTMLAttributes { @@ -56,9 +56,11 @@ export interface ListBoxProps * @default "" */ warnText?: string; + + [key: `data-${string}`]: any; } -export default class ListBox extends SvelteComponent< +export default class ListBox extends SvelteComponentTyped< ListBoxProps, { keydown: WindowEventMap["keydown"]; click: WindowEventMap["click"] }, { default: {} } diff --git a/types/ListBox/ListBoxField.svelte.d.ts b/types/ListBox/ListBoxField.svelte.d.ts index 36276d26..e8976028 100644 --- a/types/ListBox/ListBoxField.svelte.d.ts +++ b/types/ListBox/ListBoxField.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export type ListBoxFieldTranslationId = "close" | "open"; @@ -40,9 +40,11 @@ export interface ListBoxFieldProps * @default null */ ref?: null | HTMLDivElement; + + [key: `data-${string}`]: any; } -export default class ListBoxField extends SvelteComponent< +export default class ListBoxField extends SvelteComponentTyped< ListBoxFieldProps, { click: WindowEventMap["click"]; diff --git a/types/ListBox/ListBoxMenu.svelte.d.ts b/types/ListBox/ListBoxMenu.svelte.d.ts index 85515a8e..3ab68727 100644 --- a/types/ListBox/ListBoxMenu.svelte.d.ts +++ b/types/ListBox/ListBoxMenu.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ListBoxMenuProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface ListBoxMenuProps * @default null */ ref?: null | HTMLDivElement; + + [key: `data-${string}`]: any; } -export default class ListBoxMenu extends SvelteComponent< +export default class ListBoxMenu extends SvelteComponentTyped< ListBoxMenuProps, { scroll: WindowEventMap["scroll"] }, { default: {} } diff --git a/types/ListBox/ListBoxMenuIcon.svelte.d.ts b/types/ListBox/ListBoxMenuIcon.svelte.d.ts index 82608a20..eaa4029e 100644 --- a/types/ListBox/ListBoxMenuIcon.svelte.d.ts +++ b/types/ListBox/ListBoxMenuIcon.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export type ListBoxMenuIconTranslationId = "close" | "open"; @@ -16,9 +16,11 @@ export interface ListBoxMenuIconProps * @default (id) => defaultTranslations[id] */ translateWithId?: (id: ListBoxMenuIconTranslationId) => string; + + [key: `data-${string}`]: any; } -export default class ListBoxMenuIcon extends SvelteComponent< +export default class ListBoxMenuIcon extends SvelteComponentTyped< ListBoxMenuIconProps, { click: WindowEventMap["click"] }, {} diff --git a/types/ListBox/ListBoxMenuItem.svelte.d.ts b/types/ListBox/ListBoxMenuItem.svelte.d.ts index 9b697144..0b1a4384 100644 --- a/types/ListBox/ListBoxMenuItem.svelte.d.ts +++ b/types/ListBox/ListBoxMenuItem.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ListBoxMenuItemProps extends svelte.JSX.HTMLAttributes { @@ -20,9 +20,11 @@ export interface ListBoxMenuItemProps * @default false */ disabled?: boolean; + + [key: `data-${string}`]: any; } -export default class ListBoxMenuItem extends SvelteComponent< +export default class ListBoxMenuItem extends SvelteComponentTyped< ListBoxMenuItemProps, { click: WindowEventMap["click"]; diff --git a/types/ListBox/ListBoxSelection.svelte.d.ts b/types/ListBox/ListBoxSelection.svelte.d.ts index fcb1003a..71a8c982 100644 --- a/types/ListBox/ListBoxSelection.svelte.d.ts +++ b/types/ListBox/ListBoxSelection.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export type ListBoxSelectionTranslationId = "clearAll" | "clearSelection"; @@ -28,9 +28,11 @@ export interface ListBoxSelectionProps * @default null */ ref?: null | HTMLDivElement; + + [key: `data-${string}`]: any; } -export default class ListBoxSelection extends SvelteComponent< +export default class ListBoxSelection extends SvelteComponentTyped< ListBoxSelectionProps, { clear: CustomEvent }, {} diff --git a/types/ListItem/ListItem.svelte.d.ts b/types/ListItem/ListItem.svelte.d.ts index 95937d52..4279dcc4 100644 --- a/types/ListItem/ListItem.svelte.d.ts +++ b/types/ListItem/ListItem.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ListItemProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class ListItem extends SvelteComponent< +export default class ListItem extends SvelteComponentTyped< ListItemProps, { click: WindowEventMap["click"]; diff --git a/types/Loading/Loading.svelte.d.ts b/types/Loading/Loading.svelte.d.ts index 5258e705..692473c6 100644 --- a/types/Loading/Loading.svelte.d.ts +++ b/types/Loading/Loading.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface LoadingProps extends svelte.JSX.HTMLAttributes { @@ -32,9 +32,11 @@ export interface LoadingProps * @default "ccs-" + Math.random().toString(36) */ id?: string; + + [key: `data-${string}`]: any; } -export default class Loading extends SvelteComponent< +export default class Loading extends SvelteComponentTyped< LoadingProps, {}, {} diff --git a/types/LocalStorage/LocalStorage.svelte.d.ts b/types/LocalStorage/LocalStorage.svelte.d.ts index 681a538d..bd83a3e5 100644 --- a/types/LocalStorage/LocalStorage.svelte.d.ts +++ b/types/LocalStorage/LocalStorage.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface LocalStorageProps { /** @@ -15,7 +15,7 @@ export interface LocalStorageProps { value?: any; } -export default class LocalStorage extends SvelteComponent< +export default class LocalStorage extends SvelteComponentTyped< LocalStorageProps, { save: CustomEvent; diff --git a/types/Modal/Modal.svelte.d.ts b/types/Modal/Modal.svelte.d.ts index 53afa117..28b20b82 100644 --- a/types/Modal/Modal.svelte.d.ts +++ b/types/Modal/Modal.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ModalProps extends svelte.JSX.HTMLAttributes { @@ -85,7 +85,7 @@ export interface ModalProps * Specify the primary button icon * @default undefined */ - primaryButtonIcon?: typeof import("svelte").SvelteComponent; + primaryButtonIcon?: typeof import("svelte").SvelteComponent; /** * Set to `true` for the "submit" and "click:button--primary" events @@ -130,9 +130,11 @@ export interface ModalProps * @default null */ ref?: null | HTMLDivElement; + + [key: `data-${string}`]: any; } -export default class Modal extends SvelteComponent< +export default class Modal extends SvelteComponentTyped< ModalProps, { transitionend: CustomEvent<{ open: boolean }>; diff --git a/types/MultiSelect/MultiSelect.svelte.d.ts b/types/MultiSelect/MultiSelect.svelte.d.ts index 6061307f..bf7ade7d 100644 --- a/types/MultiSelect/MultiSelect.svelte.d.ts +++ b/types/MultiSelect/MultiSelect.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export type MultiSelectItemId = any; @@ -236,9 +236,11 @@ export interface MultiSelectProps * @default null */ highlightedId?: null | MultiSelectItemId; + + [key: `data-${string}`]: any; } -export default class MultiSelect extends SvelteComponent< +export default class MultiSelect extends SvelteComponentTyped< MultiSelectProps, { select: CustomEvent<{ diff --git a/types/Notification/InlineNotification.svelte.d.ts b/types/Notification/InlineNotification.svelte.d.ts index 13708cfa..f931f27a 100644 --- a/types/Notification/InlineNotification.svelte.d.ts +++ b/types/Notification/InlineNotification.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface InlineNotificationProps extends svelte.JSX.HTMLAttributes { @@ -62,9 +62,11 @@ export interface InlineNotificationProps * @default "Close notification" */ closeButtonDescription?: string; + + [key: `data-${string}`]: any; } -export default class InlineNotification extends SvelteComponent< +export default class InlineNotification extends SvelteComponentTyped< InlineNotificationProps, { close: CustomEvent<{ timeout: boolean }>; diff --git a/types/Notification/NotificationActionButton.svelte.d.ts b/types/Notification/NotificationActionButton.svelte.d.ts index 3d0e9464..44908d55 100644 --- a/types/Notification/NotificationActionButton.svelte.d.ts +++ b/types/Notification/NotificationActionButton.svelte.d.ts @@ -1,10 +1,10 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; import type { ButtonProps } from "../Button/Button.svelte"; export interface NotificationActionButtonProps extends ButtonProps {} -export default class NotificationActionButton extends SvelteComponent< +export default class NotificationActionButton extends SvelteComponentTyped< NotificationActionButtonProps, { click: WindowEventMap["click"]; diff --git a/types/Notification/NotificationButton.svelte.d.ts b/types/Notification/NotificationButton.svelte.d.ts index 36a455a1..67cd4a8d 100644 --- a/types/Notification/NotificationButton.svelte.d.ts +++ b/types/Notification/NotificationButton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface NotificationButtonProps extends svelte.JSX.HTMLAttributes { @@ -13,7 +13,7 @@ export interface NotificationButtonProps * Specify the icon to render * @default undefined */ - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; /** * Specify the title of the icon @@ -26,9 +26,11 @@ export interface NotificationButtonProps * @default "Close icon" */ iconDescription?: string; + + [key: `data-${string}`]: any; } -export default class NotificationButton extends SvelteComponent< +export default class NotificationButton extends SvelteComponentTyped< NotificationButtonProps, { click: WindowEventMap["click"]; diff --git a/types/Notification/NotificationIcon.svelte.d.ts b/types/Notification/NotificationIcon.svelte.d.ts index ddcb1fd2..9e69e5b9 100644 --- a/types/Notification/NotificationIcon.svelte.d.ts +++ b/types/Notification/NotificationIcon.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface NotificationIconProps { /** @@ -27,7 +27,7 @@ export interface NotificationIconProps { iconDescription: undefined; } -export default class NotificationIcon extends SvelteComponent< +export default class NotificationIcon extends SvelteComponentTyped< NotificationIconProps, {}, {} diff --git a/types/Notification/ToastNotification.svelte.d.ts b/types/Notification/ToastNotification.svelte.d.ts index cdbb305e..86057f8e 100644 --- a/types/Notification/ToastNotification.svelte.d.ts +++ b/types/Notification/ToastNotification.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ToastNotificationProps extends svelte.JSX.HTMLAttributes { @@ -75,9 +75,11 @@ export interface ToastNotificationProps * @default false */ fullWidth?: boolean; + + [key: `data-${string}`]: any; } -export default class ToastNotification extends SvelteComponent< +export default class ToastNotification extends SvelteComponentTyped< ToastNotificationProps, { close: CustomEvent<{ timeout: boolean }>; diff --git a/types/NumberInput/NumberInput.svelte.d.ts b/types/NumberInput/NumberInput.svelte.d.ts index 555c7127..2b9119a8 100644 --- a/types/NumberInput/NumberInput.svelte.d.ts +++ b/types/NumberInput/NumberInput.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export type NumberInputTranslationId = "increment" | "decrement"; @@ -137,9 +137,11 @@ export interface NumberInputProps * @default null */ ref?: null | HTMLInputElement; + + [key: `data-${string}`]: any; } -export default class NumberInput extends SvelteComponent< +export default class NumberInput extends SvelteComponentTyped< NumberInputProps, { change: CustomEvent; diff --git a/types/NumberInput/NumberInputSkeleton.svelte.d.ts b/types/NumberInput/NumberInputSkeleton.svelte.d.ts index bc38cfe6..3177bbce 100644 --- a/types/NumberInput/NumberInputSkeleton.svelte.d.ts +++ b/types/NumberInput/NumberInputSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface NumberInputSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface NumberInputSkeletonProps * @default false */ hideLabel?: boolean; + + [key: `data-${string}`]: any; } -export default class NumberInputSkeleton extends SvelteComponent< +export default class NumberInputSkeleton extends SvelteComponentTyped< NumberInputSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/OrderedList/OrderedList.svelte.d.ts b/types/OrderedList/OrderedList.svelte.d.ts index 76ca2e5d..2fed410c 100644 --- a/types/OrderedList/OrderedList.svelte.d.ts +++ b/types/OrderedList/OrderedList.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface OrderedListProps extends svelte.JSX.HTMLAttributes { @@ -20,9 +20,11 @@ export interface OrderedListProps * @default false */ expressive?: boolean; + + [key: `data-${string}`]: any; } -export default class OrderedList extends SvelteComponent< +export default class OrderedList extends SvelteComponentTyped< OrderedListProps, { click: WindowEventMap["click"]; diff --git a/types/OverflowMenu/OverflowMenu.svelte.d.ts b/types/OverflowMenu/OverflowMenu.svelte.d.ts index 70a8c1e8..c1cfebd2 100644 --- a/types/OverflowMenu/OverflowMenu.svelte.d.ts +++ b/types/OverflowMenu/OverflowMenu.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface OverflowMenuProps extends svelte.JSX.HTMLAttributes { @@ -44,7 +44,7 @@ export interface OverflowMenuProps * Defaults to `` * @default undefined */ - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; /** * Specify the icon class @@ -75,9 +75,11 @@ export interface OverflowMenuProps * @default null */ menuRef?: null | HTMLUListElement; + + [key: `data-${string}`]: any; } -export default class OverflowMenu extends SvelteComponent< +export default class OverflowMenu extends SvelteComponentTyped< OverflowMenuProps, { close: CustomEvent; diff --git a/types/OverflowMenu/OverflowMenuItem.svelte.d.ts b/types/OverflowMenu/OverflowMenuItem.svelte.d.ts index c003373e..afca042c 100644 --- a/types/OverflowMenu/OverflowMenuItem.svelte.d.ts +++ b/types/OverflowMenu/OverflowMenuItem.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface OverflowMenuItemProps extends svelte.JSX.HTMLAttributes { @@ -57,9 +57,11 @@ export interface OverflowMenuItemProps * @default null */ ref?: null | HTMLAnchorElement | HTMLButtonElement; + + [key: `data-${string}`]: any; } -export default class OverflowMenuItem extends SvelteComponent< +export default class OverflowMenuItem extends SvelteComponentTyped< OverflowMenuItemProps, { click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] }, { default: {} } diff --git a/types/Pagination/Pagination.svelte.d.ts b/types/Pagination/Pagination.svelte.d.ts index ed7a8737..acb5fd52 100644 --- a/types/Pagination/Pagination.svelte.d.ts +++ b/types/Pagination/Pagination.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface PaginationProps extends svelte.JSX.HTMLAttributes { @@ -98,9 +98,11 @@ export interface PaginationProps * @default "ccs-" + Math.random().toString(36) */ id?: string; + + [key: `data-${string}`]: any; } -export default class Pagination extends SvelteComponent< +export default class Pagination extends SvelteComponentTyped< PaginationProps, { /** Dispatched after any user interaction */ diff --git a/types/Pagination/PaginationSkeleton.svelte.d.ts b/types/Pagination/PaginationSkeleton.svelte.d.ts index f54836a1..d0121dff 100644 --- a/types/Pagination/PaginationSkeleton.svelte.d.ts +++ b/types/Pagination/PaginationSkeleton.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface PaginationSkeletonProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class PaginationSkeleton extends SvelteComponent< +export default class PaginationSkeleton extends SvelteComponentTyped< PaginationSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/PaginationNav/PaginationNav.svelte.d.ts b/types/PaginationNav/PaginationNav.svelte.d.ts index 8b8846a9..806faf10 100644 --- a/types/PaginationNav/PaginationNav.svelte.d.ts +++ b/types/PaginationNav/PaginationNav.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface PaginationNavProps extends svelte.JSX.HTMLAttributes { @@ -44,9 +44,11 @@ export interface PaginationNavProps * @default "bottom" */ tooltipPosition?: "top" | "right" | "bottom" | "left" | "outside" | "inside"; + + [key: `data-${string}`]: any; } -export default class PaginationNav extends SvelteComponent< +export default class PaginationNav extends SvelteComponentTyped< PaginationNavProps, { /** fires after every user interaction */ diff --git a/types/Popover/Popover.svelte.d.ts b/types/Popover/Popover.svelte.d.ts index 7c5e6a42..a9a498b1 100644 --- a/types/Popover/Popover.svelte.d.ts +++ b/types/Popover/Popover.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface PopoverProps extends svelte.JSX.HTMLAttributes { @@ -56,9 +56,11 @@ export interface PopoverProps * @default false */ relative?: boolean; + + [key: `data-${string}`]: any; } -export default class Popover extends SvelteComponent< +export default class Popover extends SvelteComponentTyped< PopoverProps, { ["click:outside"]: CustomEvent<{ target: HTMLElement }> }, { default: {} } diff --git a/types/ProgressBar/ProgressBar.svelte.d.ts b/types/ProgressBar/ProgressBar.svelte.d.ts index 96908afd..7e55486b 100644 --- a/types/ProgressBar/ProgressBar.svelte.d.ts +++ b/types/ProgressBar/ProgressBar.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ProgressBarProps extends svelte.JSX.HTMLAttributes { @@ -56,9 +56,11 @@ export interface ProgressBarProps * @default "ccs-" + Math.random().toString(36) */ id?: string; + + [key: `data-${string}`]: any; } -export default class ProgressBar extends SvelteComponent< +export default class ProgressBar extends SvelteComponentTyped< ProgressBarProps, {}, { labelText: {} } diff --git a/types/ProgressIndicator/ProgressIndicator.svelte.d.ts b/types/ProgressIndicator/ProgressIndicator.svelte.d.ts index b93f5a2e..75cad5dd 100644 --- a/types/ProgressIndicator/ProgressIndicator.svelte.d.ts +++ b/types/ProgressIndicator/ProgressIndicator.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ProgressIndicatorProps extends svelte.JSX.HTMLAttributes { @@ -26,9 +26,11 @@ export interface ProgressIndicatorProps * @default false */ preventChangeOnClick?: boolean; + + [key: `data-${string}`]: any; } -export default class ProgressIndicator extends SvelteComponent< +export default class ProgressIndicator extends SvelteComponentTyped< ProgressIndicatorProps, { change: CustomEvent; diff --git a/types/ProgressIndicator/ProgressIndicatorSkeleton.svelte.d.ts b/types/ProgressIndicator/ProgressIndicatorSkeleton.svelte.d.ts index d7c22709..3603b37c 100644 --- a/types/ProgressIndicator/ProgressIndicatorSkeleton.svelte.d.ts +++ b/types/ProgressIndicator/ProgressIndicatorSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ProgressIndicatorSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface ProgressIndicatorSkeletonProps * @default 4 */ count?: number; + + [key: `data-${string}`]: any; } -export default class ProgressIndicatorSkeleton extends SvelteComponent< +export default class ProgressIndicatorSkeleton extends SvelteComponentTyped< ProgressIndicatorSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/ProgressIndicator/ProgressStep.svelte.d.ts b/types/ProgressIndicator/ProgressStep.svelte.d.ts index 53a7afd6..c0f55474 100644 --- a/types/ProgressIndicator/ProgressStep.svelte.d.ts +++ b/types/ProgressIndicator/ProgressStep.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ProgressStepProps extends svelte.JSX.HTMLAttributes { @@ -50,9 +50,11 @@ export interface ProgressStepProps * @default "ccs-" + Math.random().toString(36) */ id?: string; + + [key: `data-${string}`]: any; } -export default class ProgressStep extends SvelteComponent< +export default class ProgressStep extends SvelteComponentTyped< ProgressStepProps, { click: WindowEventMap["click"]; diff --git a/types/RadioButton/RadioButton.svelte.d.ts b/types/RadioButton/RadioButton.svelte.d.ts index 5790473f..a334a0c6 100644 --- a/types/RadioButton/RadioButton.svelte.d.ts +++ b/types/RadioButton/RadioButton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface RadioButtonProps extends svelte.JSX.HTMLAttributes { @@ -62,9 +62,11 @@ export interface RadioButtonProps * @default null */ ref?: null | HTMLInputElement; + + [key: `data-${string}`]: any; } -export default class RadioButton extends SvelteComponent< +export default class RadioButton extends SvelteComponentTyped< RadioButtonProps, { change: WindowEventMap["change"] }, { labelText: {} } diff --git a/types/RadioButton/RadioButtonSkeleton.svelte.d.ts b/types/RadioButton/RadioButtonSkeleton.svelte.d.ts index eab7f57b..5ad5d9b0 100644 --- a/types/RadioButton/RadioButtonSkeleton.svelte.d.ts +++ b/types/RadioButton/RadioButtonSkeleton.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface RadioButtonSkeletonProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class RadioButtonSkeleton extends SvelteComponent< +export default class RadioButtonSkeleton extends SvelteComponentTyped< RadioButtonSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/RadioButtonGroup/RadioButtonGroup.svelte.d.ts b/types/RadioButtonGroup/RadioButtonGroup.svelte.d.ts index f3b051d1..2c40d5a8 100644 --- a/types/RadioButtonGroup/RadioButtonGroup.svelte.d.ts +++ b/types/RadioButtonGroup/RadioButtonGroup.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface RadioButtonGroupProps extends svelte.JSX.HTMLAttributes { @@ -44,9 +44,11 @@ export interface RadioButtonGroupProps * @default undefined */ id?: string; + + [key: `data-${string}`]: any; } -export default class RadioButtonGroup extends SvelteComponent< +export default class RadioButtonGroup extends SvelteComponentTyped< RadioButtonGroupProps, { click: WindowEventMap["click"]; diff --git a/types/RecursiveList/RecursiveList.svelte.d.ts b/types/RecursiveList/RecursiveList.svelte.d.ts index 66030016..e56ed03b 100644 --- a/types/RecursiveList/RecursiveList.svelte.d.ts +++ b/types/RecursiveList/RecursiveList.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface RecursiveListNode { text?: string; @@ -21,9 +21,11 @@ export interface RecursiveListProps * @default "unordered" */ type?: "unordered" | "ordered" | "ordered-native"; + + [key: `data-${string}`]: any; } -export default class RecursiveList extends SvelteComponent< +export default class RecursiveList extends SvelteComponentTyped< RecursiveListProps, {}, {} diff --git a/types/Search/Search.svelte.d.ts b/types/Search/Search.svelte.d.ts index b68c434f..a2233445 100644 --- a/types/Search/Search.svelte.d.ts +++ b/types/Search/Search.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SearchProps extends svelte.JSX.HTMLAttributes { @@ -86,7 +86,7 @@ export interface SearchProps * Defaults to `` * @default undefined */ - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; /** * Set an id for the input element @@ -99,9 +99,11 @@ export interface SearchProps * @default null */ ref?: null | HTMLInputElement; + + [key: `data-${string}`]: any; } -export default class Search extends SvelteComponent< +export default class Search extends SvelteComponentTyped< SearchProps, { expand: CustomEvent; diff --git a/types/Search/SearchSkeleton.svelte.d.ts b/types/Search/SearchSkeleton.svelte.d.ts index 312cc749..378742b2 100644 --- a/types/Search/SearchSkeleton.svelte.d.ts +++ b/types/Search/SearchSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SearchSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface SearchSkeletonProps * @default "xl" */ size?: "sm" | "lg" | "xl"; + + [key: `data-${string}`]: any; } -export default class SearchSkeleton extends SvelteComponent< +export default class SearchSkeleton extends SvelteComponentTyped< SearchSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/Select/Select.svelte.d.ts b/types/Select/Select.svelte.d.ts index 552dc1fc..99232eb7 100644 --- a/types/Select/Select.svelte.d.ts +++ b/types/Select/Select.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SelectProps extends svelte.JSX.HTMLAttributes { @@ -104,9 +104,11 @@ export interface SelectProps * @default false */ required?: boolean; + + [key: `data-${string}`]: any; } -export default class Select extends SvelteComponent< +export default class Select extends SvelteComponentTyped< SelectProps, { /** The selected value. */ update: CustomEvent; diff --git a/types/Select/SelectItem.svelte.d.ts b/types/Select/SelectItem.svelte.d.ts index f455e831..fb74b2bf 100644 --- a/types/Select/SelectItem.svelte.d.ts +++ b/types/Select/SelectItem.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SelectItemProps { /** @@ -27,7 +27,7 @@ export interface SelectItemProps { disabled?: boolean; } -export default class SelectItem extends SvelteComponent< +export default class SelectItem extends SvelteComponentTyped< SelectItemProps, {}, {} diff --git a/types/Select/SelectItemGroup.svelte.d.ts b/types/Select/SelectItemGroup.svelte.d.ts index eb9bed65..ba3e113a 100644 --- a/types/Select/SelectItemGroup.svelte.d.ts +++ b/types/Select/SelectItemGroup.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SelectItemGroupProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface SelectItemGroupProps * @default "Provide label" */ label?: string; + + [key: `data-${string}`]: any; } -export default class SelectItemGroup extends SvelteComponent< +export default class SelectItemGroup extends SvelteComponentTyped< SelectItemGroupProps, {}, { default: {} } diff --git a/types/Select/SelectSkeleton.svelte.d.ts b/types/Select/SelectSkeleton.svelte.d.ts index 43b48626..19879882 100644 --- a/types/Select/SelectSkeleton.svelte.d.ts +++ b/types/Select/SelectSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SelectSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface SelectSkeletonProps * @default false */ hideLabel?: boolean; + + [key: `data-${string}`]: any; } -export default class SelectSkeleton extends SvelteComponent< +export default class SelectSkeleton extends SvelteComponentTyped< SelectSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/SkeletonPlaceholder/SkeletonPlaceholder.svelte.d.ts b/types/SkeletonPlaceholder/SkeletonPlaceholder.svelte.d.ts index 23c313f9..feb20c23 100644 --- a/types/SkeletonPlaceholder/SkeletonPlaceholder.svelte.d.ts +++ b/types/SkeletonPlaceholder/SkeletonPlaceholder.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SkeletonPlaceholderProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class SkeletonPlaceholder extends SvelteComponent< +export default class SkeletonPlaceholder extends SvelteComponentTyped< SkeletonPlaceholderProps, { click: WindowEventMap["click"]; diff --git a/types/SkeletonText/SkeletonText.svelte.d.ts b/types/SkeletonText/SkeletonText.svelte.d.ts index eb610409..05a3726f 100644 --- a/types/SkeletonText/SkeletonText.svelte.d.ts +++ b/types/SkeletonText/SkeletonText.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SkeletonTextProps extends svelte.JSX.HTMLAttributes { @@ -26,9 +26,11 @@ export interface SkeletonTextProps * @default "100%" */ width?: string; + + [key: `data-${string}`]: any; } -export default class SkeletonText extends SvelteComponent< +export default class SkeletonText extends SvelteComponentTyped< SkeletonTextProps, { click: WindowEventMap["click"]; diff --git a/types/Slider/Slider.svelte.d.ts b/types/Slider/Slider.svelte.d.ts index ddff4cb9..5a872fbd 100644 --- a/types/Slider/Slider.svelte.d.ts +++ b/types/Slider/Slider.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SliderProps extends svelte.JSX.HTMLAttributes { @@ -111,9 +111,11 @@ export interface SliderProps * @default null */ ref?: null | HTMLDivElement; + + [key: `data-${string}`]: any; } -export default class Slider extends SvelteComponent< +export default class Slider extends SvelteComponentTyped< SliderProps, { click: WindowEventMap["click"]; diff --git a/types/Slider/SliderSkeleton.svelte.d.ts b/types/Slider/SliderSkeleton.svelte.d.ts index 3ae369be..077602ad 100644 --- a/types/Slider/SliderSkeleton.svelte.d.ts +++ b/types/Slider/SliderSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SliderSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface SliderSkeletonProps * @default false */ hideLabel?: boolean; + + [key: `data-${string}`]: any; } -export default class SliderSkeleton extends SvelteComponent< +export default class SliderSkeleton extends SvelteComponentTyped< SliderSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/StructuredList/StructuredList.svelte.d.ts b/types/StructuredList/StructuredList.svelte.d.ts index 37ed8018..71c3cfd1 100644 --- a/types/StructuredList/StructuredList.svelte.d.ts +++ b/types/StructuredList/StructuredList.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface StructuredListProps extends svelte.JSX.HTMLAttributes { @@ -26,9 +26,11 @@ export interface StructuredListProps * @default false */ selection?: boolean; + + [key: `data-${string}`]: any; } -export default class StructuredList extends SvelteComponent< +export default class StructuredList extends SvelteComponentTyped< StructuredListProps, { click: WindowEventMap["click"]; diff --git a/types/StructuredList/StructuredListBody.svelte.d.ts b/types/StructuredList/StructuredListBody.svelte.d.ts index 97465a3b..eff1fcd6 100644 --- a/types/StructuredList/StructuredListBody.svelte.d.ts +++ b/types/StructuredList/StructuredListBody.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface StructuredListBodyProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class StructuredListBody extends SvelteComponent< +export default class StructuredListBody extends SvelteComponentTyped< StructuredListBodyProps, { click: WindowEventMap["click"]; diff --git a/types/StructuredList/StructuredListCell.svelte.d.ts b/types/StructuredList/StructuredListCell.svelte.d.ts index d52814e3..50d53c98 100644 --- a/types/StructuredList/StructuredListCell.svelte.d.ts +++ b/types/StructuredList/StructuredListCell.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface StructuredListCellProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface StructuredListCellProps * @default false */ noWrap?: boolean; + + [key: `data-${string}`]: any; } -export default class StructuredListCell extends SvelteComponent< +export default class StructuredListCell extends SvelteComponentTyped< StructuredListCellProps, { click: WindowEventMap["click"]; diff --git a/types/StructuredList/StructuredListHead.svelte.d.ts b/types/StructuredList/StructuredListHead.svelte.d.ts index c7f3734e..37797903 100644 --- a/types/StructuredList/StructuredListHead.svelte.d.ts +++ b/types/StructuredList/StructuredListHead.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface StructuredListHeadProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class StructuredListHead extends SvelteComponent< +export default class StructuredListHead extends SvelteComponentTyped< StructuredListHeadProps, { click: WindowEventMap["click"]; diff --git a/types/StructuredList/StructuredListInput.svelte.d.ts b/types/StructuredList/StructuredListInput.svelte.d.ts index 156caf20..5a40f302 100644 --- a/types/StructuredList/StructuredListInput.svelte.d.ts +++ b/types/StructuredList/StructuredListInput.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface StructuredListInputProps extends svelte.JSX.HTMLAttributes { @@ -38,9 +38,11 @@ export interface StructuredListInputProps * @default null */ ref?: null | HTMLInputElement; + + [key: `data-${string}`]: any; } -export default class StructuredListInput extends SvelteComponent< +export default class StructuredListInput extends SvelteComponentTyped< StructuredListInputProps, {}, {} diff --git a/types/StructuredList/StructuredListRow.svelte.d.ts b/types/StructuredList/StructuredListRow.svelte.d.ts index 9016fad4..4116096c 100644 --- a/types/StructuredList/StructuredListRow.svelte.d.ts +++ b/types/StructuredList/StructuredListRow.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface StructuredListRowProps extends svelte.JSX.HTMLAttributes { @@ -20,9 +20,11 @@ export interface StructuredListRowProps * @default "0" */ tabindex?: string; + + [key: `data-${string}`]: any; } -export default class StructuredListRow extends SvelteComponent< +export default class StructuredListRow extends SvelteComponentTyped< StructuredListRowProps, { click: WindowEventMap["click"]; diff --git a/types/StructuredList/StructuredListSkeleton.svelte.d.ts b/types/StructuredList/StructuredListSkeleton.svelte.d.ts index 1fe34778..5d6e674a 100644 --- a/types/StructuredList/StructuredListSkeleton.svelte.d.ts +++ b/types/StructuredList/StructuredListSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface StructuredListSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface StructuredListSkeletonProps * @default 5 */ rows?: number; + + [key: `data-${string}`]: any; } -export default class StructuredListSkeleton extends SvelteComponent< +export default class StructuredListSkeleton extends SvelteComponentTyped< StructuredListSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/Tabs/Tab.svelte.d.ts b/types/Tabs/Tab.svelte.d.ts index 3202e318..64a23661 100644 --- a/types/Tabs/Tab.svelte.d.ts +++ b/types/Tabs/Tab.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TabProps extends svelte.JSX.HTMLAttributes { @@ -39,9 +39,11 @@ export interface TabProps * @default null */ ref?: null | HTMLAnchorElement; + + [key: `data-${string}`]: any; } -export default class Tab extends SvelteComponent< +export default class Tab extends SvelteComponentTyped< TabProps, { click: WindowEventMap["click"]; diff --git a/types/Tabs/TabContent.svelte.d.ts b/types/Tabs/TabContent.svelte.d.ts index 7fcdec78..3d84567c 100644 --- a/types/Tabs/TabContent.svelte.d.ts +++ b/types/Tabs/TabContent.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TabContentProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface TabContentProps * @default "ccs-" + Math.random().toString(36) */ id?: string; + + [key: `data-${string}`]: any; } -export default class TabContent extends SvelteComponent< +export default class TabContent extends SvelteComponentTyped< TabContentProps, {}, { default: {} } diff --git a/types/Tabs/Tabs.svelte.d.ts b/types/Tabs/Tabs.svelte.d.ts index 6ea82825..38e60a9e 100644 --- a/types/Tabs/Tabs.svelte.d.ts +++ b/types/Tabs/Tabs.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TabsProps extends svelte.JSX.HTMLAttributes { @@ -32,9 +32,11 @@ export interface TabsProps * @default "#" */ triggerHref?: string; + + [key: `data-${string}`]: any; } -export default class Tabs extends SvelteComponent< +export default class Tabs extends SvelteComponentTyped< TabsProps, { keypress: WindowEventMap["keypress"]; diff --git a/types/Tabs/TabsSkeleton.svelte.d.ts b/types/Tabs/TabsSkeleton.svelte.d.ts index e81ab78f..b89817f3 100644 --- a/types/Tabs/TabsSkeleton.svelte.d.ts +++ b/types/Tabs/TabsSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TabsSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface TabsSkeletonProps * @default "default" */ type?: "default" | "container"; + + [key: `data-${string}`]: any; } -export default class TabsSkeleton extends SvelteComponent< +export default class TabsSkeleton extends SvelteComponentTyped< TabsSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/Tag/Tag.svelte.d.ts b/types/Tag/Tag.svelte.d.ts index ef1fcf28..32322c8e 100644 --- a/types/Tag/Tag.svelte.d.ts +++ b/types/Tag/Tag.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TagProps extends svelte.JSX.HTMLAttributes, @@ -61,16 +61,18 @@ export interface TagProps * Specify the icon to render * @default undefined */ - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; /** * Set an id for the filterable tag * @default "ccs-" + Math.random().toString(36) */ id?: string; + + [key: `data-${string}`]: any; } -export default class Tag extends SvelteComponent< +export default class Tag extends SvelteComponentTyped< TagProps, { click: WindowEventMap["click"]; diff --git a/types/Tag/TagSkeleton.svelte.d.ts b/types/Tag/TagSkeleton.svelte.d.ts index 79bb361d..88fe9bd5 100644 --- a/types/Tag/TagSkeleton.svelte.d.ts +++ b/types/Tag/TagSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TagSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -7,9 +7,11 @@ export interface TagSkeletonProps * @default "default" */ size?: "sm" | "default"; + + [key: `data-${string}`]: any; } -export default class TagSkeleton extends SvelteComponent< +export default class TagSkeleton extends SvelteComponentTyped< TagSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/TextArea/TextArea.svelte.d.ts b/types/TextArea/TextArea.svelte.d.ts index 83c90421..14f58899 100644 --- a/types/TextArea/TextArea.svelte.d.ts +++ b/types/TextArea/TextArea.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TextAreaProps extends svelte.JSX.HTMLAttributes { @@ -98,9 +98,11 @@ export interface TextAreaProps * @default null */ ref?: null | HTMLTextAreaElement; + + [key: `data-${string}`]: any; } -export default class TextArea extends SvelteComponent< +export default class TextArea extends SvelteComponentTyped< TextAreaProps, { click: WindowEventMap["click"]; diff --git a/types/TextArea/TextAreaSkeleton.svelte.d.ts b/types/TextArea/TextAreaSkeleton.svelte.d.ts index 63871380..f8c1e1da 100644 --- a/types/TextArea/TextAreaSkeleton.svelte.d.ts +++ b/types/TextArea/TextAreaSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TextAreaSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface TextAreaSkeletonProps * @default false */ hideLabel?: boolean; + + [key: `data-${string}`]: any; } -export default class TextAreaSkeleton extends SvelteComponent< +export default class TextAreaSkeleton extends SvelteComponentTyped< TextAreaSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/TextInput/PasswordInput.svelte.d.ts b/types/TextInput/PasswordInput.svelte.d.ts index f754b7c4..76d0c532 100644 --- a/types/TextInput/PasswordInput.svelte.d.ts +++ b/types/TextInput/PasswordInput.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface PasswordInputProps extends svelte.JSX.HTMLAttributes { @@ -128,9 +128,11 @@ export interface PasswordInputProps * @default null */ ref?: null | HTMLInputElement; + + [key: `data-${string}`]: any; } -export default class PasswordInput extends SvelteComponent< +export default class PasswordInput extends SvelteComponentTyped< PasswordInputProps, { click: WindowEventMap["click"]; diff --git a/types/TextInput/TextInput.svelte.d.ts b/types/TextInput/TextInput.svelte.d.ts index df4e9284..6358ebb6 100644 --- a/types/TextInput/TextInput.svelte.d.ts +++ b/types/TextInput/TextInput.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TextInputProps extends svelte.JSX.HTMLAttributes { @@ -113,9 +113,11 @@ export interface TextInputProps * @default false */ readonly?: boolean; + + [key: `data-${string}`]: any; } -export default class TextInput extends SvelteComponent< +export default class TextInput extends SvelteComponentTyped< TextInputProps, { change: CustomEvent; diff --git a/types/TextInput/TextInputSkeleton.svelte.d.ts b/types/TextInput/TextInputSkeleton.svelte.d.ts index 8e11bb22..3cfe19b8 100644 --- a/types/TextInput/TextInputSkeleton.svelte.d.ts +++ b/types/TextInput/TextInputSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TextInputSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface TextInputSkeletonProps * @default false */ hideLabel?: boolean; + + [key: `data-${string}`]: any; } -export default class TextInputSkeleton extends SvelteComponent< +export default class TextInputSkeleton extends SvelteComponentTyped< TextInputSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/Theme/Theme.svelte.d.ts b/types/Theme/Theme.svelte.d.ts index c77eb6c6..6dfbefbc 100644 --- a/types/Theme/Theme.svelte.d.ts +++ b/types/Theme/Theme.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export type CarbonTheme = "white" | "g10" | "g80" | "g90" | "g100"; @@ -50,7 +50,7 @@ export interface ThemeProps { select?: import("../Select/Select").SelectProps & { themes?: CarbonTheme[] }; } -export default class Theme extends SvelteComponent< +export default class Theme extends SvelteComponentTyped< ThemeProps, { update: CustomEvent<{ theme: CarbonTheme }> }, { default: { theme: CarbonTheme } } diff --git a/types/Tile/ClickableTile.svelte.d.ts b/types/Tile/ClickableTile.svelte.d.ts index b072b608..7572638e 100644 --- a/types/Tile/ClickableTile.svelte.d.ts +++ b/types/Tile/ClickableTile.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ClickableTileProps extends svelte.JSX.HTMLAttributes, @@ -27,9 +27,11 @@ export interface ClickableTileProps * @default undefined */ href?: string; + + [key: `data-${string}`]: any; } -export default class ClickableTile extends SvelteComponent< +export default class ClickableTile extends SvelteComponentTyped< ClickableTileProps, { click: WindowEventMap["click"]; diff --git a/types/Tile/ExpandableTile.svelte.d.ts b/types/Tile/ExpandableTile.svelte.d.ts index 92e5faa1..bd835b77 100644 --- a/types/Tile/ExpandableTile.svelte.d.ts +++ b/types/Tile/ExpandableTile.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ExpandableTileProps extends svelte.JSX.HTMLAttributes { @@ -68,9 +68,11 @@ export interface ExpandableTileProps * @default null */ ref?: null | HTMLButtonElement; + + [key: `data-${string}`]: any; } -export default class ExpandableTile extends SvelteComponent< +export default class ExpandableTile extends SvelteComponentTyped< ExpandableTileProps, { click: WindowEventMap["click"]; diff --git a/types/Tile/RadioTile.svelte.d.ts b/types/Tile/RadioTile.svelte.d.ts index 566ff8db..31c5f136 100644 --- a/types/Tile/RadioTile.svelte.d.ts +++ b/types/Tile/RadioTile.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface RadioTileProps extends svelte.JSX.HTMLAttributes { @@ -50,9 +50,11 @@ export interface RadioTileProps * @default "" */ name?: string; + + [key: `data-${string}`]: any; } -export default class RadioTile extends SvelteComponent< +export default class RadioTile extends SvelteComponentTyped< RadioTileProps, { change: WindowEventMap["change"]; diff --git a/types/Tile/SelectableTile.svelte.d.ts b/types/Tile/SelectableTile.svelte.d.ts index 35a6d859..b0be3b0c 100644 --- a/types/Tile/SelectableTile.svelte.d.ts +++ b/types/Tile/SelectableTile.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SelectableTileProps extends svelte.JSX.HTMLAttributes { @@ -62,9 +62,11 @@ export interface SelectableTileProps * @default null */ ref?: null | HTMLInputElement; + + [key: `data-${string}`]: any; } -export default class SelectableTile extends SvelteComponent< +export default class SelectableTile extends SvelteComponentTyped< SelectableTileProps, { select: CustomEvent; diff --git a/types/Tile/Tile.svelte.d.ts b/types/Tile/Tile.svelte.d.ts index ba977d4b..58982171 100644 --- a/types/Tile/Tile.svelte.d.ts +++ b/types/Tile/Tile.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TileProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface TileProps * @default false */ light?: boolean; + + [key: `data-${string}`]: any; } -export default class Tile extends SvelteComponent< +export default class Tile extends SvelteComponentTyped< TileProps, { click: WindowEventMap["click"]; diff --git a/types/Tile/TileGroup.svelte.d.ts b/types/Tile/TileGroup.svelte.d.ts index 74f02a9b..5b41a51d 100644 --- a/types/Tile/TileGroup.svelte.d.ts +++ b/types/Tile/TileGroup.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TileGroupProps extends svelte.JSX.HTMLAttributes { @@ -20,9 +20,11 @@ export interface TileGroupProps * @default "" */ legend?: string; + + [key: `data-${string}`]: any; } -export default class TileGroup extends SvelteComponent< +export default class TileGroup extends SvelteComponentTyped< TileGroupProps, { select: CustomEvent }, { default: {} } diff --git a/types/TimePicker/TimePicker.svelte.d.ts b/types/TimePicker/TimePicker.svelte.d.ts index fa2e010b..8f8b6e02 100644 --- a/types/TimePicker/TimePicker.svelte.d.ts +++ b/types/TimePicker/TimePicker.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TimePickerProps extends svelte.JSX.HTMLAttributes { @@ -86,9 +86,11 @@ export interface TimePickerProps * @default null */ ref?: null | HTMLInputElement; + + [key: `data-${string}`]: any; } -export default class TimePicker extends SvelteComponent< +export default class TimePicker extends SvelteComponentTyped< TimePickerProps, { click: WindowEventMap["click"]; diff --git a/types/TimePicker/TimePickerSelect.svelte.d.ts b/types/TimePicker/TimePickerSelect.svelte.d.ts index bdfc7dce..ccd5c65f 100644 --- a/types/TimePicker/TimePickerSelect.svelte.d.ts +++ b/types/TimePicker/TimePickerSelect.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TimePickerSelectProps extends svelte.JSX.HTMLAttributes { @@ -44,9 +44,11 @@ export interface TimePickerSelectProps * @default null */ ref?: null | HTMLSelectElement; + + [key: `data-${string}`]: any; } -export default class TimePickerSelect extends SvelteComponent< +export default class TimePickerSelect extends SvelteComponentTyped< TimePickerSelectProps, { click: WindowEventMap["click"]; diff --git a/types/Toggle/Toggle.svelte.d.ts b/types/Toggle/Toggle.svelte.d.ts index 5b814e91..4692f7a6 100644 --- a/types/Toggle/Toggle.svelte.d.ts +++ b/types/Toggle/Toggle.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ToggleProps extends svelte.JSX.HTMLAttributes { @@ -56,9 +56,11 @@ export interface ToggleProps * @default undefined */ name?: string; + + [key: `data-${string}`]: any; } -export default class Toggle extends SvelteComponent< +export default class Toggle extends SvelteComponentTyped< ToggleProps, { toggle: CustomEvent<{ toggled: boolean }>; diff --git a/types/Toggle/ToggleSkeleton.svelte.d.ts b/types/Toggle/ToggleSkeleton.svelte.d.ts index 41c4d851..08c485f3 100644 --- a/types/Toggle/ToggleSkeleton.svelte.d.ts +++ b/types/Toggle/ToggleSkeleton.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ToggleSkeletonProps extends svelte.JSX.HTMLAttributes { @@ -20,9 +20,11 @@ export interface ToggleSkeletonProps * @default "ccs-" + Math.random().toString(36) */ id?: string; + + [key: `data-${string}`]: any; } -export default class ToggleSkeleton extends SvelteComponent< +export default class ToggleSkeleton extends SvelteComponentTyped< ToggleSkeletonProps, { click: WindowEventMap["click"]; diff --git a/types/Tooltip/Tooltip.svelte.d.ts b/types/Tooltip/Tooltip.svelte.d.ts index edf9efa6..fb687ac0 100644 --- a/types/Tooltip/Tooltip.svelte.d.ts +++ b/types/Tooltip/Tooltip.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TooltipProps extends svelte.JSX.HTMLAttributes { @@ -32,7 +32,7 @@ export interface TooltipProps * Default to `` * @default undefined */ - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; /** * Specify the ARIA label for the tooltip button @@ -87,9 +87,11 @@ export interface TooltipProps * @default null */ refIcon?: null | HTMLDivElement; + + [key: `data-${string}`]: any; } -export default class Tooltip extends SvelteComponent< +export default class Tooltip extends SvelteComponentTyped< TooltipProps, { open: CustomEvent; diff --git a/types/Tooltip/TooltipFooter.svelte.d.ts b/types/Tooltip/TooltipFooter.svelte.d.ts index 0dd621d9..2bfb3a65 100644 --- a/types/Tooltip/TooltipFooter.svelte.d.ts +++ b/types/Tooltip/TooltipFooter.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TooltipFooterProps { /** @@ -9,7 +9,7 @@ export interface TooltipFooterProps { selectorPrimaryFocus?: string; } -export default class TooltipFooter extends SvelteComponent< +export default class TooltipFooter extends SvelteComponentTyped< TooltipFooterProps, {}, { default: {} } diff --git a/types/TooltipDefinition/TooltipDefinition.svelte.d.ts b/types/TooltipDefinition/TooltipDefinition.svelte.d.ts index 3d15ed88..c346a2a7 100644 --- a/types/TooltipDefinition/TooltipDefinition.svelte.d.ts +++ b/types/TooltipDefinition/TooltipDefinition.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TooltipDefinitionProps extends svelte.JSX.HTMLAttributes { @@ -38,9 +38,11 @@ export interface TooltipDefinitionProps * @default null */ ref?: null | HTMLButtonElement; + + [key: `data-${string}`]: any; } -export default class TooltipDefinition extends SvelteComponent< +export default class TooltipDefinition extends SvelteComponentTyped< TooltipDefinitionProps, { open: CustomEvent; diff --git a/types/TooltipIcon/TooltipIcon.svelte.d.ts b/types/TooltipIcon/TooltipIcon.svelte.d.ts index 2408f9e2..dc81a9fb 100644 --- a/types/TooltipIcon/TooltipIcon.svelte.d.ts +++ b/types/TooltipIcon/TooltipIcon.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TooltipIconProps extends svelte.JSX.HTMLAttributes { @@ -14,7 +14,7 @@ export interface TooltipIconProps * Specify the icon to render * @default undefined */ - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; /** * Set to `true` to disable the tooltip icon @@ -45,9 +45,11 @@ export interface TooltipIconProps * @default null */ ref?: null | HTMLButtonElement; + + [key: `data-${string}`]: any; } -export default class TooltipIcon extends SvelteComponent< +export default class TooltipIcon extends SvelteComponentTyped< TooltipIconProps, { click: WindowEventMap["click"]; diff --git a/types/TreeView/TreeView.svelte.d.ts b/types/TreeView/TreeView.svelte.d.ts index cf35440f..4def2975 100644 --- a/types/TreeView/TreeView.svelte.d.ts +++ b/types/TreeView/TreeView.svelte.d.ts @@ -1,12 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export type TreeNodeId = string | number; export interface TreeNode { id: TreeNodeId; text: any; - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; disabled?: boolean; children?: TreeNode[]; } @@ -55,9 +55,11 @@ export interface TreeViewProps * @default false */ hideLabel?: boolean; + + [key: `data-${string}`]: any; } -export default class TreeView extends SvelteComponent< +export default class TreeView extends SvelteComponentTyped< TreeViewProps, { select: CustomEvent; diff --git a/types/Truncate/Truncate.svelte.d.ts b/types/Truncate/Truncate.svelte.d.ts index dcaf2b5c..155efab6 100644 --- a/types/Truncate/Truncate.svelte.d.ts +++ b/types/Truncate/Truncate.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface TruncateProps extends svelte.JSX.HTMLAttributes { @@ -7,9 +7,11 @@ export interface TruncateProps * @default "end" */ clamp?: "end" | "front"; + + [key: `data-${string}`]: any; } -export default class Truncate extends SvelteComponent< +export default class Truncate extends SvelteComponentTyped< TruncateProps, {}, { default: {} } diff --git a/types/UIShell/Content.svelte.d.ts b/types/UIShell/Content.svelte.d.ts index 59eb0c5f..ff2098cb 100644 --- a/types/UIShell/Content.svelte.d.ts +++ b/types/UIShell/Content.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface ContentProps extends svelte.JSX.HTMLAttributes { @@ -8,9 +8,11 @@ export interface ContentProps * @default "main-content" */ id?: string; + + [key: `data-${string}`]: any; } -export default class Content extends SvelteComponent< +export default class Content extends SvelteComponentTyped< ContentProps, {}, { default: {} } diff --git a/types/UIShell/Header.svelte.d.ts b/types/UIShell/Header.svelte.d.ts index 5dd67c39..b74c7924 100644 --- a/types/UIShell/Header.svelte.d.ts +++ b/types/UIShell/Header.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface HeaderProps extends svelte.JSX.HTMLAttributes { @@ -69,17 +69,19 @@ export interface HeaderProps * Defaults to `` * @default undefined */ - iconMenu?: typeof import("svelte").SvelteComponent; + iconMenu?: typeof import("svelte").SvelteComponent; /** * Specify the icon to render for the opened state. * Defaults to `` * @default undefined */ - iconClose?: typeof import("svelte").SvelteComponent; + iconClose?: typeof import("svelte").SvelteComponent; + + [key: `data-${string}`]: any; } -export default class Header extends SvelteComponent< +export default class Header extends SvelteComponentTyped< HeaderProps, { click: WindowEventMap["click"] }, { default: {}; platform: {}; ["skip-to-content"]: {} } diff --git a/types/UIShell/HeaderAction.svelte.d.ts b/types/UIShell/HeaderAction.svelte.d.ts index 549e8793..bad7f2bf 100644 --- a/types/UIShell/HeaderAction.svelte.d.ts +++ b/types/UIShell/HeaderAction.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface HeaderActionProps extends svelte.JSX.HTMLAttributes { @@ -14,14 +14,14 @@ export interface HeaderActionProps * Defaults to `` * @default undefined */ - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; /** * Specify the icon to render when the action panel is open. * Defaults to `` * @default undefined */ - closeIcon?: typeof import("svelte").SvelteComponent; + closeIcon?: typeof import("svelte").SvelteComponent; /** * Specify the text @@ -42,9 +42,11 @@ export interface HeaderActionProps * @default { duration: 200 } */ transition?: false | import("svelte/transition").SlideParams; + + [key: `data-${string}`]: any; } -export default class HeaderAction extends SvelteComponent< +export default class HeaderAction extends SvelteComponentTyped< HeaderActionProps, { open: CustomEvent; diff --git a/types/UIShell/HeaderActionLink.svelte.d.ts b/types/UIShell/HeaderActionLink.svelte.d.ts index e7305911..2f21b1dc 100644 --- a/types/UIShell/HeaderActionLink.svelte.d.ts +++ b/types/UIShell/HeaderActionLink.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface HeaderActionLinkProps extends svelte.JSX.HTMLAttributes { @@ -19,16 +19,18 @@ export interface HeaderActionLinkProps * Specify the icon to render * @default undefined */ - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; /** * Obtain a reference to the HTML anchor element * @default null */ ref?: null | HTMLAnchorElement; + + [key: `data-${string}`]: any; } -export default class HeaderActionLink extends SvelteComponent< +export default class HeaderActionLink extends SvelteComponentTyped< HeaderActionLinkProps, {}, { icon: {} } diff --git a/types/UIShell/HeaderGlobalAction.svelte.d.ts b/types/UIShell/HeaderGlobalAction.svelte.d.ts index f877f16e..793a0379 100644 --- a/types/UIShell/HeaderGlobalAction.svelte.d.ts +++ b/types/UIShell/HeaderGlobalAction.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface HeaderGlobalActionProps extends svelte.JSX.HTMLAttributes { @@ -13,16 +13,18 @@ export interface HeaderGlobalActionProps * Specify the icon to render * @default undefined */ - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; /** * Obtain a reference to the HTML button element * @default null */ ref?: null | HTMLButtonElement; + + [key: `data-${string}`]: any; } -export default class HeaderGlobalAction extends SvelteComponent< +export default class HeaderGlobalAction extends SvelteComponentTyped< HeaderGlobalActionProps, { click: WindowEventMap["click"] }, { default: {} } diff --git a/types/UIShell/HeaderNav.svelte.d.ts b/types/UIShell/HeaderNav.svelte.d.ts index cfa8d9f1..1ca745a1 100644 --- a/types/UIShell/HeaderNav.svelte.d.ts +++ b/types/UIShell/HeaderNav.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface HeaderNavProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class HeaderNav extends SvelteComponent< +export default class HeaderNav extends SvelteComponentTyped< HeaderNavProps, {}, { default: {} } diff --git a/types/UIShell/HeaderNavItem.svelte.d.ts b/types/UIShell/HeaderNavItem.svelte.d.ts index ea6d7629..c9ec45fb 100644 --- a/types/UIShell/HeaderNavItem.svelte.d.ts +++ b/types/UIShell/HeaderNavItem.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface HeaderNavItemProps extends svelte.JSX.HTMLAttributes { @@ -26,9 +26,11 @@ export interface HeaderNavItemProps * @default null */ ref?: null | HTMLAnchorElement; + + [key: `data-${string}`]: any; } -export default class HeaderNavItem extends SvelteComponent< +export default class HeaderNavItem extends SvelteComponentTyped< HeaderNavItemProps, { click: WindowEventMap["click"]; diff --git a/types/UIShell/HeaderNavMenu.svelte.d.ts b/types/UIShell/HeaderNavMenu.svelte.d.ts index 4fcc043b..c7ac6701 100644 --- a/types/UIShell/HeaderNavMenu.svelte.d.ts +++ b/types/UIShell/HeaderNavMenu.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface HeaderNavMenuProps extends svelte.JSX.HTMLAttributes { @@ -26,9 +26,11 @@ export interface HeaderNavMenuProps * @default null */ ref?: null | HTMLAnchorElement; + + [key: `data-${string}`]: any; } -export default class HeaderNavMenu extends SvelteComponent< +export default class HeaderNavMenu extends SvelteComponentTyped< HeaderNavMenuProps, { keydown: WindowEventMap["keydown"]; diff --git a/types/UIShell/HeaderPanelDivider.svelte.d.ts b/types/UIShell/HeaderPanelDivider.svelte.d.ts index 3b7295c6..b0e7f991 100644 --- a/types/UIShell/HeaderPanelDivider.svelte.d.ts +++ b/types/UIShell/HeaderPanelDivider.svelte.d.ts @@ -1,9 +1,9 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface HeaderPanelDividerProps {} -export default class HeaderPanelDivider extends SvelteComponent< +export default class HeaderPanelDivider extends SvelteComponentTyped< HeaderPanelDividerProps, {}, { default: {} } diff --git a/types/UIShell/HeaderPanelLink.svelte.d.ts b/types/UIShell/HeaderPanelLink.svelte.d.ts index 653d09eb..a17c413e 100644 --- a/types/UIShell/HeaderPanelLink.svelte.d.ts +++ b/types/UIShell/HeaderPanelLink.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface HeaderPanelLinkProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface HeaderPanelLinkProps * @default null */ ref?: null | HTMLAnchorElement; + + [key: `data-${string}`]: any; } -export default class HeaderPanelLink extends SvelteComponent< +export default class HeaderPanelLink extends SvelteComponentTyped< HeaderPanelLinkProps, { click: WindowEventMap["click"] }, { default: {} } diff --git a/types/UIShell/HeaderPanelLinks.svelte.d.ts b/types/UIShell/HeaderPanelLinks.svelte.d.ts index 9ff19e37..c9aa3d47 100644 --- a/types/UIShell/HeaderPanelLinks.svelte.d.ts +++ b/types/UIShell/HeaderPanelLinks.svelte.d.ts @@ -1,9 +1,9 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface HeaderPanelLinksProps {} -export default class HeaderPanelLinks extends SvelteComponent< +export default class HeaderPanelLinks extends SvelteComponentTyped< HeaderPanelLinksProps, {}, { default: {} } diff --git a/types/UIShell/HeaderSearch.svelte.d.ts b/types/UIShell/HeaderSearch.svelte.d.ts index 4f872501..f877d727 100644 --- a/types/UIShell/HeaderSearch.svelte.d.ts +++ b/types/UIShell/HeaderSearch.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface HeaderSearchResult { href: string; @@ -38,9 +38,11 @@ export interface HeaderSearchProps * @default 0 */ selectedResultIndex?: number; + + [key: `data-${string}`]: any; } -export default class HeaderSearch extends SvelteComponent< +export default class HeaderSearch extends SvelteComponentTyped< HeaderSearchProps, { active: CustomEvent; diff --git a/types/UIShell/HeaderUtilities.svelte.d.ts b/types/UIShell/HeaderUtilities.svelte.d.ts index 98a3ae16..ba64e170 100644 --- a/types/UIShell/HeaderUtilities.svelte.d.ts +++ b/types/UIShell/HeaderUtilities.svelte.d.ts @@ -1,9 +1,9 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface HeaderUtilitiesProps {} -export default class HeaderUtilities extends SvelteComponent< +export default class HeaderUtilities extends SvelteComponentTyped< HeaderUtilitiesProps, {}, { default: {} } diff --git a/types/UIShell/SideNav.svelte.d.ts b/types/UIShell/SideNav.svelte.d.ts index abf7f236..11e5e52f 100644 --- a/types/UIShell/SideNav.svelte.d.ts +++ b/types/UIShell/SideNav.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SideNavProps extends svelte.JSX.HTMLAttributes { @@ -38,9 +38,11 @@ export interface SideNavProps * @default 1056 */ expansionBreakpoint?: number; + + [key: `data-${string}`]: any; } -export default class SideNav extends SvelteComponent< +export default class SideNav extends SvelteComponentTyped< SideNavProps, { open: CustomEvent; diff --git a/types/UIShell/SideNavDivider.svelte.d.ts b/types/UIShell/SideNavDivider.svelte.d.ts index 0a568213..83b94dbe 100644 --- a/types/UIShell/SideNavDivider.svelte.d.ts +++ b/types/UIShell/SideNavDivider.svelte.d.ts @@ -1,10 +1,12 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SideNavDividerProps - extends svelte.JSX.HTMLAttributes {} + extends svelte.JSX.HTMLAttributes { + [key: `data-${string}`]: any; +} -export default class SideNavDivider extends SvelteComponent< +export default class SideNavDivider extends SvelteComponentTyped< SideNavDividerProps, {}, {} diff --git a/types/UIShell/SideNavItems.svelte.d.ts b/types/UIShell/SideNavItems.svelte.d.ts index 40afc460..91300c3a 100644 --- a/types/UIShell/SideNavItems.svelte.d.ts +++ b/types/UIShell/SideNavItems.svelte.d.ts @@ -1,9 +1,9 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SideNavItemsProps {} -export default class SideNavItems extends SvelteComponent< +export default class SideNavItems extends SvelteComponentTyped< SideNavItemsProps, {}, { default: {} } diff --git a/types/UIShell/SideNavLink.svelte.d.ts b/types/UIShell/SideNavLink.svelte.d.ts index ae8f7881..18e82b24 100644 --- a/types/UIShell/SideNavLink.svelte.d.ts +++ b/types/UIShell/SideNavLink.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SideNavLinkProps extends svelte.JSX.HTMLAttributes { @@ -25,16 +25,18 @@ export interface SideNavLinkProps * Specify the icon to render * @default undefined */ - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; /** * Obtain a reference to the HTML anchor element * @default null */ ref?: null | HTMLAnchorElement; + + [key: `data-${string}`]: any; } -export default class SideNavLink extends SvelteComponent< +export default class SideNavLink extends SvelteComponentTyped< SideNavLinkProps, { click: WindowEventMap["click"] }, { default: {}; icon: {} } diff --git a/types/UIShell/SideNavMenu.svelte.d.ts b/types/UIShell/SideNavMenu.svelte.d.ts index 87123652..fae201a5 100644 --- a/types/UIShell/SideNavMenu.svelte.d.ts +++ b/types/UIShell/SideNavMenu.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SideNavMenuProps extends svelte.JSX.HTMLAttributes { @@ -19,16 +19,18 @@ export interface SideNavMenuProps * Specify the icon to render * @default undefined */ - icon?: typeof import("svelte").SvelteComponent; + icon?: typeof import("svelte").SvelteComponent; /** * Obtain a reference to the HTML button element * @default null */ ref?: null | HTMLButtonElement; + + [key: `data-${string}`]: any; } -export default class SideNavMenu extends SvelteComponent< +export default class SideNavMenu extends SvelteComponentTyped< SideNavMenuProps, { click: WindowEventMap["click"] }, { default: {}; icon: {} } diff --git a/types/UIShell/SideNavMenuItem.svelte.d.ts b/types/UIShell/SideNavMenuItem.svelte.d.ts index d0c91060..332105c0 100644 --- a/types/UIShell/SideNavMenuItem.svelte.d.ts +++ b/types/UIShell/SideNavMenuItem.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SideNavMenuItemProps extends svelte.JSX.HTMLAttributes { @@ -26,9 +26,11 @@ export interface SideNavMenuItemProps * @default null */ ref?: null | HTMLAnchorElement; + + [key: `data-${string}`]: any; } -export default class SideNavMenuItem extends SvelteComponent< +export default class SideNavMenuItem extends SvelteComponentTyped< SideNavMenuItemProps, { click: WindowEventMap["click"] }, { default: {} } diff --git a/types/UIShell/SkipToContent.svelte.d.ts b/types/UIShell/SkipToContent.svelte.d.ts index 93953670..b578a7c9 100644 --- a/types/UIShell/SkipToContent.svelte.d.ts +++ b/types/UIShell/SkipToContent.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface SkipToContentProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface SkipToContentProps * @default "0" */ tabindex?: string; + + [key: `data-${string}`]: any; } -export default class SkipToContent extends SvelteComponent< +export default class SkipToContent extends SvelteComponentTyped< SkipToContentProps, { click: WindowEventMap["click"] }, { default: {} } diff --git a/types/UnorderedList/UnorderedList.svelte.d.ts b/types/UnorderedList/UnorderedList.svelte.d.ts index d47ee04a..6b3e0fb8 100644 --- a/types/UnorderedList/UnorderedList.svelte.d.ts +++ b/types/UnorderedList/UnorderedList.svelte.d.ts @@ -1,5 +1,5 @@ /// -import type { SvelteComponent } from "svelte"; +import type { SvelteComponentTyped } from "svelte"; export interface UnorderedListProps extends svelte.JSX.HTMLAttributes { @@ -14,9 +14,11 @@ export interface UnorderedListProps * @default false */ expressive?: boolean; + + [key: `data-${string}`]: any; } -export default class UnorderedList extends SvelteComponent< +export default class UnorderedList extends SvelteComponentTyped< UnorderedListProps, { click: WindowEventMap["click"];