mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 11:36: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

62
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 |
| 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 |
| 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 |
| 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 |
@ -842,11 +842,11 @@ None.
### Props
| 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 |
| 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 |
| 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 |
| 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 |
@ -1569,7 +1569,7 @@ None.
### Props
| 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 |
| 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 |
@ -1579,8 +1579,8 @@ None.
| 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 |
| 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;` |
| 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;` |
| 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<any></code> | <code>undefined</code> | Specify the icon to render for the opened state.<br />Defaults to `&lt;Close size={20} /&gt;` |
### 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 |
| 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;` |
| 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;` |
| 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<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;) |
| 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 |
@ -1631,11 +1631,11 @@ None.
### Props
| 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 |
| 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 |
| 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
@ -1652,10 +1652,10 @@ None.
### Props
| 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 |
| 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
@ -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 |
| 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 |
| 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 |
| visited | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to allow visited styles |
@ -2210,7 +2210,7 @@ None.
### Props
| 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 |
| 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 |
@ -2225,7 +2225,7 @@ None.
| 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 |
| 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" |
| 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` |
@ -2281,9 +2281,9 @@ None.
### Props
| 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 |
| 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 |
| 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 |
@ -2430,9 +2430,9 @@ None.
### Props
| 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 |
| 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 |
| iconDescription | No | <code>let</code> | No | <code>string</code> | <code>"Close icon"</code> | Specify the ARIA label for the icon |
@ -2597,10 +2597,10 @@ None.
### Props
| 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 |
| 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 |
| 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 |
@ -3088,7 +3088,7 @@ None.
### Props
| 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 |
| 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 |
@ -3103,7 +3103,7 @@ None.
| 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 |
| 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 |
### Slots
@ -3348,12 +3348,12 @@ None.
### Props
| 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 |
| 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 |
| 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
@ -3373,11 +3373,11 @@ None.
### Props
| 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 |
| 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 |
| 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
@ -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` |
| 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 |
| 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 |
### 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 |
| 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 |
| 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 |
| 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 |
@ -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 |
| 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 |
| 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 |
@ -4667,7 +4667,7 @@ export type TreeNodeId = string | number;
export interface TreeNode {
id: TreeNodeId;
text: any;
icon?: typeof import("svelte").SvelteComponent;
icon?: typeof import("svelte").SvelteComponent<any>;
disabled?: boolean;
children?: TreeNode[];
}

42
docs/src/COMPONENT_API.json
View file

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

2
package.json
View file

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -1,10 +1,12 @@
/// <reference types="svelte" />
import type { SvelteComponent } from "svelte";
import type { SvelteComponentTyped } from "svelte";
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,
{
click: WindowEventMap["click"];

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponent } from "svelte";
import type { SvelteComponentTyped } from "svelte";
export interface CopyButtonProps
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); } }
*/
copy?: (text: string) => void;
[key: `data-${string}`]: any;
}
export default class CopyButton extends SvelteComponent<
export default class CopyButton extends SvelteComponentTyped<
CopyButtonProps,
{
click: WindowEventMap["click"];

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

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

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

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

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

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

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

@ -1,10 +1,12 @@
/// <reference types="svelte" />
import type { SvelteComponent } from "svelte";
import type { SvelteComponentTyped } from "svelte";
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,
{},
{ default: {} }

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

@ -1,10 +1,12 @@
/// <reference types="svelte" />
import type { SvelteComponent } from "svelte";
import type { SvelteComponentTyped } from "svelte";
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,
{
click: WindowEventMap["click"];

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

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

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

@ -1,10 +1,12 @@
/// <reference types="svelte" />
import type { SvelteComponent } from "svelte";
import type { SvelteComponentTyped } from "svelte";
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,
{
click: WindowEventMap["click"];

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

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

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

@ -1,10 +1,12 @@
/// <reference types="svelte" />
import type { SvelteComponent } from "svelte";
import type { SvelteComponentTyped } from "svelte";
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,
{
click: WindowEventMap["click"];

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -1,10 +1,12 @@
/// <reference types="svelte" />
import type { SvelteComponent } from "svelte";
import type { SvelteComponentTyped } from "svelte";
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,
{
click: WindowEventMap["click"];

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

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

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

@ -1,10 +1,12 @@
/// <reference types="svelte" />
import type { SvelteComponent } from "svelte";
import type { SvelteComponentTyped } from "svelte";
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,
{
click: WindowEventMap["click"];

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

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

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

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

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

@ -1,10 +1,12 @@
/// <reference types="svelte" />
import type { SvelteComponent } from "svelte";
import type { SvelteComponentTyped } from "svelte";
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,
{
click: WindowEventMap["click"];

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -1,10 +1,12 @@
/// <reference types="svelte" />
import type { SvelteComponent } from "svelte";
import type { SvelteComponentTyped } from "svelte";
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,
{
click: WindowEventMap["click"];

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -1,10 +1,12 @@
/// <reference types="svelte" />
import type { SvelteComponent } from "svelte";
import type { SvelteComponentTyped } from "svelte";
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,
{
click: WindowEventMap["click"];

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -1,10 +1,12 @@
/// <reference types="svelte" />
import type { SvelteComponent } from "svelte";
import type { SvelteComponentTyped } from "svelte";
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,
{
click: WindowEventMap["click"];

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