mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(typescript)!: support svelte 4 (#1773)

Browse source 
Closes #1753 

The minimum Svelte version required for TypeScript users is now 3.55.
This commit is contained in:
Eric Liu 2023-07-19 09:44:56 -07:00 • committed by GitHub
commit 2f026f792a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
192 changed files with 941 additions and 712 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 | | size | No | <code>let</code> | No | <code>"default" &#124; "field" &#124; "small" &#124; "lg" &#124; "xl"</code> | <code>"default"</code> | Specify the size of button |
| expressive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use Carbon's expressive typesetting | | expressive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use Carbon's expressive typesetting |
| isSelected | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the selected state for an icon-only, ghost button | | isSelected | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the selected state for an icon-only, ghost button |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
| iconDescription | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the ARIA label for the button icon | | iconDescription | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the ARIA label for the button icon |
| tooltipAlignment | No | <code>let</code> | No | <code>"start" &#124; "center" &#124; "end"</code> | <code>"center"</code> | Set the alignment of the tooltip relative to the icon.<br />Only applies to icon-only buttons | | tooltipAlignment | No | <code>let</code> | No | <code>"start" &#124; "center" &#124; "end"</code> | <code>"center"</code> | Set the alignment of the tooltip relative to the icon.<br />Only applies to icon-only buttons |
| tooltipPosition | No | <code>let</code> | No | <code>"top" &#124; "right" &#124; "bottom" &#124; "left"</code> | <code>"bottom"</code> | Set the position of the tooltip relative to the icon | | tooltipPosition | No | <code>let</code> | No | <code>"top" &#124; "right" &#124; "bottom" &#124; "left"</code> | <code>"bottom"</code> | Set the position of the tooltip relative to the icon |
@ -842,11 +842,11 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :----------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- | | :----------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLLIElement</code> | <code>null</code> | Obtain a reference to the list item HTML element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLLIElement</code> | <code>null</code> | Obtain a reference to the list item HTML element |
| selectable | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to enable the selectable variant<br />Automatically set to `true` if `selected` is `true` | | selectable | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to enable the selectable variant<br />Automatically set to `true` if `selected` is `true` |
| selected | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to use the selected variant | | selected | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to use the selected variant |
| icon | No | <code>let</code> | Yes | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render<br />Icon is rendered to the left of the label text | | icon | No | <code>let</code> | Yes | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render<br />Icon is rendered to the left of the label text |
| indented | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to indent the label | | indented | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to indent the label |
| kind | No | <code>let</code> | No | <code>"default" &#124; "danger"</code> | <code>"default"</code> | Specify the kind of option | | kind | No | <code>let</code> | No | <code>"default" &#124; "danger"</code> | <code>"default"</code> | Specify the kind of option |
| disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the disabled state | | disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to enable the disabled state |
@ -1569,7 +1569,7 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :---------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | :---------------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLAnchorElement</code> | <code>null</code> | Obtain a reference to the HTML anchor element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLAnchorElement</code> | <code>null</code> | Obtain a reference to the HTML anchor element |
| isSideNavOpen | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the side nav | | isSideNavOpen | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the side nav |
| expandedByDefault | No | <code>let</code> | No | <code>boolean</code> | <code>true</code> | Set to `false` to hide the side nav by default | | expandedByDefault | No | <code>let</code> | No | <code>boolean</code> | <code>true</code> | Set to `false` to hide the side nav by default |
@ -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;`) | | platformName | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the platform name.<br />Alternatively, use the named slot "platform" (e.g., `&lt;span slot="platform"&gt;...&lt;/span&gt;`) |
| persistentHamburgerMenu | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to persist the hamburger menu | | persistentHamburgerMenu | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to persist the hamburger menu |
| expansionBreakpoint | No | <code>let</code> | No | <code>number</code> | <code>1056</code> | The window width (px) at which the SideNav is expanded and the hamburger menu is hidden.<br />1056 represents the "large" breakpoint in pixels from the Carbon Design System:<br />- small: 320<br />- medium: 672<br />- large: 1056<br />- x-large: 1312<br />- max: 1584 | | expansionBreakpoint | No | <code>let</code> | No | <code>number</code> | <code>1056</code> | The window width (px) at which the SideNav is expanded and the hamburger menu is hidden.<br />1056 represents the "large" breakpoint in pixels from the Carbon Design System:<br />- small: 320<br />- medium: 672<br />- large: 1056<br />- x-large: 1312<br />- max: 1584 |
| iconMenu | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render for the closed state.<br />Defaults to `&lt;Menu size={20} /&gt;` | | iconMenu | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render for the closed state.<br />Defaults to `&lt;Menu size={20} /&gt;` |
| iconClose | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render for the opened state.<br />Defaults to `&lt;Close size={20} /&gt;` | | iconClose | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render for the opened state.<br />Defaults to `&lt;Close size={20} /&gt;` |
### Slots ### Slots
@ -1605,8 +1605,8 @@ None.
| :------------------------- | :------- | :--------------- | :------- | ----------------------------------------------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------- | | :------------------------- | :------- | :--------------- | :------- | ----------------------------------------------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the button HTML element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the button HTML element |
| isOpen | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the panel | | isOpen | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the panel |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render when the action panel is closed.<br />Defaults to `&lt;Switcher size={20} /&gt;` | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render when the action panel is closed.<br />Defaults to `&lt;Switcher size={20} /&gt;` |
| closeIcon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render when the action panel is open.<br />Defaults to `&lt;Close size={20} /&gt;` | | closeIcon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render when the action panel is open.<br />Defaults to `&lt;Close size={20} /&gt;` |
| text | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the text<br />Alternatively, use the named slot "text" (e.g., &lt;div slot="text"&gt;...&lt;/div&gt;) | | text | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the text<br />Alternatively, use the named slot "text" (e.g., &lt;div slot="text"&gt;...&lt;/div&gt;) |
| transition | No | <code>let</code> | No | <code>false &#124; import("svelte/transition").SlideParams</code> | <code>{ duration: 200 }</code> | Customize the panel transition (i.e., `transition:slide`).<br />Set to `false` to disable the transition | | transition | No | <code>let</code> | No | <code>false &#124; import("svelte/transition").SlideParams</code> | <code>{ duration: 200 }</code> | Customize the panel transition (i.e., `transition:slide`).<br />Set to `false` to disable the transition |
| preventCloseOnClickOutside | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to prevent the panel from closing when clicking outside | | preventCloseOnClickOutside | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to prevent the panel from closing when clicking outside |
@ -1633,11 +1633,11 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :----------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- | | :----------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | --------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLAnchorElement</code> | <code>null</code> | Obtain a reference to the HTML anchor element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLAnchorElement</code> | <code>null</code> | Obtain a reference to the HTML anchor element |
| linkIsActive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the active state | | linkIsActive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the active state |
| href | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the `href` attribute | | href | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the `href` attribute |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
### Slots ### Slots
@ -1654,10 +1654,10 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :-------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- | | :-------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | --------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the HTML button element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the HTML button element |
| isActive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the active variant | | isActive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the active variant |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
### Slots ### Slots
@ -1958,7 +1958,7 @@ None.
| size | No | <code>let</code> | No | <code>"sm" &#124; "lg"</code> | <code>undefined</code> | Specify the size of the link | | size | No | <code>let</code> | No | <code>"sm" &#124; "lg"</code> | <code>undefined</code> | Specify the size of the link |
| href | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the href value | | href | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the href value |
| inline | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the inline variant | | inline | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the inline variant |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render<br />`inline` must be `false` | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render<br />`inline` must be `false` |
| disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the checkbox | | disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the checkbox |
| visited | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to allow visited styles | | visited | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to allow visited styles |
@ -2212,7 +2212,7 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :------------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | | :------------------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLDivElement</code> | <code>null</code> | Obtain a reference to the top-level HTML element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLDivElement</code> | <code>null</code> | Obtain a reference to the top-level HTML element |
| open | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the modal | | open | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the modal |
| size | No | <code>let</code> | No | <code>"xs" &#124; "sm" &#124; "lg"</code> | <code>undefined</code> | Set the size of the modal | | size | No | <code>let</code> | No | <code>"xs" &#124; "sm" &#124; "lg"</code> | <code>undefined</code> | Set the size of the modal |
@ -2227,7 +2227,7 @@ None.
| hasScrollingContent | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` if the modal contains scrolling content | | hasScrollingContent | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` if the modal contains scrolling content |
| primaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the primary button text | | primaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the primary button text |
| primaryButtonDisabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the primary button | | primaryButtonDisabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the primary button |
| primaryButtonIcon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the primary button icon | | primaryButtonIcon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the primary button icon |
| shouldSubmitOnEnter | No | <code>let</code> | No | <code>boolean</code> | <code>true</code> | Set to `true` for the "submit" and "click:button--primary" events<br />to be dispatched when pressing "Enter" | | shouldSubmitOnEnter | No | <code>let</code> | No | <code>boolean</code> | <code>true</code> | Set to `true` for the "submit" and "click:button--primary" events<br />to be dispatched when pressing "Enter" |
| secondaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the secondary button text | | secondaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the secondary button text |
| secondaryButtons | No | <code>let</code> | No | <code>[{ text: string; }, { text: string; }]</code> | <code>[]</code> | 2-tuple prop to render two secondary buttons for a 3 button modal<br />supersedes `secondaryButtonText` | | secondaryButtons | No | <code>let</code> | No | <code>[{ text: string; }, { text: string; }]</code> | <code>[]</code> | 2-tuple prop to render two secondary buttons for a 3 button modal<br />supersedes `secondaryButtonText` |
@ -2283,9 +2283,9 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :-------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------- | | :-------------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------- |
| primaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the primary button text | | primaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the primary button text |
| primaryButtonIcon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the primary button icon | | primaryButtonIcon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the primary button icon |
| primaryButtonDisabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the primary button | | primaryButtonDisabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the primary button |
| primaryClass | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify a class for the primary button | | primaryClass | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify a class for the primary button |
| secondaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the secondary button text | | secondaryButtonText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the secondary button text |
@ -2432,9 +2432,9 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :--------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------- | ----------------------------------- | | :--------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------- | ----------------------------------- |
| notificationType | No | <code>let</code> | No | <code>"toast" &#124; "inline"</code> | <code>"toast"</code> | Set the type of notification | | notificationType | No | <code>let</code> | No | <code>"toast" &#124; "inline"</code> | <code>"toast"</code> | Set the type of notification |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
| title | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the title of the icon | | title | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the title of the icon |
| iconDescription | No | <code>let</code> | No | <code>string</code> | <code>"Close icon"</code> | Specify the ARIA label for the icon | | iconDescription | No | <code>let</code> | No | <code>string</code> | <code>"Close icon"</code> | Specify the ARIA label for the icon |
@ -2599,10 +2599,10 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :--------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------------------------------- | | :--------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------------------------------- |
| menuRef | No | <code>let</code> | Yes | <code>null &#124; HTMLUListElement</code> | <code>null</code> | Obtain a reference to the overflow menu element | | menuRef | No | <code>let</code> | Yes | <code>null &#124; HTMLUListElement</code> | <code>null</code> | Obtain a reference to the overflow menu element |
| buttonRef | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the trigger button element | | buttonRef | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the trigger button element |
| icon | No | <code>let</code> | Yes | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render.<br />Defaults to `&lt;OverflowMenuVertical /&gt;` | | icon | No | <code>let</code> | Yes | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render.<br />Defaults to `&lt;OverflowMenuVertical /&gt;` |
| open | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the menu | | open | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to open the menu |
| size | No | <code>let</code> | No | <code>"sm" &#124; "xl"</code> | <code>undefined</code> | Specify the size of the overflow menu | | size | No | <code>let</code> | No | <code>"sm" &#124; "xl"</code> | <code>undefined</code> | Specify the size of the overflow menu |
| direction | No | <code>let</code> | No | <code>"top" &#124; "bottom"</code> | <code>"bottom"</code> | Specify the direction of the overflow menu relative to the button | | direction | No | <code>let</code> | No | <code>"top" &#124; "bottom"</code> | <code>"bottom"</code> | Specify the direction of the overflow menu relative to the button |
@ -3090,7 +3090,7 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :------------------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ------------------------------------------------ | --------------------------------------------------------------- | | :------------------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ------------------------------------------------ | --------------------------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLInputElement</code> | <code>null</code> | Obtain a reference to the input HTML element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLInputElement</code> | <code>null</code> | Obtain a reference to the input HTML element |
| expanded | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true to expand the search input | | expanded | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true to expand the search input |
| value | No | <code>let</code> | Yes | <code>any</code> | <code>""</code> | Specify the value of the search input | | value | No | <code>let</code> | Yes | <code>any</code> | <code>""</code> | Specify the value of the search input |
@ -3105,7 +3105,7 @@ None.
| autofocus | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to auto focus the search element | | autofocus | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to auto focus the search element |
| closeButtonLabelText | No | <code>let</code> | No | <code>string</code> | <code>"Clear search input"</code> | Specify the close button label text | | closeButtonLabelText | No | <code>let</code> | No | <code>string</code> | <code>"Clear search input"</code> | Specify the close button label text |
| labelText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the label text | | labelText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the label text |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render.<br />Defaults to `&lt;Search /&gt;` | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render.<br />Defaults to `&lt;Search /&gt;` |
| id | No | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the input element | | id | No | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the input element |
### Slots ### Slots
@ -3350,12 +3350,12 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :--------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- | | :--------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | --------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLAnchorElement</code> | <code>null</code> | Obtain a reference to the HTML anchor element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLAnchorElement</code> | <code>null</code> | Obtain a reference to the HTML anchor element |
| isSelected | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to select the current link | | isSelected | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to select the current link |
| href | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the `href` attribute | | href | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the `href` attribute |
| text | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the text | | text | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the text |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
### Slots ### Slots
@ -3375,11 +3375,11 @@ None.
### Props ### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description | | Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :-------- | :------- | :--------------- | :------- | ---------------------------------------------------- | ---------------------- | --------------------------------------------- | | :-------- | :------- | :--------------- | :------- | --------------------------------------------------------- | ---------------------- | --------------------------------------------- |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the HTML button element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the HTML button element |
| expanded | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to toggle the expanded state | | expanded | No | <code>let</code> | Yes | <code>boolean</code> | <code>false</code> | Set to `true` to toggle the expanded state |
| text | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the text | | text | No | <code>let</code> | No | <code>string</code> | <code>undefined</code> | Specify the text |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
### Slots ### Slots
@ -3991,7 +3991,7 @@ None.
| interactive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to render a `button` element instead of a `div` | | interactive | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to render a `button` element instead of a `div` |
| skeleton | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to display the skeleton state | | skeleton | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to display the skeleton state |
| title | No | <code>let</code> | No | <code>string</code> | <code>"Clear filter"</code> | Set the title for the close button in a filterable tag | | title | No | <code>let</code> | No | <code>string</code> | <code>"Clear filter"</code> | Set the title for the close button in a filterable tag |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
| id | No | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the filterable tag | | id | No | <code>let</code> | No | <code>string</code> | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the filterable tag |
### Slots ### Slots
@ -4553,7 +4553,7 @@ None.
| align | No | <code>let</code> | No | <code>"start" &#124; "center" &#124; "end"</code> | <code>"center"</code> | Set the alignment of the tooltip relative to the icon | | align | No | <code>let</code> | No | <code>"start" &#124; "center" &#124; "end"</code> | <code>"center"</code> | Set the alignment of the tooltip relative to the icon |
| direction | No | <code>let</code> | No | <code>"top" &#124; "right" &#124; "bottom" &#124; "left"</code> | <code>"bottom"</code> | Set the direction of the tooltip relative to the button | | direction | No | <code>let</code> | No | <code>"top" &#124; "right" &#124; "bottom" &#124; "left"</code> | <code>"bottom"</code> | Set the direction of the tooltip relative to the button |
| hideIcon | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to hide the tooltip icon | | hideIcon | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to hide the tooltip icon |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render for the tooltip button.<br />Default to `&lt;Information /&gt;` | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render for the tooltip button.<br />Default to `&lt;Information /&gt;` |
| iconDescription | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the ARIA label for the tooltip button | | iconDescription | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the ARIA label for the tooltip button |
| iconName | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the icon name attribute | | iconName | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the icon name attribute |
| tabindex | No | <code>let</code> | No | <code>string</code> | <code>"0"</code> | Set the button tabindex | | tabindex | No | <code>let</code> | No | <code>string</code> | <code>"0"</code> | Set the button tabindex |
@ -4636,7 +4636,7 @@ None.
| :---------- | :------- | :--------------- | :------- | --------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------ | | :---------- | :------- | :--------------- | :------- | --------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------ |
| ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the button HTML element | | ref | No | <code>let</code> | Yes | <code>null &#124; HTMLButtonElement</code> | <code>null</code> | Obtain a reference to the button HTML element |
| tooltipText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the tooltip text.<br />Alternatively, use the "tooltipText" slot | | tooltipText | No | <code>let</code> | No | <code>string</code> | <code>""</code> | Specify the tooltip text.<br />Alternatively, use the "tooltipText" slot |
| icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent</code> | <code>undefined</code> | Specify the icon to render | | icon | No | <code>let</code> | No | <code>typeof import("svelte").SvelteComponent<any></code> | <code>undefined</code> | Specify the icon to render |
| disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the tooltip icon | | disabled | No | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to disable the tooltip icon |
| align | No | <code>let</code> | No | <code>"start" &#124; "center" &#124; "end"</code> | <code>"center"</code> | Set the alignment of the tooltip relative to the icon | | align | No | <code>let</code> | No | <code>"start" &#124; "center" &#124; "end"</code> | <code>"center"</code> | Set the alignment of the tooltip relative to the icon |
| direction | No | <code>let</code> | No | <code>"top" &#124; "right" &#124; "bottom" &#124; "left"</code> | <code>"bottom"</code> | Set the direction of the tooltip relative to the icon | | direction | No | <code>let</code> | No | <code>"top" &#124; "right" &#124; "bottom" &#124; "left"</code> | <code>"bottom"</code> | Set the direction of the tooltip relative to the icon |
@ -4669,7 +4669,7 @@ export type TreeNodeId = string | number;
export interface TreeNode { export interface TreeNode {
id: TreeNodeId; id: TreeNodeId;
text: any; text: any;
icon?: typeof import("svelte").SvelteComponent; icon?: typeof import("svelte").SvelteComponent<any>;
disabled?: boolean; disabled?: boolean;
children?: TreeNode[]; children?: TreeNode[];
} }

42
docs/src/COMPONENT_API.json
View file

@ -501,7 +501,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -2117,7 +2117,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render\nIcon is rendered to the left of the label text", "description": "Specify the icon to render\nIcon is rendered to the left of the label text",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -4811,7 +4811,7 @@
"name": "iconMenu", "name": "iconMenu",
"kind": "let", "kind": "let",
"description": "Specify the icon to render for the closed state.\nDefaults to `<Menu size={20} />`", "description": "Specify the icon to render for the closed state.\nDefaults to `<Menu size={20} />`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -4822,7 +4822,7 @@
"name": "iconClose", "name": "iconClose",
"kind": "let", "kind": "let",
"description": "Specify the icon to render for the opened state.\nDefaults to `<Close size={20} />`", "description": "Specify the icon to render for the opened state.\nDefaults to `<Close size={20} />`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -4871,7 +4871,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render when the action panel is closed.\nDefaults to `<Switcher size={20} />`", "description": "Specify the icon to render when the action panel is closed.\nDefaults to `<Switcher size={20} />`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -4882,7 +4882,7 @@
"name": "closeIcon", "name": "closeIcon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render when the action panel is open.\nDefaults to `<Close size={20} />`", "description": "Specify the icon to render when the action panel is open.\nDefaults to `<Close size={20} />`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -4998,7 +4998,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -5051,7 +5051,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -5755,7 +5755,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render\n`inline` must be `false`", "description": "Specify the icon to render\n`inline` must be `false`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -6574,7 +6574,7 @@
"name": "primaryButtonIcon", "name": "primaryButtonIcon",
"kind": "let", "kind": "let",
"description": "Specify the primary button icon", "description": "Specify the primary button icon",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -6765,7 +6765,7 @@
"name": "primaryButtonIcon", "name": "primaryButtonIcon",
"kind": "let", "kind": "let",
"description": "Specify the primary button icon", "description": "Specify the primary button icon",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -7461,7 +7461,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -8029,7 +8029,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render.\nDefaults to `<OverflowMenuVertical />`", "description": "Specify the icon to render.\nDefaults to `<OverflowMenuVertical />`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -10013,7 +10013,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render.\nDefaults to `<Search />`", "description": "Specify the icon to render.\nDefaults to `<Search />`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -10739,7 +10739,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -10809,7 +10809,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -12287,7 +12287,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -14039,7 +14039,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render for the tooltip button.\nDefault to `<Information />`", "description": "Specify the icon to render for the tooltip button.\nDefault to `<Information />`",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -14321,7 +14321,7 @@
"name": "icon", "name": "icon",
"kind": "let", "kind": "let",
"description": "Specify the icon to render", "description": "Specify the icon to render",
"type": "typeof import(\"svelte\").SvelteComponent", "type": "typeof import(\"svelte\").SvelteComponent<any>",
"isFunction": false, "isFunction": false,
"isFunctionDeclaration": false, "isFunctionDeclaration": false,
"isRequired": false, "isRequired": false,
@ -14585,9 +14585,9 @@
"ts": "type TreeNodeId = string | number" "ts": "type TreeNodeId = string | number"
}, },
{ {
"type": "{ id: TreeNodeId; text: any; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; children?: TreeNode[]; }", "type": "{ id: TreeNodeId; text: any; icon?: typeof import(\"svelte\").SvelteComponent<any>; disabled?: boolean; children?: TreeNode[]; }",
"name": "TreeNode", "name": "TreeNode",
"ts": "interface TreeNode { id: TreeNodeId; text: any; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; children?: TreeNode[]; }" "ts": "interface TreeNode { id: TreeNodeId; text: any; icon?: typeof import(\"svelte\").SvelteComponent<any>; disabled?: boolean; children?: TreeNode[]; }"
} }
], ],
"rest_props": { "type": "Element", "name": "ul" } "rest_props": { "type": "Element", "name": "ul" }

6
package.json
View file

@ -29,7 +29,7 @@
"@tsconfig/svelte": "^4.0.1", "@tsconfig/svelte": "^4.0.1",
"autoprefixer": "^10.4.8", "autoprefixer": "^10.4.8",
"carbon-components": "10.57.0", "carbon-components": "10.57.0",
"carbon-icons-svelte": "^11.2.0", "carbon-icons-svelte": "^12.1.0",
"postcss": "^8.4.16", "postcss": "^8.4.16",
"prettier": "^2.7.1", "prettier": "^2.7.1",
"prettier-plugin-svelte": "^2.7.0", "prettier-plugin-svelte": "^2.7.0",
@ -39,8 +39,8 @@
"sass": "^1.49.11", "sass": "^1.49.11",
"standard-version": "^9.5.0", "standard-version": "^9.5.0",
"sveld": "^0.18.1", "sveld": "^0.18.1",
"svelte": "^3.58.0", "svelte": "^4.1.0",
"svelte-check": "^3.4.3", "svelte-check": "^3.4.6",
"typescript": "^4.7.4" "typescript": "^4.7.4"
}, },
"standard-version": { "standard-version": {

2
src/Button/Button.svelte
View file

@ -27,7 +27,7 @@
/** /**
* Specify the icon to render * Specify the icon to render
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = undefined; export let icon = undefined;

2
src/ComposedModal/ModalFooter.svelte
View file

@ -8,7 +8,7 @@
/** /**
* Specify the primary button icon * Specify the primary button icon
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let primaryButtonIcon = undefined; export let primaryButtonIcon = undefined;

2
src/ContextMenu/ContextMenuOption.svelte
View file

@ -14,7 +14,7 @@
/** /**
* Specify the icon to render * Specify the icon to render
* Icon is rendered to the left of the label text * Icon is rendered to the left of the label text
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = undefined; export let icon = undefined;

2
src/Link/Link.svelte
View file

@ -19,7 +19,7 @@
/** /**
* Specify the icon to render * Specify the icon to render
* `inline` must be `false` * `inline` must be `false`
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = undefined; export let icon = undefined;

2
src/Modal/Modal.svelte
View file

@ -57,7 +57,7 @@
/** /**
* Specify the primary button icon * Specify the primary button icon
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let primaryButtonIcon = undefined; export let primaryButtonIcon = undefined;

2
src/Notification/NotificationButton.svelte
View file

@ -7,7 +7,7 @@
/** /**
* Specify the icon to render * Specify the icon to render
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = Close; export let icon = Close;

2
src/OverflowMenu/OverflowMenu.svelte
View file

@ -33,7 +33,7 @@
/** /**
* Specify the icon to render. * Specify the icon to render.
* Defaults to `<OverflowMenuVertical />` * Defaults to `<OverflowMenuVertical />`
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = OverflowMenuVertical; export let icon = OverflowMenuVertical;

2
src/Search/Search.svelte
View file

@ -56,7 +56,7 @@
/** /**
* Specify the icon to render. * Specify the icon to render.
* Defaults to `<Search />` * Defaults to `<Search />`
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = IconSearch; export let icon = IconSearch;

2
src/Tag/Tag.svelte
View file

@ -27,7 +27,7 @@
/** /**
* Specify the icon to render * Specify the icon to render
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = undefined; export let icon = undefined;

2
src/Tooltip/Tooltip.svelte
View file

@ -31,7 +31,7 @@
/** /**
* Specify the icon to render for the tooltip button. * Specify the icon to render for the tooltip button.
* Default to `<Information />` * Default to `<Information />`
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = Information; export let icon = Information;

2
src/TooltipIcon/TooltipIcon.svelte
View file

@ -7,7 +7,7 @@
/** /**
* Specify the icon to render * Specify the icon to render
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = undefined; export let icon = undefined;

2
src/TreeView/TreeView.svelte
View file

@ -1,7 +1,7 @@
<script> <script>
/** /**
* @typedef {string | number} TreeNodeId * @typedef {string | number} TreeNodeId
* @typedef {{ id: TreeNodeId; text: any; icon?: typeof import("svelte").SvelteComponent; disabled?: boolean; children?: TreeNode[]; }} TreeNode * @typedef {{ id: TreeNodeId; text: any; icon?: typeof import("svelte").SvelteComponent<any>; disabled?: boolean; children?: TreeNode[]; }} TreeNode
* @event {TreeNode & { expanded: boolean; leaf: boolean; }} select * @event {TreeNode & { expanded: boolean; leaf: boolean; }} select
* @event {TreeNode & { expanded: boolean; leaf: boolean; }} toggle * @event {TreeNode & { expanded: boolean; leaf: boolean; }} toggle
* @event {TreeNode & { expanded: boolean; leaf: boolean; }} focus * @event {TreeNode & { expanded: boolean; leaf: boolean; }} focus

2
src/TreeView/TreeViewNode.svelte
View file

@ -45,7 +45,7 @@
/** /**
* Specify the icon to render * Specify the icon to render
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = undefined; export let icon = undefined;

2
src/TreeView/TreeViewNodeList.svelte
View file

@ -15,7 +15,7 @@
/** /**
* Specify the icon to render * Specify the icon to render
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = undefined; export let icon = undefined;

4
src/UIShell/HamburgerMenu.svelte
View file

@ -11,14 +11,14 @@
/** /**
* Specify the icon to render for the closed state. * Specify the icon to render for the closed state.
* Defaults to `<Menu size={20} />` * Defaults to `<Menu size={20} />`
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let iconMenu = Menu; export let iconMenu = Menu;
/** /**
* Specify the icon to render for the opened state. * Specify the icon to render for the opened state.
* Defaults to `<Close size={20} />` * Defaults to `<Close size={20} />`
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let iconClose = Close; export let iconClose = Close;

4
src/UIShell/Header.svelte
View file

@ -50,14 +50,14 @@
/** /**
* Specify the icon to render for the closed state. * Specify the icon to render for the closed state.
* Defaults to `<Menu size={20} />` * Defaults to `<Menu size={20} />`
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let iconMenu = Menu; export let iconMenu = Menu;
/** /**
* Specify the icon to render for the opened state. * Specify the icon to render for the opened state.
* Defaults to `<Close size={20} />` * Defaults to `<Close size={20} />`
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let iconClose = Close; export let iconClose = Close;

4
src/UIShell/HeaderAction.svelte
View file

@ -10,14 +10,14 @@
/** /**
* Specify the icon to render when the action panel is closed. * Specify the icon to render when the action panel is closed.
* Defaults to `<Switcher size={20} />` * Defaults to `<Switcher size={20} />`
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = Switcher; export let icon = Switcher;
/** /**
* Specify the icon to render when the action panel is open. * Specify the icon to render when the action panel is open.
* Defaults to `<Close size={20} />` * Defaults to `<Close size={20} />`
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let closeIcon = Close; export let closeIcon = Close;

2
src/UIShell/HeaderActionLink.svelte
View file

@ -10,7 +10,7 @@
/** /**
* Specify the icon to render * Specify the icon to render
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = undefined; export let icon = undefined;

2
src/UIShell/HeaderGlobalAction.svelte
View file

@ -4,7 +4,7 @@
/** /**
* Specify the icon to render * Specify the icon to render
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = undefined; export let icon = undefined;

2
src/UIShell/SideNavLink.svelte
View file

@ -16,7 +16,7 @@
/** /**
* Specify the icon to render * Specify the icon to render
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = undefined; export let icon = undefined;

2
src/UIShell/SideNavMenu.svelte
View file

@ -10,7 +10,7 @@
/** /**
* Specify the icon to render * Specify the icon to render
* @type {typeof import("svelte").SvelteComponent} * @type {typeof import("svelte").SvelteComponent<any>}
*/ */
export let icon = undefined; export let icon = undefined;

4
tests/Form.test.svelte
View file

@ -20,7 +20,7 @@
<Checkbox id="checkbox-2" labelText="Checkbox Label" disabled /> <Checkbox id="checkbox-2" labelText="Checkbox Label" disabled />
</FormGroup> </FormGroup>
<FormGroup legendText="Radio buttons"> <FormGroup legendText="Radio buttons">
<RadioButtonGroup name="radio-button-group" selected="default-selected"> <RadioButtonGroup selected="default-selected">
<RadioButton <RadioButton
id="radio-1" id="radio-1"
value="standard" value="standard"
@ -40,7 +40,7 @@
</RadioButtonGroup> </RadioButtonGroup>
</FormGroup> </FormGroup>
<FormGroup> <FormGroup>
<Select id="select-1" labelText="Select menu" value="placeholder-item"> <Select id="select-1" labelText="Select menu">
<SelectItem <SelectItem
disabled disabled
hidden hidden

2
tests/Search.test.svelte
View file

@ -6,7 +6,7 @@
<Search placeholder="Search catalog..." value="Cloud functions" /> <Search placeholder="Search catalog..." value="Cloud functions" />
<Search light name="search" dirname="search" /> <Search light name="search" />
<Search size="lg" /> <Search size="lg" />

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

@ -1,4 +1,3 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { AccordionSkeletonProps } from "./AccordionSkeleton.svelte"; import type { AccordionSkeletonProps } from "./AccordionSkeleton.svelte";

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface AccordionItemProps type RestProps = SvelteHTMLElements["li"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {
export interface AccordionItemProps extends RestProps {
/** /**
* Specify the title of the accordion item heading * Specify the title of the accordion item heading
* Alternatively, use the "title" slot (e.g., <div slot="title">...</div>) * Alternatively, use the "title" slot (e.g., <div slot="title">...</div>)

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface AccordionSkeletonProps type RestProps = SvelteHTMLElements["ul"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["ul"]> {
export interface AccordionSkeletonProps extends RestProps {
/** /**
* Specify the number of accordion items to render * Specify the number of accordion items to render
* @default 4 * @default 4

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface AspectRatioProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface AspectRatioProps extends RestProps {
/** /**
* Specify the aspect ratio * Specify the aspect ratio
* @default "2x1" * @default "2x1"
@ -23,6 +24,6 @@ export interface AspectRatioProps
export default class AspectRatio extends SvelteComponentTyped< export default class AspectRatio extends SvelteComponentTyped<
AspectRatioProps, AspectRatioProps,
{}, Record<string, any>,
{ default: {} } { default: {} }
> {} > {}

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

@ -1,4 +1,3 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { BreadcrumbSkeletonProps } from "./BreadcrumbSkeleton.svelte"; import type { BreadcrumbSkeletonProps } from "./BreadcrumbSkeleton.svelte";

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface BreadcrumbItemProps type RestProps = SvelteHTMLElements["li"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {
export interface BreadcrumbItemProps extends RestProps {
/** /**
* Set the `href` to use an anchor link * Set the `href` to use an anchor link
* @default undefined * @default undefined

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface BreadcrumbSkeletonProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface BreadcrumbSkeletonProps extends RestProps {
/** /**
* Set to `true` to hide the breadcrumb trailing slash * Set to `true` to hide the breadcrumb trailing slash
* @default false * @default false

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

@ -1,4 +1,3 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export type BreakpointSize = "sm" | "md" | "lg" | "xlg" | "max"; export type BreakpointSize = "sm" | "md" | "lg" | "xlg" | "max";

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

@ -1,12 +1,13 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
import type { ButtonSkeletonProps } from "./ButtonSkeleton.svelte"; import type { ButtonSkeletonProps } from "./ButtonSkeleton.svelte";
export interface ButtonProps type RestProps = SvelteHTMLElements["button"] &
extends ButtonSkeletonProps, SvelteHTMLElements["a"] &
svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]>, SvelteHTMLElements["div"];
svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]>,
svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { export interface ButtonProps extends ButtonSkeletonProps, RestProps {
/** /**
* Specify the kind of button * Specify the kind of button
* @default "primary" * @default "primary"
@ -42,7 +43,7 @@ export interface ButtonProps
* Specify the icon to render * Specify the icon to render
* @default undefined * @default undefined
*/ */
icon?: typeof import("svelte").SvelteComponent; icon?: typeof import("svelte").SvelteComponent<any>;
/** /**
* Specify the ARIA label for the button icon * Specify the ARIA label for the button icon

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ButtonSetProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ButtonSetProps extends RestProps {
/** /**
* Set to `true` to stack the buttons vertically * Set to `true` to stack the buttons vertically
* @default false * @default false
@ -14,6 +15,6 @@ export interface ButtonSetProps
export default class ButtonSet extends SvelteComponentTyped< export default class ButtonSet extends SvelteComponentTyped<
ButtonSetProps, ButtonSetProps,
{}, Record<string, any>,
{ default: {} } { default: {} }
> {} > {}

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ButtonSkeletonProps type RestProps = SvelteHTMLElements["a"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> {
export interface ButtonSkeletonProps extends RestProps {
/** /**
* Set the `href` to use an anchor link * Set the `href` to use an anchor link
* @default undefined * @default undefined

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface CheckboxProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface CheckboxProps extends RestProps {
/** /**
* Specify the value of the checkbox * Specify the value of the checkbox
* @default "" * @default ""

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface CheckboxSkeletonProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface CheckboxSkeletonProps extends RestProps {
[key: `data-${string}`]: any; [key: `data-${string}`]: any;
} }

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

@ -1,4 +1,3 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface CodeSnippetProps { export interface CodeSnippetProps {

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface CodeSnippetSkeletonProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface CodeSnippetSkeletonProps extends RestProps {
/** /**
* Set the type of code snippet * Set the type of code snippet
* @default "single" * @default "single"

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

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export type ComboBoxItemId = any; export type ComboBoxItemId = any;
@ -9,8 +9,9 @@ export interface ComboBoxItem {
disabled?: boolean; disabled?: boolean;
} }
export interface ComboBoxProps type RestProps = SvelteHTMLElements["input"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> {
export interface ComboBoxProps extends RestProps {
/** /**
* Set the combobox items * Set the combobox items
* @default [] * @default []

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ComposedModalProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ComposedModalProps extends RestProps {
/** /**
* Set the size of the composed modal * Set the size of the composed modal
* @default undefined * @default undefined

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ModalBodyProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ModalBodyProps extends RestProps {
/** /**
* Set to `true` if the modal contains form elements * Set to `true` if the modal contains form elements
* @default false * @default false
@ -20,6 +21,6 @@ export interface ModalBodyProps
export default class ModalBody extends SvelteComponentTyped< export default class ModalBody extends SvelteComponentTyped<
ModalBodyProps, ModalBodyProps,
{}, Record<string, any>,
{ default: {} } { default: {} }
> {} > {}

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ModalFooterProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ModalFooterProps extends RestProps {
/** /**
* Specify the primary button text * Specify the primary button text
* @default "" * @default ""
@ -13,7 +14,7 @@ export interface ModalFooterProps
* Specify the primary button icon * Specify the primary button icon
* @default undefined * @default undefined
*/ */
primaryButtonIcon?: typeof import("svelte").SvelteComponent; primaryButtonIcon?: typeof import("svelte").SvelteComponent<any>;
/** /**
* Set to `true` to disable the primary button * Set to `true` to disable the primary button

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ModalHeaderProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ModalHeaderProps extends RestProps {
/** /**
* Specify the modal title * Specify the modal title
* @default "" * @default ""

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ContentSwitcherProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ContentSwitcherProps extends RestProps {
/** /**
* Set the selected index of the switch item * Set the selected index of the switch item
* @default 0 * @default 0

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface SwitchProps type RestProps = SvelteHTMLElements["button"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> {
export interface SwitchProps extends RestProps {
/** /**
* Specify the switch text * Specify the switch text
* Alternatively, use the "text" slot (e.g., <span slot="text">...</span>) * Alternatively, use the "text" slot (e.g., <span slot="text">...</span>)

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ContextMenuProps type RestProps = SvelteHTMLElements["ul"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["ul"]> {
export interface ContextMenuProps extends RestProps {
/** /**
* Specify an element or list of elements to trigger the context menu. * Specify an element or list of elements to trigger the context menu.
* If no element is specified, the context menu applies to the entire window * If no element is specified, the context menu applies to the entire window

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

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

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

@ -1,4 +1,3 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ContextMenuGroupProps { export interface ContextMenuGroupProps {
@ -16,6 +15,6 @@ export interface ContextMenuGroupProps {
export default class ContextMenuGroup extends SvelteComponentTyped< export default class ContextMenuGroup extends SvelteComponentTyped<
ContextMenuGroupProps, ContextMenuGroupProps,
{}, Record<string, any>,
{ default: {} } { default: {} }
> {} > {}

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ContextMenuOptionProps type RestProps = SvelteHTMLElements["li"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {
export interface ContextMenuOptionProps extends RestProps {
/** /**
* Specify the kind of option * Specify the kind of option
* @default "default" * @default "default"
@ -26,7 +27,7 @@ export interface ContextMenuOptionProps
* Icon is rendered to the left of the label text * Icon is rendered to the left of the label text
* @default undefined * @default undefined
*/ */
icon?: typeof import("svelte").SvelteComponent; icon?: typeof import("svelte").SvelteComponent<any>;
/** /**
* Specify the label text * Specify the label text

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

@ -1,4 +1,3 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
export interface ContextMenuRadioGroupProps { export interface ContextMenuRadioGroupProps {
@ -17,6 +16,6 @@ export interface ContextMenuRadioGroupProps {
export default class ContextMenuRadioGroup extends SvelteComponentTyped< export default class ContextMenuRadioGroup extends SvelteComponentTyped<
ContextMenuRadioGroupProps, ContextMenuRadioGroupProps,
{}, Record<string, any>,
{ default: {} } { default: {} }
> {} > {}

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface CopyButtonProps type RestProps = SvelteHTMLElements["button"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> {
export interface CopyButtonProps extends RestProps {
/** /**
* Set the feedback text shown after clicking the button * Set the feedback text shown after clicking the button
* @default "Copied!" * @default "Copied!"

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

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export type DataTableKey = string; export type DataTableKey = string;
@ -40,8 +40,9 @@ export interface DataTableCell {
display?: (item: Value) => DataTableValue; display?: (item: Value) => DataTableValue;
} }
export interface DataTableProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface DataTableProps extends RestProps {
/** /**
* Specify the data table headers * Specify the data table headers
* @default [] * @default []

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

@ -1,10 +1,11 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
import type { DataTableHeader } from "./DataTable.svelte"; import type { DataTableHeader } from "./DataTable.svelte";
export interface DataTableSkeletonProps type RestProps = SvelteHTMLElements["div"];
extends DataTableHeader,
svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> { export interface DataTableSkeletonProps extends DataTableHeader, RestProps {
/** /**
* Specify the number of columns * Specify the number of columns
* Superseded by `headers` if `headers` is a non-empty array * Superseded by `headers` if `headers` is a non-empty array

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface TableProps type RestProps = SvelteHTMLElements["section"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["section"]> {
export interface TableProps extends RestProps {
/** /**
* Set the size of the table * Set the size of the table
* @default undefined * @default undefined
@ -44,6 +45,6 @@ export interface TableProps
export default class Table extends SvelteComponentTyped< export default class Table extends SvelteComponentTyped<
TableProps, TableProps,
{}, Record<string, any>,
{ default: {} } { default: {} }
> {} > {}

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

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

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface TableCellProps type RestProps = SvelteHTMLElements["td"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["td"]> {
export interface TableCellProps extends RestProps {
[key: `data-${string}`]: any; [key: `data-${string}`]: any;
} }

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface TableContainerProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface TableContainerProps extends RestProps {
/** /**
* Specify the title of the data table * Specify the title of the data table
* @default "" * @default ""
@ -32,6 +33,6 @@ export interface TableContainerProps
export default class TableContainer extends SvelteComponentTyped< export default class TableContainer extends SvelteComponentTyped<
TableContainerProps, TableContainerProps,
{}, Record<string, any>,
{ default: {} } { default: {} }
> {} > {}

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface TableHeadProps type RestProps = SvelteHTMLElements["thead"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["thead"]> {
export interface TableHeadProps extends RestProps {
[key: `data-${string}`]: any; [key: `data-${string}`]: any;
} }

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface TableHeaderProps type RestProps = SvelteHTMLElements["th"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["th"]> {
export interface TableHeaderProps extends RestProps {
/** /**
* Set to `true` for the sortable variant * Set to `true` for the sortable variant
* @default false * @default false

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface TableRowProps type RestProps = SvelteHTMLElements["tr"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["tr"]> {
export interface TableRowProps extends RestProps {
[key: `data-${string}`]: any; [key: `data-${string}`]: any;
} }

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ToolbarProps type RestProps = SvelteHTMLElements["section"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["section"]> {
export interface ToolbarProps extends RestProps {
/** /**
* Specify the toolbar size * Specify the toolbar size
* @default "default" * @default "default"
@ -14,6 +15,6 @@ export interface ToolbarProps
export default class Toolbar extends SvelteComponentTyped< export default class Toolbar extends SvelteComponentTyped<
ToolbarProps, ToolbarProps,
{}, Record<string, any>,
{ default: {} } { default: {} }
> {} > {}

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ToolbarBatchActionsProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ToolbarBatchActionsProps extends RestProps {
/** /**
* Override the total items selected text * Override the total items selected text
* @default (totalSelected) => `${totalSelected} item${totalSelected === 1 ? "" : "s"} selected` * @default (totalSelected) => `${totalSelected} item${totalSelected === 1 ? "" : "s"} selected`

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

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

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

@ -1,4 +1,3 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { OverflowMenuProps } from "../OverflowMenu/OverflowMenu.svelte"; import type { OverflowMenuProps } from "../OverflowMenu/OverflowMenu.svelte";
@ -6,6 +5,6 @@ export interface ToolbarMenuProps extends OverflowMenuProps {}
export default class ToolbarMenu extends SvelteComponentTyped< export default class ToolbarMenu extends SvelteComponentTyped<
ToolbarMenuProps, ToolbarMenuProps,
{}, Record<string, any>,
{ default: {} } { default: {} }
> {} > {}

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

@ -1,4 +1,3 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { OverflowMenuItemProps } from "../OverflowMenu/OverflowMenuItem.svelte"; import type { OverflowMenuItemProps } from "../OverflowMenu/OverflowMenuItem.svelte";

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ToolbarSearchProps type RestProps = SvelteHTMLElements["input"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> {
export interface ToolbarSearchProps extends RestProps {
/** /**
* Specify the value of the search input * Specify the value of the search input
* @default "" * @default ""

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface DatePickerProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface DatePickerProps extends RestProps {
/** /**
* Specify the date picker type * Specify the date picker type
* @default "simple" * @default "simple"

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface DatePickerInputProps type RestProps = SvelteHTMLElements["input"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> {
export interface DatePickerInputProps extends RestProps {
/** /**
* Set the size of the input * Set the size of the input
* @default undefined * @default undefined

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface DatePickerSkeletonProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface DatePickerSkeletonProps extends RestProps {
/** /**
* Set to `true` to use the range variant * Set to `true` to use the range variant
* @default false * @default false

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

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export type DropdownItemId = any; export type DropdownItemId = any;
@ -11,8 +11,9 @@ export interface DropdownItem {
disabled?: boolean; disabled?: boolean;
} }
export interface DropdownProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface DropdownProps extends RestProps {
/** /**
* Set the dropdown items * Set the dropdown items
* @default [] * @default []

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface DropdownSkeletonProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface DropdownSkeletonProps extends RestProps {
/** /**
* Set to `true` to use the inline variant * Set to `true` to use the inline variant
* @default false * @default false

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface FileUploaderProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface FileUploaderProps extends RestProps {
/** /**
* Specify the file uploader status * Specify the file uploader status
* @default "uploading" * @default "uploading"

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface FileUploaderButtonProps type RestProps = SvelteHTMLElements["input"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> {
export interface FileUploaderButtonProps extends RestProps {
/** /**
* Specify the accepted file types * Specify the accepted file types
* @default [] * @default []

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface FileUploaderDropContainerProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface FileUploaderDropContainerProps extends RestProps {
/** /**
* Specify the accepted file types * Specify the accepted file types
* @default [] * @default []

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface FileUploaderItemProps type RestProps = SvelteHTMLElements["span"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["span"]> {
export interface FileUploaderItemProps extends RestProps {
/** /**
* Specify the file uploader status * Specify the file uploader status
* @default "uploading" * @default "uploading"

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface FileUploaderSkeletonProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface FileUploaderSkeletonProps extends RestProps {
[key: `data-${string}`]: any; [key: `data-${string}`]: any;
} }

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

@ -1,10 +1,11 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface FilenameProps type RestProps = SvelteHTMLElements["div"] &
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]>, SvelteHTMLElements["button"] &
svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]>, SvelteHTMLElements["svg"];
svelte.JSX.SVGAttributes<SVGSVGElement> {
export interface FilenameProps extends RestProps {
/** /**
* Specify the file name status * Specify the file name status
* @default "uploading" * @default "uploading"

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface FluidFormProps type RestProps = SvelteHTMLElements["form"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["form"]> {
export interface FluidFormProps extends RestProps {
[key: `data-${string}`]: any; [key: `data-${string}`]: any;
} }

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface FormProps type RestProps = SvelteHTMLElements["form"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["form"]> {
export interface FormProps extends RestProps {
/** /**
* Obtain a reference to the form element * Obtain a reference to the form element
* @default null * @default null

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface FormGroupProps type RestProps = SvelteHTMLElements["fieldset"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["fieldset"]> {
export interface FormGroupProps extends RestProps {
/** /**
* Set to `true` for to remove the bottom margin * Set to `true` for to remove the bottom margin
* @default false * @default false

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface FormItemProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface FormItemProps extends RestProps {
[key: `data-${string}`]: any; [key: `data-${string}`]: any;
} }

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface FormLabelProps type RestProps = SvelteHTMLElements["label"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["label"]> {
export interface FormLabelProps extends RestProps {
/** /**
* Set an id to be used by the label element * Set an id to be used by the label element
* @default "ccs-" + Math.random().toString(36) * @default "ccs-" + Math.random().toString(36)

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

@ -1,5 +1,5 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export type ColumnSize = boolean | number; export type ColumnSize = boolean | number;
@ -10,8 +10,9 @@ export interface ColumnSizeDescriptor {
export type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor; export type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor;
export interface ColumnProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ColumnProps extends RestProps {
/** /**
* Set to `true` to render a custom HTML element * Set to `true` to render a custom HTML element
* Props are destructured as `props` in the default slot (e.g., <Column let:props><article {...props}>...</article></Column>) * Props are destructured as `props` in the default slot (e.g., <Column let:props><article {...props}>...</article></Column>)
@ -84,6 +85,6 @@ export interface ColumnProps
export default class Column extends SvelteComponentTyped< export default class Column extends SvelteComponentTyped<
ColumnProps, ColumnProps,
{}, Record<string, any>,
{ default: { props: { class: string; [key: string]: any } } } { default: { props: { class: string; [key: string]: any } } }
> {} > {}

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface GridProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface GridProps extends RestProps {
/** /**
* Set to `true` to render a custom HTML element * Set to `true` to render a custom HTML element
* Props are destructured as `props` in the default slot (e.g., <Grid let:props><header {...props}>...</header></Grid>) * Props are destructured as `props` in the default slot (e.g., <Grid let:props><header {...props}>...</header></Grid>)
@ -57,6 +58,6 @@ export interface GridProps
export default class Grid extends SvelteComponentTyped< export default class Grid extends SvelteComponentTyped<
GridProps, GridProps,
{}, Record<string, any>,
{ default: { props: { class: string; [key: string]: any } } } { default: { props: { class: string; [key: string]: any } } }
> {} > {}

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface RowProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface RowProps extends RestProps {
/** /**
* Set to `true` to render a custom HTML element * Set to `true` to render a custom HTML element
* Props are destructured as `props` in the default slot (e.g., <Row let:props><section {...props}>...</section></Row>) * Props are destructured as `props` in the default slot (e.g., <Row let:props><section {...props}>...</section></Row>)
@ -51,6 +52,6 @@ export interface RowProps
export default class Row extends SvelteComponentTyped< export default class Row extends SvelteComponentTyped<
RowProps, RowProps,
{}, Record<string, any>,
{ default: { props: { class: string; [key: string]: any } } } { default: { props: { class: string; [key: string]: any } } }
> {} > {}

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ImageLoaderProps type RestProps = SvelteHTMLElements["img"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["img"]> {
export interface ImageLoaderProps extends RestProps {
/** /**
* Specify the image source * Specify the image source
* @default "" * @default ""

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface InlineLoadingProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface InlineLoadingProps extends RestProps {
/** /**
* Set the loading status * Set the loading status
* @default "active" * @default "active"

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

@ -1,9 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface LinkProps type RestProps = SvelteHTMLElements["a"] & SvelteHTMLElements["p"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]>,
svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["p"]> { export interface LinkProps extends RestProps {
/** /**
* Specify the size of the link * Specify the size of the link
* @default undefined * @default undefined
@ -27,7 +27,7 @@ export interface LinkProps
* `inline` must be `false` * `inline` must be `false`
* @default undefined * @default undefined
*/ */
icon?: typeof import("svelte").SvelteComponent; icon?: typeof import("svelte").SvelteComponent<any>;
/** /**
* Set to `true` to disable the checkbox * Set to `true` to disable the checkbox

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

@ -1,4 +1,3 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { LinkProps } from "./Link.svelte"; import type { LinkProps } from "./Link.svelte";

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ListBoxProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ListBoxProps extends RestProps {
/** /**
* Set the size of the list box * Set the size of the list box
* @default undefined * @default undefined

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

@ -1,10 +1,11 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export type ListBoxFieldTranslationId = "close" | "open"; export type ListBoxFieldTranslationId = "close" | "open";
export interface ListBoxFieldProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ListBoxFieldProps extends RestProps {
/** /**
* Set to `true` to disable the list box field * Set to `true` to disable the list box field
* @default false * @default false

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ListBoxMenuProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ListBoxMenuProps extends RestProps {
/** /**
* Set an id for the top-level element * Set an id for the top-level element
* @default "ccs-" + Math.random().toString(36) * @default "ccs-" + Math.random().toString(36)

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

@ -1,10 +1,11 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export type ListBoxMenuIconTranslationId = "close" | "open"; export type ListBoxMenuIconTranslationId = "close" | "open";
export interface ListBoxMenuIconProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ListBoxMenuIconProps extends RestProps {
/** /**
* Set to `true` to open the list box menu icon * Set to `true` to open the list box menu icon
* @default false * @default false

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ListBoxMenuItemProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ListBoxMenuItemProps extends RestProps {
/** /**
* Set to `true` to enable the active state * Set to `true` to enable the active state
* @default false * @default false

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

@ -1,10 +1,11 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export type ListBoxSelectionTranslationId = "clearAll" | "clearSelection"; export type ListBoxSelectionTranslationId = "clearAll" | "clearSelection";
export interface ListBoxSelectionProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface ListBoxSelectionProps extends RestProps {
/** /**
* Specify the number of selected items * Specify the number of selected items
* @default undefined * @default undefined

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface ListItemProps type RestProps = SvelteHTMLElements["li"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {
export interface ListItemProps extends RestProps {
[key: `data-${string}`]: any; [key: `data-${string}`]: any;
} }

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

@ -1,8 +1,9 @@
/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte"; import type { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
export interface LoadingProps type RestProps = SvelteHTMLElements["div"];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface LoadingProps extends RestProps {
/** /**
* Set to `true` to use the small variant * Set to `true` to use the small variant
* @default false * @default false
@ -38,6 +39,6 @@ export interface LoadingProps
export default class Loading extends SvelteComponentTyped< export default class Loading extends SvelteComponentTyped<
LoadingProps, LoadingProps,
{}, Record<string, any>,
{} {}
> {} > {}

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