mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 19:46:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: change peerDependencies

Browse source 
- use Svelte 3.55.0 since that's the minimum target for SvelteKit and svelte-check
- revert to using SvelteComponentTyped for high compatibility. We'll migrate to SvelteComponent after dropping Svelte 3
This commit is contained in:
Enrico Sacchetti 2023-07-01 22:06:34 -04:00
commit f014b9d7a0
No known key found for this signature in database
GPG key ID: 3374B89ECA60D796
168 changed files with 804 additions and 516 deletions
Download patch file Download diff file Expand all files Collapse all files

256
COMPONENT_INDEX.md
View file

@ -379,7 +379,7 @@ export type BreakpointValue = 320 | 672 | 1056 | 1312 | 1584;
| size | No | <code>let</code> | No | <code>"default" &#124; "field" &#124; "small" &#124; "lg" &#124; "xl"</code> | <code>"default"</code> | Specify the size of button | | size | No | <code>let</code> | No | <code>"default" &#124; "field" &#124; "small" &#124; "lg" &#124; "xl"</code> | <code>"default"</code> | Specify the size of button |
| expressive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use Carbon's expressive typesetting | | expressive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use Carbon's expressive typesetting |
| isSelected | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the selected state for an icon-only, ghost button | | isSelected | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the selected state for an icon-only, ghost button |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
| iconDescription | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the ARIA label for the button icon | | iconDescription | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the ARIA label for the button icon |
| tooltipAlignment | No | <code>let</code> | No | <code>"start" &#124; "center" &#124; "end"</code> | <code>"center"</code> | Set the alignment of the tooltip relative to the icon.<br />Only applies to icon-only buttons | | tooltipAlignment | No | <code>let</code> | No | <code>"start" &#124; "center" &#124; "end"</code> | <code>"center"</code> | Set the alignment of the tooltip relative to the icon.<br />Only applies to icon-only buttons |
| tooltipPosition | No | <code>let</code> | No | <code>"top" &#124; "right" &#124; "bottom" &#124; "left"</code> | <code>"bottom"</code> | Set the position of the tooltip relative to the icon | | tooltipPosition | No | <code>let</code> | No | <code>"top" &#124; "right" &#124; "bottom" &#124; "left"</code> | <code>"bottom"</code> | Set the position of the tooltip relative to the icon |
@ -841,18 +841,18 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :----------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- | | :----------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLLIElement</code> | <code>null</code> | Obtain a reference to the list item HTML element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLLIElement</code> | <code>null</code> | Obtain a reference to the list item HTML element |
| selectable | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to enable the selectable variant<br />Automatically set to `true` if `selected` is `true` | | selectable | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to enable the selectable variant<br />Automatically set to `true` if `selected` is `true` |
| selected | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to use the selected variant | | selected | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to use the selected variant |
| icon | No | <code>let</code> | Yes | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render<br />Icon is rendered to the left of the label text | | icon | No | <code>let</code> | Yes | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render<br />Icon is rendered to the left of the label text |
| indented | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to indent the label | | indented | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to indent the label |
| kind | No | <code>let</code> | No | <code>"default" &#124; "danger"</code> | <code>"default"</code> | Specify the kind of option | | kind | No | <code>let</code> | No | <code>"default" &#124; "danger"</code> | <code>"default"</code> | Specify the kind of option |
| disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the disabled state | | disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the disabled state |
| labelText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the label text<br />Alternatively, use the "labelText" slot (e.g., &lt;span slot="labelText"&gt;...&lt;/span&gt;) | | labelText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the label text<br />Alternatively, use the "labelText" slot (e.g., &lt;span slot="labelText"&gt;...&lt;/span&gt;) |
| shortcutText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the shortcut text<br />Alternatively, use the "shortcutText" slot (e.g., &lt;span slot="shortcutText"&gt;...&lt;/span&gt;) | | shortcutText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the shortcut text<br />Alternatively, use the "shortcutText" slot (e.g., &lt;span slot="shortcutText"&gt;...&lt;/span&gt;) |
| id | No | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Specify the id<br />It's recommended to provide an id as a value to bind to within a selectable/radio menu group | | id | No | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Specify the id<br />It's recommended to provide an id as a value to bind to within a selectable/radio menu group |
### Slots ### Slots
@ -1568,19 +1568,19 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :---------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | :---------------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLAnchorElement</code> | <code>null</code> | Obtain a reference to the HTML anchor element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLAnchorElement</code> | <code>null</code> | Obtain a reference to the HTML anchor element |
| isSideNavOpen | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the side nav | | isSideNavOpen | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the side nav |
| expandedByDefault | No | <code>let</code> | No | <code>boolean</code> | <code>true</code> | Set to `false` to hide the side nav by default | | expandedByDefault | No | <code>let</code> | No | <code>boolean</code> | <code>true</code> | Set to `false` to hide the side nav by default |
| uiShellAriaLabel | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the ARIA label for the header | | uiShellAriaLabel | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the ARIA label for the header |
| href | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the `href` attribute | | href | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the `href` attribute |
| company | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the company name | | company | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the company name |
| platformName | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the platform name<br />Alternatively, use the named slot "platform" (e.g., &lt;span slot="platform"&gt;...&lt;/span&gt;) | | platformName | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the platform name<br />Alternatively, use the named slot "platform" (e.g., &lt;span slot="platform"&gt;...&lt;/span&gt;) |
| persistentHamburgerMenu | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to persist the hamburger menu | | persistentHamburgerMenu | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to persist the hamburger menu |
| expansionBreakpoint | No | <code>let</code> | No | <code>number</code> | <code>1056</code> | The window width (px) at which the SideNav is expanded and the hamburger menu is hidden<br />1056 represents the "large" breakpoint in pixels from the Carbon Design System:<br />small: 320<br />medium: 672<br />large: 1056<br />x-large: 1312<br />max: 1584 | | expansionBreakpoint | No | <code>let</code> | No | <code>number</code> | <code>1056</code> | The window width (px) at which the SideNav is expanded and the hamburger menu is hidden<br />1056 represents the "large" breakpoint in pixels from the Carbon Design System:<br />small: 320<br />medium: 672<br />large: 1056<br />x-large: 1312<br />max: 1584 |
| iconMenu | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render for the closed state.<br />Defaults to `&lt;Menu size={20} /&gt;` | | iconMenu | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render for the closed state.<br />Defaults to `&lt;Menu size={20} /&gt;` |
| iconClose | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render for the opened state.<br />Defaults to `&lt;Close size={20} /&gt;` | | iconClose | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render for the opened state.<br />Defaults to `&lt;Close size={20} /&gt;` |
### Slots ### Slots
@ -1604,8 +1604,8 @@ None.
| :--------- | :------- | :--------------- | :------- | ----------------------------------------------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------- | | :--------- | :------- | :--------------- | :------- | ----------------------------------------------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the button HTML element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the button HTML element |
| isOpen | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the panel | | isOpen | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the panel |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render when the action panel is closed.<br />Defaults to `&lt;Switcher size={20} /&gt;` | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render when the action panel is closed.<br />Defaults to `&lt;Switcher size={20} /&gt;` |
| closeIcon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render when the action panel is open.<br />Defaults to `&lt;Close size={20} /&gt;` | | closeIcon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render when the action panel is open.<br />Defaults to `&lt;Close size={20} /&gt;` |
| text | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the text<br />Alternatively, use the named slot "text" (e.g., &lt;div slot="text"&gt;...&lt;/div&gt;) | | text | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the text<br />Alternatively, use the named slot "text" (e.g., &lt;div slot="text"&gt;...&lt;/div&gt;) |
| transition | No | <code>let</code> | No | <code>false &#124; import("svelte/transition").SlideParams</code> | <code>{ duration: 200 }</code> | Customize the panel transition (i.e., `transition:slide`).<br />Set to `false` to disable the transition | | transition | No | <code>let</code> | No | <code>false &#124; import("svelte/transition").SlideParams</code> | <code>{ duration: 200 }</code> | Customize the panel transition (i.e., `transition:slide`).<br />Set to `false` to disable the transition |
@ -1630,12 +1630,12 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :----------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- | | :----------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | --------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLAnchorElement</code> | <code>null</code> | Obtain a reference to the HTML anchor element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLAnchorElement</code> | <code>null</code> | Obtain a reference to the HTML anchor element |
| linkIsActive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the active state | | linkIsActive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the active state |
| href | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the `href` attribute | | href | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the `href` attribute |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
### Slots ### Slots
@ -1651,11 +1651,11 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :-------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- | | :-------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | --------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the HTML button element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the HTML button element |
| isActive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the active variant | | isActive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the active variant |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
### Slots ### Slots
@ -1956,7 +1956,7 @@ None.
| size | No | <code>let</code> | No | <code>"sm" &#124; "lg"</code> | <code>undefined</code> | Specify the size of the link | | size | No | <code>let</code> | No | <code>"sm" &#124; "lg"</code> | <code>undefined</code> | Specify the size of the link |
| href | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the href value | | href | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the href value |
| inline | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the inline variant | | inline | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the inline variant |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render<br />`inline` must be `false` | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render<br />`inline` must be `false` |
| disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the checkbox | | disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the checkbox |
| visited | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to allow visited styles | | visited | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to allow visited styles |
@ -2209,29 +2209,29 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :------------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | | :------------------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLDivElement</code> | <code>null</code> | Obtain a reference to the top-level HTML element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLDivElement</code> | <code>null</code> | Obtain a reference to the top-level HTML element |
| open | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the modal | | open | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the modal |
| size | No | <code>let</code> | No | <code>"xs" &#124; "sm" &#124; "lg"</code> | <code>undefined</code> | Set the size of the modal | | size | No | <code>let</code> | No | <code>"xs" &#124; "sm" &#124; "lg"</code> | <code>undefined</code> | Set the size of the modal |
| danger | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the danger variant | | danger | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the danger variant |
| alert | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable alert mode | | alert | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable alert mode |
| passiveModal | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the passive variant | | passiveModal | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the passive variant |
| modalHeading | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the modal heading | | modalHeading | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the modal heading |
| modalLabel | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the modal label | | modalLabel | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the modal label |
| modalAriaLabel | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the ARIA label for the modal | | modalAriaLabel | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the ARIA label for the modal |
| iconDescription | No | <code>let</code> | No | <code>string</code> | <code>"Close the modal"</code> | Specify the ARIA label for the close icon | | iconDescription | No | <code>let</code> | No | <code>string</code> | <code>"Close the modal"</code> | Specify the ARIA label for the close icon |
| hasForm | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` if the modal contains form elements | | hasForm | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` if the modal contains form elements |
| hasScrollingContent | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` if the modal contains scrolling content | | hasScrollingContent | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` if the modal contains scrolling content |
| primaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the primary button text | | primaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the primary button text |
| primaryButtonDisabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the primary button | | primaryButtonDisabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the primary button |
| primaryButtonIcon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the primary button icon | | primaryButtonIcon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the primary button icon |
| shouldSubmitOnEnter | No | <code>let</code> | No | <code>boolean</code> | <code>true</code> | Set to `true` for the "submit" and "click:button--primary" events<br />to be dispatched when pressing "Enter" | | shouldSubmitOnEnter | No | <code>let</code> | No | <code>boolean</code> | <code>true</code> | Set to `true` for the "submit" and "click:button--primary" events<br />to be dispatched when pressing "Enter" |
| secondaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the secondary button text | | secondaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the secondary button text |
| secondaryButtons | No | <code>let</code> | No | <code>[{ text: string; }, { text: string; }]</code> | <code>[]</code> | 2-tuple prop to render two secondary buttons for a 3 button modal<br />supersedes `secondaryButtonText` | | secondaryButtons | No | <code>let</code> | No | <code>[{ text: string; }, { text: string; }]</code> | <code>[]</code> | 2-tuple prop to render two secondary buttons for a 3 button modal<br />supersedes `secondaryButtonText` |
| selectorPrimaryFocus | No | <code>let</code> | No | <code>string</code> | <code>"[data-modal-primary-focus]"</code> | Specify a selector to be focused when opening the modal | | selectorPrimaryFocus | No | <code>let</code> | No | <code>string</code> | <code>"[data-modal-primary-focus]"</code> | Specify a selector to be focused when opening the modal |
| preventCloseOnClickOutside | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to prevent the modal from closing when clicking outside | | preventCloseOnClickOutside | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to prevent the modal from closing when clicking outside |
| id | No | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the top-level element | | id | No | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the top-level element |
### Slots ### Slots
@ -2280,16 +2280,16 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :-------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------- | | :-------------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------- |
| primaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the primary button text | | primaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the primary button text |
| primaryButtonIcon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the primary button icon | | primaryButtonIcon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the primary button icon |
| primaryButtonDisabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the primary button | | primaryButtonDisabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the primary button |
| primaryClass | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify a class for the primary button | | primaryClass | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify a class for the primary button |
| secondaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the secondary button text | | secondaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the secondary button text |
| secondaryButtons | No | <code>let</code> | No | <code>[{ text: string; }, { text: string; }]</code> | <code>[]</code> | 2-tuple prop to render two secondary buttons for a 3 button modal<br />supersedes `secondaryButtonText` | | secondaryButtons | No | <code>let</code> | No | <code>[{ text: string; }, { text: string; }]</code> | <code>[]</code> | 2-tuple prop to render two secondary buttons for a 3 button modal<br />supersedes `secondaryButtonText` |
| secondaryClass | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify a class for the secondary button | | secondaryClass | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify a class for the secondary button |
| danger | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the danger variant | | danger | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the danger variant |
### Slots ### Slots
@ -2429,12 +2429,12 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :--------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------- | ----------------------------------- | | :--------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------- | ----------------------------------- |
| notificationType | No | <code>let</code> | No | <code>"toast" &#124; "inline"</code> | <code>"toast"</code> | Set the type of notification | | notificationType | No | <code>let</code> | No | <code>"toast" &#124; "inline"</code> | <code>"toast"</code> | Set the type of notification |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
| title | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the title of the icon | | title | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the title of the icon |
| iconDescription | No | <code>let</code> | No | <code>string</code> | <code>"Close icon"</code> | Specify the ARIA label for the icon | | iconDescription | No | <code>let</code> | No | <code>string</code> | <code>"Close icon"</code> | Specify the ARIA label for the icon |
### Slots ### Slots
@ -2596,20 +2596,20 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :--------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------------------------------- | | :--------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------------------------------- |
| menuRef | No | <code>let</code> | Yes | <code>null &#124; HTMLUListElement</code> | <code>null</code> | Obtain a reference to the overflow menu element | | menuRef | No | <code>let</code> | Yes | <code>null &#124; HTMLUListElement</code> | <code>null</code> | Obtain a reference to the overflow menu element |
| buttonRef | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the trigger button element | | buttonRef | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the trigger button element |
| icon | No | <code>let</code> | Yes | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render.<br />Defaults to `&lt;OverflowMenuVertical /&gt;` | | icon | No | <code>let</code> | Yes | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render.<br />Defaults to `&lt;OverflowMenuVertical /&gt;` |
| open | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the menu | | open | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the menu |
| size | No | <code>let</code> | No | <code>"sm" &#124; "xl"</code> | <code>undefined</code> | Specify the size of the overflow menu | | size | No | <code>let</code> | No | <code>"sm" &#124; "xl"</code> | <code>undefined</code> | Specify the size of the overflow menu |
| direction | No | <code>let</code> | No | <code>"top" &#124; "bottom"</code> | <code>"bottom"</code> | Specify the direction of the overflow menu relative to the button | | direction | No | <code>let</code> | No | <code>"top" &#124; "bottom"</code> | <code>"bottom"</code> | Specify the direction of the overflow menu relative to the button |
| light | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the light variant | | light | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the light variant |
| flipped | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to flip the menu relative to the button | | flipped | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to flip the menu relative to the button |
| menuOptionsClass | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the menu options class | | menuOptionsClass | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the menu options class |
| iconClass | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the icon class | | iconClass | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the icon class |
| iconDescription | No | <code>let</code> | No | <code>string</code> | <code>"Open and close list of options"</code> | Specify the ARIA label for the icon | | iconDescription | No | <code>let</code> | No | <code>string</code> | <code>"Open and close list of options"</code> | Specify the ARIA label for the icon |
| id | No | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the button element | | id | No | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the button element |
### Slots ### Slots
@ -3087,24 +3087,24 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | --------------------------------------------------------------- | | :------------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------------------------------ | --------------------------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLInputElement</code> | <code>null</code> | Obtain a reference to the input HTML element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLInputElement</code> | <code>null</code> | Obtain a reference to the input HTML element |
| expanded | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true to expand the search input | | expanded | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true to expand the search input |
| value | No | <code>let</code> | Yes | <code>any</code> | <code>""</code> | Specify the value of the search input | | value | No | <code>let</code> | Yes | <code>any</code> | <code>""</code> | Specify the value of the search input |
| size | No | <code>let</code> | No | <code>"sm" &#124; "lg" &#124; "xl"</code> | <code>"xl"</code> | Specify the size of the search input | | size | No | <code>let</code> | No | <code>"sm" &#124; "lg" &#124; "xl"</code> | <code>"xl"</code> | Specify the size of the search input |
| searchClass | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the class name passed to the outer div element | | searchClass | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the class name passed to the outer div element |
| skeleton | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to display the skeleton state | | skeleton | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to display the skeleton state |
| light | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the light variant | | light | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the light variant |
| disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the search input | | disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the search input |
| expandable | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the expandable variant | | expandable | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the expandable variant |
| placeholder | No | <code>let</code> | No | <code>string</code> | <code>"Search..."</code> | Specify the `placeholder` attribute of the search input | | placeholder | No | <code>let</code> | No | <code>string</code> | <code>"Search..."</code> | Specify the `placeholder` attribute of the search input |
| autocomplete | No | <code>let</code> | No | <code>"on" &#124; "off"</code> | <code>"off"</code> | Specify the `autocomplete` attribute | | autocomplete | No | <code>let</code> | No | <code>"on" &#124; "off"</code> | <code>"off"</code> | Specify the `autocomplete` attribute |
| autofocus | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to auto focus the search element | | autofocus | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to auto focus the search element |
| closeButtonLabelText | No | <code>let</code> | No | <code>string</code> | <code>"Clear search input"</code> | Specify the close button label text | | closeButtonLabelText | No | <code>let</code> | No | <code>string</code> | <code>"Clear search input"</code> | Specify the close button label text |
| labelText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the label text | | labelText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the label text |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render.<br />Defaults to `&lt;Search /&gt;` | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render.<br />Defaults to `&lt;Search /&gt;` |
| id | No | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the input element | | id | No | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the input element |
### Slots ### Slots
@ -3347,13 +3347,13 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :--------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- | | :--------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | --------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLAnchorElement</code> | <code>null</code> | Obtain a reference to the HTML anchor element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLAnchorElement</code> | <code>null</code> | Obtain a reference to the HTML anchor element |
| isSelected | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to select the current link | | isSelected | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to select the current link |
| href | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the `href` attribute | | href | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the `href` attribute |
| text | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the text | | text | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the text |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
### Slots ### Slots
@ -3372,12 +3372,12 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :-------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- | | :-------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | --------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the HTML button element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the HTML button element |
| expanded | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to toggle the expanded state | | expanded | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to toggle the expanded state |
| text | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the text | | text | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the text |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
### Slots ### Slots
@ -3989,7 +3989,7 @@ None.
| interactive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to render a `button` element instead of a `div` | | interactive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to render a `button` element instead of a `div` |
| skeleton | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to display the skeleton state | | skeleton | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to display the skeleton state |
| title | No | <code>let</code> | No | <code>string</code> | <code>"Clear filter"</code> | Set the title for the close button in a filterable tag | | title | No | <code>let</code> | No | <code>string</code> | <code>"Clear filter"</code> | Set the title for the close button in a filterable tag |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
| id | No | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the filterable tag | | id | No | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the filterable tag |
### Slots ### Slots
@ -4551,7 +4551,7 @@ None.
| align | No | <code>let</code> | No | <code>"start" &#124; "center" &#124; "end"</code> | <code>"center"</code> | Set the alignment of the tooltip relative to the icon | | align | No | <code>let</code> | No | <code>"start" &#124; "center" &#124; "end"</code> | <code>"center"</code> | Set the alignment of the tooltip relative to the icon |
| direction | No | <code>let</code> | No | <code>"top" &#124; "right" &#124; "bottom" &#124; "left"</code> | <code>"bottom"</code> | Set the direction of the tooltip relative to the button | | direction | No | <code>let</code> | No | <code>"top" &#124; "right" &#124; "bottom" &#124; "left"</code> | <code>"bottom"</code> | Set the direction of the tooltip relative to the button |
| hideIcon | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to hide the tooltip icon | | hideIcon | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to hide the tooltip icon |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render for the tooltip button.<br />Default to `&lt;Information /&gt;` | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render for the tooltip button.<br />Default to `&lt;Information /&gt;` |
| iconDescription | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the ARIA label for the tooltip button | | iconDescription | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the ARIA label for the tooltip button |
| iconName | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the icon name attribute | | iconName | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the icon name attribute |
| tabindex | No | <code>let</code> | No | <code>string</code> | <code>"0"</code> | Set the button tabindex | | tabindex | No | <code>let</code> | No | <code>string</code> | <code>"0"</code> | Set the button tabindex |
@ -4634,7 +4634,7 @@ None.
| :---------- | :------- | :--------------- | :------- | --------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------ | | :---------- | :------- | :--------------- | :------- | --------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------ |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the button HTML element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the button HTML element |
| tooltipText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the tooltip text.<br />Alternatively, use the "tooltipText" slot | | tooltipText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the tooltip text.<br />Alternatively, use the "tooltipText" slot |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
| disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the tooltip icon | | disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the tooltip icon |
| align | No | <code>let</code> | No | <code>"start" &#124; "center" &#124; "end"</code> | <code>"center"</code> | Set the alignment of the tooltip relative to the icon | | align | No | <code>let</code> | No | <code>"start" &#124; "center" &#124; "end"</code> | <code>"center"</code> | Set the alignment of the tooltip relative to the icon |
| direction | No | <code>let</code> | No | <code>"top" &#124; "right" &#124; "bottom" &#124; "left"</code> | <code>"bottom"</code> | Set the direction of the tooltip relative to the icon | | direction | No | <code>let</code> | No | <code>"top" &#124; "right" &#124; "bottom" &#124; "left"</code> | <code>"bottom"</code> | Set the direction of the tooltip relative to the icon |
@ -4667,7 +4667,7 @@ export type TreeNodeId = string | number;
export interface TreeNode { export interface TreeNode {
id: TreeNodeId; id: TreeNodeId;
text: any; text: any;
icon?: typeof import("svelte").SvelteComponent; icon?: typeof import("svelte").SvelteComponent<any>;
disabled?: boolean; disabled?: boolean;
children?: TreeNode[]; children?: TreeNode[];
} }

42
docs/src/COMPONENT_API.json
View file

@ -501,7 +501,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -2117,7 +2117,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render\nIcon is rendered to the left of the label text", "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<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -4811,7 +4811,7 @@
"name": "iconMenu", "name": "iconMenu",
"kind": "let", "kind": "let",
"description": "Specify the icon to render for the closed state.\nDefaults to `<Menu size={20} />`", "description": "Specify the icon to render for the closed state.\nDefaults to `<Menu size={20} />`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -4822,7 +4822,7 @@
"name": "iconClose", "name": "iconClose",
"kind": "let", "kind": "let",
"description": "Specify the icon to render for the opened state.\nDefaults to `<Close size={20} />`", "description": "Specify the icon to render for the opened state.\nDefaults to `<Close size={20} />`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -4865,7 +4865,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render when the action panel is closed.\nDefaults to `<Switcher size={20} />`", "description": "Specify the icon to render when the action panel is closed.\nDefaults to `<Switcher size={20} />`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -4876,7 +4876,7 @@
"name": "closeIcon", "name": "closeIcon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render when the action panel is open.\nDefaults to `<Close size={20} />`", "description": "Specify the icon to render when the action panel is open.\nDefaults to `<Close size={20} />`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -4980,7 +4980,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -5033,7 +5033,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -5737,7 +5737,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render\n`inline` must be `false`", "description": "Specify the icon to render\n`inline` must be `false`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -6556,7 +6556,7 @@
"name": "primaryButtonIcon", "name": "primaryButtonIcon",
"kind": "let", "kind": "let",
"description": "Specify the primary button icon", "description": "Specify the primary button icon",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -6747,7 +6747,7 @@
"name": "primaryButtonIcon", "name": "primaryButtonIcon",
"kind": "let", "kind": "let",
"description": "Specify the primary button icon", "description": "Specify the primary button icon",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -7443,7 +7443,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -8011,7 +8011,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render.\nDefaults to `<OverflowMenuVertical />`", "description": "Specify the icon to render.\nDefaults to `<OverflowMenuVertical />`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -9995,7 +9995,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render.\nDefaults to `<Search />`", "description": "Specify the icon to render.\nDefaults to `<Search />`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -10721,7 +10721,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -10791,7 +10791,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -12269,7 +12269,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -14021,7 +14021,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render for the tooltip button.\nDefault to `<Information />`", "description": "Specify the icon to render for the tooltip button.\nDefault to `<Information />`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -14303,7 +14303,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -14567,9 +14567,9 @@
"ts": "type TreeNodeId = string | number" "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<any>; disabled?: boolean; children?: TreeNode[]; }",
"name": "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<any>; disabled?: boolean; children?: TreeNode[]; }"
} }
], ],
"rest_props": { "type": "Element", "name": "ul" } "rest_props": { "type": "Element", "name": "ul" }

2
package.json
View file

@ -45,7 +45,7 @@
"typescript": "^5.0.0" "typescript": "^5.0.0"
}, },
"peerDependencies": { "peerDependencies": {
"svelte": "^3.30.0 || ^4.0.0" "svelte": "^3.55.0 || ^4.0.0"
}, },
"standard-version": { "standard-version": {
"skip": { "skip": {

4
types/Accordion/Accordion.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { AccordionSkeletonProps } from "./AccordionSkeleton.svelte"; import type { AccordionSkeletonProps } from "./AccordionSkeleton.svelte";
export interface AccordionProps extends AccordionSkeletonProps { export interface AccordionProps extends AccordionSkeletonProps {
@ -28,7 +28,7 @@ export interface AccordionProps extends AccordionSkeletonProps {
skeleton?: boolean; skeleton?: boolean;
} }
export default class Accordion extends SvelteComponent< export default class Accordion extends SvelteComponentTyped<
AccordionProps, AccordionProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/Accordion/AccordionItem.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface AccordionItemProps export interface AccordionItemProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {
@ -27,9 +27,11 @@ export interface AccordionItemProps
* @default "Expand/Collapse" * @default "Expand/Collapse"
*/ */
iconDescription?: string; iconDescription?: string;
[key: `data-${string}`]: any;
} }
export default class AccordionItem extends SvelteComponent< export default class AccordionItem extends SvelteComponentTyped<
AccordionItemProps, AccordionItemProps,
{ {
animationend: WindowEventMap["animationend"]; animationend: WindowEventMap["animationend"];

6
types/Accordion/AccordionSkeleton.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface AccordionSkeletonProps export interface AccordionSkeletonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["ul"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["ul"]> {
@ -26,9 +26,11 @@ export interface AccordionSkeletonProps
* @default true * @default true
*/ */
open?: boolean; open?: boolean;
[key: `data-${string}`]: any;
} }
export default class AccordionSkeleton extends SvelteComponent< export default class AccordionSkeleton extends SvelteComponentTyped<
AccordionSkeletonProps, AccordionSkeletonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/AspectRatio/AspectRatio.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface AspectRatioProps export interface AspectRatioProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -17,9 +17,11 @@ export interface AspectRatioProps
| "3x2" | "3x2"
| "9x16" | "9x16"
| "1x2"; | "1x2";
[key: `data-${string}`]: any;
} }
export default class AspectRatio extends SvelteComponent< export default class AspectRatio extends SvelteComponentTyped<
AspectRatioProps, AspectRatioProps,
{}, {},
{ default: {} } { default: {} }

4
types/Breadcrumb/Breadcrumb.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { BreadcrumbSkeletonProps } from "./BreadcrumbSkeleton.svelte"; import type { BreadcrumbSkeletonProps } from "./BreadcrumbSkeleton.svelte";
export interface BreadcrumbProps extends BreadcrumbSkeletonProps { export interface BreadcrumbProps extends BreadcrumbSkeletonProps {
@ -16,7 +16,7 @@ export interface BreadcrumbProps extends BreadcrumbSkeletonProps {
skeleton?: boolean; skeleton?: boolean;
} }
export default class Breadcrumb extends SvelteComponent< export default class Breadcrumb extends SvelteComponentTyped<
BreadcrumbProps, BreadcrumbProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/Breadcrumb/BreadcrumbItem.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface BreadcrumbItemProps export interface BreadcrumbItemProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {
@ -14,9 +14,11 @@ export interface BreadcrumbItemProps
* @default false * @default false
*/ */
isCurrentPage?: boolean; isCurrentPage?: boolean;
[key: `data-${string}`]: any;
} }
export default class BreadcrumbItem extends SvelteComponent< export default class BreadcrumbItem extends SvelteComponentTyped<
BreadcrumbItemProps, BreadcrumbItemProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/Breadcrumb/BreadcrumbSkeleton.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface BreadcrumbSkeletonProps export interface BreadcrumbSkeletonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -14,9 +14,11 @@ export interface BreadcrumbSkeletonProps
* @default 3 * @default 3
*/ */
count?: number; count?: number;
[key: `data-${string}`]: any;
} }
export default class BreadcrumbSkeleton extends SvelteComponent< export default class BreadcrumbSkeleton extends SvelteComponentTyped<
BreadcrumbSkeletonProps, BreadcrumbSkeletonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

4
types/Breakpoint/Breakpoint.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export type BreakpointSize = "sm" | "md" | "lg" | "xlg" | "max"; export type BreakpointSize = "sm" | "md" | "lg" | "xlg" | "max";
@ -19,7 +19,7 @@ export interface BreakpointProps {
sizes?: Record<BreakpointSize, boolean>; sizes?: Record<BreakpointSize, boolean>;
} }
export default class Breakpoint extends SvelteComponent< export default class Breakpoint extends SvelteComponentTyped<
BreakpointProps, BreakpointProps,
{ {
change: CustomEvent<{ change: CustomEvent<{

8
types/Button/Button.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { ButtonSkeletonProps } from "./ButtonSkeleton.svelte"; import type { ButtonSkeletonProps } from "./ButtonSkeleton.svelte";
export interface ButtonProps export interface ButtonProps
@ -42,7 +42,7 @@ export interface ButtonProps
* Specify the icon to render * Specify the icon to render
* @default undefined * @default undefined
*/ */
icon?: typeof import("svelte").SvelteComponent; icon?: typeof import("svelte").SvelteComponent<any>;
/** /**
* Specify the ARIA label for the button icon * Specify the ARIA label for the button icon
@ -105,9 +105,11 @@ export interface ButtonProps
* @default null * @default null
*/ */
ref?: null | HTMLAnchorElement | HTMLButtonElement; ref?: null | HTMLAnchorElement | HTMLButtonElement;
[key: `data-${string}`]: any;
} }
export default class Button extends SvelteComponent< export default class Button extends SvelteComponentTyped<
ButtonProps, ButtonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/Button/ButtonSet.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ButtonSetProps export interface ButtonSetProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -8,9 +8,11 @@ export interface ButtonSetProps
* @default false * @default false
*/ */
stacked?: boolean; stacked?: boolean;
[key: `data-${string}`]: any;
} }
export default class ButtonSet extends SvelteComponent< export default class ButtonSet extends SvelteComponentTyped<
ButtonSetProps, ButtonSetProps,
{}, {},
{ default: {} } { default: {} }

6
types/Button/ButtonSkeleton.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ButtonSkeletonProps export interface ButtonSkeletonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> {
@ -14,9 +14,11 @@ export interface ButtonSkeletonProps
* @default "default" * @default "default"
*/ */
size?: "default" | "field" | "small" | "lg" | "xl"; size?: "default" | "field" | "small" | "lg" | "xl";
[key: `data-${string}`]: any;
} }
export default class ButtonSkeleton extends SvelteComponent< export default class ButtonSkeleton extends SvelteComponentTyped<
ButtonSkeletonProps, ButtonSkeletonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/Checkbox/Checkbox.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface CheckboxProps export interface CheckboxProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -86,9 +86,11 @@ export interface CheckboxProps
* @default null * @default null
*/ */
ref?: null | HTMLInputElement; ref?: null | HTMLInputElement;
[key: `data-${string}`]: any;
} }
export default class Checkbox extends SvelteComponent< export default class Checkbox extends SvelteComponentTyped<
CheckboxProps, CheckboxProps,
{ {
check: CustomEvent<boolean>; check: CustomEvent<boolean>;

8
types/Checkbox/CheckboxSkeleton.svelte.d.ts vendored
View file

@ -1,10 +1,12 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface CheckboxSkeletonProps export interface CheckboxSkeletonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {} extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
[key: `data-${string}`]: any;
}
export default class CheckboxSkeleton extends SvelteComponent< export default class CheckboxSkeleton extends SvelteComponentTyped<
CheckboxSkeletonProps, CheckboxSkeletonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

4
types/CodeSnippet/CodeSnippet.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface CodeSnippetProps { export interface CodeSnippetProps {
/** /**
@ -117,7 +117,7 @@ export interface CodeSnippetProps {
ref?: null | HTMLPreElement; ref?: null | HTMLPreElement;
} }
export default class CodeSnippet extends SvelteComponent< export default class CodeSnippet extends SvelteComponentTyped<
CodeSnippetProps, CodeSnippetProps,
{ {
expand: CustomEvent<null>; expand: CustomEvent<null>;

6
types/CodeSnippet/CodeSnippetSkeleton.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface CodeSnippetSkeletonProps export interface CodeSnippetSkeletonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -8,9 +8,11 @@ export interface CodeSnippetSkeletonProps
* @default "single" * @default "single"
*/ */
type?: "single" | "multi"; type?: "single" | "multi";
[key: `data-${string}`]: any;
} }
export default class CodeSnippetSkeleton extends SvelteComponent< export default class CodeSnippetSkeleton extends SvelteComponentTyped<
CodeSnippetSkeletonProps, CodeSnippetSkeletonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/ComboBox/ComboBox.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export type ComboBoxItemId = any; export type ComboBoxItemId = any;
@ -152,9 +152,11 @@ export interface ComboBoxProps
* @default null * @default null
*/ */
listRef?: null | HTMLDivElement; listRef?: null | HTMLDivElement;
[key: `data-${string}`]: any;
} }
export default class ComboBox extends SvelteComponent< export default class ComboBox extends SvelteComponentTyped<
ComboBoxProps, ComboBoxProps,
{ {
select: CustomEvent<{ select: CustomEvent<{

6
types/ComposedModal/ComposedModal.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ComposedModalProps export interface ComposedModalProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -44,9 +44,11 @@ export interface ComposedModalProps
* @default null * @default null
*/ */
ref?: null | HTMLDivElement; ref?: null | HTMLDivElement;
[key: `data-${string}`]: any;
} }
export default class ComposedModal extends SvelteComponent< export default class ComposedModal extends SvelteComponentTyped<
ComposedModalProps, ComposedModalProps,
{ {
transitionend: CustomEvent<{ open: boolean }>; transitionend: CustomEvent<{ open: boolean }>;

6
types/ComposedModal/ModalBody.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ModalBodyProps export interface ModalBodyProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -14,9 +14,11 @@ export interface ModalBodyProps
* @default false * @default false
*/ */
hasScrollingContent?: boolean; hasScrollingContent?: boolean;
[key: `data-${string}`]: any;
} }
export default class ModalBody extends SvelteComponent< export default class ModalBody extends SvelteComponentTyped<
ModalBodyProps, ModalBodyProps,
{}, {},
{ default: {} } { default: {} }

8
types/ComposedModal/ModalFooter.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ModalFooterProps export interface ModalFooterProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -13,7 +13,7 @@ export interface ModalFooterProps
* Specify the primary button icon * Specify the primary button icon
* @default undefined * @default undefined
*/ */
primaryButtonIcon?: typeof import("svelte").SvelteComponent; primaryButtonIcon?: typeof import("svelte").SvelteComponent<any>;
/** /**
* Set to `true` to disable the primary button * Set to `true` to disable the primary button
@ -51,9 +51,11 @@ export interface ModalFooterProps
* @default false * @default false
*/ */
danger?: boolean; danger?: boolean;
[key: `data-${string}`]: any;
} }
export default class ModalFooter extends SvelteComponent< export default class ModalFooter extends SvelteComponentTyped<
ModalFooterProps, ModalFooterProps,
{ ["click:button--secondary"]: CustomEvent<{ text: string }> }, { ["click:button--secondary"]: CustomEvent<{ text: string }> },
{ default: {} } { default: {} }

6
types/ComposedModal/ModalHeader.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ModalHeaderProps export interface ModalHeaderProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -44,9 +44,11 @@ export interface ModalHeaderProps
* @default "Close" * @default "Close"
*/ */
iconDescription?: string; iconDescription?: string;
[key: `data-${string}`]: any;
} }
export default class ModalHeader extends SvelteComponent< export default class ModalHeader extends SvelteComponentTyped<
ModalHeaderProps, ModalHeaderProps,
{ click: WindowEventMap["click"] }, { click: WindowEventMap["click"] },
{ default: {} } { default: {} }

6
types/ContentSwitcher/ContentSwitcher.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ContentSwitcherProps export interface ContentSwitcherProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -14,9 +14,11 @@ export interface ContentSwitcherProps
* @default undefined * @default undefined
*/ */
size?: "sm" | "xl"; size?: "sm" | "xl";
[key: `data-${string}`]: any;
} }
export default class ContentSwitcher extends SvelteComponent< export default class ContentSwitcher extends SvelteComponentTyped<
ContentSwitcherProps, ContentSwitcherProps,
{ {
change: CustomEvent<number>; change: CustomEvent<number>;

6
types/ContentSwitcher/Switch.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface SwitchProps export interface SwitchProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> {
@ -33,9 +33,11 @@ export interface SwitchProps
* @default null * @default null
*/ */
ref?: null | HTMLButtonElement; ref?: null | HTMLButtonElement;
[key: `data-${string}`]: any;
} }
export default class Switch extends SvelteComponent< export default class Switch extends SvelteComponentTyped<
SwitchProps, SwitchProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/ContextMenu/ContextMenu.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ContextMenuProps export interface ContextMenuProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["ul"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["ul"]> {
@ -34,9 +34,11 @@ export interface ContextMenuProps
* @default null * @default null
*/ */
ref?: null | HTMLUListElement; ref?: null | HTMLUListElement;
[key: `data-${string}`]: any;
} }
export default class ContextMenu extends SvelteComponent< export default class ContextMenu extends SvelteComponentTyped<
ContextMenuProps, ContextMenuProps,
{ {
open: CustomEvent<HTMLElement>; open: CustomEvent<HTMLElement>;

4
types/ContextMenu/ContextMenuDivider.svelte.d.ts vendored
View file

@ -1,9 +1,9 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ContextMenuDividerProps {} export interface ContextMenuDividerProps {}
export default class ContextMenuDivider extends SvelteComponent< export default class ContextMenuDivider extends SvelteComponentTyped<
ContextMenuDividerProps, ContextMenuDividerProps,
{}, {},
{} {}

4
types/ContextMenu/ContextMenuGroup.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ContextMenuGroupProps { export interface ContextMenuGroupProps {
/** /**
@ -14,7 +14,7 @@ export interface ContextMenuGroupProps {
labelText?: string; labelText?: string;
} }
export default class ContextMenuGroup extends SvelteComponent< export default class ContextMenuGroup extends SvelteComponentTyped<
ContextMenuGroupProps, ContextMenuGroupProps,
{}, {},
{ default: {} } { default: {} }

8
types/ContextMenu/ContextMenuOption.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ContextMenuOptionProps export interface ContextMenuOptionProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {
@ -26,7 +26,7 @@ export interface ContextMenuOptionProps
* Icon is rendered to the left of the label text * Icon is rendered to the left of the label text
* @default undefined * @default undefined
*/ */
icon?: typeof import("svelte").SvelteComponent; icon?: typeof import("svelte").SvelteComponent<any>;
/** /**
* Specify the label text * Specify the label text
@ -67,9 +67,11 @@ export interface ContextMenuOptionProps
* @default null * @default null
*/ */
ref?: null | HTMLLIElement; ref?: null | HTMLLIElement;
[key: `data-${string}`]: any;
} }
export default class ContextMenuOption extends SvelteComponent< export default class ContextMenuOption extends SvelteComponentTyped<
ContextMenuOptionProps, ContextMenuOptionProps,
{ {
keydown: WindowEventMap["keydown"]; keydown: WindowEventMap["keydown"];

4
types/ContextMenu/ContextMenuRadioGroup.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ContextMenuRadioGroupProps { export interface ContextMenuRadioGroupProps {
/** /**
@ -15,7 +15,7 @@ export interface ContextMenuRadioGroupProps {
labelText?: string; labelText?: string;
} }
export default class ContextMenuRadioGroup extends SvelteComponent< export default class ContextMenuRadioGroup extends SvelteComponentTyped<
ContextMenuRadioGroupProps, ContextMenuRadioGroupProps,
{}, {},
{ default: {} } { default: {} }

6
types/CopyButton/CopyButton.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface CopyButtonProps export interface CopyButtonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> {
@ -32,9 +32,11 @@ export interface CopyButtonProps
* @default async (text) => { try { await navigator.clipboard.writeText(text); } catch (e) { console.log(e); } } * @default async (text) => { try { await navigator.clipboard.writeText(text); } catch (e) { console.log(e); } }
*/ */
copy?: (text: string) => void; copy?: (text: string) => void;
[key: `data-${string}`]: any;
} }
export default class CopyButton extends SvelteComponent< export default class CopyButton extends SvelteComponentTyped<
CopyButtonProps, CopyButtonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/DataTable/DataTable.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export type DataTableKey = string; export type DataTableKey = string;
@ -176,9 +176,11 @@ export interface DataTableProps
* @default 0 * @default 0
*/ */
page?: number; page?: number;
[key: `data-${string}`]: any;
} }
export default class DataTable extends SvelteComponent< export default class DataTable extends SvelteComponentTyped<
DataTableProps, DataTableProps,
{ {
click: CustomEvent<{ click: CustomEvent<{

6
types/DataTable/DataTableSkeleton.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { DataTableHeader } from "./DataTable.svelte"; import type { DataTableHeader } from "./DataTable.svelte";
export interface DataTableSkeletonProps export interface DataTableSkeletonProps
@ -48,9 +48,11 @@ export interface DataTableSkeletonProps
* @default true * @default true
*/ */
showToolbar?: boolean; showToolbar?: boolean;
[key: `data-${string}`]: any;
} }
export default class DataTableSkeleton extends SvelteComponent< export default class DataTableSkeleton extends SvelteComponentTyped<
DataTableSkeletonProps, DataTableSkeletonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/DataTable/Table.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface TableProps export interface TableProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["section"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["section"]> {
@ -38,9 +38,11 @@ export interface TableProps
* @default undefined * @default undefined
*/ */
tableStyle?: string; tableStyle?: string;
[key: `data-${string}`]: any;
} }
export default class Table extends SvelteComponent< export default class Table extends SvelteComponentTyped<
TableProps, TableProps,
{}, {},
{ default: {} } { default: {} }

8
types/DataTable/TableBody.svelte.d.ts vendored
View file

@ -1,10 +1,12 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface TableBodyProps export interface TableBodyProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["tbody"]> {} extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["tbody"]> {
[key: `data-${string}`]: any;
}
export default class TableBody extends SvelteComponent< export default class TableBody extends SvelteComponentTyped<
TableBodyProps, TableBodyProps,
{}, {},
{ default: {} } { default: {} }

8
types/DataTable/TableCell.svelte.d.ts vendored
View file

@ -1,10 +1,12 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface TableCellProps export interface TableCellProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["td"]> {} extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["td"]> {
[key: `data-${string}`]: any;
}
export default class TableCell extends SvelteComponent< export default class TableCell extends SvelteComponentTyped<
TableCellProps, TableCellProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/DataTable/TableContainer.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface TableContainerProps export interface TableContainerProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -26,9 +26,11 @@ export interface TableContainerProps
* @default false * @default false
*/ */
useStaticWidth?: boolean; useStaticWidth?: boolean;
[key: `data-${string}`]: any;
} }
export default class TableContainer extends SvelteComponent< export default class TableContainer extends SvelteComponentTyped<
TableContainerProps, TableContainerProps,
{}, {},
{ default: {} } { default: {} }

8
types/DataTable/TableHead.svelte.d.ts vendored
View file

@ -1,10 +1,12 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface TableHeadProps export interface TableHeadProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["thead"]> {} extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["thead"]> {
[key: `data-${string}`]: any;
}
export default class TableHead extends SvelteComponent< export default class TableHead extends SvelteComponentTyped<
TableHeadProps, TableHeadProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/DataTable/TableHeader.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface TableHeaderProps export interface TableHeaderProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["th"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["th"]> {
@ -38,9 +38,11 @@ export interface TableHeaderProps
* @default "ccs-" + Math.random().toString(36) * @default "ccs-" + Math.random().toString(36)
*/ */
id?: string; id?: string;
[key: `data-${string}`]: any;
} }
export default class TableHeader extends SvelteComponent< export default class TableHeader extends SvelteComponentTyped<
TableHeaderProps, TableHeaderProps,
{ {
mouseover: WindowEventMap["mouseover"]; mouseover: WindowEventMap["mouseover"];

8
types/DataTable/TableRow.svelte.d.ts vendored
View file

@ -1,10 +1,12 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface TableRowProps export interface TableRowProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["tr"]> {} extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["tr"]> {
[key: `data-${string}`]: any;
}
export default class TableRow extends SvelteComponent< export default class TableRow extends SvelteComponentTyped<
TableRowProps, TableRowProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/DataTable/Toolbar.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ToolbarProps export interface ToolbarProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["section"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["section"]> {
@ -8,9 +8,11 @@ export interface ToolbarProps
* @default "default" * @default "default"
*/ */
size?: "sm" | "default"; size?: "sm" | "default";
[key: `data-${string}`]: any;
} }
export default class Toolbar extends SvelteComponent< export default class Toolbar extends SvelteComponentTyped<
ToolbarProps, ToolbarProps,
{}, {},
{ default: {} } { default: {} }

6
types/DataTable/ToolbarBatchActions.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ToolbarBatchActionsProps export interface ToolbarBatchActionsProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -14,9 +14,11 @@ export interface ToolbarBatchActionsProps
* @default undefined * @default undefined
*/ */
active?: undefined | boolean; active?: undefined | boolean;
[key: `data-${string}`]: any;
} }
export default class ToolbarBatchActions extends SvelteComponent< export default class ToolbarBatchActions extends SvelteComponentTyped<
ToolbarBatchActionsProps, ToolbarBatchActionsProps,
{ cancel: CustomEvent<null> }, { cancel: CustomEvent<null> },
{ default: {}; cancel: {} } { default: {}; cancel: {} }

4
types/DataTable/ToolbarContent.svelte.d.ts vendored
View file

@ -1,9 +1,9 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ToolbarContentProps {} export interface ToolbarContentProps {}
export default class ToolbarContent extends SvelteComponent< export default class ToolbarContent extends SvelteComponentTyped<
ToolbarContentProps, ToolbarContentProps,
{}, {},
{ default: {} } { default: {} }

4
types/DataTable/ToolbarMenu.svelte.d.ts vendored
View file

@ -1,10 +1,10 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { OverflowMenuProps } from "../OverflowMenu/OverflowMenu.svelte"; import type { OverflowMenuProps } from "../OverflowMenu/OverflowMenu.svelte";
export interface ToolbarMenuProps extends OverflowMenuProps {} export interface ToolbarMenuProps extends OverflowMenuProps {}
export default class ToolbarMenu extends SvelteComponent< export default class ToolbarMenu extends SvelteComponentTyped<
ToolbarMenuProps, ToolbarMenuProps,
{}, {},
{ default: {} } { default: {} }

4
types/DataTable/ToolbarMenuItem.svelte.d.ts vendored
View file

@ -1,10 +1,10 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { OverflowMenuItemProps } from "../OverflowMenu/OverflowMenuItem.svelte"; import type { OverflowMenuItemProps } from "../OverflowMenu/OverflowMenuItem.svelte";
export interface ToolbarMenuItemProps extends OverflowMenuItemProps {} export interface ToolbarMenuItemProps extends OverflowMenuItemProps {}
export default class ToolbarMenuItem extends SvelteComponent< export default class ToolbarMenuItem extends SvelteComponentTyped<
ToolbarMenuItemProps, ToolbarMenuItemProps,
{ click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] }, { click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] },
{ default: {} } { default: {} }

6
types/DataTable/ToolbarSearch.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ToolbarSearchProps export interface ToolbarSearchProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> {
@ -61,9 +61,11 @@ export interface ToolbarSearchProps
* @default null * @default null
*/ */
ref?: null | HTMLInputElement; ref?: null | HTMLInputElement;
[key: `data-${string}`]: any;
} }
export default class ToolbarSearch extends SvelteComponent< export default class ToolbarSearch extends SvelteComponentTyped<
ToolbarSearchProps, ToolbarSearchProps,
{ {
clear: WindowEventMap["clear"]; clear: WindowEventMap["clear"];

6
types/DatePicker/DatePicker.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface DatePickerProps export interface DatePickerProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -79,9 +79,11 @@ export interface DatePickerProps
* @default { static: true } * @default { static: true }
*/ */
flatpickrProps?: import("flatpickr/dist/types/options").Options; flatpickrProps?: import("flatpickr/dist/types/options").Options;
[key: `data-${string}`]: any;
} }
export default class DatePicker extends SvelteComponent< export default class DatePicker extends SvelteComponentTyped<
DatePickerProps, DatePickerProps,
{ {
change: CustomEvent< change: CustomEvent<

6
types/DatePicker/DatePickerInput.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface DatePickerInputProps export interface DatePickerInputProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> {
@ -98,9 +98,11 @@ export interface DatePickerInputProps
* @default null * @default null
*/ */
ref?: null | HTMLInputElement; ref?: null | HTMLInputElement;
[key: `data-${string}`]: any;
} }
export default class DatePickerInput extends SvelteComponent< export default class DatePickerInput extends SvelteComponentTyped<
DatePickerInputProps, DatePickerInputProps,
{ {
input: WindowEventMap["input"]; input: WindowEventMap["input"];

6
types/DatePicker/DatePickerSkeleton.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface DatePickerSkeletonProps export interface DatePickerSkeletonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -14,9 +14,11 @@ export interface DatePickerSkeletonProps
* @default "ccs-" + Math.random().toString(36) * @default "ccs-" + Math.random().toString(36)
*/ */
id?: string; id?: string;
[key: `data-${string}`]: any;
} }
export default class DatePickerSkeleton extends SvelteComponent< export default class DatePickerSkeleton extends SvelteComponentTyped<
DatePickerSkeletonProps, DatePickerSkeletonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/Dropdown/Dropdown.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export type DropdownItemId = any; export type DropdownItemId = any;
@ -141,9 +141,11 @@ export interface DropdownProps
* @default null * @default null
*/ */
ref?: null | HTMLButtonElement; ref?: null | HTMLButtonElement;
[key: `data-${string}`]: any;
} }
export default class Dropdown extends SvelteComponent< export default class Dropdown extends SvelteComponentTyped<
DropdownProps, DropdownProps,
{ {
select: CustomEvent<{ select: CustomEvent<{

6
types/Dropdown/DropdownSkeleton.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface DropdownSkeletonProps export interface DropdownSkeletonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -8,9 +8,11 @@ export interface DropdownSkeletonProps
* @default false * @default false
*/ */
inline?: boolean; inline?: boolean;
[key: `data-${string}`]: any;
} }
export default class DropdownSkeleton extends SvelteComponent< export default class DropdownSkeleton extends SvelteComponentTyped<
DropdownSkeletonProps, DropdownSkeletonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/FileUploader/FileUploader.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface FileUploaderProps export interface FileUploaderProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -68,9 +68,11 @@ export interface FileUploaderProps
* @default "" * @default ""
*/ */
name?: string; name?: string;
[key: `data-${string}`]: any;
} }
export default class FileUploader extends SvelteComponent< export default class FileUploader extends SvelteComponentTyped<
FileUploaderProps, FileUploaderProps,
{ {
add: CustomEvent<ReadonlyArray<File>>; add: CustomEvent<ReadonlyArray<File>>;

6
types/FileUploader/FileUploaderButton.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface FileUploaderButtonProps export interface FileUploaderButtonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> {
@ -74,9 +74,11 @@ export interface FileUploaderButtonProps
* @default null * @default null
*/ */
ref?: null | HTMLInputElement; ref?: null | HTMLInputElement;
[key: `data-${string}`]: any;
} }
export default class FileUploaderButton extends SvelteComponent< export default class FileUploaderButton extends SvelteComponentTyped<
FileUploaderButtonProps, FileUploaderButtonProps,
{ {
change: CustomEvent<ReadonlyArray<File>>; change: CustomEvent<ReadonlyArray<File>>;

6
types/FileUploader/FileUploaderDropContainer.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface FileUploaderDropContainerProps export interface FileUploaderDropContainerProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -69,9 +69,11 @@ export interface FileUploaderDropContainerProps
* @default null * @default null
*/ */
ref?: null | HTMLInputElement; ref?: null | HTMLInputElement;
[key: `data-${string}`]: any;
} }
export default class FileUploaderDropContainer extends SvelteComponent< export default class FileUploaderDropContainer extends SvelteComponentTyped<
FileUploaderDropContainerProps, FileUploaderDropContainerProps,
{ {
add: CustomEvent<ReadonlyArray<File>>; add: CustomEvent<ReadonlyArray<File>>;

6
types/FileUploader/FileUploaderItem.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface FileUploaderItemProps export interface FileUploaderItemProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["span"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["span"]> {
@ -50,9 +50,11 @@ export interface FileUploaderItemProps
* @default "" * @default ""
*/ */
name?: string; name?: string;
[key: `data-${string}`]: any;
} }
export default class FileUploaderItem extends SvelteComponent< export default class FileUploaderItem extends SvelteComponentTyped<
FileUploaderItemProps, FileUploaderItemProps,
{ {
delete: CustomEvent<string>; delete: CustomEvent<string>;

8
types/FileUploader/FileUploaderSkeleton.svelte.d.ts vendored
View file

@ -1,10 +1,12 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface FileUploaderSkeletonProps export interface FileUploaderSkeletonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {} extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
[key: `data-${string}`]: any;
}
export default class FileUploaderSkeleton extends SvelteComponent< export default class FileUploaderSkeleton extends SvelteComponentTyped<
FileUploaderSkeletonProps, FileUploaderSkeletonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/FileUploader/Filename.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface FilenameProps export interface FilenameProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]>, extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]>,
@ -22,9 +22,11 @@ export interface FilenameProps
* @default false * @default false
*/ */
invalid?: boolean; invalid?: boolean;
[key: `data-${string}`]: any;
} }
export default class Filename extends SvelteComponent< export default class Filename extends SvelteComponentTyped<
FilenameProps, FilenameProps,
{ click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] }, { click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] },
{} {}

8
types/FluidForm/FluidForm.svelte.d.ts vendored
View file

@ -1,10 +1,12 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface FluidFormProps export interface FluidFormProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["form"]> {} extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["form"]> {
[key: `data-${string}`]: any;
}
export default class FluidForm extends SvelteComponent< export default class FluidForm extends SvelteComponentTyped<
FluidFormProps, FluidFormProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/Form/Form.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface FormProps export interface FormProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["form"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["form"]> {
@ -8,9 +8,11 @@ export interface FormProps
* @default null * @default null
*/ */
ref?: null | HTMLFormElement; ref?: null | HTMLFormElement;
[key: `data-${string}`]: any;
} }
export default class Form extends SvelteComponent< export default class Form extends SvelteComponentTyped<
FormProps, FormProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/FormGroup/FormGroup.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface FormGroupProps export interface FormGroupProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["fieldset"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["fieldset"]> {
@ -38,9 +38,11 @@ export interface FormGroupProps
* @default "" * @default ""
*/ */
legendId?: string; legendId?: string;
[key: `data-${string}`]: any;
} }
export default class FormGroup extends SvelteComponent< export default class FormGroup extends SvelteComponentTyped<
FormGroupProps, FormGroupProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

8
types/FormItem/FormItem.svelte.d.ts vendored
View file

@ -1,10 +1,12 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface FormItemProps export interface FormItemProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {} extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
[key: `data-${string}`]: any;
}
export default class FormItem extends SvelteComponent< export default class FormItem extends SvelteComponentTyped<
FormItemProps, FormItemProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/FormLabel/FormLabel.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface FormLabelProps export interface FormLabelProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["label"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["label"]> {
@ -8,9 +8,11 @@ export interface FormLabelProps
* @default "ccs-" + Math.random().toString(36) * @default "ccs-" + Math.random().toString(36)
*/ */
id?: string; id?: string;
[key: `data-${string}`]: any;
} }
export default class FormLabel extends SvelteComponent< export default class FormLabel extends SvelteComponentTyped<
FormLabelProps, FormLabelProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/Grid/Column.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export type ColumnSize = boolean | number; export type ColumnSize = boolean | number;
@ -78,9 +78,11 @@ export interface ColumnProps
* @default undefined * @default undefined
*/ */
max?: ColumnBreakpoint; max?: ColumnBreakpoint;
[key: `data-${string}`]: any;
} }
export default class Column extends SvelteComponent< export default class Column extends SvelteComponentTyped<
ColumnProps, ColumnProps,
{}, {},
{ default: { props: { class: string; [key: string]: any } } } { default: { props: { class: string; [key: string]: any } } }

6
types/Grid/Grid.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface GridProps export interface GridProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -51,9 +51,11 @@ export interface GridProps
* @default false * @default false
*/ */
padding?: boolean; padding?: boolean;
[key: `data-${string}`]: any;
} }
export default class Grid extends SvelteComponent< export default class Grid extends SvelteComponentTyped<
GridProps, GridProps,
{}, {},
{ default: { props: { class: string; [key: string]: any } } } { default: { props: { class: string; [key: string]: any } } }

6
types/Grid/Row.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface RowProps export interface RowProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -45,9 +45,11 @@ export interface RowProps
* @default false * @default false
*/ */
padding?: boolean; padding?: boolean;
[key: `data-${string}`]: any;
} }
export default class Row extends SvelteComponent< export default class Row extends SvelteComponentTyped<
RowProps, RowProps,
{}, {},
{ default: { props: { class: string; [key: string]: any } } } { default: { props: { class: string; [key: string]: any } } }

6
types/ImageLoader/ImageLoader.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ImageLoaderProps export interface ImageLoaderProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["img"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["img"]> {
@ -45,9 +45,11 @@ export interface ImageLoaderProps
* @default false * @default false
*/ */
fadeIn?: boolean; fadeIn?: boolean;
[key: `data-${string}`]: any;
} }
export default class ImageLoader extends SvelteComponent< export default class ImageLoader extends SvelteComponentTyped<
ImageLoaderProps, ImageLoaderProps,
{ load: CustomEvent<null>; error: CustomEvent<null> }, { load: CustomEvent<null>; error: CustomEvent<null> },
{ error: {}; loading: {} } { error: {}; loading: {} }

6
types/InlineLoading/InlineLoading.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface InlineLoadingProps export interface InlineLoadingProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -26,9 +26,11 @@ export interface InlineLoadingProps
* @default 1500 * @default 1500
*/ */
successDelay?: number; successDelay?: number;
[key: `data-${string}`]: any;
} }
export default class InlineLoading extends SvelteComponent< export default class InlineLoading extends SvelteComponentTyped<
InlineLoadingProps, InlineLoadingProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

8
types/Link/Link.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface LinkProps export interface LinkProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]>, extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]>,
@ -27,7 +27,7 @@ export interface LinkProps
* `inline` must be `false` * `inline` must be `false`
* @default undefined * @default undefined
*/ */
icon?: typeof import("svelte").SvelteComponent; icon?: typeof import("svelte").SvelteComponent<any>;
/** /**
* Set to `true` to disable the checkbox * Set to `true` to disable the checkbox
@ -46,9 +46,11 @@ export interface LinkProps
* @default null * @default null
*/ */
ref?: null | HTMLAnchorElement | HTMLParagraphElement; ref?: null | HTMLAnchorElement | HTMLParagraphElement;
[key: `data-${string}`]: any;
} }
export default class Link extends SvelteComponent< export default class Link extends SvelteComponentTyped<
LinkProps, LinkProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

4
types/Link/OutboundLink.svelte.d.ts vendored
View file

@ -1,10 +1,10 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { LinkProps } from "./Link.svelte"; import type { LinkProps } from "./Link.svelte";
export interface OutboundLinkProps extends LinkProps {} export interface OutboundLinkProps extends LinkProps {}
export default class OutboundLink extends SvelteComponent< export default class OutboundLink extends SvelteComponentTyped<
OutboundLinkProps, OutboundLinkProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/ListBox/ListBox.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ListBoxProps export interface ListBoxProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -56,9 +56,11 @@ export interface ListBoxProps
* @default "" * @default ""
*/ */
warnText?: string; warnText?: string;
[key: `data-${string}`]: any;
} }
export default class ListBox extends SvelteComponent< export default class ListBox extends SvelteComponentTyped<
ListBoxProps, ListBoxProps,
{ keydown: WindowEventMap["keydown"]; click: WindowEventMap["click"] }, { keydown: WindowEventMap["keydown"]; click: WindowEventMap["click"] },
{ default: {} } { default: {} }

6
types/ListBox/ListBoxField.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export type ListBoxFieldTranslationId = "close" | "open"; export type ListBoxFieldTranslationId = "close" | "open";
@ -40,9 +40,11 @@ export interface ListBoxFieldProps
* @default null * @default null
*/ */
ref?: null | HTMLDivElement; ref?: null | HTMLDivElement;
[key: `data-${string}`]: any;
} }
export default class ListBoxField extends SvelteComponent< export default class ListBoxField extends SvelteComponentTyped<
ListBoxFieldProps, ListBoxFieldProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/ListBox/ListBoxMenu.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ListBoxMenuProps export interface ListBoxMenuProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -14,9 +14,11 @@ export interface ListBoxMenuProps
* @default null * @default null
*/ */
ref?: null | HTMLDivElement; ref?: null | HTMLDivElement;
[key: `data-${string}`]: any;
} }
export default class ListBoxMenu extends SvelteComponent< export default class ListBoxMenu extends SvelteComponentTyped<
ListBoxMenuProps, ListBoxMenuProps,
{ scroll: WindowEventMap["scroll"] }, { scroll: WindowEventMap["scroll"] },
{ default: {} } { default: {} }

6
types/ListBox/ListBoxMenuIcon.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export type ListBoxMenuIconTranslationId = "close" | "open"; export type ListBoxMenuIconTranslationId = "close" | "open";
@ -16,9 +16,11 @@ export interface ListBoxMenuIconProps
* @default (id) => defaultTranslations[id] * @default (id) => defaultTranslations[id]
*/ */
translateWithId?: (id: ListBoxMenuIconTranslationId) => string; translateWithId?: (id: ListBoxMenuIconTranslationId) => string;
[key: `data-${string}`]: any;
} }
export default class ListBoxMenuIcon extends SvelteComponent< export default class ListBoxMenuIcon extends SvelteComponentTyped<
ListBoxMenuIconProps, ListBoxMenuIconProps,
{ click: WindowEventMap["click"] }, { click: WindowEventMap["click"] },
{} {}

6
types/ListBox/ListBoxMenuItem.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ListBoxMenuItemProps export interface ListBoxMenuItemProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -20,9 +20,11 @@ export interface ListBoxMenuItemProps
* @default false * @default false
*/ */
disabled?: boolean; disabled?: boolean;
[key: `data-${string}`]: any;
} }
export default class ListBoxMenuItem extends SvelteComponent< export default class ListBoxMenuItem extends SvelteComponentTyped<
ListBoxMenuItemProps, ListBoxMenuItemProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/ListBox/ListBoxSelection.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export type ListBoxSelectionTranslationId = "clearAll" | "clearSelection"; export type ListBoxSelectionTranslationId = "clearAll" | "clearSelection";
@ -28,9 +28,11 @@ export interface ListBoxSelectionProps
* @default null * @default null
*/ */
ref?: null | HTMLDivElement; ref?: null | HTMLDivElement;
[key: `data-${string}`]: any;
} }
export default class ListBoxSelection extends SvelteComponent< export default class ListBoxSelection extends SvelteComponentTyped<
ListBoxSelectionProps, ListBoxSelectionProps,
{ clear: CustomEvent<any> }, { clear: CustomEvent<any> },
{} {}

8
types/ListItem/ListItem.svelte.d.ts vendored
View file

@ -1,10 +1,12 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ListItemProps export interface ListItemProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {} extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {
[key: `data-${string}`]: any;
}
export default class ListItem extends SvelteComponent< export default class ListItem extends SvelteComponentTyped<
ListItemProps, ListItemProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/Loading/Loading.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface LoadingProps export interface LoadingProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -32,9 +32,11 @@ export interface LoadingProps
* @default "ccs-" + Math.random().toString(36) * @default "ccs-" + Math.random().toString(36)
*/ */
id?: string; id?: string;
[key: `data-${string}`]: any;
} }
export default class Loading extends SvelteComponent< export default class Loading extends SvelteComponentTyped<
LoadingProps, LoadingProps,
{}, {},
{} {}

4
types/LocalStorage/LocalStorage.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface LocalStorageProps { export interface LocalStorageProps {
/** /**
@ -15,7 +15,7 @@ export interface LocalStorageProps {
value?: any; value?: any;
} }
export default class LocalStorage extends SvelteComponent< export default class LocalStorage extends SvelteComponentTyped<
LocalStorageProps, LocalStorageProps,
{ {
save: CustomEvent<null>; save: CustomEvent<null>;

8
types/Modal/Modal.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ModalProps export interface ModalProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -85,7 +85,7 @@ export interface ModalProps
* Specify the primary button icon * Specify the primary button icon
* @default undefined * @default undefined
*/ */
primaryButtonIcon?: typeof import("svelte").SvelteComponent; primaryButtonIcon?: typeof import("svelte").SvelteComponent<any>;
/** /**
* Set to `true` for the "submit" and "click:button--primary" events * Set to `true` for the "submit" and "click:button--primary" events
@ -130,9 +130,11 @@ export interface ModalProps
* @default null * @default null
*/ */
ref?: null | HTMLDivElement; ref?: null | HTMLDivElement;
[key: `data-${string}`]: any;
} }
export default class Modal extends SvelteComponent< export default class Modal extends SvelteComponentTyped<
ModalProps, ModalProps,
{ {
transitionend: CustomEvent<{ open: boolean }>; transitionend: CustomEvent<{ open: boolean }>;

6
types/MultiSelect/MultiSelect.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export type MultiSelectItemId = any; export type MultiSelectItemId = any;
@ -236,9 +236,11 @@ export interface MultiSelectProps
* @default null * @default null
*/ */
highlightedId?: null | MultiSelectItemId; highlightedId?: null | MultiSelectItemId;
[key: `data-${string}`]: any;
} }
export default class MultiSelect extends SvelteComponent< export default class MultiSelect extends SvelteComponentTyped<
MultiSelectProps, MultiSelectProps,
{ {
select: CustomEvent<{ select: CustomEvent<{

6
types/Notification/InlineNotification.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface InlineNotificationProps export interface InlineNotificationProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -62,9 +62,11 @@ export interface InlineNotificationProps
* @default "Close notification" * @default "Close notification"
*/ */
closeButtonDescription?: string; closeButtonDescription?: string;
[key: `data-${string}`]: any;
} }
export default class InlineNotification extends SvelteComponent< export default class InlineNotification extends SvelteComponentTyped<
InlineNotificationProps, InlineNotificationProps,
{ {
close: CustomEvent<{ timeout: boolean }>; close: CustomEvent<{ timeout: boolean }>;

4
types/Notification/NotificationActionButton.svelte.d.ts vendored
View file

@ -1,10 +1,10 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { ButtonProps } from "../Button/Button.svelte"; import type { ButtonProps } from "../Button/Button.svelte";
export interface NotificationActionButtonProps extends ButtonProps {} export interface NotificationActionButtonProps extends ButtonProps {}
export default class NotificationActionButton extends SvelteComponent< export default class NotificationActionButton extends SvelteComponentTyped<
NotificationActionButtonProps, NotificationActionButtonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

8
types/Notification/NotificationButton.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface NotificationButtonProps export interface NotificationButtonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> {
@ -13,7 +13,7 @@ export interface NotificationButtonProps
* Specify the icon to render * Specify the icon to render
* @default undefined * @default undefined
*/ */
icon?: typeof import("svelte").SvelteComponent; icon?: typeof import("svelte").SvelteComponent<any>;
/** /**
* Specify the title of the icon * Specify the title of the icon
@ -26,9 +26,11 @@ export interface NotificationButtonProps
* @default "Close icon" * @default "Close icon"
*/ */
iconDescription?: string; iconDescription?: string;
[key: `data-${string}`]: any;
} }
export default class NotificationButton extends SvelteComponent< export default class NotificationButton extends SvelteComponentTyped<
NotificationButtonProps, NotificationButtonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

4
types/Notification/NotificationIcon.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface NotificationIconProps { export interface NotificationIconProps {
/** /**
@ -27,7 +27,7 @@ export interface NotificationIconProps {
iconDescription: undefined; iconDescription: undefined;
} }
export default class NotificationIcon extends SvelteComponent< export default class NotificationIcon extends SvelteComponentTyped<
NotificationIconProps, NotificationIconProps,
{}, {},
{} {}

6
types/Notification/ToastNotification.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ToastNotificationProps export interface ToastNotificationProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -75,9 +75,11 @@ export interface ToastNotificationProps
* @default false * @default false
*/ */
fullWidth?: boolean; fullWidth?: boolean;
[key: `data-${string}`]: any;
} }
export default class ToastNotification extends SvelteComponent< export default class ToastNotification extends SvelteComponentTyped<
ToastNotificationProps, ToastNotificationProps,
{ {
close: CustomEvent<{ timeout: boolean }>; close: CustomEvent<{ timeout: boolean }>;

6
types/NumberInput/NumberInput.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export type NumberInputTranslationId = "increment" | "decrement"; export type NumberInputTranslationId = "increment" | "decrement";
@ -137,9 +137,11 @@ export interface NumberInputProps
* @default null * @default null
*/ */
ref?: null | HTMLInputElement; ref?: null | HTMLInputElement;
[key: `data-${string}`]: any;
} }
export default class NumberInput extends SvelteComponent< export default class NumberInput extends SvelteComponentTyped<
NumberInputProps, NumberInputProps,
{ {
change: CustomEvent<null | number>; change: CustomEvent<null | number>;

6
types/NumberInput/NumberInputSkeleton.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface NumberInputSkeletonProps export interface NumberInputSkeletonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -8,9 +8,11 @@ export interface NumberInputSkeletonProps
* @default false * @default false
*/ */
hideLabel?: boolean; hideLabel?: boolean;
[key: `data-${string}`]: any;
} }
export default class NumberInputSkeleton extends SvelteComponent< export default class NumberInputSkeleton extends SvelteComponentTyped<
NumberInputSkeletonProps, NumberInputSkeletonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/OrderedList/OrderedList.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface OrderedListProps export interface OrderedListProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["ol"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["ol"]> {
@ -20,9 +20,11 @@ export interface OrderedListProps
* @default false * @default false
*/ */
expressive?: boolean; expressive?: boolean;
[key: `data-${string}`]: any;
} }
export default class OrderedList extends SvelteComponent< export default class OrderedList extends SvelteComponentTyped<
OrderedListProps, OrderedListProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

8
types/OverflowMenu/OverflowMenu.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface OverflowMenuProps export interface OverflowMenuProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> {
@ -44,7 +44,7 @@ export interface OverflowMenuProps
* Defaults to `<OverflowMenuVertical />` * Defaults to `<OverflowMenuVertical />`
* @default undefined * @default undefined
*/ */
icon?: typeof import("svelte").SvelteComponent; icon?: typeof import("svelte").SvelteComponent<any>;
/** /**
* Specify the icon class * Specify the icon class
@ -75,9 +75,11 @@ export interface OverflowMenuProps
* @default null * @default null
*/ */
menuRef?: null | HTMLUListElement; menuRef?: null | HTMLUListElement;
[key: `data-${string}`]: any;
} }
export default class OverflowMenu extends SvelteComponent< export default class OverflowMenu extends SvelteComponentTyped<
OverflowMenuProps, OverflowMenuProps,
{ {
close: CustomEvent<null | { index: number; text: string }>; close: CustomEvent<null | { index: number; text: string }>;

6
types/OverflowMenu/OverflowMenuItem.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface OverflowMenuItemProps export interface OverflowMenuItemProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {
@ -57,9 +57,11 @@ export interface OverflowMenuItemProps
* @default null * @default null
*/ */
ref?: null | HTMLAnchorElement | HTMLButtonElement; ref?: null | HTMLAnchorElement | HTMLButtonElement;
[key: `data-${string}`]: any;
} }
export default class OverflowMenuItem extends SvelteComponent< export default class OverflowMenuItem extends SvelteComponentTyped<
OverflowMenuItemProps, OverflowMenuItemProps,
{ click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] }, { click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] },
{ default: {} } { default: {} }

6
types/Pagination/Pagination.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface PaginationProps export interface PaginationProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -98,9 +98,11 @@ export interface PaginationProps
* @default "ccs-" + Math.random().toString(36) * @default "ccs-" + Math.random().toString(36)
*/ */
id?: string; id?: string;
[key: `data-${string}`]: any;
} }
export default class Pagination extends SvelteComponent< export default class Pagination extends SvelteComponentTyped<
PaginationProps, PaginationProps,
{ {
/** Dispatched after any user interaction */ /** Dispatched after any user interaction */

8
types/Pagination/PaginationSkeleton.svelte.d.ts vendored
View file

@ -1,10 +1,12 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface PaginationSkeletonProps export interface PaginationSkeletonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {} extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
[key: `data-${string}`]: any;
}
export default class PaginationSkeleton extends SvelteComponent< export default class PaginationSkeleton extends SvelteComponentTyped<
PaginationSkeletonProps, PaginationSkeletonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/PaginationNav/PaginationNav.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface PaginationNavProps export interface PaginationNavProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["nav"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["nav"]> {
@ -44,9 +44,11 @@ export interface PaginationNavProps
* @default "bottom" * @default "bottom"
*/ */
tooltipPosition?: "top" | "right" | "bottom" | "left" | "outside" | "inside"; tooltipPosition?: "top" | "right" | "bottom" | "left" | "outside" | "inside";
[key: `data-${string}`]: any;
} }
export default class PaginationNav extends SvelteComponent< export default class PaginationNav extends SvelteComponentTyped<
PaginationNavProps, PaginationNavProps,
{ {
/** fires after every user interaction */ /** fires after every user interaction */

6
types/Popover/Popover.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface PopoverProps export interface PopoverProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -56,9 +56,11 @@ export interface PopoverProps
* @default false * @default false
*/ */
relative?: boolean; relative?: boolean;
[key: `data-${string}`]: any;
} }
export default class Popover extends SvelteComponent< export default class Popover extends SvelteComponentTyped<
PopoverProps, PopoverProps,
{ ["click:outside"]: CustomEvent<{ target: HTMLElement }> }, { ["click:outside"]: CustomEvent<{ target: HTMLElement }> },
{ default: {} } { default: {} }

6
types/ProgressBar/ProgressBar.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ProgressBarProps export interface ProgressBarProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -56,9 +56,11 @@ export interface ProgressBarProps
* @default "ccs-" + Math.random().toString(36) * @default "ccs-" + Math.random().toString(36)
*/ */
id?: string; id?: string;
[key: `data-${string}`]: any;
} }
export default class ProgressBar extends SvelteComponent< export default class ProgressBar extends SvelteComponentTyped<
ProgressBarProps, ProgressBarProps,
{}, {},
{ labelText: {} } { labelText: {} }

6
types/ProgressIndicator/ProgressIndicator.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ProgressIndicatorProps export interface ProgressIndicatorProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["ul"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["ul"]> {
@ -26,9 +26,11 @@ export interface ProgressIndicatorProps
* @default false * @default false
*/ */
preventChangeOnClick?: boolean; preventChangeOnClick?: boolean;
[key: `data-${string}`]: any;
} }
export default class ProgressIndicator extends SvelteComponent< export default class ProgressIndicator extends SvelteComponentTyped<
ProgressIndicatorProps, ProgressIndicatorProps,
{ {
change: CustomEvent<number>; change: CustomEvent<number>;

6
types/ProgressIndicator/ProgressIndicatorSkeleton.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ProgressIndicatorSkeletonProps export interface ProgressIndicatorSkeletonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["ul"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["ul"]> {
@ -14,9 +14,11 @@ export interface ProgressIndicatorSkeletonProps
* @default 4 * @default 4
*/ */
count?: number; count?: number;
[key: `data-${string}`]: any;
} }
export default class ProgressIndicatorSkeleton extends SvelteComponent< export default class ProgressIndicatorSkeleton extends SvelteComponentTyped<
ProgressIndicatorSkeletonProps, ProgressIndicatorSkeletonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/ProgressIndicator/ProgressStep.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ProgressStepProps export interface ProgressStepProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {
@ -50,9 +50,11 @@ export interface ProgressStepProps
* @default "ccs-" + Math.random().toString(36) * @default "ccs-" + Math.random().toString(36)
*/ */
id?: string; id?: string;
[key: `data-${string}`]: any;
} }
export default class ProgressStep extends SvelteComponent< export default class ProgressStep extends SvelteComponentTyped<
ProgressStepProps, ProgressStepProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

6
types/RadioButton/RadioButton.svelte.d.ts vendored
View file

@ -1,5 +1,5 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface RadioButtonProps export interface RadioButtonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@ -62,9 +62,11 @@ export interface RadioButtonProps
* @default null * @default null
*/ */
ref?: null | HTMLInputElement; ref?: null | HTMLInputElement;
[key: `data-${string}`]: any;
} }
export default class RadioButton extends SvelteComponent< export default class RadioButton extends SvelteComponentTyped<
RadioButtonProps, RadioButtonProps,
{ change: WindowEventMap["change"] }, { change: WindowEventMap["change"] },
{ labelText: {} } { labelText: {} }

8
types/RadioButton/RadioButtonSkeleton.svelte.d.ts vendored
View file

@ -1,10 +1,12 @@
/// <reference types="svelte" /> /// <reference types="svelte" />
import type { SvelteComponent } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface RadioButtonSkeletonProps export interface RadioButtonSkeletonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {} extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
[key: `data-${string}`]: any;
}
export default class RadioButtonSkeleton extends SvelteComponent< export default class RadioButtonSkeleton extends SvelteComponentTyped<
RadioButtonSkeletonProps, RadioButtonSkeletonProps,
{ {
click: WindowEventMap["click"]; click: WindowEventMap["click"];

Some files were not shown because too many files have changed in this diff Show more