diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index b1393fe8..9eebe16b 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -1,118 +1,9 @@
{
"total": 156,
"components": [
- {
- "moduleName": "SkeletonText",
- "filePath": "/src/SkeletonText/SkeletonText.svelte",
- "props": [
- {
- "name": "lines",
- "kind": "let",
- "description": "Specify the number of lines to render",
- "type": "number",
- "value": "3",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "heading",
- "kind": "let",
- "description": "Set to `true` to use the heading size variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "paragraph",
- "kind": "let",
- "description": "Set to `true` to use the paragraph size variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "width",
- "kind": "let",
- "description": "Specify the width of the text (% or px)",
- "type": "string",
- "value": "\"100%\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "AccordionSkeleton",
- "filePath": "/src/Accordion/AccordionSkeleton.svelte",
- "props": [
- {
- "name": "count",
- "kind": "let",
- "description": "Specify the number of accordion items to render",
- "type": "number",
- "value": "4",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "align",
- "kind": "let",
- "description": "Specify alignment of accordion item chevron icon",
- "type": "\"start\" | \"end\"",
- "value": "\"end\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "size",
- "kind": "let",
- "description": "Specify the size of the accordion",
- "type": "\"sm\" | \"xl\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "open",
- "kind": "let",
- "description": "Set to `false` to close the first accordion item",
- "type": "boolean",
- "value": "true",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "click", "element": "ul" },
- { "type": "forwarded", "name": "mouseover", "element": "ul" },
- { "type": "forwarded", "name": "mouseenter", "element": "ul" },
- { "type": "forwarded", "name": "mouseleave", "element": "ul" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "ul" }
- },
{
"moduleName": "Accordion",
- "filePath": "/src/Accordion/Accordion.svelte",
+ "filePath": "src/Accordion/Accordion.svelte",
"props": [
{
"name": "align",
@@ -186,7 +77,7 @@
},
{
"moduleName": "AccordionItem",
- "filePath": "/src/Accordion/AccordionItem.svelte",
+ "filePath": "src/Accordion/AccordionItem.svelte",
"props": [
{
"name": "title",
@@ -249,9 +140,63 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "li" }
},
+ {
+ "moduleName": "AccordionSkeleton",
+ "filePath": "src/Accordion/AccordionSkeleton.svelte",
+ "props": [
+ {
+ "name": "count",
+ "kind": "let",
+ "description": "Specify the number of accordion items to render",
+ "type": "number",
+ "value": "4",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "align",
+ "kind": "let",
+ "description": "Specify alignment of accordion item chevron icon",
+ "type": "\"start\" | \"end\"",
+ "value": "\"end\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "size",
+ "kind": "let",
+ "description": "Specify the size of the accordion",
+ "type": "\"sm\" | \"xl\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "open",
+ "kind": "let",
+ "description": "Set to `false` to close the first accordion item",
+ "type": "boolean",
+ "value": "true",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "ul" },
+ { "type": "forwarded", "name": "mouseover", "element": "ul" },
+ { "type": "forwarded", "name": "mouseenter", "element": "ul" },
+ { "type": "forwarded", "name": "mouseleave", "element": "ul" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "ul" }
+ },
{
"moduleName": "AspectRatio",
- "filePath": "/src/AspectRatio/AspectRatio.svelte",
+ "filePath": "src/AspectRatio/AspectRatio.svelte",
"props": [
{
"name": "ratio",
@@ -269,44 +214,9 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
- {
- "moduleName": "BreadcrumbSkeleton",
- "filePath": "/src/Breadcrumb/BreadcrumbSkeleton.svelte",
- "props": [
- {
- "name": "noTrailingSlash",
- "kind": "let",
- "description": "Set to `true` to hide the breadcrumb trailing slash",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "count",
- "kind": "let",
- "description": "Specify the number of breadcrumb items to render",
- "type": "number",
- "value": "3",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
{
"moduleName": "Breadcrumb",
- "filePath": "/src/Breadcrumb/Breadcrumb.svelte",
+ "filePath": "src/Breadcrumb/Breadcrumb.svelte",
"props": [
{
"name": "noTrailingSlash",
@@ -359,82 +269,9 @@
"import": "\"./BreadcrumbSkeleton\""
}
},
- {
- "moduleName": "Link",
- "filePath": "/src/Link/Link.svelte",
- "props": [
- {
- "name": "size",
- "kind": "let",
- "description": "Specify the size of the link",
- "type": "\"sm\" | \"lg\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "href",
- "kind": "let",
- "description": "Specify the href value",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "inline",
- "kind": "let",
- "description": "Set to `true` to use the inline variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "disabled",
- "kind": "let",
- "description": "Set to `true` to disable the checkbox",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "visited",
- "kind": "let",
- "description": "Set to `true` to allow visited styles",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the top-level HTML element",
- "type": "null | HTMLAnchorElement | HTMLParagraphElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- { "type": "forwarded", "name": "click", "element": "p" },
- { "type": "forwarded", "name": "mouseover", "element": "p" },
- { "type": "forwarded", "name": "mouseenter", "element": "p" },
- { "type": "forwarded", "name": "mouseleave", "element": "p" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "p" }
- },
{
"moduleName": "BreadcrumbItem",
- "filePath": "/src/Breadcrumb/BreadcrumbItem.svelte",
+ "filePath": "src/Breadcrumb/BreadcrumbItem.svelte",
"props": [
{
"name": "href",
@@ -473,51 +310,43 @@
"rest_props": { "type": "Element", "name": "li" }
},
{
- "moduleName": "ButtonSkeleton",
- "filePath": "/src/Button/ButtonSkeleton.svelte",
+ "moduleName": "BreadcrumbSkeleton",
+ "filePath": "src/Breadcrumb/BreadcrumbSkeleton.svelte",
"props": [
{
- "name": "href",
- "kind": "let",
- "description": "Set the `href` to use an anchor link",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "size",
- "kind": "let",
- "description": "Specify the size of button skeleton",
- "type": "\"default\" | \"field\" | \"small\"",
- "value": "\"default\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "small",
+ "name": "noTrailingSlash",
"kind": "let",
+ "description": "Set to `true` to hide the breadcrumb trailing slash",
"type": "boolean",
"value": "false",
"isFunction": false,
"constant": false,
"reactive": false
+ },
+ {
+ "name": "count",
+ "kind": "let",
+ "description": "Specify the number of breadcrumb items to render",
+ "type": "number",
+ "value": "3",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
}
],
"slots": [],
"events": [
- { "type": "forwarded", "name": "click", "element": "a" },
- { "type": "forwarded", "name": "mouseover", "element": "a" },
- { "type": "forwarded", "name": "mouseenter", "element": "a" },
- { "type": "forwarded", "name": "mouseleave", "element": "a" }
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" }
],
"typedefs": [],
- "rest_props": { "type": "Element", "name": "a" }
+ "rest_props": { "type": "Element", "name": "div" }
},
{
"moduleName": "Button",
- "filePath": "/src/Button/Button.svelte",
+ "filePath": "src/Button/Button.svelte",
"props": [
{
"name": "kind",
@@ -691,7 +520,7 @@
},
{
"moduleName": "ButtonSet",
- "filePath": "/src/Button/ButtonSet.svelte",
+ "filePath": "src/Button/ButtonSet.svelte",
"props": [
{
"name": "stacked",
@@ -710,22 +539,51 @@
"rest_props": { "type": "Element", "name": "div" }
},
{
- "moduleName": "CheckboxSkeleton",
- "filePath": "/src/Checkbox/CheckboxSkeleton.svelte",
- "props": [],
+ "moduleName": "ButtonSkeleton",
+ "filePath": "src/Button/ButtonSkeleton.svelte",
+ "props": [
+ {
+ "name": "href",
+ "kind": "let",
+ "description": "Set the `href` to use an anchor link",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "size",
+ "kind": "let",
+ "description": "Specify the size of button skeleton",
+ "type": "\"default\" | \"field\" | \"small\"",
+ "value": "\"default\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "small",
+ "kind": "let",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
"slots": [],
"events": [
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" }
+ { "type": "forwarded", "name": "click", "element": "a" },
+ { "type": "forwarded", "name": "mouseover", "element": "a" },
+ { "type": "forwarded", "name": "mouseenter", "element": "a" },
+ { "type": "forwarded", "name": "mouseleave", "element": "a" }
],
"typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
+ "rest_props": { "type": "Element", "name": "a" }
},
{
"moduleName": "Checkbox",
- "filePath": "/src/Checkbox/Checkbox.svelte",
+ "filePath": "src/Checkbox/Checkbox.svelte",
"props": [
{
"name": "checked",
@@ -862,15 +720,29 @@
"rest_props": { "type": "InlineComponent", "name": "CheckboxSkeleton" }
},
{
- "moduleName": "ContentSwitcher",
- "filePath": "/src/ContentSwitcher/ContentSwitcher.svelte",
+ "moduleName": "CheckboxSkeleton",
+ "filePath": "src/Checkbox/CheckboxSkeleton.svelte",
+ "props": [],
+ "slots": [],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "ClickableTile",
+ "filePath": "src/Tile/ClickableTile.svelte",
"props": [
{
- "name": "selectedIndex",
+ "name": "clicked",
"kind": "let",
- "description": "Set the selected index of the switch item",
- "type": "number",
- "value": "0",
+ "description": "Set to `true` to click the tile",
+ "type": "boolean",
+ "value": "false",
"isFunction": false,
"constant": false,
"reactive": true
@@ -886,10 +758,10 @@
"reactive": false
},
{
- "name": "size",
+ "name": "href",
"kind": "let",
- "description": "Specify the size of the content switcher",
- "type": "\"sm\" | \"xl\"",
+ "description": "Set the `href`",
+ "type": "string",
"isFunction": false,
"constant": false,
"reactive": false
@@ -897,43 +769,62 @@
],
"slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
"events": [
- { "type": "dispatched", "name": "change", "detail": "number" },
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" }
+ { "type": "forwarded", "name": "click", "element": "a" },
+ { "type": "forwarded", "name": "keydown", "element": "a" },
+ { "type": "forwarded", "name": "mouseover", "element": "a" },
+ { "type": "forwarded", "name": "mouseenter", "element": "a" },
+ { "type": "forwarded", "name": "mouseleave", "element": "a" }
],
"typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
+ "rest_props": { "type": "Element", "name": "a" }
},
{
- "moduleName": "Switch",
- "filePath": "/src/ContentSwitcher/Switch.svelte",
+ "moduleName": "CodeSnippet",
+ "filePath": "src/CodeSnippet/CodeSnippet.svelte",
"props": [
{
- "name": "text",
+ "name": "type",
"kind": "let",
- "description": "Specify the switch text\nAlternatively, use the \"text\" slot (e.g., ...)",
- "type": "string",
- "value": "\"Provide text\"",
+ "description": "Set the type of code snippet",
+ "type": "\"single\" | \"inline\" | \"multi\"",
+ "value": "\"single\"",
"isFunction": false,
"constant": false,
"reactive": false
},
{
- "name": "selected",
+ "name": "code",
"kind": "let",
- "description": "Set to `true` for the switch to be selected",
+ "description": "Set the code snippet text\nAlternatively, use the default slot (e.g., {`code`})",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "expanded",
+ "kind": "let",
+ "description": "Set to `true` to expand a multi-line code snippet (type=\"multi\")",
"type": "boolean",
"value": "false",
"isFunction": false,
"constant": false,
"reactive": true
},
+ {
+ "name": "hideCopyButton",
+ "kind": "let",
+ "description": "Set to `true` to hide the copy button",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
{
"name": "disabled",
"kind": "let",
- "description": "Set to `true` to disable the switch",
+ "description": "Set to `true` for the disabled variant\nOnly applies to the \"single\", \"multi\" types",
"type": "boolean",
"value": "false",
"isFunction": false,
@@ -941,52 +832,57 @@
"reactive": false
},
{
- "name": "id",
+ "name": "wrapText",
"kind": "let",
- "description": "Set an id for the button element",
- "type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
+ "description": "Set to `true` to wrap the text\nNote that `type` must be \"multi\"",
+ "type": "boolean",
+ "value": "false",
"isFunction": false,
"constant": false,
"reactive": false
},
{
- "name": "ref",
+ "name": "light",
"kind": "let",
- "description": "Obtain a reference to the button HTML element",
- "type": "null | HTMLButtonElement",
- "value": "null",
+ "description": "Set to `true` to enable the light variant",
+ "type": "boolean",
+ "value": "false",
"isFunction": false,
"constant": false,
- "reactive": true
- }
- ],
- "slots": [
+ "reactive": false
+ },
{
- "name": "__default__",
- "default": true,
- "fallback": "{text}",
- "slot_props": "{}"
- }
- ],
- "events": [
- { "type": "forwarded", "name": "click", "element": "button" },
- { "type": "forwarded", "name": "mouseover", "element": "button" },
- { "type": "forwarded", "name": "mouseenter", "element": "button" },
- { "type": "forwarded", "name": "mouseleave", "element": "button" },
- { "type": "forwarded", "name": "keydown", "element": "button" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "button" }
- },
- {
- "moduleName": "Copy",
- "filePath": "/src/Copy/Copy.svelte",
- "props": [
+ "name": "skeleton",
+ "kind": "let",
+ "description": "Set to `true` to display the skeleton state",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "copyButtonDescription",
+ "kind": "let",
+ "description": "Specify the ARIA label for the copy button icon",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "copyLabel",
+ "kind": "let",
+ "description": "Specify the ARIA label of the copy button",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
{
"name": "feedback",
"kind": "let",
- "description": "Set the feedback text shown after clicking the button",
+ "description": "Specify the feedback text displayed when clicking the snippet",
"type": "string",
"value": "\"Copied!\"",
"isFunction": false,
@@ -1003,11 +899,51 @@
"constant": false,
"reactive": false
},
+ {
+ "name": "showLessText",
+ "kind": "let",
+ "description": "Specify the show less text\n`type` must be \"multi\"",
+ "type": "string",
+ "value": "\"Show less\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "showMoreText",
+ "kind": "let",
+ "description": "Specify the show more text\n`type` must be \"multi\"",
+ "type": "string",
+ "value": "\"Show more\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "showMoreLess",
+ "kind": "let",
+ "description": "Set to `true` to enable the show more/less button",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the code element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
{
"name": "ref",
"kind": "let",
- "description": "Obtain a reference to the button HTML element",
- "type": "null | HTMLButtonElement",
+ "description": "Obtain a reference to the pre HTML element",
+ "type": "null | HTMLPreElement",
"value": "null",
"isFunction": false,
"constant": false,
@@ -1018,340 +954,55 @@
{
"name": "__default__",
"default": true,
- "fallback": "{#if animation}{feedback || $$restProps[\"aria-label\"]}{/if}",
+ "fallback": "{code}",
"slot_props": "{}"
}
],
"events": [
- { "type": "forwarded", "name": "click", "element": "button" },
- { "type": "forwarded", "name": "animationend", "element": "button" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "button" }
- },
- {
- "moduleName": "CopyButton",
- "filePath": "/src/CopyButton/CopyButton.svelte",
- "props": [
{
- "name": "iconDescription",
- "kind": "let",
- "description": "Set the title and ARIA label for the copy button",
- "type": "string",
- "value": "\"Copy to clipboard\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "click", "element": "Copy" },
- { "type": "forwarded", "name": "animationend", "element": "Copy" }
- ],
- "typedefs": [],
- "rest_props": { "type": "InlineComponent", "name": "Copy" },
- "extends": { "interface": "CopyProps", "import": "\"../Copy/Copy\"" }
- },
- {
- "moduleName": "ListBox",
- "filePath": "/src/ListBox/ListBox.svelte",
- "props": [
- {
- "name": "size",
- "kind": "let",
- "description": "Set the size of the list box",
- "type": "\"sm\" | \"xl\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
+ "type": "forwarded",
+ "name": "click",
+ "element": "CodeSnippetSkeleton"
},
+ {
+ "type": "forwarded",
+ "name": "mouseover",
+ "element": "CodeSnippetSkeleton"
+ },
+ {
+ "type": "forwarded",
+ "name": "mouseenter",
+ "element": "CodeSnippetSkeleton"
+ },
+ {
+ "type": "forwarded",
+ "name": "mouseleave",
+ "element": "CodeSnippetSkeleton"
+ },
+ { "type": "forwarded", "name": "animationend", "element": "CopyButton" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "InlineComponent", "name": "CodeSnippetSkeleton" }
+ },
+ {
+ "moduleName": "CodeSnippetSkeleton",
+ "filePath": "src/CodeSnippet/CodeSnippetSkeleton.svelte",
+ "props": [
{
"name": "type",
"kind": "let",
- "description": "Set the type of the list box",
- "type": "\"default\" | \"inline\"",
- "value": "\"default\"",
+ "description": "Set the type of code snippet",
+ "type": "\"single\" | \"multi\"",
+ "value": "\"single\"",
"isFunction": false,
"constant": false,
"reactive": false
- },
- {
- "name": "open",
- "kind": "let",
- "description": "Set to `true` to open the list box",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "light",
- "kind": "let",
- "description": "Set to `true` to enable the light variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "disabled",
- "kind": "let",
- "description": "Set to `true` to disable the list box",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "invalid",
- "kind": "let",
- "description": "Set to `true` to indicate an invalid state",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "invalidText",
- "kind": "let",
- "description": "Specify the invalid state text",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "warn",
- "kind": "let",
- "description": "Set to `true` to indicate an warning state",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "warnText",
- "kind": "let",
- "description": "Specify the warning state text",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- { "type": "forwarded", "name": "keydown", "element": "div" },
- { "type": "forwarded", "name": "click", "element": "div" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "ListBoxField",
- "filePath": "/src/ListBox/ListBoxField.svelte",
- "props": [
- {
- "name": "disabled",
- "kind": "let",
- "description": "Set to `true` to disable the list box field",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "role",
- "kind": "let",
- "description": "Specify the role attribute",
- "type": "string",
- "value": "\"combobox\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "tabindex",
- "kind": "let",
- "description": "Specify the tabindex",
- "type": "string",
- "value": "\"-1\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "translationIds",
- "kind": "const",
- "description": "Default translation ids",
- "type": "{ close: \"close\", open: \"open\" }",
- "value": "{ close: \"close\", open: \"open\" }",
- "isFunction": false,
- "constant": true,
- "reactive": false
- },
- {
- "name": "translateWithId",
- "kind": "let",
- "description": "Override the default translation ids",
- "type": "(id: ListBoxFieldTranslationId) => string",
- "value": "(id) => defaultTranslations[id]",
- "isFunction": true,
- "constant": false,
- "reactive": false
- },
- {
- "name": "id",
- "kind": "let",
- "description": "Set an id for the top-level element",
- "type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the top-level HTML element",
- "type": "null | HTMLDivElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" },
- { "type": "forwarded", "name": "keydown", "element": "div" },
- { "type": "forwarded", "name": "blur", "element": "div" }
- ],
- "typedefs": [
- {
- "type": "\"close\" | \"open\"",
- "name": "ListBoxFieldTranslationId",
- "ts": "type ListBoxFieldTranslationId = \"close\" | \"open\""
- }
- ],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "ListBoxMenu",
- "filePath": "/src/ListBox/ListBoxMenu.svelte",
- "props": [
- {
- "name": "id",
- "kind": "let",
- "description": "Set an id for the top-level element",
- "type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the HTML element",
- "type": "null | HTMLDivElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [{ "type": "forwarded", "name": "scroll", "element": "div" }],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "ListBoxMenuIcon",
- "filePath": "/src/ListBox/ListBoxMenuIcon.svelte",
- "props": [
- {
- "name": "open",
- "kind": "let",
- "description": "Set to `true` to open the list box menu icon",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "translationIds",
- "kind": "const",
- "description": "Default translation ids",
- "type": "{ close: \"close\", open: \"open\" }",
- "value": "{ close: \"close\", open: \"open\" }",
- "isFunction": false,
- "constant": true,
- "reactive": false
- },
- {
- "name": "translateWithId",
- "kind": "let",
- "description": "Override the default translation ids",
- "type": "(id: ListBoxMenuIconTranslationId) => string",
- "value": "(id) => defaultTranslations[id]",
- "isFunction": true,
- "constant": false,
- "reactive": false
}
],
"slots": [],
- "events": [{ "type": "forwarded", "name": "click", "element": "div" }],
- "typedefs": [
- {
- "type": "\"close\" | \"open\"",
- "name": "ListBoxMenuIconTranslationId",
- "ts": "type ListBoxMenuIconTranslationId = \"close\" | \"open\""
- }
- ],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "ListBoxMenuItem",
- "filePath": "/src/ListBox/ListBoxMenuItem.svelte",
- "props": [
- {
- "name": "active",
- "kind": "let",
- "description": "Set to `true` to enable the active state",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "highlighted",
- "kind": "let",
- "description": "Set to `true` to enable the highlighted state",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
"events": [
{ "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
{ "type": "forwarded", "name": "mouseenter", "element": "div" },
{ "type": "forwarded", "name": "mouseleave", "element": "div" }
],
@@ -1359,22 +1010,13 @@
"rest_props": { "type": "Element", "name": "div" }
},
{
- "moduleName": "ListBoxSelection",
- "filePath": "/src/ListBox/ListBoxSelection.svelte",
+ "moduleName": "Column",
+ "filePath": "src/Grid/Column.svelte",
"props": [
{
- "name": "selectionCount",
+ "name": "as",
"kind": "let",
- "description": "Specify the number of selected items",
- "type": "any",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "disabled",
- "kind": "let",
- "description": "Set to `true` to disable the list box selection",
+ "description": "Set to `true` to render a custom HTML element\nProps are destructured as `props` in the default slot (e.g., ...)",
"type": "boolean",
"value": "false",
"isFunction": false,
@@ -1382,50 +1024,130 @@
"reactive": false
},
{
- "name": "translationIds",
- "kind": "const",
- "description": "Default translation ids",
- "type": "{ clearAll: \"clearAll\", clearSelection: \"clearSelection\", }",
- "value": "{ clearAll: \"clearAll\", clearSelection: \"clearSelection\", }",
- "isFunction": false,
- "constant": true,
- "reactive": false
- },
- {
- "name": "translateWithId",
+ "name": "noGutter",
"kind": "let",
- "description": "Override the default translation ids",
- "type": "(id: ListBoxSelectionTranslationId) => string",
- "value": "(id) => defaultTranslations[id]",
- "isFunction": true,
+ "description": "Set to `true` to remove the gutter",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
"constant": false,
"reactive": false
},
{
- "name": "ref",
+ "name": "noGutterLeft",
"kind": "let",
- "description": "Obtain a reference to the top-level HTML element",
- "type": "null | HTMLDivElement",
- "value": "null",
+ "description": "Set to `true` to remove the left gutter",
+ "type": "boolean",
+ "value": "false",
"isFunction": false,
"constant": false,
- "reactive": true
+ "reactive": false
+ },
+ {
+ "name": "noGutterRight",
+ "kind": "let",
+ "description": "Set to `true` to remove the right gutter",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "padding",
+ "kind": "let",
+ "description": "Set to `true` to add top and bottom padding to the column",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "aspectRatio",
+ "kind": "let",
+ "description": "Specify the aspect ratio of the column",
+ "type": "\"2x1\" | \"16x9\" | \"9x16\" | \"1x2\" | \"4x3\" | \"3x4\" | \"1x1\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "sm",
+ "kind": "let",
+ "description": "Set the small breakpoint",
+ "type": "ColumnBreakpoint",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "md",
+ "kind": "let",
+ "description": "Set the medium breakpoint",
+ "type": "ColumnBreakpoint",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "lg",
+ "kind": "let",
+ "description": "Set the large breakpoint",
+ "type": "ColumnBreakpoint",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "xlg",
+ "kind": "let",
+ "description": "Set the extra large breakpoint",
+ "type": "ColumnBreakpoint",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "max",
+ "kind": "let",
+ "description": "Set the maximum breakpoint",
+ "type": "ColumnBreakpoint",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
}
],
- "slots": [],
- "events": [{ "type": "dispatched", "name": "clear" }],
+ "slots": [
+ {
+ "name": "__default__",
+ "default": true,
+ "slot_props": "{props: { class: string; [key: string]: any; }}"
+ }
+ ],
+ "events": [],
"typedefs": [
{
- "type": "\"clearAll\" | \"clearSelection\"",
- "name": "ListBoxSelectionTranslationId",
- "ts": "type ListBoxSelectionTranslationId = \"clearAll\" | \"clearSelection\""
+ "type": "boolean | number",
+ "name": "ColumnSize",
+ "ts": "type ColumnSize = boolean | number"
+ },
+ {
+ "type": "{span?: ColumnSize; offset: number;}",
+ "name": "ColumnSizeDescriptor",
+ "ts": "interface ColumnSizeDescriptor {span?: ColumnSize; offset: number;}"
+ },
+ {
+ "type": "ColumnSize | ColumnSizeDescriptor",
+ "name": "ColumnBreakpoint",
+ "ts": "type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor"
}
],
"rest_props": { "type": "Element", "name": "div" }
},
{
"moduleName": "ComboBox",
- "filePath": "/src/ComboBox/ComboBox.svelte",
+ "filePath": "src/ComboBox/ComboBox.svelte",
"props": [
{
"name": "items",
@@ -1639,7 +1361,7 @@
},
{
"moduleName": "ComposedModal",
- "filePath": "/src/ComposedModal/ComposedModal.svelte",
+ "filePath": "src/ComposedModal/ComposedModal.svelte",
"props": [
{
"name": "size",
@@ -1730,105 +1452,15 @@
"rest_props": { "type": "Element", "name": "div" }
},
{
- "moduleName": "ModalHeader",
- "filePath": "/src/ComposedModal/ModalHeader.svelte",
+ "moduleName": "Content",
+ "filePath": "src/UIShell/Content.svelte",
"props": [
{
- "name": "title",
+ "name": "id",
"kind": "let",
- "description": "Specify the modal title",
+ "description": "Specify the id for the main element",
"type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "label",
- "kind": "let",
- "description": "Specify the modal label",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "labelClass",
- "kind": "let",
- "description": "Specify the label class",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "titleClass",
- "kind": "let",
- "description": "Specify the title class",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "closeClass",
- "kind": "let",
- "description": "Specify the close class",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "closeIconClass",
- "kind": "let",
- "description": "Specify the close icon class",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "iconDescription",
- "kind": "let",
- "description": "Specify the ARIA label for the close icon",
- "type": "string",
- "value": "\"Close\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [{ "type": "forwarded", "name": "click", "element": "button" }],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "ModalBody",
- "filePath": "/src/ComposedModal/ModalBody.svelte",
- "props": [
- {
- "name": "hasForm",
- "kind": "let",
- "description": "Set to `true` if the modal contains form elements",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "hasScrollingContent",
- "kind": "let",
- "description": "Set to `true` if the modal contains scrolling content",
- "type": "boolean",
- "value": "false",
+ "value": "\"main-content\"",
"isFunction": false,
"constant": false,
"reactive": false
@@ -1837,164 +1469,22 @@
"slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
"events": [],
"typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
+ "rest_props": { "type": "Element", "name": "main" }
},
{
- "moduleName": "ModalFooter",
- "filePath": "/src/ComposedModal/ModalFooter.svelte",
+ "moduleName": "ContentSwitcher",
+ "filePath": "src/ContentSwitcher/ContentSwitcher.svelte",
"props": [
{
- "name": "primaryButtonText",
+ "name": "selectedIndex",
"kind": "let",
- "description": "Specify the primary button text",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "primaryButtonDisabled",
- "kind": "let",
- "description": "Set to `true` to disable the primary button",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "primaryClass",
- "kind": "let",
- "description": "Specify a class for the primary button",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "secondaryButtonText",
- "kind": "let",
- "description": "Specify the secondary button text",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "secondaryClass",
- "kind": "let",
- "description": "Specify a class for the secondary button",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "danger",
- "kind": "let",
- "description": "Set to `true` to use the danger variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "CodeSnippetSkeleton",
- "filePath": "/src/CodeSnippet/CodeSnippetSkeleton.svelte",
- "props": [
- {
- "name": "type",
- "kind": "let",
- "description": "Set the type of code snippet",
- "type": "\"single\" | \"multi\"",
- "value": "\"single\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "CodeSnippet",
- "filePath": "/src/CodeSnippet/CodeSnippet.svelte",
- "props": [
- {
- "name": "type",
- "kind": "let",
- "description": "Set the type of code snippet",
- "type": "\"single\" | \"inline\" | \"multi\"",
- "value": "\"single\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "code",
- "kind": "let",
- "description": "Set the code snippet text\nAlternatively, use the default slot (e.g., {`code`})",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "expanded",
- "kind": "let",
- "description": "Set to `true` to expand a multi-line code snippet (type=\"multi\")",
- "type": "boolean",
- "value": "false",
+ "description": "Set the selected index of the switch item",
+ "type": "number",
+ "value": "0",
"isFunction": false,
"constant": false,
"reactive": true
},
- {
- "name": "hideCopyButton",
- "kind": "let",
- "description": "Set to `true` to hide the copy button",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "disabled",
- "kind": "let",
- "description": "Set to `true` for the disabled variant\nOnly applies to the \"single\", \"multi\" types",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "wrapText",
- "kind": "let",
- "description": "Set to `true` to wrap the text\nNote that `type` must be \"multi\"",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
{
"name": "light",
"kind": "let",
@@ -2006,37 +1496,34 @@
"reactive": false
},
{
- "name": "skeleton",
+ "name": "size",
"kind": "let",
- "description": "Set to `true` to display the skeleton state",
- "type": "boolean",
- "value": "false",
+ "description": "Specify the size of the content switcher",
+ "type": "\"sm\" | \"xl\"",
"isFunction": false,
"constant": false,
"reactive": false
- },
- {
- "name": "copyButtonDescription",
- "kind": "let",
- "description": "Specify the ARIA label for the copy button icon",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "copyLabel",
- "kind": "let",
- "description": "Specify the ARIA label of the copy button",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "dispatched", "name": "change", "detail": "number" },
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "Copy",
+ "filePath": "src/Copy/Copy.svelte",
+ "props": [
{
"name": "feedback",
"kind": "let",
- "description": "Specify the feedback text displayed when clicking the snippet",
+ "description": "Set the feedback text shown after clicking the button",
"type": "string",
"value": "\"Copied!\"",
"isFunction": false,
@@ -2053,51 +1540,11 @@
"constant": false,
"reactive": false
},
- {
- "name": "showLessText",
- "kind": "let",
- "description": "Specify the show less text\n`type` must be \"multi\"",
- "type": "string",
- "value": "\"Show less\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "showMoreText",
- "kind": "let",
- "description": "Specify the show more text\n`type` must be \"multi\"",
- "type": "string",
- "value": "\"Show more\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "showMoreLess",
- "kind": "let",
- "description": "Set to `true` to enable the show more/less button",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "id",
- "kind": "let",
- "description": "Set an id for the code element",
- "type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
{
"name": "ref",
"kind": "let",
- "description": "Obtain a reference to the pre HTML element",
- "type": "null | HTMLPreElement",
+ "description": "Obtain a reference to the button HTML element",
+ "type": "null | HTMLButtonElement",
"value": "null",
"isFunction": false,
"constant": false,
@@ -2108,358 +1555,44 @@
{
"name": "__default__",
"default": true,
- "fallback": "{code}",
+ "fallback": "{#if animation}{feedback || $$restProps[\"aria-label\"]}{/if}",
"slot_props": "{}"
}
],
"events": [
- {
- "type": "forwarded",
- "name": "click",
- "element": "CodeSnippetSkeleton"
- },
- {
- "type": "forwarded",
- "name": "mouseover",
- "element": "CodeSnippetSkeleton"
- },
- {
- "type": "forwarded",
- "name": "mouseenter",
- "element": "CodeSnippetSkeleton"
- },
- {
- "type": "forwarded",
- "name": "mouseleave",
- "element": "CodeSnippetSkeleton"
- },
- { "type": "forwarded", "name": "animationend", "element": "CopyButton" }
+ { "type": "forwarded", "name": "click", "element": "button" },
+ { "type": "forwarded", "name": "animationend", "element": "button" }
],
"typedefs": [],
- "rest_props": { "type": "InlineComponent", "name": "CodeSnippetSkeleton" }
+ "rest_props": { "type": "Element", "name": "button" }
},
{
- "moduleName": "RadioButton",
- "filePath": "/src/RadioButton/RadioButton.svelte",
+ "moduleName": "CopyButton",
+ "filePath": "src/CopyButton/CopyButton.svelte",
"props": [
{
- "name": "value",
+ "name": "iconDescription",
"kind": "let",
- "description": "Specify the value of the radio button",
+ "description": "Set the title and ARIA label for the copy button",
"type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "checked",
- "kind": "let",
- "description": "Set to `true` to check the radio button",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "disabled",
- "kind": "let",
- "description": "et to `true` to disable the radio button",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "labelPosition",
- "kind": "let",
- "description": "Specify the label position",
- "type": "\"right\" | \"left\"",
- "value": "\"right\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "labelText",
- "kind": "let",
- "description": "Specify the label text",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "hideLabel",
- "kind": "let",
- "description": "Set to `true` to visually hide the label text",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "id",
- "kind": "let",
- "description": "Set an id for the input element",
- "type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "name",
- "kind": "let",
- "description": "Specify a name attribute for the checkbox input",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the input HTML element",
- "type": "null | HTMLInputElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [],
- "events": [{ "type": "forwarded", "name": "change", "element": "input" }],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "RadioButtonSkeleton",
- "filePath": "/src/RadioButton/RadioButtonSkeleton.svelte",
- "props": [],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "Table",
- "filePath": "/src/DataTable/Table.svelte",
- "props": [
- {
- "name": "size",
- "kind": "let",
- "description": "Set the size of the table",
- "type": "\"compact\" | \"short\" | \"tall\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "zebra",
- "kind": "let",
- "description": "Set to `true` to use zebra styles",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "useStaticWidth",
- "kind": "let",
- "description": "Set to `true` to use static width",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "shouldShowBorder",
- "kind": "let",
- "description": "Set to `true` for the bordered variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "sortable",
- "kind": "let",
- "description": "Set to `true` for the sortable variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "stickyHeader",
- "kind": "let",
- "description": "Set to `true` to enable a sticky header",
- "type": "boolean",
- "value": "false",
+ "value": "\"Copy to clipboard\"",
"isFunction": false,
"constant": false,
"reactive": false
}
],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "section" }
- },
- {
- "moduleName": "TableBody",
- "filePath": "/src/DataTable/TableBody.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "tbody" }
- },
- {
- "moduleName": "TableCell",
- "filePath": "/src/DataTable/TableCell.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "slots": [],
"events": [
- { "type": "forwarded", "name": "click", "element": "td" },
- { "type": "forwarded", "name": "mouseover", "element": "td" },
- { "type": "forwarded", "name": "mouseenter", "element": "td" },
- { "type": "forwarded", "name": "mouseleave", "element": "td" }
+ { "type": "forwarded", "name": "click", "element": "Copy" },
+ { "type": "forwarded", "name": "animationend", "element": "Copy" }
],
"typedefs": [],
- "rest_props": { "type": "Element", "name": "td" }
- },
- {
- "moduleName": "TableContainer",
- "filePath": "/src/DataTable/TableContainer.svelte",
- "props": [
- {
- "name": "title",
- "kind": "let",
- "description": "Specify the title of the data table",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "description",
- "kind": "let",
- "description": "Specify the description of the data table",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "stickyHeader",
- "kind": "let",
- "description": "Set to `true` to enable a sticky header",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "TableHead",
- "filePath": "/src/DataTable/TableHead.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- { "type": "forwarded", "name": "click", "element": "thead" },
- { "type": "forwarded", "name": "mouseover", "element": "thead" },
- { "type": "forwarded", "name": "mouseenter", "element": "thead" },
- { "type": "forwarded", "name": "mouseleave", "element": "thead" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "thead" }
- },
- {
- "moduleName": "TableHeader",
- "filePath": "/src/DataTable/TableHeader.svelte",
- "props": [
- {
- "name": "scope",
- "kind": "let",
- "description": "Specify the `scope` attribute",
- "type": "string",
- "value": "\"col\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "translateWithId",
- "kind": "let",
- "description": "Override the default id translations",
- "type": "() => string",
- "value": "() => \"\"",
- "isFunction": true,
- "constant": false,
- "reactive": false
- },
- {
- "name": "id",
- "kind": "let",
- "description": "Set an id for the top-level element",
- "type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- { "type": "forwarded", "name": "mouseover", "element": "th" },
- { "type": "forwarded", "name": "mouseenter", "element": "th" },
- { "type": "forwarded", "name": "mouseleave", "element": "th" },
- { "type": "forwarded", "name": "click", "element": "button" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "th" }
- },
- {
- "moduleName": "TableRow",
- "filePath": "/src/DataTable/TableRow.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- { "type": "forwarded", "name": "click", "element": "tr" },
- { "type": "forwarded", "name": "mouseover", "element": "tr" },
- { "type": "forwarded", "name": "mouseenter", "element": "tr" },
- { "type": "forwarded", "name": "mouseleave", "element": "tr" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "tr" }
+ "rest_props": { "type": "InlineComponent", "name": "Copy" },
+ "extends": { "interface": "CopyProps", "import": "\"../Copy/Copy\"" }
},
{
"moduleName": "DataTable",
- "filePath": "/src/DataTable/DataTable.svelte",
+ "filePath": "src/DataTable/DataTable.svelte",
"props": [
{
"name": "headers",
@@ -2715,7 +1848,7 @@
},
{
"moduleName": "DataTableSkeleton",
- "filePath": "/src/DataTable/DataTableSkeleton.svelte",
+ "filePath": "src/DataTable/DataTableSkeleton.svelte",
"props": [
{
"name": "columns",
@@ -2801,626 +1934,9 @@
"import": "\"../DataTable/DataTable\""
}
},
- {
- "moduleName": "Toolbar",
- "filePath": "/src/DataTable/Toolbar.svelte",
- "props": [
- {
- "name": "size",
- "kind": "let",
- "description": "Specify the toolbar size",
- "type": "\"sm\" | \"default\"",
- "value": "\"default\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "section" }
- },
- {
- "moduleName": "ToolbarContent",
- "filePath": "/src/DataTable/ToolbarContent.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": []
- },
- {
- "moduleName": "SearchSkeleton",
- "filePath": "/src/Search/SearchSkeleton.svelte",
- "props": [
- {
- "name": "small",
- "kind": "let",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "size",
- "kind": "let",
- "description": "Specify the size of the search input",
- "type": "\"sm\" | \"lg\" | \"xl\"",
- "value": "\"xl\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "Search",
- "filePath": "/src/Search/Search.svelte",
- "props": [
- {
- "name": "small",
- "kind": "let",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "size",
- "kind": "let",
- "description": "Specify the size of the search input",
- "type": "\"sm\" | \"lg\" | \"xl\"",
- "value": "\"xl\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "skeleton",
- "kind": "let",
- "description": "Set to `true` to display the skeleton state",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "light",
- "kind": "let",
- "description": "Set to `true` to enable the light variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "disabled",
- "kind": "let",
- "description": "Set to `true` to disable the search input",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "value",
- "kind": "let",
- "description": "Specify the value of the search input",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "type",
- "kind": "let",
- "description": "Specify the `type` attribute of the search input",
- "type": "string",
- "value": "\"text\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "placeholder",
- "kind": "let",
- "description": "Specify the `placeholder` attribute of the search input",
- "type": "string",
- "value": "\"Search...\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "autocomplete",
- "kind": "let",
- "description": "Specify the `autocomplete` attribute",
- "type": "\"on\" | \"off\"",
- "value": "\"off\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "autofocus",
- "kind": "let",
- "description": "Set to `true` to auto focus the search element",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "closeButtonLabelText",
- "kind": "let",
- "description": "Specify the close button label text",
- "type": "string",
- "value": "\"Clear search input\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "labelText",
- "kind": "let",
- "description": "Specify the label text",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "id",
- "kind": "let",
- "description": "Set an id for the input element",
- "type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the input HTML element",
- "type": "null | HTMLInputElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "click", "element": "SearchSkeleton" },
- {
- "type": "forwarded",
- "name": "mouseover",
- "element": "SearchSkeleton"
- },
- {
- "type": "forwarded",
- "name": "mouseenter",
- "element": "SearchSkeleton"
- },
- {
- "type": "forwarded",
- "name": "mouseleave",
- "element": "SearchSkeleton"
- },
- { "type": "forwarded", "name": "change", "element": "input" },
- { "type": "forwarded", "name": "input", "element": "input" },
- { "type": "forwarded", "name": "focus", "element": "input" },
- { "type": "forwarded", "name": "blur", "element": "input" },
- { "type": "forwarded", "name": "keydown", "element": "input" },
- { "type": "dispatched", "name": "clear" }
- ],
- "typedefs": [],
- "rest_props": { "type": "InlineComponent", "name": "SearchSkeleton" }
- },
- {
- "moduleName": "ToolbarSearch",
- "filePath": "/src/DataTable/ToolbarSearch.svelte",
- "props": [
- {
- "name": "value",
- "kind": "let",
- "description": "Specify the value of the search input",
- "type": "number | string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "expanded",
- "kind": "let",
- "description": "Set to `true` to expand the search bar",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "persistent",
- "kind": "let",
- "description": "Set to `true` to keep the search bar expanded",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "disabled",
- "kind": "let",
- "description": "Set to `true` to disable the search bar",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "tabindex",
- "kind": "let",
- "description": "Specify the tabindex",
- "type": "string",
- "value": "\"0\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the input HTML element",
- "type": "null | HTMLInputElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "change", "element": "Search" },
- { "type": "forwarded", "name": "input", "element": "Search" },
- { "type": "forwarded", "name": "focus", "element": "Search" },
- { "type": "forwarded", "name": "blur", "element": "Search" }
- ],
- "typedefs": [],
- "rest_props": { "type": "InlineComponent", "name": "Search" }
- },
- {
- "moduleName": "ToolbarBatchActions",
- "filePath": "/src/DataTable/ToolbarBatchActions.svelte",
- "props": [
- {
- "name": "formatTotalSelected",
- "kind": "let",
- "description": "Override the total items selected text",
- "type": "(totalSelected: number) => string",
- "value": "(totalSelected) => `${totalSelected} item${totalSelected === 1 ? \"\" : \"s\"} selected`",
- "isFunction": true,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "OverflowMenu",
- "filePath": "/src/OverflowMenu/OverflowMenu.svelte",
- "props": [
- {
- "name": "size",
- "kind": "let",
- "description": "Specify the size of the overflow menu",
- "type": "\"sm\" | \"xl\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "direction",
- "kind": "let",
- "description": "Specify the direction of the overflow menu relative to the button",
- "type": "\"top\" | \"bottom\"",
- "value": "\"bottom\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "open",
- "kind": "let",
- "description": "Set to `true` to open the menu",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "light",
- "kind": "let",
- "description": "Set to `true` to enable the light variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "flipped",
- "kind": "let",
- "description": "Set to `true` to flip the menu relative to the button",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "menuOptionsClass",
- "kind": "let",
- "description": "Specify the menu options class",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "icon",
- "kind": "let",
- "description": "Specify the icon from `carbon-icons-svelte` to render",
- "type": "typeof import(\"carbon-icons-svelte\").CarbonIcon",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "iconClass",
- "kind": "let",
- "description": "Specify the icon class",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "iconDescription",
- "kind": "let",
- "description": "Specify the ARIA label for the icon",
- "type": "string",
- "value": "\"Open and close list of options\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "id",
- "kind": "let",
- "description": "Set an id for the button element",
- "type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "buttonRef",
- "kind": "let",
- "description": "Obtain a reference to the trigger button element",
- "type": "null | HTMLButtonElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "menuRef",
- "kind": "let",
- "description": "Obtain a reference to the overflow menu element",
- "type": "null | HTMLUListElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [
- { "name": "__default__", "default": true, "slot_props": "{}" },
- {
- "name": "menu",
- "default": false,
- "fallback": "",
- "slot_props": "{}"
- }
- ],
- "events": [
- {
- "type": "dispatched",
- "name": "close",
- "detail": "{ index: number; text: string; }"
- },
- { "type": "forwarded", "name": "click", "element": "button" },
- { "type": "forwarded", "name": "mouseover", "element": "button" },
- { "type": "forwarded", "name": "mouseenter", "element": "button" },
- { "type": "forwarded", "name": "mouseleave", "element": "button" },
- { "type": "forwarded", "name": "keydown", "element": "button" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "button" }
- },
- {
- "moduleName": "OverflowMenuItem",
- "filePath": "/src/OverflowMenu/OverflowMenuItem.svelte",
- "props": [
- {
- "name": "text",
- "kind": "let",
- "description": "Specify the item text\nAlternatively, use the default slot for a custom element",
- "type": "string",
- "value": "\"Provide text\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "href",
- "kind": "let",
- "description": "Specify the `href` attribute if the item is a link",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "primaryFocus",
- "kind": "let",
- "description": "Set to `true` if the item should be focused when opening the menu",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "disabled",
- "kind": "let",
- "description": "Set to `true` to disable the item",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "hasDivider",
- "kind": "let",
- "description": "Set to `true` to include a divider",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "danger",
- "kind": "let",
- "description": "Set to `true` to use the danger variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "requireTitle",
- "kind": "let",
- "description": "Set to `false` to omit the button `title` attribute",
- "type": "boolean",
- "value": "true",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "id",
- "kind": "let",
- "description": "Set an id for the top-level element",
- "type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the HTML element",
- "type": "null | HTMLAnchorElement | HTMLButtonElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [
- {
- "name": "__default__",
- "default": true,
- "fallback": "\n {text}\n
",
- "slot_props": "{}"
- }
- ],
- "events": [
- { "type": "forwarded", "name": "click", "element": "a" },
- { "type": "forwarded", "name": "keydown", "element": "a" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "li" }
- },
- {
- "moduleName": "ToolbarMenu",
- "filePath": "/src/DataTable/ToolbarMenu.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": [],
- "rest_props": { "type": "InlineComponent", "name": "OverflowMenu" },
- "extends": {
- "interface": "OverflowMenuProps",
- "import": "\"../OverflowMenu/OverflowMenu\""
- }
- },
- {
- "moduleName": "ToolbarMenuItem",
- "filePath": "/src/DataTable/ToolbarMenuItem.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- { "type": "forwarded", "name": "click", "element": "OverflowMenuItem" },
- {
- "type": "forwarded",
- "name": "keydown",
- "element": "OverflowMenuItem"
- }
- ],
- "typedefs": [],
- "rest_props": { "type": "InlineComponent", "name": "OverflowMenuItem" },
- "extends": {
- "interface": "OverflowMenuItemProps",
- "import": "\"../OverflowMenu/OverflowMenuItem\""
- }
- },
{
"moduleName": "DatePicker",
- "filePath": "/src/DatePicker/DatePicker.svelte",
+ "filePath": "src/DatePicker/DatePicker.svelte",
"props": [
{
"name": "datePickerType",
@@ -3535,7 +2051,7 @@
},
{
"moduleName": "DatePickerInput",
- "filePath": "/src/DatePicker/DatePickerInput.svelte",
+ "filePath": "src/DatePicker/DatePickerInput.svelte",
"props": [
{
"name": "size",
@@ -3697,7 +2213,7 @@
},
{
"moduleName": "DatePickerSkeleton",
- "filePath": "/src/DatePicker/DatePickerSkeleton.svelte",
+ "filePath": "src/DatePicker/DatePickerSkeleton.svelte",
"props": [
{
"name": "range",
@@ -3732,7 +2248,7 @@
},
{
"moduleName": "Dropdown",
- "filePath": "/src/Dropdown/Dropdown.svelte",
+ "filePath": "src/Dropdown/Dropdown.svelte",
"props": [
{
"name": "items",
@@ -3970,7 +2486,7 @@
},
{
"moduleName": "DropdownSkeleton",
- "filePath": "/src/Dropdown/DropdownSkeleton.svelte",
+ "filePath": "src/Dropdown/DropdownSkeleton.svelte",
"props": [
{
"name": "inline",
@@ -3994,13 +2510,23 @@
"rest_props": { "type": "Element", "name": "div" }
},
{
- "moduleName": "Loading",
- "filePath": "/src/Loading/Loading.svelte",
+ "moduleName": "ExpandableTile",
+ "filePath": "src/Tile/ExpandableTile.svelte",
"props": [
{
- "name": "small",
+ "name": "expanded",
"kind": "let",
- "description": "Set to `true` to use the small variant",
+ "description": "Set to `true` to expand the tile",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "light",
+ "kind": "let",
+ "description": "Set to `true` to enable the light variant",
"type": "boolean",
"value": "false",
"isFunction": false,
@@ -4008,69 +2534,49 @@
"reactive": false
},
{
- "name": "active",
+ "name": "tileMaxHeight",
"kind": "let",
- "description": "Set to `false` to disable the active state",
- "type": "boolean",
- "value": "true",
+ "description": "Specify the max height of the tile (number of pixels)",
+ "type": "number",
+ "value": "0",
"isFunction": false,
"constant": false,
- "reactive": false
+ "reactive": true
},
{
- "name": "withOverlay",
+ "name": "tilePadding",
"kind": "let",
- "description": "Set to `false` to disable the overlay",
- "type": "boolean",
- "value": "true",
+ "description": "Specify the padding of the tile (number of pixels)",
+ "type": "number",
+ "value": "0",
"isFunction": false,
"constant": false,
- "reactive": false
+ "reactive": true
},
{
- "name": "description",
+ "name": "tileCollapsedIconText",
"kind": "let",
- "description": "Specify the label description",
+ "description": "Specify the icon text of the collapsed tile",
"type": "string",
- "value": "\"Active loading indicator\"",
+ "value": "\"Interact to expand Tile\"",
"isFunction": false,
"constant": false,
"reactive": false
},
{
- "name": "id",
+ "name": "tileExpandedIconText",
"kind": "let",
- "description": "Set an id for the label element",
+ "description": "Specify the icon text of the expanded tile",
"type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [],
- "events": [],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "Filename",
- "filePath": "/src/FileUploader/Filename.svelte",
- "props": [
- {
- "name": "status",
- "kind": "let",
- "description": "Specify the file name status",
- "type": "\"uploading\" | \"edit\" | \"complete\"",
- "value": "\"uploading\"",
+ "value": "\"Interact to collapse Tile\"",
"isFunction": false,
"constant": false,
"reactive": false
},
{
- "name": "iconDescription",
+ "name": "tileExpandedLabel",
"kind": "let",
- "description": "Specify the ARIA label used for the status icons",
+ "description": "Specify the icon label of the expanded tile",
"type": "string",
"value": "\"\"",
"isFunction": false,
@@ -4078,94 +2584,11 @@
"reactive": false
},
{
- "name": "invalid",
+ "name": "tileCollapsedLabel",
"kind": "let",
- "description": "Set to `true` to indicate an invalid state",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "click", "element": "Close16" },
- { "type": "forwarded", "name": "keydown", "element": "Close16" }
- ],
- "typedefs": [],
- "rest_props": { "type": "InlineComponent", "name": "Loading" }
- },
- {
- "moduleName": "FileUploaderButton",
- "filePath": "/src/FileUploader/FileUploaderButton.svelte",
- "props": [
- {
- "name": "accept",
- "kind": "let",
- "description": "Specify the accepted file types",
- "type": "string[]",
- "value": "[]",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "multiple",
- "kind": "let",
- "description": "Set to `true` to allow multiple files",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "disabled",
- "kind": "let",
- "description": "Set to `true` to disable the input",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "disableLabelChanges",
- "kind": "let",
- "description": "Set to `true` to disable label changes",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "kind",
- "kind": "let",
- "description": "Specify the kind of file uploader button",
- "type": "\"primary\" | \"secondary\" | \"tertiary\" | \"ghost\" | \"danger\"",
- "value": "\"primary\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "labelText",
- "kind": "let",
- "description": "Specify the label text",
+ "description": "Specify the icon label of the collapsed tile",
"type": "string",
- "value": "\"Add file\"",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "role",
- "kind": "let",
- "description": "Specify the label role",
- "type": "string",
- "value": "\"button\"",
+ "value": "\"\"",
"isFunction": false,
"constant": false,
"reactive": false
@@ -4173,7 +2596,7 @@
{
"name": "tabindex",
"kind": "let",
- "description": "Specify `tabindex` attribute",
+ "description": "Specify the tabindex",
"type": "string",
"value": "\"0\"",
"isFunction": false,
@@ -4183,46 +2606,41 @@
{
"name": "id",
"kind": "let",
- "description": "Set an id for the input element",
+ "description": "Set an id for the top-level div element",
"type": "string",
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
"constant": false,
"reactive": false
},
- {
- "name": "name",
- "kind": "let",
- "description": "Specify a name attribute for the input",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
{
"name": "ref",
"kind": "let",
- "description": "Obtain a reference to the input HTML element",
- "type": "null | HTMLInputElement",
+ "description": "Obtain a reference to the top-level element",
+ "type": "null | HTMLButtonElement",
"value": "null",
"isFunction": false,
"constant": false,
"reactive": true
}
],
- "slots": [],
+ "slots": [
+ { "name": "above", "default": false, "slot_props": "{}" },
+ { "name": "below", "default": false, "slot_props": "{}" }
+ ],
"events": [
- { "type": "forwarded", "name": "keydown", "element": "label" },
- { "type": "forwarded", "name": "change", "element": "input" },
- { "type": "forwarded", "name": "click", "element": "input" }
+ { "type": "forwarded", "name": "click", "element": "button" },
+ { "type": "forwarded", "name": "keypress", "element": "button" },
+ { "type": "forwarded", "name": "mouseover", "element": "button" },
+ { "type": "forwarded", "name": "mouseenter", "element": "button" },
+ { "type": "forwarded", "name": "mouseleave", "element": "button" }
],
"typedefs": [],
- "rest_props": { "type": "Element", "name": "input" }
+ "rest_props": { "type": "Element", "name": "button" }
},
{
"moduleName": "FileUploader",
- "filePath": "/src/FileUploader/FileUploader.svelte",
+ "filePath": "src/FileUploader/FileUploader.svelte",
"props": [
{
"name": "status",
@@ -4354,33 +2772,23 @@
"rest_props": { "type": "Element", "name": "div" }
},
{
- "moduleName": "FileUploaderItem",
- "filePath": "/src/FileUploader/FileUploaderItem.svelte",
+ "moduleName": "FileUploaderButton",
+ "filePath": "src/FileUploader/FileUploaderButton.svelte",
"props": [
{
- "name": "status",
+ "name": "accept",
"kind": "let",
- "description": "Specify the file uploader status",
- "type": "\"uploading\" | \"edit\" | \"complete\"",
- "value": "\"uploading\"",
+ "description": "Specify the accepted file types",
+ "type": "string[]",
+ "value": "[]",
"isFunction": false,
"constant": false,
"reactive": false
},
{
- "name": "iconDescription",
+ "name": "multiple",
"kind": "let",
- "description": "Specify the ARIA label used for the status icons",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "invalid",
- "kind": "let",
- "description": "Set to `true` to indicate an invalid state",
+ "description": "Set to `true` to allow multiple files",
"type": "boolean",
"value": "false",
"isFunction": false,
@@ -4388,21 +2796,61 @@
"reactive": false
},
{
- "name": "errorSubject",
+ "name": "disabled",
"kind": "let",
- "description": "Specify the error subject text",
- "type": "string",
- "value": "\"\"",
+ "description": "Set to `true` to disable the input",
+ "type": "boolean",
+ "value": "false",
"isFunction": false,
"constant": false,
"reactive": false
},
{
- "name": "errorBody",
+ "name": "disableLabelChanges",
"kind": "let",
- "description": "Specify the error body text",
+ "description": "Set to `true` to disable label changes",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "kind",
+ "kind": "let",
+ "description": "Specify the kind of file uploader button",
+ "type": "\"primary\" | \"secondary\" | \"tertiary\" | \"ghost\" | \"danger\"",
+ "value": "\"primary\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "labelText",
+ "kind": "let",
+ "description": "Specify the label text",
"type": "string",
- "value": "\"\"",
+ "value": "\"Add file\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "role",
+ "kind": "let",
+ "description": "Specify the label role",
+ "type": "string",
+ "value": "\"button\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "tabindex",
+ "kind": "let",
+ "description": "Specify `tabindex` attribute",
+ "type": "string",
+ "value": "\"0\"",
"isFunction": false,
"constant": false,
"reactive": false
@@ -4410,7 +2858,7 @@
{
"name": "id",
"kind": "let",
- "description": "Set an id for the top-level element",
+ "description": "Set an id for the input element",
"type": "string",
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
@@ -4420,27 +2868,36 @@
{
"name": "name",
"kind": "let",
- "description": "Specify the file uploader name",
+ "description": "Specify a name attribute for the input",
"type": "string",
"value": "\"\"",
"isFunction": false,
"constant": false,
"reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the input HTML element",
+ "type": "null | HTMLInputElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
}
],
"slots": [],
"events": [
- { "type": "dispatched", "name": "delete", "detail": "string" },
- { "type": "forwarded", "name": "mouseover", "element": "span" },
- { "type": "forwarded", "name": "mouseenter", "element": "span" },
- { "type": "forwarded", "name": "mouseleave", "element": "span" }
+ { "type": "forwarded", "name": "keydown", "element": "label" },
+ { "type": "forwarded", "name": "change", "element": "input" },
+ { "type": "forwarded", "name": "click", "element": "input" }
],
"typedefs": [],
- "rest_props": { "type": "Element", "name": "span" }
+ "rest_props": { "type": "Element", "name": "input" }
},
{
"moduleName": "FileUploaderDropContainer",
- "filePath": "/src/FileUploader/FileUploaderDropContainer.svelte",
+ "filePath": "src/FileUploader/FileUploaderDropContainer.svelte",
"props": [
{
"name": "accept",
@@ -4556,9 +3013,94 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
+ {
+ "moduleName": "FileUploaderItem",
+ "filePath": "src/FileUploader/FileUploaderItem.svelte",
+ "props": [
+ {
+ "name": "status",
+ "kind": "let",
+ "description": "Specify the file uploader status",
+ "type": "\"uploading\" | \"edit\" | \"complete\"",
+ "value": "\"uploading\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "iconDescription",
+ "kind": "let",
+ "description": "Specify the ARIA label used for the status icons",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "invalid",
+ "kind": "let",
+ "description": "Set to `true` to indicate an invalid state",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "errorSubject",
+ "kind": "let",
+ "description": "Specify the error subject text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "errorBody",
+ "kind": "let",
+ "description": "Specify the error body text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the top-level element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "name",
+ "kind": "let",
+ "description": "Specify the file uploader name",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [],
+ "events": [
+ { "type": "dispatched", "name": "delete", "detail": "string" },
+ { "type": "forwarded", "name": "mouseover", "element": "span" },
+ { "type": "forwarded", "name": "mouseenter", "element": "span" },
+ { "type": "forwarded", "name": "mouseleave", "element": "span" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "span" }
+ },
{
"moduleName": "FileUploaderSkeleton",
- "filePath": "/src/FileUploader/FileUploaderSkeleton.svelte",
+ "filePath": "src/FileUploader/FileUploaderSkeleton.svelte",
"props": [],
"slots": [],
"events": [
@@ -4570,9 +3112,61 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
+ {
+ "moduleName": "Filename",
+ "filePath": "src/FileUploader/Filename.svelte",
+ "props": [
+ {
+ "name": "status",
+ "kind": "let",
+ "description": "Specify the file name status",
+ "type": "\"uploading\" | \"edit\" | \"complete\"",
+ "value": "\"uploading\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "iconDescription",
+ "kind": "let",
+ "description": "Specify the ARIA label used for the status icons",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "invalid",
+ "kind": "let",
+ "description": "Set to `true` to indicate an invalid state",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "Close16" },
+ { "type": "forwarded", "name": "keydown", "element": "Close16" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "InlineComponent", "name": "Loading" }
+ },
+ {
+ "moduleName": "FluidForm",
+ "filePath": "src/FluidForm/FluidForm.svelte",
+ "props": [],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [{ "type": "forwarded", "name": "submit", "element": "Form" }],
+ "typedefs": [],
+ "rest_props": { "type": "InlineComponent", "name": "Form" }
+ },
{
"moduleName": "Form",
- "filePath": "/src/Form/Form.svelte",
+ "filePath": "src/Form/Form.svelte",
"props": [],
"slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
"events": [
@@ -4585,18 +3179,9 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "form" }
},
- {
- "moduleName": "FluidForm",
- "filePath": "/src/FluidForm/FluidForm.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [{ "type": "forwarded", "name": "submit", "element": "Form" }],
- "typedefs": [],
- "rest_props": { "type": "InlineComponent", "name": "Form" }
- },
{
"moduleName": "FormGroup",
- "filePath": "/src/FormGroup/FormGroup.svelte",
+ "filePath": "src/FormGroup/FormGroup.svelte",
"props": [
{
"name": "invalid",
@@ -4651,7 +3236,7 @@
},
{
"moduleName": "FormItem",
- "filePath": "/src/FormItem/FormItem.svelte",
+ "filePath": "src/FormItem/FormItem.svelte",
"props": [],
"slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
"events": [
@@ -4665,7 +3250,7 @@
},
{
"moduleName": "FormLabel",
- "filePath": "/src/FormLabel/FormLabel.svelte",
+ "filePath": "src/FormLabel/FormLabel.svelte",
"props": [
{
"name": "id",
@@ -4690,7 +3275,7 @@
},
{
"moduleName": "Grid",
- "filePath": "/src/Grid/Grid.svelte",
+ "filePath": "src/Grid/Grid.svelte",
"props": [
{
"name": "as",
@@ -4785,13 +3370,70 @@
"rest_props": { "type": "Element", "name": "div" }
},
{
- "moduleName": "Row",
- "filePath": "/src/Grid/Row.svelte",
+ "moduleName": "Header",
+ "filePath": "src/UIShell/GlobalHeader/Header.svelte",
"props": [
{
- "name": "as",
+ "name": "expandedByDefault",
"kind": "let",
- "description": "Set to `true` to render a custom HTML element\nProps are destructured as `props` in the default slot (e.g., |
)",
+ "description": "Set to `false` to hide the side nav by default",
+ "type": "boolean",
+ "value": "true",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "isSideNavOpen",
+ "kind": "let",
+ "description": "Set to `true` to open the side nav",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "uiShellAriaLabel",
+ "kind": "let",
+ "description": "Specify the ARIA label for the header",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "href",
+ "kind": "let",
+ "description": "Specify the `href` attribute",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "company",
+ "kind": "let",
+ "description": "Specify the company name",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "platformName",
+ "kind": "let",
+ "description": "Specify the platform name\nAlternatively, use the named slot \"platform\" (e.g., ...)",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "persistentHamburgerMenu",
+ "kind": "let",
+ "description": "Set to `true` to persist the hamburger menu",
"type": "boolean",
"value": "false",
"isFunction": false,
@@ -4799,241 +3441,503 @@
"reactive": false
},
{
- "name": "condensed",
+ "name": "ref",
"kind": "let",
- "description": "Set to `true` to use the condensed variant",
- "type": "boolean",
- "value": "false",
+ "description": "Obtain a reference to the HTML anchor element",
+ "type": "null | HTMLAnchorElement",
+ "value": "null",
"isFunction": false,
"constant": false,
- "reactive": false
- },
- {
- "name": "narrow",
- "kind": "let",
- "description": "Set to `true` to use the narrow variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "noGutter",
- "kind": "let",
- "description": "Set to `true` to remove the gutter",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "noGutterLeft",
- "kind": "let",
- "description": "Set to `true` to remove the left gutter",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "noGutterRight",
- "kind": "let",
- "description": "Set to `true` to remove the right gutter",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "padding",
- "kind": "let",
- "description": "Set to `true` to add top and bottom padding to all columns",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
+ "reactive": true
}
],
"slots": [
+ { "name": "__default__", "default": true, "slot_props": "{}" },
{
- "name": "__default__",
- "default": true,
- "slot_props": "{ props: { class: string; [key: string]: any; } }"
- }
+ "name": "platform",
+ "default": false,
+ "fallback": "{platformName}",
+ "slot_props": "{}"
+ },
+ { "name": "skip-to-content", "default": false, "slot_props": "{}" }
],
- "events": [],
+ "events": [{ "type": "forwarded", "name": "click", "element": "a" }],
"typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
+ "rest_props": { "type": "Element", "name": "a" }
},
{
- "moduleName": "Column",
- "filePath": "/src/Grid/Column.svelte",
+ "moduleName": "HeaderAction",
+ "filePath": "src/UIShell/GlobalHeader/HeaderAction.svelte",
"props": [
{
- "name": "as",
+ "name": "isOpen",
"kind": "let",
- "description": "Set to `true` to render a custom HTML element\nProps are destructured as `props` in the default slot (e.g., ...)",
+ "description": "Set to `true` to open the panel",
"type": "boolean",
"value": "false",
"isFunction": false,
"constant": false,
- "reactive": false
+ "reactive": true
},
{
- "name": "noGutter",
+ "name": "icon",
"kind": "let",
- "description": "Set to `true` to remove the gutter",
- "type": "boolean",
- "value": "false",
+ "description": "Specify the icon from `carbon-icons-svelte` to render",
+ "type": "typeof import(\"carbon-icons-svelte\").CarbonIcon",
"isFunction": false,
"constant": false,
"reactive": false
},
{
- "name": "noGutterLeft",
+ "name": "text",
"kind": "let",
- "description": "Set to `true` to remove the left gutter",
- "type": "boolean",
- "value": "false",
+ "description": "Specify the text\nAlternatively, use the named slot \"text\" (e.g., ...
)",
+ "type": "string",
"isFunction": false,
"constant": false,
"reactive": false
},
{
- "name": "noGutterRight",
+ "name": "ref",
"kind": "let",
- "description": "Set to `true` to remove the right gutter",
- "type": "boolean",
- "value": "false",
+ "description": "Obtain a reference to the button HTML element",
+ "type": "null | HTMLButtonElement",
+ "value": "null",
"isFunction": false,
"constant": false,
- "reactive": false
+ "reactive": true
},
{
- "name": "padding",
+ "name": "transition",
"kind": "let",
- "description": "Set to `true` to add top and bottom padding to the column",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "aspectRatio",
- "kind": "let",
- "description": "Specify the aspect ratio of the column",
- "type": "\"2x1\" | \"16x9\" | \"9x16\" | \"1x2\" | \"4x3\" | \"3x4\" | \"1x1\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "sm",
- "kind": "let",
- "description": "Set the small breakpoint",
- "type": "ColumnBreakpoint",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "md",
- "kind": "let",
- "description": "Set the medium breakpoint",
- "type": "ColumnBreakpoint",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "lg",
- "kind": "let",
- "description": "Set the large breakpoint",
- "type": "ColumnBreakpoint",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "xlg",
- "kind": "let",
- "description": "Set the extra large breakpoint",
- "type": "ColumnBreakpoint",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "max",
- "kind": "let",
- "description": "Set the maximum breakpoint",
- "type": "ColumnBreakpoint",
+ "description": "Customize the panel transition (i.e., `transition:slide`)\nSet to `false` to disable the transition",
+ "type": "false | HeaderActionSlideTransition",
+ "value": "{ duration: 200 }",
"isFunction": false,
"constant": false,
"reactive": false
}
],
"slots": [
+ { "name": "__default__", "default": true, "slot_props": "{}" },
{
- "name": "__default__",
- "default": true,
- "slot_props": "{props: { class: string; [key: string]: any; }}"
+ "name": "text",
+ "default": false,
+ "fallback": "{#if text}{text}{/if}",
+ "slot_props": "{}"
}
],
- "events": [],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "button" },
+ { "type": "dispatched", "name": "close" }
+ ],
"typedefs": [
{
- "type": "boolean | number",
- "name": "ColumnSize",
- "ts": "type ColumnSize = boolean | number"
- },
- {
- "type": "{span?: ColumnSize; offset: number;}",
- "name": "ColumnSizeDescriptor",
- "ts": "interface ColumnSizeDescriptor {span?: ColumnSize; offset: number;}"
- },
- {
- "type": "ColumnSize | ColumnSizeDescriptor",
- "name": "ColumnBreakpoint",
- "ts": "type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor"
+ "type": "{ delay?: number; duration?: number; easing?: (t: number) => number; }",
+ "name": "HeaderActionSlideTransition",
+ "ts": "interface HeaderActionSlideTransition { delay?: number; duration?: number; easing?: (t: number) => number; }"
}
],
- "rest_props": { "type": "Element", "name": "div" }
+ "rest_props": { "type": "Element", "name": "button" }
},
{
- "moduleName": "IconSkeleton",
- "filePath": "/src/Icon/IconSkeleton.svelte",
+ "moduleName": "HeaderActionLink",
+ "filePath": "src/UIShell/GlobalHeader/HeaderActionLink.svelte",
"props": [
{
- "name": "size",
+ "name": "linkIsActive",
"kind": "let",
- "description": "Set the size of the icon",
- "type": "number",
- "value": "16",
+ "description": "Set to `true` to use the active state",
+ "type": "boolean",
+ "value": "false",
"isFunction": false,
"constant": false,
"reactive": false
+ },
+ {
+ "name": "href",
+ "kind": "let",
+ "description": "Specify the `href` attribute",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "icon",
+ "kind": "let",
+ "description": "Specify the icon from `carbon-icons-svelte` to render",
+ "type": "typeof import(\"carbon-icons-svelte\").CarbonIcon",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the HTML anchor element",
+ "type": "null | HTMLAnchorElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [],
+ "events": [],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "a" }
+ },
+ {
+ "moduleName": "HeaderActionSearch",
+ "filePath": "src/UIShell/GlobalHeader/HeaderActionSearch.svelte",
+ "props": [
+ {
+ "name": "searchIsActive",
+ "kind": "let",
+ "description": "Set to `true` to focus the search",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
}
],
"slots": [],
"events": [
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" }
+ {
+ "type": "dispatched",
+ "name": "inputSearch",
+ "detail": "{ action: \"search\"; textInput: string; }"
+ },
+ { "type": "dispatched", "name": "focusInputSearch" },
+ { "type": "dispatched", "name": "focusOutInputSearch" }
+ ],
+ "typedefs": []
+ },
+ {
+ "moduleName": "HeaderGlobalAction",
+ "filePath": "src/UIShell/HeaderGlobalAction.svelte",
+ "props": [
+ {
+ "name": "isActive",
+ "kind": "let",
+ "description": "Set to `true` to use the active variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "icon",
+ "kind": "let",
+ "description": "Specify the icon to render",
+ "type": "typeof import(\"carbon-icons-svelte\").CarbonIcon",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the HTML button element",
+ "type": "null | HTMLButtonElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [
+ {
+ "name": "__default__",
+ "default": true,
+ "fallback": "",
+ "slot_props": "{}"
+ }
+ ],
+ "events": [{ "type": "forwarded", "name": "click", "element": "button" }],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "button" }
+ },
+ {
+ "moduleName": "HeaderNav",
+ "filePath": "src/UIShell/GlobalHeader/HeaderNav.svelte",
+ "props": [
+ {
+ "name": "ariaLabel",
+ "kind": "let",
+ "description": "Specify the ARIA label for the nav",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "nav" }
+ },
+ {
+ "moduleName": "HeaderNavItem",
+ "filePath": "src/UIShell/GlobalHeader/HeaderNavItem.svelte",
+ "props": [
+ {
+ "name": "href",
+ "kind": "let",
+ "description": "Specify the `href` attribute",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "text",
+ "kind": "let",
+ "description": "Specify the text",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the HTML anchor element",
+ "type": "null | HTMLAnchorElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "a" },
+ { "type": "forwarded", "name": "mouseover", "element": "a" },
+ { "type": "forwarded", "name": "mouseenter", "element": "a" },
+ { "type": "forwarded", "name": "mouseleave", "element": "a" },
+ { "type": "forwarded", "name": "keyup", "element": "a" },
+ { "type": "forwarded", "name": "keydown", "element": "a" },
+ { "type": "forwarded", "name": "focus", "element": "a" },
+ { "type": "forwarded", "name": "blur", "element": "a" }
],
"typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
+ "rest_props": { "type": "Element", "name": "a" }
+ },
+ {
+ "moduleName": "HeaderNavMenu",
+ "filePath": "src/UIShell/GlobalHeader/HeaderNavMenu.svelte",
+ "props": [
+ {
+ "name": "expanded",
+ "kind": "let",
+ "description": "Set to `true` to toggle the expanded state",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "href",
+ "kind": "let",
+ "description": "Specify the `href` attribute",
+ "type": "string",
+ "value": "\"/\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "text",
+ "kind": "let",
+ "description": "Specify the text",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the HTML anchor element",
+ "type": "null | HTMLAnchorElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "iconDescription",
+ "kind": "let",
+ "description": "Specify the ARIA label for the chevron icon",
+ "type": "string",
+ "value": "\"Expand/Collapse\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "forwarded", "name": "keydown", "element": "a" },
+ { "type": "forwarded", "name": "click", "element": "a" },
+ { "type": "forwarded", "name": "mouseover", "element": "a" },
+ { "type": "forwarded", "name": "mouseenter", "element": "a" },
+ { "type": "forwarded", "name": "mouseleave", "element": "a" },
+ { "type": "forwarded", "name": "keyup", "element": "a" },
+ { "type": "forwarded", "name": "focus", "element": "a" },
+ { "type": "forwarded", "name": "blur", "element": "a" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "a" }
+ },
+ {
+ "moduleName": "HeaderPanelDivider",
+ "filePath": "src/UIShell/GlobalHeader/HeaderPanelDivider.svelte",
+ "props": [],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": []
+ },
+ {
+ "moduleName": "HeaderPanelLink",
+ "filePath": "src/UIShell/GlobalHeader/HeaderPanelLink.svelte",
+ "props": [
+ {
+ "name": "href",
+ "kind": "let",
+ "description": "Specify the `href` attribute",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the HTML anchor element",
+ "type": "null | HTMLAnchorElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [{ "type": "forwarded", "name": "click", "element": "a" }],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "a" }
+ },
+ {
+ "moduleName": "HeaderPanelLinks",
+ "filePath": "src/UIShell/GlobalHeader/HeaderPanelLinks.svelte",
+ "props": [],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": []
+ },
+ {
+ "moduleName": "HeaderSearch",
+ "filePath": "src/UIShell/HeaderSearch.svelte",
+ "props": [
+ {
+ "name": "value",
+ "kind": "let",
+ "description": "Specify the search input value",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "active",
+ "kind": "let",
+ "description": "Set to `true` to activate and focus the search bar",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the input HTML element",
+ "type": "null | HTMLInputElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "results",
+ "kind": "let",
+ "description": "Render a list of search results",
+ "type": "HeaderSearchResult[]",
+ "value": "[]",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "selectedResultIndex",
+ "kind": "let",
+ "description": "Specify the selected result index",
+ "type": "number",
+ "value": "0",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [
+ {
+ "name": "__default__",
+ "default": true,
+ "fallback": "{result.text}\n {#if result.description}– {result.description}{/if}",
+ "slot_props": "{ result: HeaderSearchResult; index: number }"
+ }
+ ],
+ "events": [
+ { "type": "dispatched", "name": "active", "detail": "any" },
+ { "type": "dispatched", "name": "inactive", "detail": "any" },
+ { "type": "dispatched", "name": "clear", "detail": "any" },
+ {
+ "type": "dispatched",
+ "name": "select",
+ "detail": "{ value: string; selectedResultIndex: number; selectedResult: HeaderSearchResult }"
+ },
+ { "type": "forwarded", "name": "change", "element": "input" },
+ { "type": "forwarded", "name": "input", "element": "input" },
+ { "type": "forwarded", "name": "focus", "element": "input" },
+ { "type": "forwarded", "name": "blur", "element": "input" },
+ { "type": "forwarded", "name": "keydown", "element": "input" }
+ ],
+ "typedefs": [
+ {
+ "type": "{ href: string; text: string; description?: string; }",
+ "name": "HeaderSearchResult",
+ "ts": "interface HeaderSearchResult { href: string; text: string; description?: string; }"
+ }
+ ],
+ "rest_props": { "type": "Element", "name": "input" }
+ },
+ {
+ "moduleName": "HeaderUtilities",
+ "filePath": "src/UIShell/GlobalHeader/HeaderUtilities.svelte",
+ "props": [],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": []
},
{
"moduleName": "Icon",
- "filePath": "/src/Icon/Icon.svelte",
+ "filePath": "src/Icon/Icon.svelte",
"props": [
{
"name": "render",
@@ -5073,9 +3977,34 @@
"import": "\"./IconSkeleton\""
}
},
+ {
+ "moduleName": "IconSkeleton",
+ "filePath": "src/Icon/IconSkeleton.svelte",
+ "props": [
+ {
+ "name": "size",
+ "kind": "let",
+ "description": "Set the size of the icon",
+ "type": "number",
+ "value": "16",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
{
"moduleName": "InlineLoading",
- "filePath": "/src/InlineLoading/InlineLoading.svelte",
+ "filePath": "src/InlineLoading/InlineLoading.svelte",
"props": [
{
"name": "status",
@@ -5128,23 +4057,554 @@
"rest_props": { "type": "Element", "name": "div" }
},
{
- "moduleName": "OutboundLink",
- "filePath": "/src/Link/OutboundLink.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "moduleName": "InlineNotification",
+ "filePath": "src/Notification/InlineNotification.svelte",
+ "props": [
+ {
+ "name": "kind",
+ "kind": "let",
+ "description": "Specify the kind of notification",
+ "type": "\"error\" | \"info\" | \"info-square\" | \"success\" | \"warning\" | \"warning-alt\"",
+ "value": "\"error\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "lowContrast",
+ "kind": "let",
+ "description": "Set to `true` to use the low contrast variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "timeout",
+ "kind": "let",
+ "description": "Set the timeout duration (ms) to hide the notification after opening it",
+ "type": "number",
+ "value": "0",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "role",
+ "kind": "let",
+ "description": "Set the `role` attribute",
+ "type": "string",
+ "value": "\"alert\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "title",
+ "kind": "let",
+ "description": "Specify the title text",
+ "type": "string",
+ "value": "\"Title\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "subtitle",
+ "kind": "let",
+ "description": "Specify the subtitle text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "hideCloseButton",
+ "kind": "let",
+ "description": "Set to `true` to hide the close button",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "iconDescription",
+ "kind": "let",
+ "description": "Specify the ARIA label for the icon",
+ "type": "string",
+ "value": "\"Closes notification\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [
+ { "name": "__default__", "default": true, "slot_props": "{}" },
+ { "name": "actions", "default": false, "slot_props": "{}" }
+ ],
"events": [
- { "type": "forwarded", "name": "click", "element": "Link" },
- { "type": "forwarded", "name": "mouseover", "element": "Link" },
- { "type": "forwarded", "name": "mouseenter", "element": "Link" },
- { "type": "forwarded", "name": "mouseleave", "element": "Link" }
+ {
+ "type": "dispatched",
+ "name": "close",
+ "detail": "{ timeout: boolean }"
+ },
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" }
],
"typedefs": [],
- "rest_props": { "type": "InlineComponent", "name": "Link" },
- "extends": { "interface": "LinkProps", "import": "\"./Link\"" }
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "Link",
+ "filePath": "src/Link/Link.svelte",
+ "props": [
+ {
+ "name": "size",
+ "kind": "let",
+ "description": "Specify the size of the link",
+ "type": "\"sm\" | \"lg\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "href",
+ "kind": "let",
+ "description": "Specify the href value",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "inline",
+ "kind": "let",
+ "description": "Set to `true` to use the inline variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "disabled",
+ "kind": "let",
+ "description": "Set to `true` to disable the checkbox",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "visited",
+ "kind": "let",
+ "description": "Set to `true` to allow visited styles",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the top-level HTML element",
+ "type": "null | HTMLAnchorElement | HTMLParagraphElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "p" },
+ { "type": "forwarded", "name": "mouseover", "element": "p" },
+ { "type": "forwarded", "name": "mouseenter", "element": "p" },
+ { "type": "forwarded", "name": "mouseleave", "element": "p" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "p" }
+ },
+ {
+ "moduleName": "ListBox",
+ "filePath": "src/ListBox/ListBox.svelte",
+ "props": [
+ {
+ "name": "size",
+ "kind": "let",
+ "description": "Set the size of the list box",
+ "type": "\"sm\" | \"xl\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "type",
+ "kind": "let",
+ "description": "Set the type of the list box",
+ "type": "\"default\" | \"inline\"",
+ "value": "\"default\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "open",
+ "kind": "let",
+ "description": "Set to `true` to open the list box",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "light",
+ "kind": "let",
+ "description": "Set to `true` to enable the light variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "disabled",
+ "kind": "let",
+ "description": "Set to `true` to disable the list box",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "invalid",
+ "kind": "let",
+ "description": "Set to `true` to indicate an invalid state",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "invalidText",
+ "kind": "let",
+ "description": "Specify the invalid state text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "warn",
+ "kind": "let",
+ "description": "Set to `true` to indicate an warning state",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "warnText",
+ "kind": "let",
+ "description": "Specify the warning state text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "forwarded", "name": "keydown", "element": "div" },
+ { "type": "forwarded", "name": "click", "element": "div" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "ListBoxField",
+ "filePath": "src/ListBox/ListBoxField.svelte",
+ "props": [
+ {
+ "name": "disabled",
+ "kind": "let",
+ "description": "Set to `true` to disable the list box field",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "role",
+ "kind": "let",
+ "description": "Specify the role attribute",
+ "type": "string",
+ "value": "\"combobox\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "tabindex",
+ "kind": "let",
+ "description": "Specify the tabindex",
+ "type": "string",
+ "value": "\"-1\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "translationIds",
+ "kind": "const",
+ "description": "Default translation ids",
+ "type": "{ close: \"close\", open: \"open\" }",
+ "value": "{ close: \"close\", open: \"open\" }",
+ "isFunction": false,
+ "constant": true,
+ "reactive": false
+ },
+ {
+ "name": "translateWithId",
+ "kind": "let",
+ "description": "Override the default translation ids",
+ "type": "(id: ListBoxFieldTranslationId) => string",
+ "value": "(id) => defaultTranslations[id]",
+ "isFunction": true,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the top-level element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the top-level HTML element",
+ "type": "null | HTMLDivElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" },
+ { "type": "forwarded", "name": "keydown", "element": "div" },
+ { "type": "forwarded", "name": "blur", "element": "div" }
+ ],
+ "typedefs": [
+ {
+ "type": "\"close\" | \"open\"",
+ "name": "ListBoxFieldTranslationId",
+ "ts": "type ListBoxFieldTranslationId = \"close\" | \"open\""
+ }
+ ],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "ListBoxMenu",
+ "filePath": "src/ListBox/ListBoxMenu.svelte",
+ "props": [
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the top-level element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the HTML element",
+ "type": "null | HTMLDivElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [{ "type": "forwarded", "name": "scroll", "element": "div" }],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "ListBoxMenuIcon",
+ "filePath": "src/ListBox/ListBoxMenuIcon.svelte",
+ "props": [
+ {
+ "name": "open",
+ "kind": "let",
+ "description": "Set to `true` to open the list box menu icon",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "translationIds",
+ "kind": "const",
+ "description": "Default translation ids",
+ "type": "{ close: \"close\", open: \"open\" }",
+ "value": "{ close: \"close\", open: \"open\" }",
+ "isFunction": false,
+ "constant": true,
+ "reactive": false
+ },
+ {
+ "name": "translateWithId",
+ "kind": "let",
+ "description": "Override the default translation ids",
+ "type": "(id: ListBoxMenuIconTranslationId) => string",
+ "value": "(id) => defaultTranslations[id]",
+ "isFunction": true,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [],
+ "events": [{ "type": "forwarded", "name": "click", "element": "div" }],
+ "typedefs": [
+ {
+ "type": "\"close\" | \"open\"",
+ "name": "ListBoxMenuIconTranslationId",
+ "ts": "type ListBoxMenuIconTranslationId = \"close\" | \"open\""
+ }
+ ],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "ListBoxMenuItem",
+ "filePath": "src/ListBox/ListBoxMenuItem.svelte",
+ "props": [
+ {
+ "name": "active",
+ "kind": "let",
+ "description": "Set to `true` to enable the active state",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "highlighted",
+ "kind": "let",
+ "description": "Set to `true` to enable the highlighted state",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "ListBoxSelection",
+ "filePath": "src/ListBox/ListBoxSelection.svelte",
+ "props": [
+ {
+ "name": "selectionCount",
+ "kind": "let",
+ "description": "Specify the number of selected items",
+ "type": "any",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "disabled",
+ "kind": "let",
+ "description": "Set to `true` to disable the list box selection",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "translationIds",
+ "kind": "const",
+ "description": "Default translation ids",
+ "type": "{ clearAll: \"clearAll\", clearSelection: \"clearSelection\", }",
+ "value": "{ clearAll: \"clearAll\", clearSelection: \"clearSelection\", }",
+ "isFunction": false,
+ "constant": true,
+ "reactive": false
+ },
+ {
+ "name": "translateWithId",
+ "kind": "let",
+ "description": "Override the default translation ids",
+ "type": "(id: ListBoxSelectionTranslationId) => string",
+ "value": "(id) => defaultTranslations[id]",
+ "isFunction": true,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the top-level HTML element",
+ "type": "null | HTMLDivElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [],
+ "events": [{ "type": "dispatched", "name": "clear" }],
+ "typedefs": [
+ {
+ "type": "\"clearAll\" | \"clearSelection\"",
+ "name": "ListBoxSelectionTranslationId",
+ "ts": "type ListBoxSelectionTranslationId = \"clearAll\" | \"clearSelection\""
+ }
+ ],
+ "rest_props": { "type": "Element", "name": "div" }
},
{
"moduleName": "ListItem",
- "filePath": "/src/ListItem/ListItem.svelte",
+ "filePath": "src/ListItem/ListItem.svelte",
"props": [],
"slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
"events": [
@@ -5156,9 +4616,472 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "li" }
},
+ {
+ "moduleName": "Loading",
+ "filePath": "src/Loading/Loading.svelte",
+ "props": [
+ {
+ "name": "small",
+ "kind": "let",
+ "description": "Set to `true` to use the small variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "active",
+ "kind": "let",
+ "description": "Set to `false` to disable the active state",
+ "type": "boolean",
+ "value": "true",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "withOverlay",
+ "kind": "let",
+ "description": "Set to `false` to disable the overlay",
+ "type": "boolean",
+ "value": "true",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "description",
+ "kind": "let",
+ "description": "Specify the label description",
+ "type": "string",
+ "value": "\"Active loading indicator\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the label element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [],
+ "events": [],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "Modal",
+ "filePath": "src/Modal/Modal.svelte",
+ "props": [
+ {
+ "name": "size",
+ "kind": "let",
+ "description": "Set the size of the modal",
+ "type": "\"xs\" | \"sm\" | \"lg\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "open",
+ "kind": "let",
+ "description": "Set to `true` to open the modal",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "danger",
+ "kind": "let",
+ "description": "Set to `true` to use the danger variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "alert",
+ "kind": "let",
+ "description": "Set to `true` to enable alert mode",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "passiveModal",
+ "kind": "let",
+ "description": "Set to `true` to use the passive variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "modalHeading",
+ "kind": "let",
+ "description": "Specify the modal heading",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "modalLabel",
+ "kind": "let",
+ "description": "Specify the modal label",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "modalAriaLabel",
+ "kind": "let",
+ "description": "Specify the ARIA label for the modal",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "iconDescription",
+ "kind": "let",
+ "description": "Specify the ARIA label for the close icon",
+ "type": "string",
+ "value": "\"Close the modal\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "hasForm",
+ "kind": "let",
+ "description": "Set to `true` if the modal contains form elements",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "hasScrollingContent",
+ "kind": "let",
+ "description": "Set to `true` if the modal contains scrolling content",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "primaryButtonText",
+ "kind": "let",
+ "description": "Specify the primary button text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "primaryButtonDisabled",
+ "kind": "let",
+ "description": "Set to `true` to disable the primary button",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "shouldSubmitOnEnter",
+ "kind": "let",
+ "description": "Set to `true` for the primary button to be triggered when pressing \"Enter\"",
+ "type": "boolean",
+ "value": "true",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "secondaryButtonText",
+ "kind": "let",
+ "description": "Specify the secondary button text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "selectorPrimaryFocus",
+ "kind": "let",
+ "description": "Specify a selector to be focused when opening the modal",
+ "type": "string",
+ "value": "\"[data-modal-primary-focus]\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "preventCloseOnClickOutside",
+ "kind": "let",
+ "description": "Set to `true` to prevent the modal from closing when clicking outside",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the top-level element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the top-level HTML element",
+ "type": "null | HTMLDivElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [
+ { "name": "__default__", "default": true, "slot_props": "{}" },
+ {
+ "name": "heading",
+ "default": false,
+ "fallback": "{modalHeading}",
+ "slot_props": "{}"
+ },
+ {
+ "name": "label",
+ "default": false,
+ "fallback": "{modalLabel}",
+ "slot_props": "{}"
+ }
+ ],
+ "events": [
+ {
+ "type": "dispatched",
+ "name": "transitionend",
+ "detail": "{ open: boolean; }"
+ },
+ { "type": "forwarded", "name": "keydown", "element": "div" },
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" },
+ { "type": "dispatched", "name": "submit" },
+ { "type": "dispatched", "name": "click:button--secondary" },
+ { "type": "dispatched", "name": "close" },
+ { "type": "dispatched", "name": "open" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "ModalBody",
+ "filePath": "src/ComposedModal/ModalBody.svelte",
+ "props": [
+ {
+ "name": "hasForm",
+ "kind": "let",
+ "description": "Set to `true` if the modal contains form elements",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "hasScrollingContent",
+ "kind": "let",
+ "description": "Set to `true` if the modal contains scrolling content",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "ModalFooter",
+ "filePath": "src/ComposedModal/ModalFooter.svelte",
+ "props": [
+ {
+ "name": "primaryButtonText",
+ "kind": "let",
+ "description": "Specify the primary button text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "primaryButtonDisabled",
+ "kind": "let",
+ "description": "Set to `true` to disable the primary button",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "primaryClass",
+ "kind": "let",
+ "description": "Specify a class for the primary button",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "secondaryButtonText",
+ "kind": "let",
+ "description": "Specify the secondary button text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "secondaryClass",
+ "kind": "let",
+ "description": "Specify a class for the secondary button",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "danger",
+ "kind": "let",
+ "description": "Set to `true` to use the danger variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "ModalHeader",
+ "filePath": "src/ComposedModal/ModalHeader.svelte",
+ "props": [
+ {
+ "name": "title",
+ "kind": "let",
+ "description": "Specify the modal title",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "label",
+ "kind": "let",
+ "description": "Specify the modal label",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "labelClass",
+ "kind": "let",
+ "description": "Specify the label class",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "titleClass",
+ "kind": "let",
+ "description": "Specify the title class",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "closeClass",
+ "kind": "let",
+ "description": "Specify the close class",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "closeIconClass",
+ "kind": "let",
+ "description": "Specify the close icon class",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "iconDescription",
+ "kind": "let",
+ "description": "Specify the ARIA label for the close icon",
+ "type": "string",
+ "value": "\"Close\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [{ "type": "forwarded", "name": "click", "element": "button" }],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
{
"moduleName": "MultiSelect",
- "filePath": "/src/MultiSelect/MultiSelect.svelte",
+ "filePath": "src/MultiSelect/MultiSelect.svelte",
"props": [
{
"name": "items",
@@ -5446,233 +5369,22 @@
"rest_props": { "type": "Element", "name": "div" }
},
{
- "moduleName": "Modal",
- "filePath": "/src/Modal/Modal.svelte",
- "props": [
- {
- "name": "size",
- "kind": "let",
- "description": "Set the size of the modal",
- "type": "\"xs\" | \"sm\" | \"lg\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "open",
- "kind": "let",
- "description": "Set to `true` to open the modal",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "danger",
- "kind": "let",
- "description": "Set to `true` to use the danger variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "alert",
- "kind": "let",
- "description": "Set to `true` to enable alert mode",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "passiveModal",
- "kind": "let",
- "description": "Set to `true` to use the passive variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "modalHeading",
- "kind": "let",
- "description": "Specify the modal heading",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "modalLabel",
- "kind": "let",
- "description": "Specify the modal label",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "modalAriaLabel",
- "kind": "let",
- "description": "Specify the ARIA label for the modal",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "iconDescription",
- "kind": "let",
- "description": "Specify the ARIA label for the close icon",
- "type": "string",
- "value": "\"Close the modal\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "hasForm",
- "kind": "let",
- "description": "Set to `true` if the modal contains form elements",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "hasScrollingContent",
- "kind": "let",
- "description": "Set to `true` if the modal contains scrolling content",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "primaryButtonText",
- "kind": "let",
- "description": "Specify the primary button text",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "primaryButtonDisabled",
- "kind": "let",
- "description": "Set to `true` to disable the primary button",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "shouldSubmitOnEnter",
- "kind": "let",
- "description": "Set to `true` for the primary button to be triggered when pressing \"Enter\"",
- "type": "boolean",
- "value": "true",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "secondaryButtonText",
- "kind": "let",
- "description": "Specify the secondary button text",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "selectorPrimaryFocus",
- "kind": "let",
- "description": "Specify a selector to be focused when opening the modal",
- "type": "string",
- "value": "\"[data-modal-primary-focus]\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "preventCloseOnClickOutside",
- "kind": "let",
- "description": "Set to `true` to prevent the modal from closing when clicking outside",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "id",
- "kind": "let",
- "description": "Set an id for the top-level element",
- "type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the top-level HTML element",
- "type": "null | HTMLDivElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [
- { "name": "__default__", "default": true, "slot_props": "{}" },
- {
- "name": "heading",
- "default": false,
- "fallback": "{modalHeading}",
- "slot_props": "{}"
- },
- {
- "name": "label",
- "default": false,
- "fallback": "{modalLabel}",
- "slot_props": "{}"
- }
- ],
+ "moduleName": "NotificationActionButton",
+ "filePath": "src/Notification/NotificationActionButton.svelte",
+ "props": [],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
"events": [
- {
- "type": "dispatched",
- "name": "transitionend",
- "detail": "{ open: boolean; }"
- },
- { "type": "forwarded", "name": "keydown", "element": "div" },
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" },
- { "type": "dispatched", "name": "submit" },
- { "type": "dispatched", "name": "click:button--secondary" },
- { "type": "dispatched", "name": "close" },
- { "type": "dispatched", "name": "open" }
+ { "type": "forwarded", "name": "click", "element": "Button" },
+ { "type": "forwarded", "name": "mouseover", "element": "Button" },
+ { "type": "forwarded", "name": "mouseenter", "element": "Button" },
+ { "type": "forwarded", "name": "mouseleave", "element": "Button" }
],
"typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
+ "rest_props": { "type": "InlineComponent", "name": "Button" }
},
{
"moduleName": "NotificationButton",
- "filePath": "/src/Notification/NotificationButton.svelte",
+ "filePath": "src/Notification/NotificationButton.svelte",
"props": [
{
"name": "notificationType",
@@ -5725,7 +5437,7 @@
},
{
"moduleName": "NotificationIcon",
- "filePath": "/src/Notification/NotificationIcon.svelte",
+ "filePath": "src/Notification/NotificationIcon.svelte",
"props": [
{
"name": "kind",
@@ -5764,7 +5476,7 @@
},
{
"moduleName": "NotificationTextDetails",
- "filePath": "/src/Notification/NotificationTextDetails.svelte",
+ "filePath": "src/Notification/NotificationTextDetails.svelte",
"props": [
{
"name": "notificationType",
@@ -5811,236 +5523,9 @@
"events": [],
"typedefs": []
},
- {
- "moduleName": "ToastNotification",
- "filePath": "/src/Notification/ToastNotification.svelte",
- "props": [
- {
- "name": "kind",
- "kind": "let",
- "description": "Specify the kind of notification",
- "type": "\"error\" | \"info\" | \"info-square\" | \"success\" | \"warning\" | \"warning-alt\"",
- "value": "\"error\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "lowContrast",
- "kind": "let",
- "description": "Set to `true` to use the low contrast variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "timeout",
- "kind": "let",
- "description": "Set the timeout duration (ms) to hide the notification after opening it",
- "type": "number",
- "value": "0",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "role",
- "kind": "let",
- "description": "Set the `role` attribute",
- "type": "string",
- "value": "\"alert\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "title",
- "kind": "let",
- "description": "Specify the title text",
- "type": "string",
- "value": "\"Title\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "subtitle",
- "kind": "let",
- "description": "Specify the subtitle text",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "caption",
- "kind": "let",
- "description": "Specify the caption text",
- "type": "string",
- "value": "\"Caption\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "iconDescription",
- "kind": "let",
- "description": "Specify the ARIA label for the icon",
- "type": "string",
- "value": "\"Closes notification\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "hideCloseButton",
- "kind": "let",
- "description": "Set to `true` to hide the close button",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- {
- "type": "dispatched",
- "name": "close",
- "detail": "{ timeout: boolean }"
- },
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "InlineNotification",
- "filePath": "/src/Notification/InlineNotification.svelte",
- "props": [
- {
- "name": "kind",
- "kind": "let",
- "description": "Specify the kind of notification",
- "type": "\"error\" | \"info\" | \"info-square\" | \"success\" | \"warning\" | \"warning-alt\"",
- "value": "\"error\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "lowContrast",
- "kind": "let",
- "description": "Set to `true` to use the low contrast variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "timeout",
- "kind": "let",
- "description": "Set the timeout duration (ms) to hide the notification after opening it",
- "type": "number",
- "value": "0",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "role",
- "kind": "let",
- "description": "Set the `role` attribute",
- "type": "string",
- "value": "\"alert\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "title",
- "kind": "let",
- "description": "Specify the title text",
- "type": "string",
- "value": "\"Title\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "subtitle",
- "kind": "let",
- "description": "Specify the subtitle text",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "hideCloseButton",
- "kind": "let",
- "description": "Set to `true` to hide the close button",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "iconDescription",
- "kind": "let",
- "description": "Specify the ARIA label for the icon",
- "type": "string",
- "value": "\"Closes notification\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [
- { "name": "__default__", "default": true, "slot_props": "{}" },
- { "name": "actions", "default": false, "slot_props": "{}" }
- ],
- "events": [
- {
- "type": "dispatched",
- "name": "close",
- "detail": "{ timeout: boolean }"
- },
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "NotificationActionButton",
- "filePath": "/src/Notification/NotificationActionButton.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- { "type": "forwarded", "name": "click", "element": "Button" },
- { "type": "forwarded", "name": "mouseover", "element": "Button" },
- { "type": "forwarded", "name": "mouseenter", "element": "Button" },
- { "type": "forwarded", "name": "mouseleave", "element": "Button" }
- ],
- "typedefs": [],
- "rest_props": { "type": "InlineComponent", "name": "Button" }
- },
{
"moduleName": "NumberInput",
- "filePath": "/src/NumberInput/NumberInput.svelte",
+ "filePath": "src/NumberInput/NumberInput.svelte",
"props": [
{
"name": "size",
@@ -6296,7 +5781,7 @@
},
{
"moduleName": "NumberInputSkeleton",
- "filePath": "/src/NumberInput/NumberInputSkeleton.svelte",
+ "filePath": "src/NumberInput/NumberInputSkeleton.svelte",
"props": [
{
"name": "hideLabel",
@@ -6321,7 +5806,7 @@
},
{
"moduleName": "OrderedList",
- "filePath": "/src/OrderedList/OrderedList.svelte",
+ "filePath": "src/OrderedList/OrderedList.svelte",
"props": [
{
"name": "nested",
@@ -6355,36 +5840,52 @@
"rest_props": { "type": "Element", "name": "ol" }
},
{
- "moduleName": "Select",
- "filePath": "/src/Select/Select.svelte",
+ "moduleName": "OutboundLink",
+ "filePath": "src/Link/OutboundLink.svelte",
+ "props": [],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "Link" },
+ { "type": "forwarded", "name": "mouseover", "element": "Link" },
+ { "type": "forwarded", "name": "mouseenter", "element": "Link" },
+ { "type": "forwarded", "name": "mouseleave", "element": "Link" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "InlineComponent", "name": "Link" },
+ "extends": { "interface": "LinkProps", "import": "\"./Link\"" }
+ },
+ {
+ "moduleName": "OverflowMenu",
+ "filePath": "src/OverflowMenu/OverflowMenu.svelte",
"props": [
- {
- "name": "selected",
- "kind": "let",
- "description": "Specify the selected item value",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
{
"name": "size",
"kind": "let",
- "description": "Set the size of the select input",
+ "description": "Specify the size of the overflow menu",
"type": "\"sm\" | \"xl\"",
"isFunction": false,
"constant": false,
"reactive": false
},
{
- "name": "inline",
+ "name": "direction",
"kind": "let",
- "description": "Set to `true` to use the inline variant",
+ "description": "Specify the direction of the overflow menu relative to the button",
+ "type": "\"top\" | \"bottom\"",
+ "value": "\"bottom\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "open",
+ "kind": "let",
+ "description": "Set to `true` to open the menu",
"type": "boolean",
"value": "false",
"isFunction": false,
"constant": false,
- "reactive": false
+ "reactive": true
},
{
"name": "light",
@@ -6397,19 +5898,56 @@
"reactive": false
},
{
- "name": "disabled",
+ "name": "flipped",
"kind": "let",
- "description": "Set to `true` to disable the select element",
+ "description": "Set to `true` to flip the menu relative to the button",
"type": "boolean",
"value": "false",
"isFunction": false,
"constant": false,
"reactive": false
},
+ {
+ "name": "menuOptionsClass",
+ "kind": "let",
+ "description": "Specify the menu options class",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "icon",
+ "kind": "let",
+ "description": "Specify the icon from `carbon-icons-svelte` to render",
+ "type": "typeof import(\"carbon-icons-svelte\").CarbonIcon",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "iconClass",
+ "kind": "let",
+ "description": "Specify the icon class",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "iconDescription",
+ "kind": "let",
+ "description": "Specify the ARIA label for the icon",
+ "type": "string",
+ "value": "\"Open and close list of options\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
{
"name": "id",
"kind": "let",
- "description": "Set an id for the select element",
+ "description": "Set an id for the button element",
"type": "string",
"value": "\"ccs-\" + Math.random().toString(36)",
"isFunction": false,
@@ -6417,28 +5955,68 @@
"reactive": false
},
{
- "name": "name",
+ "name": "buttonRef",
"kind": "let",
- "description": "Specify a name attribute for the select element",
+ "description": "Obtain a reference to the trigger button element",
+ "type": "null | HTMLButtonElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "menuRef",
+ "kind": "let",
+ "description": "Obtain a reference to the overflow menu element",
+ "type": "null | HTMLUListElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [
+ { "name": "__default__", "default": true, "slot_props": "{}" },
+ {
+ "name": "menu",
+ "default": false,
+ "fallback": "",
+ "slot_props": "{}"
+ }
+ ],
+ "events": [
+ {
+ "type": "dispatched",
+ "name": "close",
+ "detail": "{ index: number; text: string; }"
+ },
+ { "type": "forwarded", "name": "click", "element": "button" },
+ { "type": "forwarded", "name": "mouseover", "element": "button" },
+ { "type": "forwarded", "name": "mouseenter", "element": "button" },
+ { "type": "forwarded", "name": "mouseleave", "element": "button" },
+ { "type": "forwarded", "name": "keydown", "element": "button" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "button" }
+ },
+ {
+ "moduleName": "OverflowMenuItem",
+ "filePath": "src/OverflowMenu/OverflowMenuItem.svelte",
+ "props": [
+ {
+ "name": "text",
+ "kind": "let",
+ "description": "Specify the item text\nAlternatively, use the default slot for a custom element",
"type": "string",
+ "value": "\"Provide text\"",
"isFunction": false,
"constant": false,
"reactive": false
},
{
- "name": "invalid",
+ "name": "href",
"kind": "let",
- "description": "Set to `true` to indicate an invalid state",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "invalidText",
- "kind": "let",
- "description": "Specify the invalid state text",
+ "description": "Specify the `href` attribute if the item is a link",
"type": "string",
"value": "\"\"",
"isFunction": false,
@@ -6446,19 +6024,19 @@
"reactive": false
},
{
- "name": "helperText",
+ "name": "primaryFocus",
"kind": "let",
- "description": "Specify the helper text",
- "type": "string",
- "value": "\"\"",
+ "description": "Set to `true` if the item should be focused when opening the menu",
+ "type": "boolean",
+ "value": "false",
"isFunction": false,
"constant": false,
- "reactive": false
+ "reactive": true
},
{
- "name": "noLabel",
+ "name": "disabled",
"kind": "let",
- "description": "Set to `true` to not render a label",
+ "description": "Set to `true` to disable the item",
"type": "boolean",
"value": "false",
"isFunction": false,
@@ -6466,96 +6044,74 @@
"reactive": false
},
{
- "name": "labelText",
+ "name": "hasDivider",
"kind": "let",
- "description": "Specify the label text",
- "type": "string",
- "value": "\"\"",
+ "description": "Set to `true` to include a divider",
+ "type": "boolean",
+ "value": "false",
"isFunction": false,
"constant": false,
"reactive": false
},
{
- "name": "hideLabel",
+ "name": "danger",
"kind": "let",
- "description": "Set to `true` to visually hide the label text",
+ "description": "Set to `true` to use the danger variant",
"type": "boolean",
"value": "false",
"isFunction": false,
"constant": false,
"reactive": false
},
+ {
+ "name": "requireTitle",
+ "kind": "let",
+ "description": "Set to `false` to omit the button `title` attribute",
+ "type": "boolean",
+ "value": "true",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the top-level element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
{
"name": "ref",
"kind": "let",
- "description": "Obtain a reference to the select HTML element",
- "type": "null | HTMLSelectElement",
+ "description": "Obtain a reference to the HTML element",
+ "type": "null | HTMLAnchorElement | HTMLButtonElement",
"value": "null",
"isFunction": false,
"constant": false,
"reactive": true
}
],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- { "type": "dispatched", "name": "change", "detail": "string" },
- { "type": "forwarded", "name": "blur", "element": "select" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "SelectItem",
- "filePath": "/src/Select/SelectItem.svelte",
- "props": [
+ "slots": [
{
- "name": "value",
- "kind": "let",
- "description": "Specify the option value",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "text",
- "kind": "let",
- "description": "Specify the option text",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "hidden",
- "kind": "let",
- "description": "Set to `true` to hide the option",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "disabled",
- "kind": "let",
- "description": "Set to `true` to disable the option",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
+ "name": "__default__",
+ "default": true,
+ "fallback": "\n {text}\n
",
+ "slot_props": "{}"
}
],
- "slots": [],
- "events": [],
- "typedefs": []
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "a" },
+ { "type": "forwarded", "name": "keydown", "element": "a" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "li" }
},
{
"moduleName": "Pagination",
- "filePath": "/src/Pagination/Pagination.svelte",
+ "filePath": "src/Pagination/Pagination.svelte",
"props": [
{
"name": "page",
@@ -6729,23 +6285,9 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
- {
- "moduleName": "PaginationSkeleton",
- "filePath": "/src/Pagination/PaginationSkeleton.svelte",
- "props": [],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
{
"moduleName": "PaginationNav",
- "filePath": "/src/PaginationNav/PaginationNav.svelte",
+ "filePath": "src/PaginationNav/PaginationNav.svelte",
"props": [
{
"name": "page",
@@ -6829,9 +6371,221 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "nav" }
},
+ {
+ "moduleName": "PaginationSkeleton",
+ "filePath": "src/Pagination/PaginationSkeleton.svelte",
+ "props": [],
+ "slots": [],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "PasswordInput",
+ "filePath": "src/TextInput/PasswordInput.svelte",
+ "props": [
+ {
+ "name": "size",
+ "kind": "let",
+ "description": "Set the size of the input",
+ "type": "\"sm\" | \"xl\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "value",
+ "kind": "let",
+ "description": "Specify the input value",
+ "type": "number | string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "type",
+ "kind": "let",
+ "description": "Set to `\"text\"` to toggle the password visibility",
+ "type": "\"text\" | \"password\"",
+ "value": "\"password\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "placeholder",
+ "kind": "let",
+ "description": "Specify the placeholder text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "hidePasswordLabel",
+ "kind": "let",
+ "description": "Specify the hide password label text",
+ "type": "string",
+ "value": "\"Hide password\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "showPasswordLabel",
+ "kind": "let",
+ "description": "Specify the show password label text",
+ "type": "string",
+ "value": "\"Show password\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "tooltipAlignment",
+ "kind": "let",
+ "description": "Set the alignment of the tooltip relative to the icon",
+ "type": "\"start\" | \"center\" | \"end\"",
+ "value": "\"center\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "tooltipPosition",
+ "kind": "let",
+ "description": "Set the position of the tooltip relative to the icon",
+ "type": "\"top\" | \"right\" | \"bottom\" | \"left\"",
+ "value": "\"bottom\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "light",
+ "kind": "let",
+ "description": "Set to `true` to enable the light variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "disabled",
+ "kind": "let",
+ "description": "Set to `true` to disable the input",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "helperText",
+ "kind": "let",
+ "description": "Specify the helper text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "labelText",
+ "kind": "let",
+ "description": "Specify the label text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "hideLabel",
+ "kind": "let",
+ "description": "Set to `true` to visually hide the label text",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "invalid",
+ "kind": "let",
+ "description": "Set to `true` to indicate an invalid state",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "invalidText",
+ "kind": "let",
+ "description": "Specify the text for the invalid state",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the input element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "name",
+ "kind": "let",
+ "description": "Specify a name attribute for the input",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the input HTML element",
+ "type": "null | HTMLInputElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" },
+ { "type": "forwarded", "name": "change", "element": "input" },
+ { "type": "forwarded", "name": "input", "element": "input" },
+ { "type": "forwarded", "name": "keydown", "element": "input" },
+ { "type": "forwarded", "name": "focus", "element": "input" },
+ { "type": "forwarded", "name": "blur", "element": "input" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "input" }
+ },
{
"moduleName": "ProgressIndicator",
- "filePath": "/src/ProgressIndicator/ProgressIndicator.svelte",
+ "filePath": "src/ProgressIndicator/ProgressIndicator.svelte",
"props": [
{
"name": "currentIndex",
@@ -6887,7 +6641,7 @@
},
{
"moduleName": "ProgressIndicatorSkeleton",
- "filePath": "/src/ProgressIndicator/ProgressIndicatorSkeleton.svelte",
+ "filePath": "src/ProgressIndicator/ProgressIndicatorSkeleton.svelte",
"props": [
{
"name": "vertical",
@@ -6922,7 +6676,7 @@
},
{
"moduleName": "ProgressStep",
- "filePath": "/src/ProgressIndicator/ProgressStep.svelte",
+ "filePath": "src/ProgressIndicator/ProgressStep.svelte",
"props": [
{
"name": "complete",
@@ -7023,9 +6777,109 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "li" }
},
+ {
+ "moduleName": "RadioButton",
+ "filePath": "src/RadioButton/RadioButton.svelte",
+ "props": [
+ {
+ "name": "value",
+ "kind": "let",
+ "description": "Specify the value of the radio button",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "checked",
+ "kind": "let",
+ "description": "Set to `true` to check the radio button",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "disabled",
+ "kind": "let",
+ "description": "et to `true` to disable the radio button",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "labelPosition",
+ "kind": "let",
+ "description": "Specify the label position",
+ "type": "\"right\" | \"left\"",
+ "value": "\"right\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "labelText",
+ "kind": "let",
+ "description": "Specify the label text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "hideLabel",
+ "kind": "let",
+ "description": "Set to `true` to visually hide the label text",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the input element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "name",
+ "kind": "let",
+ "description": "Specify a name attribute for the checkbox input",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the input HTML element",
+ "type": "null | HTMLInputElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [],
+ "events": [{ "type": "forwarded", "name": "change", "element": "input" }],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
{
"moduleName": "RadioButtonGroup",
- "filePath": "/src/RadioButtonGroup/RadioButtonGroup.svelte",
+ "filePath": "src/RadioButtonGroup/RadioButtonGroup.svelte",
"props": [
{
"name": "selected",
@@ -7088,17 +6942,385 @@
"rest_props": { "type": "Element", "name": "div" }
},
{
- "moduleName": "SelectSkeleton",
- "filePath": "/src/Select/SelectSkeleton.svelte",
+ "moduleName": "RadioButtonSkeleton",
+ "filePath": "src/RadioButton/RadioButtonSkeleton.svelte",
+ "props": [],
+ "slots": [],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "RadioTile",
+ "filePath": "src/Tile/RadioTile.svelte",
"props": [
{
- "name": "hideLabel",
+ "name": "checked",
"kind": "let",
- "description": "Set to `true` to hide the label text",
+ "description": "Set to `true` to check the tile",
"type": "boolean",
"value": "false",
"isFunction": false,
"constant": false,
+ "reactive": true
+ },
+ {
+ "name": "light",
+ "kind": "let",
+ "description": "Set to `true` to enable the light variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "value",
+ "kind": "let",
+ "description": "Specify the value of the radio input",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "tabindex",
+ "kind": "let",
+ "description": "Specify the tabindex",
+ "type": "string",
+ "value": "\"0\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "iconDescription",
+ "kind": "let",
+ "description": "Specify the ARIA label for the radio tile checkmark icon",
+ "type": "string",
+ "value": "\"Tile checkmark\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the input element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "name",
+ "kind": "let",
+ "description": "Specify a name attribute for the input",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "forwarded", "name": "change", "element": "input" },
+ { "type": "forwarded", "name": "keydown", "element": "input" },
+ { "type": "forwarded", "name": "click", "element": "label" },
+ { "type": "forwarded", "name": "mouseover", "element": "label" },
+ { "type": "forwarded", "name": "mouseenter", "element": "label" },
+ { "type": "forwarded", "name": "mouseleave", "element": "label" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "label" }
+ },
+ {
+ "moduleName": "Row",
+ "filePath": "src/Grid/Row.svelte",
+ "props": [
+ {
+ "name": "as",
+ "kind": "let",
+ "description": "Set to `true` to render a custom HTML element\nProps are destructured as `props` in the default slot (e.g., |
)",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "condensed",
+ "kind": "let",
+ "description": "Set to `true` to use the condensed variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "narrow",
+ "kind": "let",
+ "description": "Set to `true` to use the narrow variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "noGutter",
+ "kind": "let",
+ "description": "Set to `true` to remove the gutter",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "noGutterLeft",
+ "kind": "let",
+ "description": "Set to `true` to remove the left gutter",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "noGutterRight",
+ "kind": "let",
+ "description": "Set to `true` to remove the right gutter",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "padding",
+ "kind": "let",
+ "description": "Set to `true` to add top and bottom padding to all columns",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [
+ {
+ "name": "__default__",
+ "default": true,
+ "slot_props": "{ props: { class: string; [key: string]: any; } }"
+ }
+ ],
+ "events": [],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "Search",
+ "filePath": "src/Search/Search.svelte",
+ "props": [
+ {
+ "name": "small",
+ "kind": "let",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "size",
+ "kind": "let",
+ "description": "Specify the size of the search input",
+ "type": "\"sm\" | \"lg\" | \"xl\"",
+ "value": "\"xl\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "skeleton",
+ "kind": "let",
+ "description": "Set to `true` to display the skeleton state",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "light",
+ "kind": "let",
+ "description": "Set to `true` to enable the light variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "disabled",
+ "kind": "let",
+ "description": "Set to `true` to disable the search input",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "value",
+ "kind": "let",
+ "description": "Specify the value of the search input",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "type",
+ "kind": "let",
+ "description": "Specify the `type` attribute of the search input",
+ "type": "string",
+ "value": "\"text\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "placeholder",
+ "kind": "let",
+ "description": "Specify the `placeholder` attribute of the search input",
+ "type": "string",
+ "value": "\"Search...\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "autocomplete",
+ "kind": "let",
+ "description": "Specify the `autocomplete` attribute",
+ "type": "\"on\" | \"off\"",
+ "value": "\"off\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "autofocus",
+ "kind": "let",
+ "description": "Set to `true` to auto focus the search element",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "closeButtonLabelText",
+ "kind": "let",
+ "description": "Specify the close button label text",
+ "type": "string",
+ "value": "\"Clear search input\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "labelText",
+ "kind": "let",
+ "description": "Specify the label text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the input element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the input HTML element",
+ "type": "null | HTMLInputElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "SearchSkeleton" },
+ {
+ "type": "forwarded",
+ "name": "mouseover",
+ "element": "SearchSkeleton"
+ },
+ {
+ "type": "forwarded",
+ "name": "mouseenter",
+ "element": "SearchSkeleton"
+ },
+ {
+ "type": "forwarded",
+ "name": "mouseleave",
+ "element": "SearchSkeleton"
+ },
+ { "type": "forwarded", "name": "change", "element": "input" },
+ { "type": "forwarded", "name": "input", "element": "input" },
+ { "type": "forwarded", "name": "focus", "element": "input" },
+ { "type": "forwarded", "name": "blur", "element": "input" },
+ { "type": "forwarded", "name": "keydown", "element": "input" },
+ { "type": "dispatched", "name": "clear" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "InlineComponent", "name": "SearchSkeleton" }
+ },
+ {
+ "moduleName": "SearchSkeleton",
+ "filePath": "src/Search/SearchSkeleton.svelte",
+ "props": [
+ {
+ "name": "small",
+ "kind": "let",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "size",
+ "kind": "let",
+ "description": "Specify the size of the search input",
+ "type": "\"sm\" | \"lg\" | \"xl\"",
+ "value": "\"xl\"",
+ "isFunction": false,
+ "constant": false,
"reactive": false
}
],
@@ -7112,9 +7334,208 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
+ {
+ "moduleName": "Select",
+ "filePath": "src/Select/Select.svelte",
+ "props": [
+ {
+ "name": "selected",
+ "kind": "let",
+ "description": "Specify the selected item value",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "size",
+ "kind": "let",
+ "description": "Set the size of the select input",
+ "type": "\"sm\" | \"xl\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "inline",
+ "kind": "let",
+ "description": "Set to `true` to use the inline variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "light",
+ "kind": "let",
+ "description": "Set to `true` to enable the light variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "disabled",
+ "kind": "let",
+ "description": "Set to `true` to disable the select element",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the select element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "name",
+ "kind": "let",
+ "description": "Specify a name attribute for the select element",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "invalid",
+ "kind": "let",
+ "description": "Set to `true` to indicate an invalid state",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "invalidText",
+ "kind": "let",
+ "description": "Specify the invalid state text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "helperText",
+ "kind": "let",
+ "description": "Specify the helper text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "noLabel",
+ "kind": "let",
+ "description": "Set to `true` to not render a label",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "labelText",
+ "kind": "let",
+ "description": "Specify the label text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "hideLabel",
+ "kind": "let",
+ "description": "Set to `true` to visually hide the label text",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the select HTML element",
+ "type": "null | HTMLSelectElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "dispatched", "name": "change", "detail": "string" },
+ { "type": "forwarded", "name": "blur", "element": "select" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "SelectItem",
+ "filePath": "src/Select/SelectItem.svelte",
+ "props": [
+ {
+ "name": "value",
+ "kind": "let",
+ "description": "Specify the option value",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "text",
+ "kind": "let",
+ "description": "Specify the option text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "hidden",
+ "kind": "let",
+ "description": "Set to `true` to hide the option",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "disabled",
+ "kind": "let",
+ "description": "Set to `true` to disable the option",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [],
+ "events": [],
+ "typedefs": []
+ },
{
"moduleName": "SelectItemGroup",
- "filePath": "/src/Select/SelectItemGroup.svelte",
+ "filePath": "src/Select/SelectItemGroup.svelte",
"props": [
{
"name": "disabled",
@@ -7142,9 +7563,339 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "optgroup" }
},
+ {
+ "moduleName": "SelectSkeleton",
+ "filePath": "src/Select/SelectSkeleton.svelte",
+ "props": [
+ {
+ "name": "hideLabel",
+ "kind": "let",
+ "description": "Set to `true` to hide the label text",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "SelectableTile",
+ "filePath": "src/Tile/SelectableTile.svelte",
+ "props": [
+ {
+ "name": "selected",
+ "kind": "let",
+ "description": "Set to `true` to select the tile",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "light",
+ "kind": "let",
+ "description": "Set to `true` to enable the light variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "title",
+ "kind": "let",
+ "description": "Specify the title of the selectable tile",
+ "type": "string",
+ "value": "\"title\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "value",
+ "kind": "let",
+ "description": "Specify the value of the selectable tile",
+ "type": "string",
+ "value": "\"value\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "tabindex",
+ "kind": "let",
+ "description": "Specify the tabindex",
+ "type": "string",
+ "value": "\"0\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "iconDescription",
+ "kind": "let",
+ "description": "Specify the ARIA label for the selectable tile checkmark icon",
+ "type": "string",
+ "value": "\"Tile checkmark\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the input element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "name",
+ "kind": "let",
+ "description": "Specify a name attribute for the input",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the input HTML element",
+ "type": "null | HTMLInputElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "label" },
+ { "type": "forwarded", "name": "mouseover", "element": "label" },
+ { "type": "forwarded", "name": "mouseenter", "element": "label" },
+ { "type": "forwarded", "name": "mouseleave", "element": "label" },
+ { "type": "forwarded", "name": "keydown", "element": "label" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "label" }
+ },
+ {
+ "moduleName": "SideNav",
+ "filePath": "src/UIShell/SideNav/SideNav.svelte",
+ "props": [
+ {
+ "name": "fixed",
+ "kind": "let",
+ "description": "Set to `true` to use the fixed variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ariaLabel",
+ "kind": "let",
+ "description": "Specify the ARIA label for the nav",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "isOpen",
+ "kind": "let",
+ "description": "Set to `true` to toggle the expanded state",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "nav" }
+ },
+ {
+ "moduleName": "SideNavItems",
+ "filePath": "src/UIShell/SideNav/SideNavItems.svelte",
+ "props": [],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": []
+ },
+ {
+ "moduleName": "SideNavLink",
+ "filePath": "src/UIShell/SideNav/SideNavLink.svelte",
+ "props": [
+ {
+ "name": "isSelected",
+ "kind": "let",
+ "description": "Set to `true` to select the current link",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "href",
+ "kind": "let",
+ "description": "Specify the `href` attribute",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "text",
+ "kind": "let",
+ "description": "Specify the text",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "icon",
+ "kind": "let",
+ "description": "Specify the icon from `carbon-icons-svelte` to render",
+ "type": "typeof import(\"carbon-icons-svelte\").CarbonIcon",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the HTML anchor element",
+ "type": "null | HTMLAnchorElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [],
+ "events": [{ "type": "forwarded", "name": "click", "element": "a" }],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "a" }
+ },
+ {
+ "moduleName": "SideNavMenu",
+ "filePath": "src/UIShell/SideNav/SideNavMenu.svelte",
+ "props": [
+ {
+ "name": "expanded",
+ "kind": "let",
+ "description": "Set to `true` to toggle the expanded state",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "text",
+ "kind": "let",
+ "description": "Specify the text",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "icon",
+ "kind": "let",
+ "description": "Specify the icon from `carbon-icons-svelte` to render",
+ "type": "typeof import(\"carbon-icons-svelte\").CarbonIcon",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the HTML button element",
+ "type": "null | HTMLButtonElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [{ "type": "forwarded", "name": "click", "element": "button" }],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "button" }
+ },
+ {
+ "moduleName": "SideNavMenuItem",
+ "filePath": "src/UIShell/SideNav/SideNavMenuItem.svelte",
+ "props": [
+ {
+ "name": "isSelected",
+ "kind": "let",
+ "description": "Set to `true` to select the item",
+ "type": "boolean",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "href",
+ "kind": "let",
+ "description": "Specify the `href` attribute",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "text",
+ "kind": "let",
+ "description": "Specify the item text",
+ "type": "string",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the HTML anchor element",
+ "type": "null | HTMLAnchorElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [],
+ "events": [{ "type": "forwarded", "name": "click", "element": "a" }],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "a" }
+ },
{
"moduleName": "SkeletonPlaceholder",
- "filePath": "/src/SkeletonPlaceholder/SkeletonPlaceholder.svelte",
+ "filePath": "src/SkeletonPlaceholder/SkeletonPlaceholder.svelte",
"props": [],
"slots": [],
"events": [
@@ -7156,9 +7907,101 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
+ {
+ "moduleName": "SkeletonText",
+ "filePath": "src/SkeletonText/SkeletonText.svelte",
+ "props": [
+ {
+ "name": "lines",
+ "kind": "let",
+ "description": "Specify the number of lines to render",
+ "type": "number",
+ "value": "3",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "heading",
+ "kind": "let",
+ "description": "Set to `true` to use the heading size variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "paragraph",
+ "kind": "let",
+ "description": "Set to `true` to use the paragraph size variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "width",
+ "kind": "let",
+ "description": "Specify the width of the text (% or px)",
+ "type": "string",
+ "value": "\"100%\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "SkipToContent",
+ "filePath": "src/UIShell/SkipToContent.svelte",
+ "props": [
+ {
+ "name": "href",
+ "kind": "let",
+ "description": "Specify the `href` attribute",
+ "type": "string",
+ "value": "\"#main-content\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "tabindex",
+ "kind": "let",
+ "description": "Specify the tabindex",
+ "type": "string",
+ "value": "\"0\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [
+ {
+ "name": "__default__",
+ "default": true,
+ "fallback": "Skip to main content",
+ "slot_props": "{}"
+ }
+ ],
+ "events": [{ "type": "forwarded", "name": "click", "element": "a" }],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "a" }
+ },
{
"moduleName": "Slider",
- "filePath": "/src/Slider/Slider.svelte",
+ "filePath": "src/Slider/Slider.svelte",
"props": [
{
"name": "value",
@@ -7344,7 +8187,7 @@
},
{
"moduleName": "SliderSkeleton",
- "filePath": "/src/Slider/SliderSkeleton.svelte",
+ "filePath": "src/Slider/SliderSkeleton.svelte",
"props": [
{
"name": "hideLabel",
@@ -7369,7 +8212,7 @@
},
{
"moduleName": "StructuredList",
- "filePath": "/src/StructuredList/StructuredList.svelte",
+ "filePath": "src/StructuredList/StructuredList.svelte",
"props": [
{
"name": "selected",
@@ -7412,58 +8255,9 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
- {
- "moduleName": "StructuredListSkeleton",
- "filePath": "/src/StructuredList/StructuredListSkeleton.svelte",
- "props": [
- {
- "name": "rows",
- "kind": "let",
- "description": "Specify the number of rows",
- "type": "number",
- "value": "5",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "border",
- "kind": "let",
- "description": "Set to `true` to use the bordered variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
{
"moduleName": "StructuredListBody",
- "filePath": "/src/StructuredList/StructuredListBody.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "div" }
- },
- {
- "moduleName": "StructuredListHead",
- "filePath": "/src/StructuredList/StructuredListHead.svelte",
+ "filePath": "src/StructuredList/StructuredListBody.svelte",
"props": [],
"slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
"events": [
@@ -7477,7 +8271,7 @@
},
{
"moduleName": "StructuredListCell",
- "filePath": "/src/StructuredList/StructuredListCell.svelte",
+ "filePath": "src/StructuredList/StructuredListCell.svelte",
"props": [
{
"name": "head",
@@ -7511,54 +8305,22 @@
"rest_props": { "type": "Element", "name": "div" }
},
{
- "moduleName": "StructuredListRow",
- "filePath": "/src/StructuredList/StructuredListRow.svelte",
- "props": [
- {
- "name": "head",
- "kind": "let",
- "description": "Set to `true` to use as a header",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "label",
- "kind": "let",
- "description": "Set to `true` to render a label slot",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "tabindex",
- "kind": "let",
- "description": "Specify the tabindex",
- "type": "string",
- "value": "\"0\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
+ "moduleName": "StructuredListHead",
+ "filePath": "src/StructuredList/StructuredListHead.svelte",
+ "props": [],
"slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
"events": [
- { "type": "forwarded", "name": "click", "element": "label" },
- { "type": "forwarded", "name": "mouseover", "element": "label" },
- { "type": "forwarded", "name": "mouseenter", "element": "label" },
- { "type": "forwarded", "name": "mouseleave", "element": "label" },
- { "type": "forwarded", "name": "keydown", "element": "label" }
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" }
],
"typedefs": [],
- "rest_props": { "type": "Element", "name": "label" }
+ "rest_props": { "type": "Element", "name": "div" }
},
{
"moduleName": "StructuredListInput",
- "filePath": "/src/StructuredList/StructuredListInput.svelte",
+ "filePath": "src/StructuredList/StructuredListInput.svelte",
"props": [
{
"name": "checked",
@@ -7627,65 +8389,162 @@
"rest_props": { "type": "Element", "name": "input" }
},
{
- "moduleName": "Tabs",
- "filePath": "/src/Tabs/Tabs.svelte",
+ "moduleName": "StructuredListRow",
+ "filePath": "src/StructuredList/StructuredListRow.svelte",
"props": [
{
- "name": "selected",
+ "name": "head",
"kind": "let",
- "description": "Specify the selected tab index",
- "type": "number",
- "value": "0",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "type",
- "kind": "let",
- "description": "Specify the type of tabs",
- "type": "\"default\" | \"container\"",
- "value": "\"default\"",
+ "description": "Set to `true` to use as a header",
+ "type": "boolean",
+ "value": "false",
"isFunction": false,
"constant": false,
"reactive": false
},
{
- "name": "iconDescription",
+ "name": "label",
"kind": "let",
- "description": "Specify the ARIA label for the chevron icon",
- "type": "string",
- "value": "\"Show menu options\"",
+ "description": "Set to `true` to render a label slot",
+ "type": "boolean",
+ "value": "false",
"isFunction": false,
"constant": false,
"reactive": false
},
{
- "name": "triggerHref",
+ "name": "tabindex",
"kind": "let",
- "description": "Specify the tab trigger href attribute",
+ "description": "Specify the tabindex",
"type": "string",
- "value": "\"#\"",
+ "value": "\"0\"",
"isFunction": false,
"constant": false,
"reactive": false
}
],
- "slots": [
- { "name": "__default__", "default": true, "slot_props": "{}" },
- { "name": "content", "default": false, "slot_props": "{}" }
- ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
"events": [
- { "type": "forwarded", "name": "keypress", "element": "div" },
- { "type": "forwarded", "name": "click", "element": "a" },
- { "type": "dispatched", "name": "change" }
+ { "type": "forwarded", "name": "click", "element": "label" },
+ { "type": "forwarded", "name": "mouseover", "element": "label" },
+ { "type": "forwarded", "name": "mouseenter", "element": "label" },
+ { "type": "forwarded", "name": "mouseleave", "element": "label" },
+ { "type": "forwarded", "name": "keydown", "element": "label" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "label" }
+ },
+ {
+ "moduleName": "StructuredListSkeleton",
+ "filePath": "src/StructuredList/StructuredListSkeleton.svelte",
+ "props": [
+ {
+ "name": "rows",
+ "kind": "let",
+ "description": "Specify the number of rows",
+ "type": "number",
+ "value": "5",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "border",
+ "kind": "let",
+ "description": "Set to `true` to use the bordered variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" }
],
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
+ {
+ "moduleName": "Switch",
+ "filePath": "src/ContentSwitcher/Switch.svelte",
+ "props": [
+ {
+ "name": "text",
+ "kind": "let",
+ "description": "Specify the switch text\nAlternatively, use the \"text\" slot (e.g., ...)",
+ "type": "string",
+ "value": "\"Provide text\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "selected",
+ "kind": "let",
+ "description": "Set to `true` for the switch to be selected",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "disabled",
+ "kind": "let",
+ "description": "Set to `true` to disable the switch",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the button element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the button HTML element",
+ "type": "null | HTMLButtonElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [
+ {
+ "name": "__default__",
+ "default": true,
+ "fallback": "{text}",
+ "slot_props": "{}"
+ }
+ ],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "button" },
+ { "type": "forwarded", "name": "mouseover", "element": "button" },
+ { "type": "forwarded", "name": "mouseenter", "element": "button" },
+ { "type": "forwarded", "name": "mouseleave", "element": "button" },
+ { "type": "forwarded", "name": "keydown", "element": "button" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "button" }
+ },
{
"moduleName": "Tab",
- "filePath": "/src/Tabs/Tab.svelte",
+ "filePath": "src/Tabs/Tab.svelte",
"props": [
{
"name": "label",
@@ -7767,7 +8626,7 @@
},
{
"moduleName": "TabContent",
- "filePath": "/src/Tabs/TabContent.svelte",
+ "filePath": "src/Tabs/TabContent.svelte",
"props": [
{
"name": "id",
@@ -7785,9 +8644,271 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
+ {
+ "moduleName": "Table",
+ "filePath": "src/DataTable/Table.svelte",
+ "props": [
+ {
+ "name": "size",
+ "kind": "let",
+ "description": "Set the size of the table",
+ "type": "\"compact\" | \"short\" | \"tall\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "zebra",
+ "kind": "let",
+ "description": "Set to `true` to use zebra styles",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "useStaticWidth",
+ "kind": "let",
+ "description": "Set to `true` to use static width",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "shouldShowBorder",
+ "kind": "let",
+ "description": "Set to `true` for the bordered variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "sortable",
+ "kind": "let",
+ "description": "Set to `true` for the sortable variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "stickyHeader",
+ "kind": "let",
+ "description": "Set to `true` to enable a sticky header",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "section" }
+ },
+ {
+ "moduleName": "TableBody",
+ "filePath": "src/DataTable/TableBody.svelte",
+ "props": [],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "tbody" }
+ },
+ {
+ "moduleName": "TableCell",
+ "filePath": "src/DataTable/TableCell.svelte",
+ "props": [],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "td" },
+ { "type": "forwarded", "name": "mouseover", "element": "td" },
+ { "type": "forwarded", "name": "mouseenter", "element": "td" },
+ { "type": "forwarded", "name": "mouseleave", "element": "td" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "td" }
+ },
+ {
+ "moduleName": "TableContainer",
+ "filePath": "src/DataTable/TableContainer.svelte",
+ "props": [
+ {
+ "name": "title",
+ "kind": "let",
+ "description": "Specify the title of the data table",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "description",
+ "kind": "let",
+ "description": "Specify the description of the data table",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "stickyHeader",
+ "kind": "let",
+ "description": "Set to `true` to enable a sticky header",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "TableHead",
+ "filePath": "src/DataTable/TableHead.svelte",
+ "props": [],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "thead" },
+ { "type": "forwarded", "name": "mouseover", "element": "thead" },
+ { "type": "forwarded", "name": "mouseenter", "element": "thead" },
+ { "type": "forwarded", "name": "mouseleave", "element": "thead" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "thead" }
+ },
+ {
+ "moduleName": "TableHeader",
+ "filePath": "src/DataTable/TableHeader.svelte",
+ "props": [
+ {
+ "name": "scope",
+ "kind": "let",
+ "description": "Specify the `scope` attribute",
+ "type": "string",
+ "value": "\"col\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "translateWithId",
+ "kind": "let",
+ "description": "Override the default id translations",
+ "type": "() => string",
+ "value": "() => \"\"",
+ "isFunction": true,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "id",
+ "kind": "let",
+ "description": "Set an id for the top-level element",
+ "type": "string",
+ "value": "\"ccs-\" + Math.random().toString(36)",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "forwarded", "name": "mouseover", "element": "th" },
+ { "type": "forwarded", "name": "mouseenter", "element": "th" },
+ { "type": "forwarded", "name": "mouseleave", "element": "th" },
+ { "type": "forwarded", "name": "click", "element": "button" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "th" }
+ },
+ {
+ "moduleName": "TableRow",
+ "filePath": "src/DataTable/TableRow.svelte",
+ "props": [],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "tr" },
+ { "type": "forwarded", "name": "mouseover", "element": "tr" },
+ { "type": "forwarded", "name": "mouseenter", "element": "tr" },
+ { "type": "forwarded", "name": "mouseleave", "element": "tr" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "tr" }
+ },
+ {
+ "moduleName": "Tabs",
+ "filePath": "src/Tabs/Tabs.svelte",
+ "props": [
+ {
+ "name": "selected",
+ "kind": "let",
+ "description": "Specify the selected tab index",
+ "type": "number",
+ "value": "0",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "type",
+ "kind": "let",
+ "description": "Specify the type of tabs",
+ "type": "\"default\" | \"container\"",
+ "value": "\"default\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "iconDescription",
+ "kind": "let",
+ "description": "Specify the ARIA label for the chevron icon",
+ "type": "string",
+ "value": "\"Show menu options\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "triggerHref",
+ "kind": "let",
+ "description": "Specify the tab trigger href attribute",
+ "type": "string",
+ "value": "\"#\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [
+ { "name": "__default__", "default": true, "slot_props": "{}" },
+ { "name": "content", "default": false, "slot_props": "{}" }
+ ],
+ "events": [
+ { "type": "forwarded", "name": "keypress", "element": "div" },
+ { "type": "forwarded", "name": "click", "element": "a" },
+ { "type": "dispatched", "name": "change" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
{
"moduleName": "TabsSkeleton",
- "filePath": "/src/Tabs/TabsSkeleton.svelte",
+ "filePath": "src/Tabs/TabsSkeleton.svelte",
"props": [
{
"name": "count",
@@ -7810,33 +8931,9 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
- {
- "moduleName": "TagSkeleton",
- "filePath": "/src/Tag/TagSkeleton.svelte",
- "props": [
- {
- "name": "size",
- "kind": "let",
- "type": "\"sm\" | \"default\"",
- "value": "\"default\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "click", "element": "span" },
- { "type": "forwarded", "name": "mouseover", "element": "span" },
- { "type": "forwarded", "name": "mouseenter", "element": "span" },
- { "type": "forwarded", "name": "mouseleave", "element": "span" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "span" }
- },
{
"moduleName": "Tag",
- "filePath": "/src/Tag/Tag.svelte",
+ "filePath": "src/Tag/Tag.svelte",
"props": [
{
"name": "type",
@@ -7933,9 +9030,33 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "div | span" }
},
+ {
+ "moduleName": "TagSkeleton",
+ "filePath": "src/Tag/TagSkeleton.svelte",
+ "props": [
+ {
+ "name": "size",
+ "kind": "let",
+ "type": "\"sm\" | \"default\"",
+ "value": "\"default\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "span" },
+ { "type": "forwarded", "name": "mouseover", "element": "span" },
+ { "type": "forwarded", "name": "mouseenter", "element": "span" },
+ { "type": "forwarded", "name": "mouseleave", "element": "span" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "span" }
+ },
{
"moduleName": "TextArea",
- "filePath": "/src/TextArea/TextArea.svelte",
+ "filePath": "src/TextArea/TextArea.svelte",
"props": [
{
"name": "value",
@@ -8093,7 +9214,7 @@
},
{
"moduleName": "TextAreaSkeleton",
- "filePath": "/src/TextArea/TextAreaSkeleton.svelte",
+ "filePath": "src/TextArea/TextAreaSkeleton.svelte",
"props": [
{
"name": "hideLabel",
@@ -8118,7 +9239,7 @@
},
{
"moduleName": "TextInput",
- "filePath": "/src/TextInput/TextInput.svelte",
+ "filePath": "src/TextInput/TextInput.svelte",
"props": [
{
"name": "size",
@@ -8316,7 +9437,7 @@
},
{
"moduleName": "TextInputSkeleton",
- "filePath": "/src/TextInput/TextInputSkeleton.svelte",
+ "filePath": "src/TextInput/TextInputSkeleton.svelte",
"props": [
{
"name": "hideLabel",
@@ -8339,207 +9460,9 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
- {
- "moduleName": "PasswordInput",
- "filePath": "/src/TextInput/PasswordInput.svelte",
- "props": [
- {
- "name": "size",
- "kind": "let",
- "description": "Set the size of the input",
- "type": "\"sm\" | \"xl\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "value",
- "kind": "let",
- "description": "Specify the input value",
- "type": "number | string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "type",
- "kind": "let",
- "description": "Set to `\"text\"` to toggle the password visibility",
- "type": "\"text\" | \"password\"",
- "value": "\"password\"",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "placeholder",
- "kind": "let",
- "description": "Specify the placeholder text",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "hidePasswordLabel",
- "kind": "let",
- "description": "Specify the hide password label text",
- "type": "string",
- "value": "\"Hide password\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "showPasswordLabel",
- "kind": "let",
- "description": "Specify the show password label text",
- "type": "string",
- "value": "\"Show password\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "tooltipAlignment",
- "kind": "let",
- "description": "Set the alignment of the tooltip relative to the icon",
- "type": "\"start\" | \"center\" | \"end\"",
- "value": "\"center\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "tooltipPosition",
- "kind": "let",
- "description": "Set the position of the tooltip relative to the icon",
- "type": "\"top\" | \"right\" | \"bottom\" | \"left\"",
- "value": "\"bottom\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "light",
- "kind": "let",
- "description": "Set to `true` to enable the light variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "disabled",
- "kind": "let",
- "description": "Set to `true` to disable the input",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "helperText",
- "kind": "let",
- "description": "Specify the helper text",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "labelText",
- "kind": "let",
- "description": "Specify the label text",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "hideLabel",
- "kind": "let",
- "description": "Set to `true` to visually hide the label text",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "invalid",
- "kind": "let",
- "description": "Set to `true` to indicate an invalid state",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "invalidText",
- "kind": "let",
- "description": "Specify the text for the invalid state",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "id",
- "kind": "let",
- "description": "Set an id for the input element",
- "type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "name",
- "kind": "let",
- "description": "Specify a name attribute for the input",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the input HTML element",
- "type": "null | HTMLInputElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "click", "element": "div" },
- { "type": "forwarded", "name": "mouseover", "element": "div" },
- { "type": "forwarded", "name": "mouseenter", "element": "div" },
- { "type": "forwarded", "name": "mouseleave", "element": "div" },
- { "type": "forwarded", "name": "change", "element": "input" },
- { "type": "forwarded", "name": "input", "element": "input" },
- { "type": "forwarded", "name": "keydown", "element": "input" },
- { "type": "forwarded", "name": "focus", "element": "input" },
- { "type": "forwarded", "name": "blur", "element": "input" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "input" }
- },
{
"moduleName": "Tile",
- "filePath": "/src/Tile/Tile.svelte",
+ "filePath": "src/Tile/Tile.svelte",
"props": [
{
"name": "light",
@@ -8562,376 +9485,9 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
- {
- "moduleName": "ClickableTile",
- "filePath": "/src/Tile/ClickableTile.svelte",
- "props": [
- {
- "name": "clicked",
- "kind": "let",
- "description": "Set to `true` to click the tile",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "light",
- "kind": "let",
- "description": "Set to `true` to enable the light variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "href",
- "kind": "let",
- "description": "Set the `href`",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- { "type": "forwarded", "name": "click", "element": "a" },
- { "type": "forwarded", "name": "keydown", "element": "a" },
- { "type": "forwarded", "name": "mouseover", "element": "a" },
- { "type": "forwarded", "name": "mouseenter", "element": "a" },
- { "type": "forwarded", "name": "mouseleave", "element": "a" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "a" }
- },
- {
- "moduleName": "ExpandableTile",
- "filePath": "/src/Tile/ExpandableTile.svelte",
- "props": [
- {
- "name": "expanded",
- "kind": "let",
- "description": "Set to `true` to expand the tile",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "light",
- "kind": "let",
- "description": "Set to `true` to enable the light variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "tileMaxHeight",
- "kind": "let",
- "description": "Specify the max height of the tile (number of pixels)",
- "type": "number",
- "value": "0",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "tilePadding",
- "kind": "let",
- "description": "Specify the padding of the tile (number of pixels)",
- "type": "number",
- "value": "0",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "tileCollapsedIconText",
- "kind": "let",
- "description": "Specify the icon text of the collapsed tile",
- "type": "string",
- "value": "\"Interact to expand Tile\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "tileExpandedIconText",
- "kind": "let",
- "description": "Specify the icon text of the expanded tile",
- "type": "string",
- "value": "\"Interact to collapse Tile\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "tileExpandedLabel",
- "kind": "let",
- "description": "Specify the icon label of the expanded tile",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "tileCollapsedLabel",
- "kind": "let",
- "description": "Specify the icon label of the collapsed tile",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "tabindex",
- "kind": "let",
- "description": "Specify the tabindex",
- "type": "string",
- "value": "\"0\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "id",
- "kind": "let",
- "description": "Set an id for the top-level div element",
- "type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the top-level element",
- "type": "null | HTMLButtonElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [
- { "name": "above", "default": false, "slot_props": "{}" },
- { "name": "below", "default": false, "slot_props": "{}" }
- ],
- "events": [
- { "type": "forwarded", "name": "click", "element": "button" },
- { "type": "forwarded", "name": "keypress", "element": "button" },
- { "type": "forwarded", "name": "mouseover", "element": "button" },
- { "type": "forwarded", "name": "mouseenter", "element": "button" },
- { "type": "forwarded", "name": "mouseleave", "element": "button" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "button" }
- },
- {
- "moduleName": "SelectableTile",
- "filePath": "/src/Tile/SelectableTile.svelte",
- "props": [
- {
- "name": "selected",
- "kind": "let",
- "description": "Set to `true` to select the tile",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "light",
- "kind": "let",
- "description": "Set to `true` to enable the light variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "title",
- "kind": "let",
- "description": "Specify the title of the selectable tile",
- "type": "string",
- "value": "\"title\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "value",
- "kind": "let",
- "description": "Specify the value of the selectable tile",
- "type": "string",
- "value": "\"value\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "tabindex",
- "kind": "let",
- "description": "Specify the tabindex",
- "type": "string",
- "value": "\"0\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "iconDescription",
- "kind": "let",
- "description": "Specify the ARIA label for the selectable tile checkmark icon",
- "type": "string",
- "value": "\"Tile checkmark\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "id",
- "kind": "let",
- "description": "Set an id for the input element",
- "type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "name",
- "kind": "let",
- "description": "Specify a name attribute for the input",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the input HTML element",
- "type": "null | HTMLInputElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- { "type": "forwarded", "name": "click", "element": "label" },
- { "type": "forwarded", "name": "mouseover", "element": "label" },
- { "type": "forwarded", "name": "mouseenter", "element": "label" },
- { "type": "forwarded", "name": "mouseleave", "element": "label" },
- { "type": "forwarded", "name": "keydown", "element": "label" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "label" }
- },
- {
- "moduleName": "RadioTile",
- "filePath": "/src/Tile/RadioTile.svelte",
- "props": [
- {
- "name": "checked",
- "kind": "let",
- "description": "Set to `true` to check the tile",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "light",
- "kind": "let",
- "description": "Set to `true` to enable the light variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "value",
- "kind": "let",
- "description": "Specify the value of the radio input",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "tabindex",
- "kind": "let",
- "description": "Specify the tabindex",
- "type": "string",
- "value": "\"0\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "iconDescription",
- "kind": "let",
- "description": "Specify the ARIA label for the radio tile checkmark icon",
- "type": "string",
- "value": "\"Tile checkmark\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "id",
- "kind": "let",
- "description": "Set an id for the input element",
- "type": "string",
- "value": "\"ccs-\" + Math.random().toString(36)",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "name",
- "kind": "let",
- "description": "Specify a name attribute for the input",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- { "type": "forwarded", "name": "change", "element": "input" },
- { "type": "forwarded", "name": "keydown", "element": "input" },
- { "type": "forwarded", "name": "click", "element": "label" },
- { "type": "forwarded", "name": "mouseover", "element": "label" },
- { "type": "forwarded", "name": "mouseenter", "element": "label" },
- { "type": "forwarded", "name": "mouseleave", "element": "label" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "label" }
- },
{
"moduleName": "TileGroup",
- "filePath": "/src/Tile/TileGroup.svelte",
+ "filePath": "src/Tile/TileGroup.svelte",
"props": [
{
"name": "selected",
@@ -8970,7 +9526,7 @@
},
{
"moduleName": "TimePicker",
- "filePath": "/src/TimePicker/TimePicker.svelte",
+ "filePath": "src/TimePicker/TimePicker.svelte",
"props": [
{
"name": "size",
@@ -9137,7 +9693,7 @@
},
{
"moduleName": "TimePickerSelect",
- "filePath": "/src/TimePicker/TimePickerSelect.svelte",
+ "filePath": "src/TimePicker/TimePickerSelect.svelte",
"props": [
{
"name": "value",
@@ -9228,9 +9784,119 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
+ {
+ "moduleName": "ToastNotification",
+ "filePath": "src/Notification/ToastNotification.svelte",
+ "props": [
+ {
+ "name": "kind",
+ "kind": "let",
+ "description": "Specify the kind of notification",
+ "type": "\"error\" | \"info\" | \"info-square\" | \"success\" | \"warning\" | \"warning-alt\"",
+ "value": "\"error\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "lowContrast",
+ "kind": "let",
+ "description": "Set to `true` to use the low contrast variant",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "timeout",
+ "kind": "let",
+ "description": "Set the timeout duration (ms) to hide the notification after opening it",
+ "type": "number",
+ "value": "0",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "role",
+ "kind": "let",
+ "description": "Set the `role` attribute",
+ "type": "string",
+ "value": "\"alert\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "title",
+ "kind": "let",
+ "description": "Specify the title text",
+ "type": "string",
+ "value": "\"Title\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "subtitle",
+ "kind": "let",
+ "description": "Specify the subtitle text",
+ "type": "string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "caption",
+ "kind": "let",
+ "description": "Specify the caption text",
+ "type": "string",
+ "value": "\"Caption\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "iconDescription",
+ "kind": "let",
+ "description": "Specify the ARIA label for the icon",
+ "type": "string",
+ "value": "\"Closes notification\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "hideCloseButton",
+ "kind": "let",
+ "description": "Set to `true` to hide the close button",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ {
+ "type": "dispatched",
+ "name": "close",
+ "detail": "{ timeout: boolean }"
+ },
+ { "type": "forwarded", "name": "click", "element": "div" },
+ { "type": "forwarded", "name": "mouseover", "element": "div" },
+ { "type": "forwarded", "name": "mouseenter", "element": "div" },
+ { "type": "forwarded", "name": "mouseleave", "element": "div" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
{
"moduleName": "Toggle",
- "filePath": "/src/Toggle/Toggle.svelte",
+ "filePath": "src/Toggle/Toggle.svelte",
"props": [
{
"name": "size",
@@ -9333,7 +9999,7 @@
},
{
"moduleName": "ToggleSkeleton",
- "filePath": "/src/Toggle/ToggleSkeleton.svelte",
+ "filePath": "src/Toggle/ToggleSkeleton.svelte",
"props": [
{
"name": "size",
@@ -9378,7 +10044,7 @@
},
{
"moduleName": "ToggleSmall",
- "filePath": "/src/ToggleSmall/ToggleSmall.svelte",
+ "filePath": "src/ToggleSmall/ToggleSmall.svelte",
"props": [
{
"name": "toggled",
@@ -9466,7 +10132,7 @@
},
{
"moduleName": "ToggleSmallSkeleton",
- "filePath": "/src/ToggleSmall/ToggleSmallSkeleton.svelte",
+ "filePath": "src/ToggleSmall/ToggleSmallSkeleton.svelte",
"props": [
{
"name": "labelText",
@@ -9499,9 +10165,165 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "div" }
},
+ {
+ "moduleName": "Toolbar",
+ "filePath": "src/DataTable/Toolbar.svelte",
+ "props": [
+ {
+ "name": "size",
+ "kind": "let",
+ "description": "Specify the toolbar size",
+ "type": "\"sm\" | \"default\"",
+ "value": "\"default\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "section" }
+ },
+ {
+ "moduleName": "ToolbarBatchActions",
+ "filePath": "src/DataTable/ToolbarBatchActions.svelte",
+ "props": [
+ {
+ "name": "formatTotalSelected",
+ "kind": "let",
+ "description": "Override the total items selected text",
+ "type": "(totalSelected: number) => string",
+ "value": "(totalSelected) => `${totalSelected} item${totalSelected === 1 ? \"\" : \"s\"} selected`",
+ "isFunction": true,
+ "constant": false,
+ "reactive": false
+ }
+ ],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": [],
+ "rest_props": { "type": "Element", "name": "div" }
+ },
+ {
+ "moduleName": "ToolbarContent",
+ "filePath": "src/DataTable/ToolbarContent.svelte",
+ "props": [],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": []
+ },
+ {
+ "moduleName": "ToolbarMenu",
+ "filePath": "src/DataTable/ToolbarMenu.svelte",
+ "props": [],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [],
+ "typedefs": [],
+ "rest_props": { "type": "InlineComponent", "name": "OverflowMenu" },
+ "extends": {
+ "interface": "OverflowMenuProps",
+ "import": "\"../OverflowMenu/OverflowMenu\""
+ }
+ },
+ {
+ "moduleName": "ToolbarMenuItem",
+ "filePath": "src/DataTable/ToolbarMenuItem.svelte",
+ "props": [],
+ "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
+ "events": [
+ { "type": "forwarded", "name": "click", "element": "OverflowMenuItem" },
+ {
+ "type": "forwarded",
+ "name": "keydown",
+ "element": "OverflowMenuItem"
+ }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "InlineComponent", "name": "OverflowMenuItem" },
+ "extends": {
+ "interface": "OverflowMenuItemProps",
+ "import": "\"../OverflowMenu/OverflowMenuItem\""
+ }
+ },
+ {
+ "moduleName": "ToolbarSearch",
+ "filePath": "src/DataTable/ToolbarSearch.svelte",
+ "props": [
+ {
+ "name": "value",
+ "kind": "let",
+ "description": "Specify the value of the search input",
+ "type": "number | string",
+ "value": "\"\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "expanded",
+ "kind": "let",
+ "description": "Set to `true` to expand the search bar",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ },
+ {
+ "name": "persistent",
+ "kind": "let",
+ "description": "Set to `true` to keep the search bar expanded",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "disabled",
+ "kind": "let",
+ "description": "Set to `true` to disable the search bar",
+ "type": "boolean",
+ "value": "false",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "tabindex",
+ "kind": "let",
+ "description": "Specify the tabindex",
+ "type": "string",
+ "value": "\"0\"",
+ "isFunction": false,
+ "constant": false,
+ "reactive": false
+ },
+ {
+ "name": "ref",
+ "kind": "let",
+ "description": "Obtain a reference to the input HTML element",
+ "type": "null | HTMLInputElement",
+ "value": "null",
+ "isFunction": false,
+ "constant": false,
+ "reactive": true
+ }
+ ],
+ "slots": [],
+ "events": [
+ { "type": "forwarded", "name": "change", "element": "Search" },
+ { "type": "forwarded", "name": "input", "element": "Search" },
+ { "type": "forwarded", "name": "focus", "element": "Search" },
+ { "type": "forwarded", "name": "blur", "element": "Search" }
+ ],
+ "typedefs": [],
+ "rest_props": { "type": "InlineComponent", "name": "Search" }
+ },
{
"moduleName": "Tooltip",
- "filePath": "/src/Tooltip/Tooltip.svelte",
+ "filePath": "src/Tooltip/Tooltip.svelte",
"props": [
{
"name": "align",
@@ -9667,7 +10489,7 @@
},
{
"moduleName": "TooltipDefinition",
- "filePath": "/src/TooltipDefinition/TooltipDefinition.svelte",
+ "filePath": "src/TooltipDefinition/TooltipDefinition.svelte",
"props": [
{
"name": "tooltipText",
@@ -9741,7 +10563,7 @@
},
{
"moduleName": "TooltipIcon",
- "filePath": "/src/TooltipIcon/TooltipIcon.svelte",
+ "filePath": "src/TooltipIcon/TooltipIcon.svelte",
"props": [
{
"name": "tooltipText",
@@ -9813,831 +10635,9 @@
"typedefs": [],
"rest_props": { "type": "Element", "name": "button" }
},
- {
- "moduleName": "Header",
- "filePath": "/src/UIShell/GlobalHeader/Header.svelte",
- "props": [
- {
- "name": "expandedByDefault",
- "kind": "let",
- "description": "Set to `false` to hide the side nav by default",
- "type": "boolean",
- "value": "true",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "isSideNavOpen",
- "kind": "let",
- "description": "Set to `true` to open the side nav",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "uiShellAriaLabel",
- "kind": "let",
- "description": "Specify the ARIA label for the header",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "href",
- "kind": "let",
- "description": "Specify the `href` attribute",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "company",
- "kind": "let",
- "description": "Specify the company name",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "platformName",
- "kind": "let",
- "description": "Specify the platform name\nAlternatively, use the named slot \"platform\" (e.g., ...)",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "persistentHamburgerMenu",
- "kind": "let",
- "description": "Set to `true` to persist the hamburger menu",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the HTML anchor element",
- "type": "null | HTMLAnchorElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [
- { "name": "__default__", "default": true, "slot_props": "{}" },
- {
- "name": "platform",
- "default": false,
- "fallback": "{platformName}",
- "slot_props": "{}"
- },
- { "name": "skip-to-content", "default": false, "slot_props": "{}" }
- ],
- "events": [{ "type": "forwarded", "name": "click", "element": "a" }],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "a" }
- },
- {
- "moduleName": "HeaderAction",
- "filePath": "/src/UIShell/GlobalHeader/HeaderAction.svelte",
- "props": [
- {
- "name": "isOpen",
- "kind": "let",
- "description": "Set to `true` to open the panel",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "icon",
- "kind": "let",
- "description": "Specify the icon from `carbon-icons-svelte` to render",
- "type": "typeof import(\"carbon-icons-svelte\").CarbonIcon",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "text",
- "kind": "let",
- "description": "Specify the text\nAlternatively, use the named slot \"text\" (e.g., ...
)",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the button HTML element",
- "type": "null | HTMLButtonElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "transition",
- "kind": "let",
- "description": "Customize the panel transition (i.e., `transition:slide`)\nSet to `false` to disable the transition",
- "type": "false | HeaderActionSlideTransition",
- "value": "{ duration: 200 }",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [
- { "name": "__default__", "default": true, "slot_props": "{}" },
- {
- "name": "text",
- "default": false,
- "fallback": "{#if text}{text}{/if}",
- "slot_props": "{}"
- }
- ],
- "events": [
- { "type": "forwarded", "name": "click", "element": "button" },
- { "type": "dispatched", "name": "close" }
- ],
- "typedefs": [
- {
- "type": "{ delay?: number; duration?: number; easing?: (t: number) => number; }",
- "name": "HeaderActionSlideTransition",
- "ts": "interface HeaderActionSlideTransition { delay?: number; duration?: number; easing?: (t: number) => number; }"
- }
- ],
- "rest_props": { "type": "Element", "name": "button" }
- },
- {
- "moduleName": "HeaderActionLink",
- "filePath": "/src/UIShell/GlobalHeader/HeaderActionLink.svelte",
- "props": [
- {
- "name": "linkIsActive",
- "kind": "let",
- "description": "Set to `true` to use the active state",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "href",
- "kind": "let",
- "description": "Specify the `href` attribute",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "icon",
- "kind": "let",
- "description": "Specify the icon from `carbon-icons-svelte` to render",
- "type": "typeof import(\"carbon-icons-svelte\").CarbonIcon",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the HTML anchor element",
- "type": "null | HTMLAnchorElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [],
- "events": [],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "a" }
- },
- {
- "moduleName": "HeaderActionSearch",
- "filePath": "/src/UIShell/GlobalHeader/HeaderActionSearch.svelte",
- "props": [
- {
- "name": "searchIsActive",
- "kind": "let",
- "description": "Set to `true` to focus the search",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [],
- "events": [
- {
- "type": "dispatched",
- "name": "inputSearch",
- "detail": "{ action: \"search\"; textInput: string; }"
- },
- { "type": "dispatched", "name": "focusInputSearch" },
- { "type": "dispatched", "name": "focusOutInputSearch" }
- ],
- "typedefs": []
- },
- {
- "moduleName": "HeaderNav",
- "filePath": "/src/UIShell/GlobalHeader/HeaderNav.svelte",
- "props": [
- {
- "name": "ariaLabel",
- "kind": "let",
- "description": "Specify the ARIA label for the nav",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "nav" }
- },
- {
- "moduleName": "HeaderNavItem",
- "filePath": "/src/UIShell/GlobalHeader/HeaderNavItem.svelte",
- "props": [
- {
- "name": "href",
- "kind": "let",
- "description": "Specify the `href` attribute",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "text",
- "kind": "let",
- "description": "Specify the text",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the HTML anchor element",
- "type": "null | HTMLAnchorElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [],
- "events": [
- { "type": "forwarded", "name": "click", "element": "a" },
- { "type": "forwarded", "name": "mouseover", "element": "a" },
- { "type": "forwarded", "name": "mouseenter", "element": "a" },
- { "type": "forwarded", "name": "mouseleave", "element": "a" },
- { "type": "forwarded", "name": "keyup", "element": "a" },
- { "type": "forwarded", "name": "keydown", "element": "a" },
- { "type": "forwarded", "name": "focus", "element": "a" },
- { "type": "forwarded", "name": "blur", "element": "a" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "a" }
- },
- {
- "moduleName": "HeaderNavMenu",
- "filePath": "/src/UIShell/GlobalHeader/HeaderNavMenu.svelte",
- "props": [
- {
- "name": "expanded",
- "kind": "let",
- "description": "Set to `true` to toggle the expanded state",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "href",
- "kind": "let",
- "description": "Specify the `href` attribute",
- "type": "string",
- "value": "\"/\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "text",
- "kind": "let",
- "description": "Specify the text",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the HTML anchor element",
- "type": "null | HTMLAnchorElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "iconDescription",
- "kind": "let",
- "description": "Specify the ARIA label for the chevron icon",
- "type": "string",
- "value": "\"Expand/Collapse\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [
- { "type": "forwarded", "name": "keydown", "element": "a" },
- { "type": "forwarded", "name": "click", "element": "a" },
- { "type": "forwarded", "name": "mouseover", "element": "a" },
- { "type": "forwarded", "name": "mouseenter", "element": "a" },
- { "type": "forwarded", "name": "mouseleave", "element": "a" },
- { "type": "forwarded", "name": "keyup", "element": "a" },
- { "type": "forwarded", "name": "focus", "element": "a" },
- { "type": "forwarded", "name": "blur", "element": "a" }
- ],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "a" }
- },
- {
- "moduleName": "HeaderPanelDivider",
- "filePath": "/src/UIShell/GlobalHeader/HeaderPanelDivider.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": []
- },
- {
- "moduleName": "HeaderPanelLink",
- "filePath": "/src/UIShell/GlobalHeader/HeaderPanelLink.svelte",
- "props": [
- {
- "name": "href",
- "kind": "let",
- "description": "Specify the `href` attribute",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the HTML anchor element",
- "type": "null | HTMLAnchorElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [{ "type": "forwarded", "name": "click", "element": "a" }],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "a" }
- },
- {
- "moduleName": "HeaderPanelLinks",
- "filePath": "/src/UIShell/GlobalHeader/HeaderPanelLinks.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": []
- },
- {
- "moduleName": "HeaderUtilities",
- "filePath": "/src/UIShell/GlobalHeader/HeaderUtilities.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": []
- },
- {
- "moduleName": "SideNav",
- "filePath": "/src/UIShell/SideNav/SideNav.svelte",
- "props": [
- {
- "name": "fixed",
- "kind": "let",
- "description": "Set to `true` to use the fixed variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ariaLabel",
- "kind": "let",
- "description": "Specify the ARIA label for the nav",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "isOpen",
- "kind": "let",
- "description": "Set to `true` to toggle the expanded state",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "nav" }
- },
- {
- "moduleName": "SideNavItems",
- "filePath": "/src/UIShell/SideNav/SideNavItems.svelte",
- "props": [],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": []
- },
- {
- "moduleName": "SideNavLink",
- "filePath": "/src/UIShell/SideNav/SideNavLink.svelte",
- "props": [
- {
- "name": "isSelected",
- "kind": "let",
- "description": "Set to `true` to select the current link",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "href",
- "kind": "let",
- "description": "Specify the `href` attribute",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "text",
- "kind": "let",
- "description": "Specify the text",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "icon",
- "kind": "let",
- "description": "Specify the icon from `carbon-icons-svelte` to render",
- "type": "typeof import(\"carbon-icons-svelte\").CarbonIcon",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the HTML anchor element",
- "type": "null | HTMLAnchorElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [],
- "events": [{ "type": "forwarded", "name": "click", "element": "a" }],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "a" }
- },
- {
- "moduleName": "SideNavMenu",
- "filePath": "/src/UIShell/SideNav/SideNavMenu.svelte",
- "props": [
- {
- "name": "expanded",
- "kind": "let",
- "description": "Set to `true` to toggle the expanded state",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "text",
- "kind": "let",
- "description": "Specify the text",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "icon",
- "kind": "let",
- "description": "Specify the icon from `carbon-icons-svelte` to render",
- "type": "typeof import(\"carbon-icons-svelte\").CarbonIcon",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the HTML button element",
- "type": "null | HTMLButtonElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [{ "type": "forwarded", "name": "click", "element": "button" }],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "button" }
- },
- {
- "moduleName": "SideNavMenuItem",
- "filePath": "/src/UIShell/SideNav/SideNavMenuItem.svelte",
- "props": [
- {
- "name": "isSelected",
- "kind": "let",
- "description": "Set to `true` to select the item",
- "type": "boolean",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "href",
- "kind": "let",
- "description": "Specify the `href` attribute",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "text",
- "kind": "let",
- "description": "Specify the item text",
- "type": "string",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the HTML anchor element",
- "type": "null | HTMLAnchorElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [],
- "events": [{ "type": "forwarded", "name": "click", "element": "a" }],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "a" }
- },
- {
- "moduleName": "Content",
- "filePath": "/src/UIShell/Content.svelte",
- "props": [
- {
- "name": "id",
- "kind": "let",
- "description": "Specify the id for the main element",
- "type": "string",
- "value": "\"main-content\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
- "events": [],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "main" }
- },
- {
- "moduleName": "SkipToContent",
- "filePath": "/src/UIShell/SkipToContent.svelte",
- "props": [
- {
- "name": "href",
- "kind": "let",
- "description": "Specify the `href` attribute",
- "type": "string",
- "value": "\"#main-content\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "tabindex",
- "kind": "let",
- "description": "Specify the tabindex",
- "type": "string",
- "value": "\"0\"",
- "isFunction": false,
- "constant": false,
- "reactive": false
- }
- ],
- "slots": [
- {
- "name": "__default__",
- "default": true,
- "fallback": "Skip to main content",
- "slot_props": "{}"
- }
- ],
- "events": [{ "type": "forwarded", "name": "click", "element": "a" }],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "a" }
- },
- {
- "moduleName": "HeaderGlobalAction",
- "filePath": "/src/UIShell/HeaderGlobalAction.svelte",
- "props": [
- {
- "name": "isActive",
- "kind": "let",
- "description": "Set to `true` to use the active variant",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "icon",
- "kind": "let",
- "description": "Specify the icon to render",
- "type": "typeof import(\"carbon-icons-svelte\").CarbonIcon",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the HTML button element",
- "type": "null | HTMLButtonElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [
- {
- "name": "__default__",
- "default": true,
- "fallback": "",
- "slot_props": "{}"
- }
- ],
- "events": [{ "type": "forwarded", "name": "click", "element": "button" }],
- "typedefs": [],
- "rest_props": { "type": "Element", "name": "button" }
- },
- {
- "moduleName": "HeaderSearch",
- "filePath": "/src/UIShell/HeaderSearch.svelte",
- "props": [
- {
- "name": "value",
- "kind": "let",
- "description": "Specify the search input value",
- "type": "string",
- "value": "\"\"",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "active",
- "kind": "let",
- "description": "Set to `true` to activate and focus the search bar",
- "type": "boolean",
- "value": "false",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "ref",
- "kind": "let",
- "description": "Obtain a reference to the input HTML element",
- "type": "null | HTMLInputElement",
- "value": "null",
- "isFunction": false,
- "constant": false,
- "reactive": true
- },
- {
- "name": "results",
- "kind": "let",
- "description": "Render a list of search results",
- "type": "HeaderSearchResult[]",
- "value": "[]",
- "isFunction": false,
- "constant": false,
- "reactive": false
- },
- {
- "name": "selectedResultIndex",
- "kind": "let",
- "description": "Specify the selected result index",
- "type": "number",
- "value": "0",
- "isFunction": false,
- "constant": false,
- "reactive": true
- }
- ],
- "slots": [
- {
- "name": "__default__",
- "default": true,
- "fallback": "{result.text}\n {#if result.description}– {result.description}{/if}",
- "slot_props": "{ result: HeaderSearchResult; index: number }"
- }
- ],
- "events": [
- { "type": "dispatched", "name": "active", "detail": "any" },
- { "type": "dispatched", "name": "inactive", "detail": "any" },
- { "type": "dispatched", "name": "clear", "detail": "any" },
- {
- "type": "dispatched",
- "name": "select",
- "detail": "{ value: string; selectedResultIndex: number; selectedResult: HeaderSearchResult }"
- },
- { "type": "forwarded", "name": "change", "element": "input" },
- { "type": "forwarded", "name": "input", "element": "input" },
- { "type": "forwarded", "name": "focus", "element": "input" },
- { "type": "forwarded", "name": "blur", "element": "input" },
- { "type": "forwarded", "name": "keydown", "element": "input" }
- ],
- "typedefs": [
- {
- "type": "{ href: string; text: string; description?: string; }",
- "name": "HeaderSearchResult",
- "ts": "interface HeaderSearchResult { href: string; text: string; description?: string; }"
- }
- ],
- "rest_props": { "type": "Element", "name": "input" }
- },
{
"moduleName": "UnorderedList",
- "filePath": "/src/UnorderedList/UnorderedList.svelte",
+ "filePath": "src/UnorderedList/UnorderedList.svelte",
"props": [
{
"name": "nested",
diff --git a/package.json b/package.json
index d1fe3b9e..b15ae405 100644
--- a/package.json
+++ b/package.json
@@ -41,7 +41,7 @@
"rollup-plugin-svelte": "^7.1.0",
"rollup-plugin-terser": "^7.0.2",
"sass": "^1.32.6",
- "sveld": "0.3.0",
+ "sveld": "^0.7.0",
"svelte": "^3.32.1",
"svelte-check": "^1.1.32",
"typescript": "^4.1.3"
diff --git a/rollup.config.js b/rollup.config.js
index 3d708460..17cf018a 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -24,6 +24,7 @@ export default ["es", "umd"].map((format) => {
UMD && terser(),
UMD &&
sveld({
+ glob: true,
markdown: true,
markdownOptions: {
onAppend: (type, document, components) => {
diff --git a/types/Accordion/Accordion.d.ts b/types/Accordion/Accordion.d.ts
index b08768a0..338ca96a 100644
--- a/types/Accordion/Accordion.d.ts
+++ b/types/Accordion/Accordion.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
import { AccordionSkeletonProps } from "./AccordionSkeleton";
export interface AccordionProps extends AccordionSkeletonProps {
@@ -26,15 +27,13 @@ export interface AccordionProps extends AccordionSkeletonProps {
skeleton?: boolean;
}
-export default class Accordion {
- $$prop_def: AccordionProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class Accordion extends SvelteComponentTyped<
+ AccordionProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/Accordion/AccordionItem.d.ts b/types/Accordion/AccordionItem.d.ts
index 89597c94..eca4c772 100644
--- a/types/Accordion/AccordionItem.d.ts
+++ b/types/Accordion/AccordionItem.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface AccordionItemProps extends svelte.JSX.HTMLAttributes {
+export interface AccordionItemProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the title of the accordion item heading
* Alternatively, use the "title" slot (e.g., ...
)
@@ -27,18 +29,15 @@ export interface AccordionItemProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class AccordionItem extends SvelteComponentTyped<
+ AccordionItemProps,
+ {
+ animationend: WindowEventMap["animationend"];
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ keydown: WindowEventMap["keydown"];
+ },
+ { default: {}; title: {} }
+> {}
diff --git a/types/Accordion/AccordionSkeleton.d.ts b/types/Accordion/AccordionSkeleton.d.ts
index 0d05c96a..c761f389 100644
--- a/types/Accordion/AccordionSkeleton.d.ts
+++ b/types/Accordion/AccordionSkeleton.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface AccordionSkeletonProps extends svelte.JSX.HTMLAttributes {
+export interface AccordionSkeletonProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the number of accordion items to render
* @default 4
@@ -25,13 +27,13 @@ export interface AccordionSkeletonProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class AccordionSkeleton extends SvelteComponentTyped<
+ AccordionSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/AspectRatio/AspectRatio.d.ts b/types/AspectRatio/AspectRatio.d.ts
index 89678b5d..8e723628 100644
--- a/types/AspectRatio/AspectRatio.d.ts
+++ b/types/AspectRatio/AspectRatio.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface AspectRatioProps extends svelte.JSX.HTMLAttributes {
+export interface AspectRatioProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the aspect ratio
* @default "2x1"
@@ -8,11 +10,8 @@ export interface AspectRatioProps extends svelte.JSX.HTMLAttributes void): () => void;
-}
+export default class AspectRatio extends SvelteComponentTyped<
+ AspectRatioProps,
+ {},
+ { default: {} }
+> {}
diff --git a/types/Breadcrumb/Breadcrumb.d.ts b/types/Breadcrumb/Breadcrumb.d.ts
index 787bf712..9c3c465a 100644
--- a/types/Breadcrumb/Breadcrumb.d.ts
+++ b/types/Breadcrumb/Breadcrumb.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
import { BreadcrumbSkeletonProps } from "./BreadcrumbSkeleton";
export interface BreadcrumbProps extends BreadcrumbSkeletonProps {
@@ -15,15 +16,13 @@ export interface BreadcrumbProps extends BreadcrumbSkeletonProps {
skeleton?: boolean;
}
-export default class Breadcrumb {
- $$prop_def: BreadcrumbProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class Breadcrumb extends SvelteComponentTyped<
+ BreadcrumbProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/Breadcrumb/BreadcrumbItem.d.ts b/types/Breadcrumb/BreadcrumbItem.d.ts
index 7574d6c8..7b68f56e 100644
--- a/types/Breadcrumb/BreadcrumbItem.d.ts
+++ b/types/Breadcrumb/BreadcrumbItem.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface BreadcrumbItemProps extends svelte.JSX.HTMLAttributes {
+export interface BreadcrumbItemProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the `href` to use an anchor link
*/
@@ -13,15 +15,13 @@ export interface BreadcrumbItemProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class BreadcrumbItem extends SvelteComponentTyped<
+ BreadcrumbItemProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: { props?: { ["aria-current"]?: string; class: "bx--link" } } }
+> {}
diff --git a/types/Breadcrumb/BreadcrumbSkeleton.d.ts b/types/Breadcrumb/BreadcrumbSkeleton.d.ts
index 3f0caaaf..c675990e 100644
--- a/types/Breadcrumb/BreadcrumbSkeleton.d.ts
+++ b/types/Breadcrumb/BreadcrumbSkeleton.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface BreadcrumbSkeletonProps extends svelte.JSX.HTMLAttributes {
+export interface BreadcrumbSkeletonProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to hide the breadcrumb trailing slash
* @default false
@@ -14,13 +16,13 @@ export interface BreadcrumbSkeletonProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class BreadcrumbSkeleton extends SvelteComponentTyped<
+ BreadcrumbSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/Button/Button.d.ts b/types/Button/Button.d.ts
index 5aa6fc4c..551cc289 100644
--- a/types/Button/Button.d.ts
+++ b/types/Button/Button.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
import { ButtonSkeletonProps } from "./ButtonSkeleton";
export interface ButtonProps
@@ -10,7 +11,14 @@ export interface ButtonProps
* Specify the kind of button
* @default "primary"
*/
- kind?: "primary" | "secondary" | "tertiary" | "ghost" | "danger" | "danger-tertiary" | "danger-ghost";
+ kind?:
+ | "primary"
+ | "secondary"
+ | "tertiary"
+ | "ghost"
+ | "danger"
+ | "danger-tertiary"
+ | "danger-ghost";
/**
* Specify the size of button
@@ -90,9 +98,15 @@ export interface ButtonProps
ref?: null | HTMLAnchorElement | HTMLButtonElement;
}
-export default class Button {
- $$prop_def: ButtonProps;
- $$slot_def: {
+export default class Button extends SvelteComponentTyped<
+ ButtonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {
default: {
props: {
role: "button";
@@ -104,11 +118,5 @@ export default class Button {
[key: string]: any;
};
};
- };
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+ }
+> {}
diff --git a/types/Button/ButtonSet.d.ts b/types/Button/ButtonSet.d.ts
index 3bddf6b6..d5eb59fd 100644
--- a/types/Button/ButtonSet.d.ts
+++ b/types/Button/ButtonSet.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ButtonSetProps extends svelte.JSX.HTMLAttributes {
+export interface ButtonSetProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to stack the buttons vertically
* @default false
@@ -8,11 +10,8 @@ export interface ButtonSetProps extends svelte.JSX.HTMLAttributes void): () => void;
-}
+export default class ButtonSet extends SvelteComponentTyped<
+ ButtonSetProps,
+ {},
+ { default: {} }
+> {}
diff --git a/types/Button/ButtonSkeleton.d.ts b/types/Button/ButtonSkeleton.d.ts
index 450edfb5..ac57f89e 100644
--- a/types/Button/ButtonSkeleton.d.ts
+++ b/types/Button/ButtonSkeleton.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ButtonSkeletonProps extends svelte.JSX.HTMLAttributes {
+export interface ButtonSkeletonProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the `href` to use an anchor link
*/
@@ -18,13 +20,13 @@ export interface ButtonSkeletonProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ButtonSkeleton extends SvelteComponentTyped<
+ ButtonSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/Checkbox/Checkbox.d.ts b/types/Checkbox/Checkbox.d.ts
index 19d4e3f4..cdd7a521 100644
--- a/types/Checkbox/Checkbox.d.ts
+++ b/types/Checkbox/Checkbox.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
export interface CheckboxProps {
/**
@@ -67,15 +68,15 @@ export interface CheckboxProps {
ref?: null | HTMLInputElement;
}
-export default class Checkbox {
- $$prop_def: CheckboxProps;
- $$slot_def: {};
-
- $on(eventname: "check", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class Checkbox extends SvelteComponentTyped<
+ CheckboxProps,
+ {
+ check: CustomEvent;
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ change: WindowEventMap["change"];
+ },
+ {}
+> {}
diff --git a/types/Checkbox/CheckboxSkeleton.d.ts b/types/Checkbox/CheckboxSkeleton.d.ts
index 080e5736..0e3994d1 100644
--- a/types/Checkbox/CheckboxSkeleton.d.ts
+++ b/types/Checkbox/CheckboxSkeleton.d.ts
@@ -1,14 +1,16 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface CheckboxSkeletonProps extends svelte.JSX.HTMLAttributes {}
+export interface CheckboxSkeletonProps
+ extends svelte.JSX.HTMLAttributes {}
-export default class CheckboxSkeleton {
- $$prop_def: CheckboxSkeletonProps;
- $$slot_def: {};
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class CheckboxSkeleton extends SvelteComponentTyped<
+ CheckboxSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/CodeSnippet/CodeSnippet.d.ts b/types/CodeSnippet/CodeSnippet.d.ts
index 2d31d91c..2a8c00a2 100644
--- a/types/CodeSnippet/CodeSnippet.d.ts
+++ b/types/CodeSnippet/CodeSnippet.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
export interface CodeSnippetProps {
/**
@@ -106,16 +107,14 @@ export interface CodeSnippetProps {
ref?: null | HTMLPreElement;
}
-export default class CodeSnippet {
- $$prop_def: CodeSnippetProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "animationend", cb: (event: WindowEventMap["animationend"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class CodeSnippet extends SvelteComponentTyped<
+ CodeSnippetProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ animationend: WindowEventMap["animationend"];
+ },
+ { default: {} }
+> {}
diff --git a/types/CodeSnippet/CodeSnippetSkeleton.d.ts b/types/CodeSnippet/CodeSnippetSkeleton.d.ts
index f8205edb..7e0c3422 100644
--- a/types/CodeSnippet/CodeSnippetSkeleton.d.ts
+++ b/types/CodeSnippet/CodeSnippetSkeleton.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface CodeSnippetSkeletonProps extends svelte.JSX.HTMLAttributes {
+export interface CodeSnippetSkeletonProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the type of code snippet
* @default "single"
@@ -8,13 +10,13 @@ export interface CodeSnippetSkeletonProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class CodeSnippetSkeleton extends SvelteComponentTyped<
+ CodeSnippetSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/ComboBox/ComboBox.d.ts b/types/ComboBox/ComboBox.d.ts
index c553fea2..cf86750d 100644
--- a/types/ComboBox/ComboBox.d.ts
+++ b/types/ComboBox/ComboBox.d.ts
@@ -1,11 +1,13 @@
///
+import { SvelteComponentTyped } from "svelte";
export interface ComboBoxItem {
id: string;
text: string;
}
-export interface ComboBoxProps extends svelte.JSX.HTMLAttributes {
+export interface ComboBoxProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the combobox items
* @default []
@@ -118,18 +120,19 @@ export interface ComboBoxProps extends svelte.JSX.HTMLAttributes) => void
- ): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: "focus", cb: (event: WindowEventMap["focus"]) => void): () => void;
- $on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
- $on(eventname: "clear", cb: (event: WindowEventMap["clear"]) => void): () => void;
- $on(eventname: "scroll", cb: (event: WindowEventMap["scroll"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ComboBox extends SvelteComponentTyped<
+ ComboBoxProps,
+ {
+ select: CustomEvent<{
+ selectedId: string;
+ selectedIndex: number;
+ selectedItem: ComboBoxItem;
+ }>;
+ keydown: WindowEventMap["keydown"];
+ focus: WindowEventMap["focus"];
+ blur: WindowEventMap["blur"];
+ clear: WindowEventMap["clear"];
+ scroll: WindowEventMap["scroll"];
+ },
+ {}
+> {}
diff --git a/types/ComposedModal/ComposedModal.d.ts b/types/ComposedModal/ComposedModal.d.ts
index c79b4ae6..821b0566 100644
--- a/types/ComposedModal/ComposedModal.d.ts
+++ b/types/ComposedModal/ComposedModal.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ComposedModalProps extends svelte.JSX.HTMLAttributes {
+export interface ComposedModalProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the size of the composed modal
*/
@@ -43,19 +45,17 @@ export interface ComposedModalProps extends svelte.JSX.HTMLAttributes) => void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "submit", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: "close", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: "open", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ComposedModal extends SvelteComponentTyped<
+ ComposedModalProps,
+ {
+ transitionend: CustomEvent<{ open: boolean }>;
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ submit: CustomEvent;
+ close: CustomEvent;
+ open: CustomEvent;
+ },
+ { default: {} }
+> {}
diff --git a/types/ComposedModal/ModalBody.d.ts b/types/ComposedModal/ModalBody.d.ts
index d1bdc682..c74d879e 100644
--- a/types/ComposedModal/ModalBody.d.ts
+++ b/types/ComposedModal/ModalBody.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ModalBodyProps extends svelte.JSX.HTMLAttributes {
+export interface ModalBodyProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` if the modal contains form elements
* @default false
@@ -14,11 +16,8 @@ export interface ModalBodyProps extends svelte.JSX.HTMLAttributes void): () => void;
-}
+export default class ModalBody extends SvelteComponentTyped<
+ ModalBodyProps,
+ {},
+ { default: {} }
+> {}
diff --git a/types/ComposedModal/ModalFooter.d.ts b/types/ComposedModal/ModalFooter.d.ts
index 75f0e181..8eb5a2c3 100644
--- a/types/ComposedModal/ModalFooter.d.ts
+++ b/types/ComposedModal/ModalFooter.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ModalFooterProps extends svelte.JSX.HTMLAttributes {
+export interface ModalFooterProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the primary button text
* @default ""
@@ -36,11 +38,8 @@ export interface ModalFooterProps extends svelte.JSX.HTMLAttributes void): () => void;
-}
+export default class ModalFooter extends SvelteComponentTyped<
+ ModalFooterProps,
+ {},
+ { default: {} }
+> {}
diff --git a/types/ComposedModal/ModalHeader.d.ts b/types/ComposedModal/ModalHeader.d.ts
index ff6e4cfe..0dde3b49 100644
--- a/types/ComposedModal/ModalHeader.d.ts
+++ b/types/ComposedModal/ModalHeader.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ModalHeaderProps extends svelte.JSX.HTMLAttributes {
+export interface ModalHeaderProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the modal title
* @default ""
@@ -44,12 +46,8 @@ export interface ModalHeaderProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ModalHeader extends SvelteComponentTyped<
+ ModalHeaderProps,
+ { click: WindowEventMap["click"] },
+ { default: {} }
+> {}
diff --git a/types/ContentSwitcher/ContentSwitcher.d.ts b/types/ContentSwitcher/ContentSwitcher.d.ts
index 078ca447..21ffc6ae 100644
--- a/types/ContentSwitcher/ContentSwitcher.d.ts
+++ b/types/ContentSwitcher/ContentSwitcher.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ContentSwitcherProps extends svelte.JSX.HTMLAttributes {
+export interface ContentSwitcherProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the selected index of the switch item
* @default 0
@@ -19,16 +21,14 @@ export interface ContentSwitcherProps extends svelte.JSX.HTMLAttributes) => void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ContentSwitcher extends SvelteComponentTyped<
+ ContentSwitcherProps,
+ {
+ change: CustomEvent;
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/ContentSwitcher/Switch.d.ts b/types/ContentSwitcher/Switch.d.ts
index 16739256..daefebea 100644
--- a/types/ContentSwitcher/Switch.d.ts
+++ b/types/ContentSwitcher/Switch.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface SwitchProps extends svelte.JSX.HTMLAttributes {
+export interface SwitchProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the switch text
* Alternatively, use the "text" slot (e.g., ...)
@@ -33,16 +35,14 @@ export interface SwitchProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class Switch extends SvelteComponentTyped<
+ SwitchProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ keydown: WindowEventMap["keydown"];
+ },
+ { default: {} }
+> {}
diff --git a/types/Copy/Copy.d.ts b/types/Copy/Copy.d.ts
index d66254ac..7bad0687 100644
--- a/types/Copy/Copy.d.ts
+++ b/types/Copy/Copy.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface CopyProps extends svelte.JSX.HTMLAttributes {
+export interface CopyProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the feedback text shown after clicking the button
* @default "Copied!"
@@ -20,13 +22,11 @@ export interface CopyProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "animationend", cb: (event: WindowEventMap["animationend"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class Copy extends SvelteComponentTyped<
+ CopyProps,
+ {
+ click: WindowEventMap["click"];
+ animationend: WindowEventMap["animationend"];
+ },
+ { default: {} }
+> {}
diff --git a/types/CopyButton/CopyButton.d.ts b/types/CopyButton/CopyButton.d.ts
index c1f3061e..79154cca 100644
--- a/types/CopyButton/CopyButton.d.ts
+++ b/types/CopyButton/CopyButton.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
import { CopyProps } from "../Copy/Copy";
export interface CopyButtonProps extends CopyProps {
@@ -9,11 +10,11 @@ export interface CopyButtonProps extends CopyProps {
iconDescription?: string;
}
-export default class CopyButton {
- $$prop_def: CopyButtonProps;
- $$slot_def: {};
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "animationend", cb: (event: WindowEventMap["animationend"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class CopyButton extends SvelteComponentTyped<
+ CopyButtonProps,
+ {
+ click: WindowEventMap["click"];
+ animationend: WindowEventMap["animationend"];
+ },
+ {}
+> {}
diff --git a/types/DataTable/DataTable.d.ts b/types/DataTable/DataTable.d.ts
index 45282b4d..93ec9fcd 100644
--- a/types/DataTable/DataTable.d.ts
+++ b/types/DataTable/DataTable.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
export type DataTableKey = string;
@@ -128,31 +129,32 @@ export interface DataTableProps {
stickyHeader?: boolean;
}
-export default class DataTable {
- $$prop_def: DataTableProps;
- $$slot_def: {
+export default class DataTable extends SvelteComponentTyped<
+ DataTableProps,
+ {
+ click: CustomEvent<{
+ header?: DataTableHeader;
+ row?: DataTableRow;
+ cell?: DataTableCell;
+ }>;
+ ["click:header--expand"]: CustomEvent<{ expanded: boolean }>;
+ ["click:header"]: CustomEvent<{
+ header: DataTableHeader;
+ sortDirection: "ascending" | "descending" | "none";
+ }>;
+ ["click:row"]: CustomEvent;
+ ["mouseenter:row"]: CustomEvent;
+ ["mouseleave:row"]: CustomEvent;
+ ["click:row--expand"]: CustomEvent<{
+ expanded: boolean;
+ row: DataTableRow;
+ }>;
+ ["click:cell"]: CustomEvent;
+ },
+ {
default: {};
cell: { row: DataTableRow; cell: DataTableCell };
["cell-header"]: { header: DataTableNonEmptyHeader };
["expanded-row"]: { row: DataTableRow };
- };
-
- $on(
- eventname: "click",
- cb: (event: CustomEvent<{ header?: DataTableHeader; row?: DataTableRow; cell?: DataTableCell }>) => void
- ): () => void;
- $on(eventname: "click:header--expand", cb: (event: CustomEvent<{ expanded: boolean }>) => void): () => void;
- $on(
- eventname: "click:header",
- cb: (event: CustomEvent<{ header: DataTableHeader; sortDirection: "ascending" | "descending" | "none" }>) => void
- ): () => void;
- $on(eventname: "click:row", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: "mouseenter:row", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: "mouseleave:row", cb: (event: CustomEvent) => void): () => void;
- $on(
- eventname: "click:row--expand",
- cb: (event: CustomEvent<{ expanded: boolean; row: DataTableRow }>) => void
- ): () => void;
- $on(eventname: "click:cell", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+ }
+> {}
diff --git a/types/DataTable/DataTableSkeleton.d.ts b/types/DataTable/DataTableSkeleton.d.ts
index 0c6ae891..9db2a833 100644
--- a/types/DataTable/DataTableSkeleton.d.ts
+++ b/types/DataTable/DataTableSkeleton.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
import { DataTableHeader } from "../DataTable/DataTable";
export interface DataTableSkeletonProps
@@ -48,13 +49,13 @@ export interface DataTableSkeletonProps
showToolbar?: boolean;
}
-export default class DataTableSkeleton {
- $$prop_def: DataTableSkeletonProps;
- $$slot_def: {};
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class DataTableSkeleton extends SvelteComponentTyped<
+ DataTableSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/DataTable/Table.d.ts b/types/DataTable/Table.d.ts
index 26de4a4e..6e9cf0de 100644
--- a/types/DataTable/Table.d.ts
+++ b/types/DataTable/Table.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface TableProps extends svelte.JSX.HTMLAttributes {
+export interface TableProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the size of the table
*/
@@ -37,11 +39,8 @@ export interface TableProps extends svelte.JSX.HTMLAttributes void): () => void;
-}
+export default class Table extends SvelteComponentTyped<
+ TableProps,
+ {},
+ { default: {} }
+> {}
diff --git a/types/DataTable/TableBody.d.ts b/types/DataTable/TableBody.d.ts
index 870bdce4..7737f2a4 100644
--- a/types/DataTable/TableBody.d.ts
+++ b/types/DataTable/TableBody.d.ts
@@ -1,12 +1,11 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface TableBodyProps extends svelte.JSX.HTMLAttributes {}
+export interface TableBodyProps
+ extends svelte.JSX.HTMLAttributes {}
-export default class TableBody {
- $$prop_def: TableBodyProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class TableBody extends SvelteComponentTyped<
+ TableBodyProps,
+ {},
+ { default: {} }
+> {}
diff --git a/types/DataTable/TableCell.d.ts b/types/DataTable/TableCell.d.ts
index 9e927282..1aa1de31 100644
--- a/types/DataTable/TableCell.d.ts
+++ b/types/DataTable/TableCell.d.ts
@@ -1,16 +1,16 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface TableCellProps extends svelte.JSX.HTMLAttributes {}
+export interface TableCellProps
+ extends svelte.JSX.HTMLAttributes {}
-export default class TableCell {
- $$prop_def: TableCellProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class TableCell extends SvelteComponentTyped<
+ TableCellProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/DataTable/TableContainer.d.ts b/types/DataTable/TableContainer.d.ts
index fece36a0..bcdeed1c 100644
--- a/types/DataTable/TableContainer.d.ts
+++ b/types/DataTable/TableContainer.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface TableContainerProps extends svelte.JSX.HTMLAttributes {
+export interface TableContainerProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the title of the data table
* @default ""
@@ -20,11 +22,8 @@ export interface TableContainerProps extends svelte.JSX.HTMLAttributes void): () => void;
-}
+export default class TableContainer extends SvelteComponentTyped<
+ TableContainerProps,
+ {},
+ { default: {} }
+> {}
diff --git a/types/DataTable/TableHead.d.ts b/types/DataTable/TableHead.d.ts
index afa55613..3dd59ca6 100644
--- a/types/DataTable/TableHead.d.ts
+++ b/types/DataTable/TableHead.d.ts
@@ -1,16 +1,16 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface TableHeadProps extends svelte.JSX.HTMLAttributes {}
+export interface TableHeadProps
+ extends svelte.JSX.HTMLAttributes {}
-export default class TableHead {
- $$prop_def: TableHeadProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class TableHead extends SvelteComponentTyped<
+ TableHeadProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/DataTable/TableHeader.d.ts b/types/DataTable/TableHeader.d.ts
index 1995d6fc..b3037a88 100644
--- a/types/DataTable/TableHeader.d.ts
+++ b/types/DataTable/TableHeader.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface TableHeaderProps extends svelte.JSX.HTMLAttributes {
+export interface TableHeaderProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the `scope` attribute
* @default "col"
@@ -20,15 +22,13 @@ export interface TableHeaderProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class TableHeader extends SvelteComponentTyped<
+ TableHeaderProps,
+ {
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ click: WindowEventMap["click"];
+ },
+ { default: {} }
+> {}
diff --git a/types/DataTable/TableRow.d.ts b/types/DataTable/TableRow.d.ts
index d18a7c1c..e88c052a 100644
--- a/types/DataTable/TableRow.d.ts
+++ b/types/DataTable/TableRow.d.ts
@@ -1,16 +1,16 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface TableRowProps extends svelte.JSX.HTMLAttributes {}
+export interface TableRowProps
+ extends svelte.JSX.HTMLAttributes {}
-export default class TableRow {
- $$prop_def: TableRowProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class TableRow extends SvelteComponentTyped<
+ TableRowProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/DataTable/Toolbar.d.ts b/types/DataTable/Toolbar.d.ts
index 9f44ef2d..32e59fc8 100644
--- a/types/DataTable/Toolbar.d.ts
+++ b/types/DataTable/Toolbar.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ToolbarProps extends svelte.JSX.HTMLAttributes {
+export interface ToolbarProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the toolbar size
* @default "default"
@@ -8,11 +10,8 @@ export interface ToolbarProps extends svelte.JSX.HTMLAttributes void): () => void;
-}
+export default class Toolbar extends SvelteComponentTyped<
+ ToolbarProps,
+ {},
+ { default: {} }
+> {}
diff --git a/types/DataTable/ToolbarBatchActions.d.ts b/types/DataTable/ToolbarBatchActions.d.ts
index a85a5aec..e046a567 100644
--- a/types/DataTable/ToolbarBatchActions.d.ts
+++ b/types/DataTable/ToolbarBatchActions.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ToolbarBatchActionsProps extends svelte.JSX.HTMLAttributes {
+export interface ToolbarBatchActionsProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Override the total items selected text
* @default (totalSelected) => `${totalSelected} item${totalSelected === 1 ? "" : "s"} selected`
@@ -8,11 +10,8 @@ export interface ToolbarBatchActionsProps extends svelte.JSX.HTMLAttributes string;
}
-export default class ToolbarBatchActions {
- $$prop_def: ToolbarBatchActionsProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ToolbarBatchActions extends SvelteComponentTyped<
+ ToolbarBatchActionsProps,
+ {},
+ { default: {} }
+> {}
diff --git a/types/DataTable/ToolbarContent.d.ts b/types/DataTable/ToolbarContent.d.ts
index df5bd531..ee8bb0a6 100644
--- a/types/DataTable/ToolbarContent.d.ts
+++ b/types/DataTable/ToolbarContent.d.ts
@@ -1,12 +1,10 @@
///
+import { SvelteComponentTyped } from "svelte";
export interface ToolbarContentProps {}
-export default class ToolbarContent {
- $$prop_def: ToolbarContentProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ToolbarContent extends SvelteComponentTyped<
+ ToolbarContentProps,
+ {},
+ { default: {} }
+> {}
diff --git a/types/DataTable/ToolbarMenu.d.ts b/types/DataTable/ToolbarMenu.d.ts
index 41904ad5..69daebf1 100644
--- a/types/DataTable/ToolbarMenu.d.ts
+++ b/types/DataTable/ToolbarMenu.d.ts
@@ -1,13 +1,11 @@
///
+import { SvelteComponentTyped } from "svelte";
import { OverflowMenuProps } from "../OverflowMenu/OverflowMenu";
export interface ToolbarMenuProps extends OverflowMenuProps {}
-export default class ToolbarMenu {
- $$prop_def: ToolbarMenuProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ToolbarMenu extends SvelteComponentTyped<
+ ToolbarMenuProps,
+ {},
+ { default: {} }
+> {}
diff --git a/types/DataTable/ToolbarMenuItem.d.ts b/types/DataTable/ToolbarMenuItem.d.ts
index 3061f753..7c0bf533 100644
--- a/types/DataTable/ToolbarMenuItem.d.ts
+++ b/types/DataTable/ToolbarMenuItem.d.ts
@@ -1,15 +1,11 @@
///
+import { SvelteComponentTyped } from "svelte";
import { OverflowMenuItemProps } from "../OverflowMenu/OverflowMenuItem";
export interface ToolbarMenuItemProps extends OverflowMenuItemProps {}
-export default class ToolbarMenuItem {
- $$prop_def: ToolbarMenuItemProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ToolbarMenuItem extends SvelteComponentTyped<
+ ToolbarMenuItemProps,
+ { click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] },
+ { default: {} }
+> {}
diff --git a/types/DataTable/ToolbarSearch.d.ts b/types/DataTable/ToolbarSearch.d.ts
index 6880a947..98b701d5 100644
--- a/types/DataTable/ToolbarSearch.d.ts
+++ b/types/DataTable/ToolbarSearch.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
export interface ToolbarSearchProps {
/**
@@ -38,13 +39,13 @@ export interface ToolbarSearchProps {
ref?: null | HTMLInputElement;
}
-export default class ToolbarSearch {
- $$prop_def: ToolbarSearchProps;
- $$slot_def: {};
-
- $on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
- $on(eventname: "input", cb: (event: WindowEventMap["input"]) => void): () => void;
- $on(eventname: "focus", cb: (event: WindowEventMap["focus"]) => void): () => void;
- $on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ToolbarSearch extends SvelteComponentTyped<
+ ToolbarSearchProps,
+ {
+ change: WindowEventMap["change"];
+ input: WindowEventMap["input"];
+ focus: WindowEventMap["focus"];
+ blur: WindowEventMap["blur"];
+ },
+ {}
+> {}
diff --git a/types/DatePicker/DatePicker.d.ts b/types/DatePicker/DatePicker.d.ts
index b501df1d..1ea59415 100644
--- a/types/DatePicker/DatePicker.d.ts
+++ b/types/DatePicker/DatePicker.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface DatePickerProps extends svelte.JSX.HTMLAttributes {
+export interface DatePickerProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the date picker type
* @default "simple"
@@ -61,16 +63,14 @@ export interface DatePickerProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "change", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class DatePicker extends SvelteComponentTyped<
+ DatePickerProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ change: CustomEvent;
+ },
+ { default: {} }
+> {}
diff --git a/types/DatePicker/DatePickerInput.d.ts b/types/DatePicker/DatePickerInput.d.ts
index 56b85a04..7a3c59a6 100644
--- a/types/DatePicker/DatePickerInput.d.ts
+++ b/types/DatePicker/DatePickerInput.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface DatePickerInputProps extends svelte.JSX.HTMLAttributes {
+export interface DatePickerInputProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the size of the input
*/
@@ -90,12 +92,12 @@ export interface DatePickerInputProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class DatePickerInput extends SvelteComponentTyped<
+ DatePickerInputProps,
+ {
+ input: WindowEventMap["input"];
+ keydown: WindowEventMap["keydown"];
+ blur: WindowEventMap["blur"];
+ },
+ {}
+> {}
diff --git a/types/DatePicker/DatePickerSkeleton.d.ts b/types/DatePicker/DatePickerSkeleton.d.ts
index 71d8588f..bae0692e 100644
--- a/types/DatePicker/DatePickerSkeleton.d.ts
+++ b/types/DatePicker/DatePickerSkeleton.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface DatePickerSkeletonProps extends svelte.JSX.HTMLAttributes {
+export interface DatePickerSkeletonProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to use the range variant
* @default false
@@ -14,13 +16,13 @@ export interface DatePickerSkeletonProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class DatePickerSkeleton extends SvelteComponentTyped<
+ DatePickerSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/Dropdown/Dropdown.d.ts b/types/Dropdown/Dropdown.d.ts
index 5a11defd..74f632e1 100644
--- a/types/Dropdown/Dropdown.d.ts
+++ b/types/Dropdown/Dropdown.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
export type DropdownItemId = string;
@@ -9,7 +10,8 @@ export interface DropdownItem {
text: DropdownItemText;
}
-export interface DropdownProps extends svelte.JSX.HTMLAttributes {
+export interface DropdownProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the dropdown items
* @default []
@@ -133,13 +135,14 @@ export interface DropdownProps extends svelte.JSX.HTMLAttributes) => void
- ): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class Dropdown extends SvelteComponentTyped<
+ DropdownProps,
+ {
+ select: CustomEvent<{
+ selectedId: DropdownItemId;
+ selectedIndex: number;
+ selectedItem: DropdownItem;
+ }>;
+ },
+ {}
+> {}
diff --git a/types/Dropdown/DropdownSkeleton.d.ts b/types/Dropdown/DropdownSkeleton.d.ts
index 66319de3..3cb8daf3 100644
--- a/types/Dropdown/DropdownSkeleton.d.ts
+++ b/types/Dropdown/DropdownSkeleton.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface DropdownSkeletonProps extends svelte.JSX.HTMLAttributes {
+export interface DropdownSkeletonProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to use the inline variant
* @default false
@@ -8,13 +10,13 @@ export interface DropdownSkeletonProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class DropdownSkeleton extends SvelteComponentTyped<
+ DropdownSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/FileUploader/FileUploader.d.ts b/types/FileUploader/FileUploader.d.ts
index a17cafca..f311158f 100644
--- a/types/FileUploader/FileUploader.d.ts
+++ b/types/FileUploader/FileUploader.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface FileUploaderProps extends svelte.JSX.HTMLAttributes {
+export interface FileUploaderProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the file uploader status
* @default "uploading"
@@ -69,17 +71,17 @@ export interface FileUploaderProps extends svelte.JSX.HTMLAttributes) => void): () => void;
- $on(eventname: "remove", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class FileUploader extends SvelteComponentTyped<
+ FileUploaderProps,
+ {
+ add: CustomEvent;
+ remove: CustomEvent;
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ change: WindowEventMap["change"];
+ keydown: WindowEventMap["keydown"];
+ },
+ {}
+> {}
diff --git a/types/FileUploader/FileUploaderButton.d.ts b/types/FileUploader/FileUploaderButton.d.ts
index 4f98228c..c30bca3e 100644
--- a/types/FileUploader/FileUploaderButton.d.ts
+++ b/types/FileUploader/FileUploaderButton.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface FileUploaderButtonProps extends svelte.JSX.HTMLAttributes {
+export interface FileUploaderButtonProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the accepted file types
* @default []
@@ -68,12 +70,12 @@ export interface FileUploaderButtonProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class FileUploaderButton extends SvelteComponentTyped<
+ FileUploaderButtonProps,
+ {
+ keydown: WindowEventMap["keydown"];
+ change: WindowEventMap["change"];
+ click: WindowEventMap["click"];
+ },
+ {}
+> {}
diff --git a/types/FileUploader/FileUploaderDropContainer.d.ts b/types/FileUploader/FileUploaderDropContainer.d.ts
index 931fd60e..e648a040 100644
--- a/types/FileUploader/FileUploaderDropContainer.d.ts
+++ b/types/FileUploader/FileUploaderDropContainer.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface FileUploaderDropContainerProps extends svelte.JSX.HTMLAttributes {
+export interface FileUploaderDropContainerProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the accepted file types
* @default []
@@ -63,16 +65,16 @@ export interface FileUploaderDropContainerProps extends svelte.JSX.HTMLAttribute
ref?: null | HTMLInputElement;
}
-export default class FileUploaderDropContainer {
- $$prop_def: FileUploaderDropContainerProps;
- $$slot_def: {};
-
- $on(eventname: "add", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: "dragover", cb: (event: WindowEventMap["dragover"]) => void): () => void;
- $on(eventname: "dragleave", cb: (event: WindowEventMap["dragleave"]) => void): () => void;
- $on(eventname: "drop", cb: (event: WindowEventMap["drop"]) => void): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class FileUploaderDropContainer extends SvelteComponentTyped<
+ FileUploaderDropContainerProps,
+ {
+ add: CustomEvent;
+ dragover: WindowEventMap["dragover"];
+ dragleave: WindowEventMap["dragleave"];
+ drop: WindowEventMap["drop"];
+ keydown: WindowEventMap["keydown"];
+ change: WindowEventMap["change"];
+ click: WindowEventMap["click"];
+ },
+ {}
+> {}
diff --git a/types/FileUploader/FileUploaderItem.d.ts b/types/FileUploader/FileUploaderItem.d.ts
index 63e66aba..35f71b9a 100644
--- a/types/FileUploader/FileUploaderItem.d.ts
+++ b/types/FileUploader/FileUploaderItem.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface FileUploaderItemProps extends svelte.JSX.HTMLAttributes {
+export interface FileUploaderItemProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the file uploader status
* @default "uploading"
@@ -44,13 +46,13 @@ export interface FileUploaderItemProps extends svelte.JSX.HTMLAttributes) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class FileUploaderItem extends SvelteComponentTyped<
+ FileUploaderItemProps,
+ {
+ delete: CustomEvent;
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/FileUploader/FileUploaderSkeleton.d.ts b/types/FileUploader/FileUploaderSkeleton.d.ts
index c5d3f72c..5c2025fe 100644
--- a/types/FileUploader/FileUploaderSkeleton.d.ts
+++ b/types/FileUploader/FileUploaderSkeleton.d.ts
@@ -1,14 +1,16 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface FileUploaderSkeletonProps extends svelte.JSX.HTMLAttributes {}
+export interface FileUploaderSkeletonProps
+ extends svelte.JSX.HTMLAttributes {}
-export default class FileUploaderSkeleton {
- $$prop_def: FileUploaderSkeletonProps;
- $$slot_def: {};
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class FileUploaderSkeleton extends SvelteComponentTyped<
+ FileUploaderSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/FileUploader/Filename.d.ts b/types/FileUploader/Filename.d.ts
index 52336e7a..1e97af5c 100644
--- a/types/FileUploader/Filename.d.ts
+++ b/types/FileUploader/Filename.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
export interface FilenameProps {
/**
@@ -20,11 +21,8 @@ export interface FilenameProps {
invalid?: boolean;
}
-export default class Filename {
- $$prop_def: FilenameProps;
- $$slot_def: {};
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class Filename extends SvelteComponentTyped<
+ FilenameProps,
+ { click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] },
+ {}
+> {}
diff --git a/types/FluidForm/FluidForm.d.ts b/types/FluidForm/FluidForm.d.ts
index 39457966..20f334ae 100644
--- a/types/FluidForm/FluidForm.d.ts
+++ b/types/FluidForm/FluidForm.d.ts
@@ -1,13 +1,10 @@
///
+import { SvelteComponentTyped } from "svelte";
export interface FluidFormProps {}
-export default class FluidForm {
- $$prop_def: FluidFormProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: "submit", cb: (event: WindowEventMap["submit"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class FluidForm extends SvelteComponentTyped<
+ FluidFormProps,
+ { submit: WindowEventMap["submit"] },
+ { default: {} }
+> {}
diff --git a/types/Form/Form.d.ts b/types/Form/Form.d.ts
index 8c8e1e9b..a21ef28d 100644
--- a/types/Form/Form.d.ts
+++ b/types/Form/Form.d.ts
@@ -1,17 +1,17 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface FormProps extends svelte.JSX.HTMLAttributes {}
+export interface FormProps
+ extends svelte.JSX.HTMLAttributes {}
-export default class Form {
- $$prop_def: FormProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "submit", cb: (event: WindowEventMap["submit"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class Form extends SvelteComponentTyped<
+ FormProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ submit: WindowEventMap["submit"];
+ },
+ { default: {} }
+> {}
diff --git a/types/FormGroup/FormGroup.d.ts b/types/FormGroup/FormGroup.d.ts
index d55aa8f9..8c7e45b8 100644
--- a/types/FormGroup/FormGroup.d.ts
+++ b/types/FormGroup/FormGroup.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface FormGroupProps extends svelte.JSX.HTMLAttributes {
+export interface FormGroupProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to indicate an invalid state
* @default false
@@ -26,15 +28,13 @@ export interface FormGroupProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class FormGroup extends SvelteComponentTyped<
+ FormGroupProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/FormItem/FormItem.d.ts b/types/FormItem/FormItem.d.ts
index 9ff7d823..543f568d 100644
--- a/types/FormItem/FormItem.d.ts
+++ b/types/FormItem/FormItem.d.ts
@@ -1,16 +1,16 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface FormItemProps extends svelte.JSX.HTMLAttributes {}
+export interface FormItemProps
+ extends svelte.JSX.HTMLAttributes {}
-export default class FormItem {
- $$prop_def: FormItemProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class FormItem extends SvelteComponentTyped<
+ FormItemProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/FormLabel/FormLabel.d.ts b/types/FormLabel/FormLabel.d.ts
index 0a38b73e..60ccc79f 100644
--- a/types/FormLabel/FormLabel.d.ts
+++ b/types/FormLabel/FormLabel.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface FormLabelProps extends svelte.JSX.HTMLAttributes {
+export interface FormLabelProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set an id to be used by the label element
* @default "ccs-" + Math.random().toString(36)
@@ -8,15 +10,13 @@ export interface FormLabelProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class FormLabel extends SvelteComponentTyped<
+ FormLabelProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/Grid/Column.d.ts b/types/Grid/Column.d.ts
index 7f150dbc..eda8ac8f 100644
--- a/types/Grid/Column.d.ts
+++ b/types/Grid/Column.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
export type ColumnSize = boolean | number;
@@ -9,7 +10,8 @@ export interface ColumnSizeDescriptor {
export type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor;
-export interface ColumnProps extends svelte.JSX.HTMLAttributes {
+export interface ColumnProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to render a custom HTML element
* Props are destructured as `props` in the default slot (e.g., ...)
@@ -72,11 +74,8 @@ export interface ColumnProps extends svelte.JSX.HTMLAttributes void): () => void;
-}
+export default class Column extends SvelteComponentTyped<
+ ColumnProps,
+ {},
+ { default: { props: { class: string; [key: string]: any } } }
+> {}
diff --git a/types/Grid/Grid.d.ts b/types/Grid/Grid.d.ts
index 5efde1b0..bcab6463 100644
--- a/types/Grid/Grid.d.ts
+++ b/types/Grid/Grid.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface GridProps extends svelte.JSX.HTMLAttributes {
+export interface GridProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to render a custom HTML element
* Props are destructured as `props` in the default slot (e.g., )
@@ -51,11 +53,8 @@ export interface GridProps extends svelte.JSX.HTMLAttributes void): () => void;
-}
+export default class Grid extends SvelteComponentTyped<
+ GridProps,
+ {},
+ { default: { props: { class: string; [key: string]: any } } }
+> {}
diff --git a/types/Grid/Row.d.ts b/types/Grid/Row.d.ts
index c49d6f03..2c2a6e78 100644
--- a/types/Grid/Row.d.ts
+++ b/types/Grid/Row.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface RowProps extends svelte.JSX.HTMLAttributes {
+export interface RowProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to render a custom HTML element
* Props are destructured as `props` in the default slot (e.g., |
)
@@ -45,11 +47,8 @@ export interface RowProps extends svelte.JSX.HTMLAttributes void): () => void;
-}
+export default class Row extends SvelteComponentTyped<
+ RowProps,
+ {},
+ { default: { props: { class: string; [key: string]: any } } }
+> {}
diff --git a/types/Icon/Icon.d.ts b/types/Icon/Icon.d.ts
index 9dd4bbf5..2820cfde 100644
--- a/types/Icon/Icon.d.ts
+++ b/types/Icon/Icon.d.ts
@@ -1,7 +1,10 @@
///
+import { SvelteComponentTyped } from "svelte";
import { IconSkeletonProps } from "./IconSkeleton";
-export interface IconProps extends IconSkeletonProps, svelte.JSX.HTMLAttributes {
+export interface IconProps
+ extends IconSkeletonProps,
+ svelte.JSX.HTMLAttributes {
/**
* Specify the icon from `carbon-icons-svelte` to render
*/
@@ -14,13 +17,13 @@ export interface IconProps extends IconSkeletonProps, svelte.JSX.HTMLAttributes<
skeleton?: boolean;
}
-export default class Icon {
- $$prop_def: IconProps;
- $$slot_def: {};
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class Icon extends SvelteComponentTyped<
+ IconProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/Icon/IconSkeleton.d.ts b/types/Icon/IconSkeleton.d.ts
index f4f860bb..97e696ff 100644
--- a/types/Icon/IconSkeleton.d.ts
+++ b/types/Icon/IconSkeleton.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface IconSkeletonProps extends svelte.JSX.HTMLAttributes {
+export interface IconSkeletonProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the size of the icon
* @default 16
@@ -8,13 +10,13 @@ export interface IconSkeletonProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class IconSkeleton extends SvelteComponentTyped<
+ IconSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/InlineLoading/InlineLoading.d.ts b/types/InlineLoading/InlineLoading.d.ts
index 4e8c8416..a9821f78 100644
--- a/types/InlineLoading/InlineLoading.d.ts
+++ b/types/InlineLoading/InlineLoading.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface InlineLoadingProps extends svelte.JSX.HTMLAttributes {
+export interface InlineLoadingProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the loading status
* @default "active"
@@ -24,14 +26,14 @@ export interface InlineLoadingProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "success", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class InlineLoading extends SvelteComponentTyped<
+ InlineLoadingProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ success: CustomEvent;
+ },
+ {}
+> {}
diff --git a/types/Link/Link.d.ts b/types/Link/Link.d.ts
index 209e0d9c..d8dd0993 100644
--- a/types/Link/Link.d.ts
+++ b/types/Link/Link.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface LinkProps extends svelte.JSX.HTMLAttributes {
+export interface LinkProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the size of the link
*/
@@ -36,15 +38,13 @@ export interface LinkProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class Link extends SvelteComponentTyped<
+ LinkProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/Link/OutboundLink.d.ts b/types/Link/OutboundLink.d.ts
index 2a40d87f..15f6bb77 100644
--- a/types/Link/OutboundLink.d.ts
+++ b/types/Link/OutboundLink.d.ts
@@ -1,17 +1,16 @@
///
+import { SvelteComponentTyped } from "svelte";
import { LinkProps } from "./Link";
export interface OutboundLinkProps extends LinkProps {}
-export default class OutboundLink {
- $$prop_def: OutboundLinkProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class OutboundLink extends SvelteComponentTyped<
+ OutboundLinkProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/ListBox/ListBox.d.ts b/types/ListBox/ListBox.d.ts
index 07a5fcec..5dc8c898 100644
--- a/types/ListBox/ListBox.d.ts
+++ b/types/ListBox/ListBox.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ListBoxProps extends svelte.JSX.HTMLAttributes {
+export interface ListBoxProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the size of the list box
*/
@@ -55,13 +57,8 @@ export interface ListBoxProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ListBox extends SvelteComponentTyped<
+ ListBoxProps,
+ { keydown: WindowEventMap["keydown"]; click: WindowEventMap["click"] },
+ { default: {} }
+> {}
diff --git a/types/ListBox/ListBoxField.d.ts b/types/ListBox/ListBoxField.d.ts
index 613f2bd5..5863dd1c 100644
--- a/types/ListBox/ListBoxField.d.ts
+++ b/types/ListBox/ListBoxField.d.ts
@@ -1,8 +1,10 @@
///
+import { SvelteComponentTyped } from "svelte";
export type ListBoxFieldTranslationId = "close" | "open";
-export interface ListBoxFieldProps extends svelte.JSX.HTMLAttributes {
+export interface ListBoxFieldProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to disable the list box field
* @default false
@@ -47,17 +49,15 @@ export interface ListBoxFieldProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ListBoxField extends SvelteComponentTyped<
+ ListBoxFieldProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ keydown: WindowEventMap["keydown"];
+ blur: WindowEventMap["blur"];
+ },
+ { default: {} }
+> {}
diff --git a/types/ListBox/ListBoxMenu.d.ts b/types/ListBox/ListBoxMenu.d.ts
index d0c9c70e..c301eee2 100644
--- a/types/ListBox/ListBoxMenu.d.ts
+++ b/types/ListBox/ListBoxMenu.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ListBoxMenuProps extends svelte.JSX.HTMLAttributes {
+export interface ListBoxMenuProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set an id for the top-level element
* @default "ccs-" + Math.random().toString(36)
@@ -14,12 +16,8 @@ export interface ListBoxMenuProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ListBoxMenu extends SvelteComponentTyped<
+ ListBoxMenuProps,
+ { scroll: WindowEventMap["scroll"] },
+ { default: {} }
+> {}
diff --git a/types/ListBox/ListBoxMenuIcon.d.ts b/types/ListBox/ListBoxMenuIcon.d.ts
index d76da5bd..df402fc6 100644
--- a/types/ListBox/ListBoxMenuIcon.d.ts
+++ b/types/ListBox/ListBoxMenuIcon.d.ts
@@ -1,8 +1,10 @@
///
+import { SvelteComponentTyped } from "svelte";
export type ListBoxMenuIconTranslationId = "close" | "open";
-export interface ListBoxMenuIconProps extends svelte.JSX.HTMLAttributes {
+export interface ListBoxMenuIconProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to open the list box menu icon
* @default false
@@ -23,10 +25,8 @@ export interface ListBoxMenuIconProps extends svelte.JSX.HTMLAttributes string;
}
-export default class ListBoxMenuIcon {
- $$prop_def: ListBoxMenuIconProps;
- $$slot_def: {};
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ListBoxMenuIcon extends SvelteComponentTyped<
+ ListBoxMenuIconProps,
+ { click: WindowEventMap["click"] },
+ {}
+> {}
diff --git a/types/ListBox/ListBoxMenuItem.d.ts b/types/ListBox/ListBoxMenuItem.d.ts
index a4724c5e..9b0c1faa 100644
--- a/types/ListBox/ListBoxMenuItem.d.ts
+++ b/types/ListBox/ListBoxMenuItem.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ListBoxMenuItemProps extends svelte.JSX.HTMLAttributes {
+export interface ListBoxMenuItemProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to enable the active state
* @default false
@@ -14,14 +16,12 @@ export interface ListBoxMenuItemProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ListBoxMenuItem extends SvelteComponentTyped<
+ ListBoxMenuItemProps,
+ {
+ click: WindowEventMap["click"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/ListBox/ListBoxSelection.d.ts b/types/ListBox/ListBoxSelection.d.ts
index 80167139..c6e9f4b2 100644
--- a/types/ListBox/ListBoxSelection.d.ts
+++ b/types/ListBox/ListBoxSelection.d.ts
@@ -1,8 +1,10 @@
///
+import { SvelteComponentTyped } from "svelte";
export type ListBoxSelectionTranslationId = "clearAll" | "clearSelection";
-export interface ListBoxSelectionProps extends svelte.JSX.HTMLAttributes {
+export interface ListBoxSelectionProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the number of selected items
*/
@@ -34,10 +36,8 @@ export interface ListBoxSelectionProps extends svelte.JSX.HTMLAttributes) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ListBoxSelection extends SvelteComponentTyped<
+ ListBoxSelectionProps,
+ { clear: CustomEvent },
+ {}
+> {}
diff --git a/types/ListItem/ListItem.d.ts b/types/ListItem/ListItem.d.ts
index 4ef4aaad..b5f05e66 100644
--- a/types/ListItem/ListItem.d.ts
+++ b/types/ListItem/ListItem.d.ts
@@ -1,16 +1,16 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ListItemProps extends svelte.JSX.HTMLAttributes {}
+export interface ListItemProps
+ extends svelte.JSX.HTMLAttributes {}
-export default class ListItem {
- $$prop_def: ListItemProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ListItem extends SvelteComponentTyped<
+ ListItemProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/Loading/Loading.d.ts b/types/Loading/Loading.d.ts
index 77af289c..0a7cab4b 100644
--- a/types/Loading/Loading.d.ts
+++ b/types/Loading/Loading.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface LoadingProps extends svelte.JSX.HTMLAttributes {
+export interface LoadingProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to use the small variant
* @default false
@@ -32,9 +34,8 @@ export interface LoadingProps extends svelte.JSX.HTMLAttributes void): () => void;
-}
+export default class Loading extends SvelteComponentTyped<
+ LoadingProps,
+ {},
+ {}
+> {}
diff --git a/types/Modal/Modal.d.ts b/types/Modal/Modal.d.ts
index dc429975..e33dddad 100644
--- a/types/Modal/Modal.d.ts
+++ b/types/Modal/Modal.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ModalProps extends svelte.JSX.HTMLAttributes {
+export interface ModalProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the size of the modal
*/
@@ -112,23 +114,19 @@ export interface ModalProps extends svelte.JSX.HTMLAttributes) => void): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "submit", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: "click:button--secondary", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: "close", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: "open", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class Modal extends SvelteComponentTyped<
+ ModalProps,
+ {
+ transitionend: CustomEvent<{ open: boolean }>;
+ keydown: WindowEventMap["keydown"];
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ submit: CustomEvent;
+ ["click:button--secondary"]: CustomEvent;
+ close: CustomEvent;
+ open: CustomEvent;
+ },
+ { default: {}; heading: {}; label: {} }
+> {}
diff --git a/types/MultiSelect/MultiSelect.d.ts b/types/MultiSelect/MultiSelect.d.ts
index 1c428915..60b31afc 100644
--- a/types/MultiSelect/MultiSelect.d.ts
+++ b/types/MultiSelect/MultiSelect.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
export type MultiSelectItemId = string;
@@ -9,7 +10,8 @@ export interface MultiSelectItem {
text: MultiSelectItemText;
}
-export interface MultiSelectProps extends svelte.JSX.HTMLAttributes {
+export interface MultiSelectProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the multiselect items
* @default []
@@ -99,7 +101,9 @@ export interface MultiSelectProps extends svelte.JSX.HTMLAttributes a.text.localeCompare(b.text, locale, { numeric: true })
*/
- sortItem?: ((a: MultiSelectItem, b: MultiSelectItem) => MultiSelectItem) | (() => void);
+ sortItem?:
+ | ((a: MultiSelectItem, b: MultiSelectItem) => MultiSelectItem)
+ | (() => void);
/**
* Override the default translation ids
@@ -166,14 +170,14 @@ export interface MultiSelectProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: "focus", cb: (event: WindowEventMap["focus"]) => void): () => void;
- $on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
- $on(eventname: "select", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class MultiSelect extends SvelteComponentTyped<
+ MultiSelectProps,
+ {
+ clear: WindowEventMap["clear"];
+ keydown: WindowEventMap["keydown"];
+ focus: WindowEventMap["focus"];
+ blur: WindowEventMap["blur"];
+ select: CustomEvent;
+ },
+ {}
+> {}
diff --git a/types/Notification/InlineNotification.d.ts b/types/Notification/InlineNotification.d.ts
index 9e48a5fd..9de475b7 100644
--- a/types/Notification/InlineNotification.d.ts
+++ b/types/Notification/InlineNotification.d.ts
@@ -1,11 +1,19 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface InlineNotificationProps extends svelte.JSX.HTMLAttributes {
+export interface InlineNotificationProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the kind of notification
* @default "error"
*/
- kind?: "error" | "info" | "info-square" | "success" | "warning" | "warning-alt";
+ kind?:
+ | "error"
+ | "info"
+ | "info-square"
+ | "success"
+ | "warning"
+ | "warning-alt";
/**
* Set to `true` to use the low contrast variant
@@ -50,17 +58,14 @@ export interface InlineNotificationProps extends svelte.JSX.HTMLAttributes) => void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class InlineNotification extends SvelteComponentTyped<
+ InlineNotificationProps,
+ {
+ close: CustomEvent<{ timeout: boolean }>;
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {}; actions: {} }
+> {}
diff --git a/types/Notification/NotificationActionButton.d.ts b/types/Notification/NotificationActionButton.d.ts
index 10ea1deb..5317510d 100644
--- a/types/Notification/NotificationActionButton.d.ts
+++ b/types/Notification/NotificationActionButton.d.ts
@@ -1,16 +1,15 @@
///
+import { SvelteComponentTyped } from "svelte";
export interface NotificationActionButtonProps {}
-export default class NotificationActionButton {
- $$prop_def: NotificationActionButtonProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class NotificationActionButton extends SvelteComponentTyped<
+ NotificationActionButtonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/Notification/NotificationButton.d.ts b/types/Notification/NotificationButton.d.ts
index be3b1221..8596893d 100644
--- a/types/Notification/NotificationButton.d.ts
+++ b/types/Notification/NotificationButton.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface NotificationButtonProps extends svelte.JSX.HTMLAttributes {
+export interface NotificationButtonProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the type of notification
* @default "toast"
@@ -24,13 +26,13 @@ export interface NotificationButtonProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class NotificationButton extends SvelteComponentTyped<
+ NotificationButtonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/Notification/NotificationIcon.d.ts b/types/Notification/NotificationIcon.d.ts
index 1441aab4..06fceb5b 100644
--- a/types/Notification/NotificationIcon.d.ts
+++ b/types/Notification/NotificationIcon.d.ts
@@ -1,11 +1,18 @@
///
+import { SvelteComponentTyped } from "svelte";
export interface NotificationIconProps {
/**
* Specify the kind of notification icon
* @default "error"
*/
- kind?: "error" | "info" | "info-square" | "success" | "warning" | "warning-alt";
+ kind?:
+ | "error"
+ | "info"
+ | "info-square"
+ | "success"
+ | "warning"
+ | "warning-alt";
/**
* Set the type of notification
@@ -20,9 +27,8 @@ export interface NotificationIconProps {
iconDescription?: string;
}
-export default class NotificationIcon {
- $$prop_def: NotificationIconProps;
- $$slot_def: {};
-
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class NotificationIcon extends SvelteComponentTyped<
+ NotificationIconProps,
+ {},
+ {}
+> {}
diff --git a/types/Notification/NotificationTextDetails.d.ts b/types/Notification/NotificationTextDetails.d.ts
index 0bc3f7a2..b3db36ba 100644
--- a/types/Notification/NotificationTextDetails.d.ts
+++ b/types/Notification/NotificationTextDetails.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
export interface NotificationTextDetailsProps {
/**
@@ -26,11 +27,8 @@ export interface NotificationTextDetailsProps {
caption?: string;
}
-export default class NotificationTextDetails {
- $$prop_def: NotificationTextDetailsProps;
- $$slot_def: {
- default: {};
- };
-
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class NotificationTextDetails extends SvelteComponentTyped<
+ NotificationTextDetailsProps,
+ {},
+ { default: {} }
+> {}
diff --git a/types/Notification/ToastNotification.d.ts b/types/Notification/ToastNotification.d.ts
index 8037b08b..712a08e1 100644
--- a/types/Notification/ToastNotification.d.ts
+++ b/types/Notification/ToastNotification.d.ts
@@ -1,11 +1,19 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ToastNotificationProps extends svelte.JSX.HTMLAttributes {
+export interface ToastNotificationProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the kind of notification
* @default "error"
*/
- kind?: "error" | "info" | "info-square" | "success" | "warning" | "warning-alt";
+ kind?:
+ | "error"
+ | "info"
+ | "info-square"
+ | "success"
+ | "warning"
+ | "warning-alt";
/**
* Set to `true` to use the low contrast variant
@@ -56,16 +64,14 @@ export interface ToastNotificationProps extends svelte.JSX.HTMLAttributes) => void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ToastNotification extends SvelteComponentTyped<
+ ToastNotificationProps,
+ {
+ close: CustomEvent<{ timeout: boolean }>;
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/NumberInput/NumberInput.d.ts b/types/NumberInput/NumberInput.d.ts
index fa040b1c..62e6096a 100644
--- a/types/NumberInput/NumberInput.d.ts
+++ b/types/NumberInput/NumberInput.d.ts
@@ -1,8 +1,10 @@
///
+import { SvelteComponentTyped } from "svelte";
export type NumberInputTranslationId = "increment" | "decrement";
-export interface NumberInputProps extends svelte.JSX.HTMLAttributes {
+export interface NumberInputProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the size of the input
*/
@@ -139,17 +141,15 @@ export interface NumberInputProps extends svelte.JSX.HTMLAttributes) => void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "input", cb: (event: WindowEventMap["input"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class NumberInput extends SvelteComponentTyped<
+ NumberInputProps,
+ {
+ change: CustomEvent;
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ input: WindowEventMap["input"];
+ },
+ { label: {} }
+> {}
diff --git a/types/NumberInput/NumberInputSkeleton.d.ts b/types/NumberInput/NumberInputSkeleton.d.ts
index 63906cb4..590d1769 100644
--- a/types/NumberInput/NumberInputSkeleton.d.ts
+++ b/types/NumberInput/NumberInputSkeleton.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface NumberInputSkeletonProps extends svelte.JSX.HTMLAttributes {
+export interface NumberInputSkeletonProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to hide the label text
* @default false
@@ -8,13 +10,13 @@ export interface NumberInputSkeletonProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class NumberInputSkeleton extends SvelteComponentTyped<
+ NumberInputSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/OrderedList/OrderedList.d.ts b/types/OrderedList/OrderedList.d.ts
index 2da61249..f44bda3c 100644
--- a/types/OrderedList/OrderedList.d.ts
+++ b/types/OrderedList/OrderedList.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface OrderedListProps extends svelte.JSX.HTMLAttributes {
+export interface OrderedListProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to use the nested variant
* @default false
@@ -14,15 +16,13 @@ export interface OrderedListProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class OrderedList extends SvelteComponentTyped<
+ OrderedListProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/OverflowMenu/OverflowMenu.d.ts b/types/OverflowMenu/OverflowMenu.d.ts
index 9a75274a..cf16c37d 100644
--- a/types/OverflowMenu/OverflowMenu.d.ts
+++ b/types/OverflowMenu/OverflowMenu.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface OverflowMenuProps extends svelte.JSX.HTMLAttributes {
+export interface OverflowMenuProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the size of the overflow menu
*/
@@ -70,18 +72,15 @@ export interface OverflowMenuProps extends svelte.JSX.HTMLAttributes) => void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class OverflowMenu extends SvelteComponentTyped<
+ OverflowMenuProps,
+ {
+ close: CustomEvent<{ index: number; text: string }>;
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ keydown: WindowEventMap["keydown"];
+ },
+ { default: {}; menu: {} }
+> {}
diff --git a/types/OverflowMenu/OverflowMenuItem.d.ts b/types/OverflowMenu/OverflowMenuItem.d.ts
index 01062634..ac834b4e 100644
--- a/types/OverflowMenu/OverflowMenuItem.d.ts
+++ b/types/OverflowMenu/OverflowMenuItem.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface OverflowMenuItemProps extends svelte.JSX.HTMLAttributes {
+export interface OverflowMenuItemProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the item text
* Alternatively, use the default slot for a custom element
@@ -57,13 +59,8 @@ export interface OverflowMenuItemProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class OverflowMenuItem extends SvelteComponentTyped<
+ OverflowMenuItemProps,
+ { click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] },
+ { default: {} }
+> {}
diff --git a/types/Pagination/Pagination.d.ts b/types/Pagination/Pagination.d.ts
index d255a3dc..95c5f392 100644
--- a/types/Pagination/Pagination.d.ts
+++ b/types/Pagination/Pagination.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface PaginationProps extends svelte.JSX.HTMLAttributes {
+export interface PaginationProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the current page index
* @default 1
@@ -98,10 +100,8 @@ export interface PaginationProps extends svelte.JSX.HTMLAttributes) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class Pagination extends SvelteComponentTyped<
+ PaginationProps,
+ { update: CustomEvent<{ pageSize: number; page: number }> },
+ {}
+> {}
diff --git a/types/Pagination/PaginationSkeleton.d.ts b/types/Pagination/PaginationSkeleton.d.ts
index c6512a99..f3058ab4 100644
--- a/types/Pagination/PaginationSkeleton.d.ts
+++ b/types/Pagination/PaginationSkeleton.d.ts
@@ -1,14 +1,16 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface PaginationSkeletonProps extends svelte.JSX.HTMLAttributes {}
+export interface PaginationSkeletonProps
+ extends svelte.JSX.HTMLAttributes {}
-export default class PaginationSkeleton {
- $$prop_def: PaginationSkeletonProps;
- $$slot_def: {};
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class PaginationSkeleton extends SvelteComponentTyped<
+ PaginationSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/PaginationNav/PaginationNav.d.ts b/types/PaginationNav/PaginationNav.d.ts
index be771e8f..b874be1b 100644
--- a/types/PaginationNav/PaginationNav.d.ts
+++ b/types/PaginationNav/PaginationNav.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface PaginationNavProps extends svelte.JSX.HTMLAttributes {
+export interface PaginationNavProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the current page index
* @default 0
@@ -38,12 +40,12 @@ export interface PaginationNavProps extends svelte.JSX.HTMLAttributes) => void): () => void;
- $on(eventname: "click:button--previous", cb: (event: CustomEvent<{ page: number }>) => void): () => void;
- $on(eventname: "click:button--next", cb: (event: CustomEvent<{ page: number }>) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class PaginationNav extends SvelteComponentTyped<
+ PaginationNavProps,
+ {
+ change: CustomEvent<{ page: number }>;
+ ["click:button--previous"]: CustomEvent<{ page: number }>;
+ ["click:button--next"]: CustomEvent<{ page: number }>;
+ },
+ {}
+> {}
diff --git a/types/ProgressIndicator/ProgressIndicator.d.ts b/types/ProgressIndicator/ProgressIndicator.d.ts
index bcb41953..34e9f609 100644
--- a/types/ProgressIndicator/ProgressIndicator.d.ts
+++ b/types/ProgressIndicator/ProgressIndicator.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ProgressIndicatorProps extends svelte.JSX.HTMLAttributes {
+export interface ProgressIndicatorProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the current step index
* @default 0
@@ -26,16 +28,14 @@ export interface ProgressIndicatorProps extends svelte.JSX.HTMLAttributes) => void): () => void;
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ProgressIndicator extends SvelteComponentTyped<
+ ProgressIndicatorProps,
+ {
+ change: CustomEvent;
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ { default: {} }
+> {}
diff --git a/types/ProgressIndicator/ProgressIndicatorSkeleton.d.ts b/types/ProgressIndicator/ProgressIndicatorSkeleton.d.ts
index d77c1aa5..1e0a71c5 100644
--- a/types/ProgressIndicator/ProgressIndicatorSkeleton.d.ts
+++ b/types/ProgressIndicator/ProgressIndicatorSkeleton.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ProgressIndicatorSkeletonProps extends svelte.JSX.HTMLAttributes {
+export interface ProgressIndicatorSkeletonProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` to use the vertical variant
* @default false
@@ -14,13 +16,13 @@ export interface ProgressIndicatorSkeletonProps extends svelte.JSX.HTMLAttribute
count?: number;
}
-export default class ProgressIndicatorSkeleton {
- $$prop_def: ProgressIndicatorSkeletonProps;
- $$slot_def: {};
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ProgressIndicatorSkeleton extends SvelteComponentTyped<
+ ProgressIndicatorSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/ProgressIndicator/ProgressStep.d.ts b/types/ProgressIndicator/ProgressStep.d.ts
index 425ae4b2..67b78913 100644
--- a/types/ProgressIndicator/ProgressStep.d.ts
+++ b/types/ProgressIndicator/ProgressStep.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface ProgressStepProps extends svelte.JSX.HTMLAttributes {
+export interface ProgressStepProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set to `true` for the complete variant
* @default false
@@ -50,16 +52,14 @@ export interface ProgressStepProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class ProgressStep extends SvelteComponentTyped<
+ ProgressStepProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ keydown: WindowEventMap["keydown"];
+ },
+ { default: { props: { class: "bx--progress-label" } } }
+> {}
diff --git a/types/RadioButton/RadioButton.d.ts b/types/RadioButton/RadioButton.d.ts
index ede21976..70ebec13 100644
--- a/types/RadioButton/RadioButton.d.ts
+++ b/types/RadioButton/RadioButton.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface RadioButtonProps extends svelte.JSX.HTMLAttributes {
+export interface RadioButtonProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Specify the value of the radio button
* @default ""
@@ -56,10 +58,8 @@ export interface RadioButtonProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class RadioButton extends SvelteComponentTyped<
+ RadioButtonProps,
+ { change: WindowEventMap["change"] },
+ {}
+> {}
diff --git a/types/RadioButton/RadioButtonSkeleton.d.ts b/types/RadioButton/RadioButtonSkeleton.d.ts
index bb06a92f..bb4d6425 100644
--- a/types/RadioButton/RadioButtonSkeleton.d.ts
+++ b/types/RadioButton/RadioButtonSkeleton.d.ts
@@ -1,14 +1,16 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface RadioButtonSkeletonProps extends svelte.JSX.HTMLAttributes {}
+export interface RadioButtonSkeletonProps
+ extends svelte.JSX.HTMLAttributes {}
-export default class RadioButtonSkeleton {
- $$prop_def: RadioButtonSkeletonProps;
- $$slot_def: {};
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class RadioButtonSkeleton extends SvelteComponentTyped<
+ RadioButtonSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/RadioButtonGroup/RadioButtonGroup.d.ts b/types/RadioButtonGroup/RadioButtonGroup.d.ts
index 9166f83b..6505e2a4 100644
--- a/types/RadioButtonGroup/RadioButtonGroup.d.ts
+++ b/types/RadioButtonGroup/RadioButtonGroup.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface RadioButtonGroupProps extends svelte.JSX.HTMLAttributes {
+export interface RadioButtonGroupProps
+ extends svelte.JSX.HTMLAttributes {
/**
* Set the selected radio button value
*/
@@ -30,16 +32,14 @@ export interface RadioButtonGroupProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "change", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class RadioButtonGroup extends SvelteComponentTyped<
+ RadioButtonGroupProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ change: CustomEvent;
+ },
+ { default: {} }
+> {}
diff --git a/types/Search/Search.d.ts b/types/Search/Search.d.ts
index f9ae7dc4..2193d72e 100644
--- a/types/Search/Search.d.ts
+++ b/types/Search/Search.d.ts
@@ -1,4 +1,5 @@
///
+import { SvelteComponentTyped } from "svelte";
export interface SearchProps {
/**
@@ -85,19 +86,19 @@ export interface SearchProps {
ref?: null | HTMLInputElement;
}
-export default class Search {
- $$prop_def: SearchProps;
- $$slot_def: {};
-
- $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
- $on(eventname: "input", cb: (event: WindowEventMap["input"]) => void): () => void;
- $on(eventname: "focus", cb: (event: WindowEventMap["focus"]) => void): () => void;
- $on(eventname: "blur", cb: (event: WindowEventMap["blur"]) => void): () => void;
- $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
- $on(eventname: "clear", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class Search extends SvelteComponentTyped<
+ SearchProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ change: WindowEventMap["change"];
+ input: WindowEventMap["input"];
+ focus: WindowEventMap["focus"];
+ blur: WindowEventMap["blur"];
+ keydown: WindowEventMap["keydown"];
+ clear: CustomEvent;
+ },
+ {}
+> {}
diff --git a/types/Search/SearchSkeleton.d.ts b/types/Search/SearchSkeleton.d.ts
index 7b9ffe3b..eaeb4ec5 100644
--- a/types/Search/SearchSkeleton.d.ts
+++ b/types/Search/SearchSkeleton.d.ts
@@ -1,6 +1,8 @@
///
+import { SvelteComponentTyped } from "svelte";
-export interface SearchSkeletonProps extends svelte.JSX.HTMLAttributes {
+export interface SearchSkeletonProps
+ extends svelte.JSX.HTMLAttributes {
/**
* @default false
*/
@@ -13,13 +15,13 @@ export interface SearchSkeletonProps extends svelte.JSX.HTMLAttributes void): () => void;
- $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
- $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
- $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
- $on(eventname: string, cb: (event: Event) => void): () => void;
-}
+export default class SearchSkeleton extends SvelteComponentTyped<
+ SearchSkeletonProps,
+ {
+ click: WindowEventMap["click"];
+ mouseover: WindowEventMap["mouseover"];
+ mouseenter: WindowEventMap["mouseenter"];
+ mouseleave: WindowEventMap["mouseleave"];
+ },
+ {}
+> {}
diff --git a/types/Select/Select.d.ts b/types/Select/Select.d.ts
index 3af69bac..914b462a 100644
--- a/types/Select/Select.d.ts
+++ b/types/Select/Select.d.ts
@@ -1,6 +1,8 @@
///