diff --git a/rollup.config.js b/rollup.config.js
index 6a405cab..5cbf4381 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -22,7 +22,9 @@ export default ["es", "umd"].map((format) => {
resolve(),
commonjs(),
UMD && terser(),
- !UMD && generateDocs(),
+
+ // TODO: replace
+ // !UMD && generateDocs(),
],
};
});
diff --git a/src/Accordion/Accordion.svelte b/src/Accordion/Accordion.svelte
index d85f873e..572e5733 100644
--- a/src/Accordion/Accordion.svelte
+++ b/src/Accordion/Accordion.svelte
@@ -1,31 +1,25 @@
diff --git a/src/Breadcrumb/Breadcrumb.svelte b/src/Breadcrumb/Breadcrumb.svelte
index 144b0256..44a54068 100644
--- a/src/Breadcrumb/Breadcrumb.svelte
+++ b/src/Breadcrumb/Breadcrumb.svelte
@@ -1,17 +1,11 @@
{#if skeleton}
diff --git a/src/Breadcrumb/BreadcrumbItem.svelte b/src/Breadcrumb/BreadcrumbItem.svelte
index 9b35f11d..b5df750b 100644
--- a/src/Breadcrumb/BreadcrumbItem.svelte
+++ b/src/Breadcrumb/BreadcrumbItem.svelte
@@ -1,14 +1,11 @@
diff --git a/src/Breadcrumb/index.js b/src/Breadcrumb/index.js
index cdda91e0..fb120fca 100644
--- a/src/Breadcrumb/index.js
+++ b/src/Breadcrumb/index.js
@@ -1,3 +1,3 @@
export { default as Breadcrumb } from "./Breadcrumb.svelte";
export { default as BreadcrumbItem } from "./BreadcrumbItem.svelte";
-export { default as BreadcrumbSkeleton } from "./Breadcrumb.Skeleton.svelte";
+export { default as BreadcrumbSkeleton } from "./BreadcrumbSkeleton.svelte";
diff --git a/src/Button/Button.svelte b/src/Button/Button.svelte
index 39734839..7e989669 100644
--- a/src/Button/Button.svelte
+++ b/src/Button/Button.svelte
@@ -1,92 +1,76 @@
diff --git a/src/Button/Button.Skeleton.svelte b/src/Button/ButtonSkeleton.svelte
similarity index 83%
rename from src/Button/Button.Skeleton.svelte
rename to src/Button/ButtonSkeleton.svelte
index 5793abe9..8ff4e495 100644
--- a/src/Button/Button.Skeleton.svelte
+++ b/src/Button/ButtonSkeleton.svelte
@@ -1,20 +1,17 @@
diff --git a/src/Button/index.js b/src/Button/index.js
index 731d8c0a..c5dc77c0 100644
--- a/src/Button/index.js
+++ b/src/Button/index.js
@@ -1,3 +1,3 @@
export { default as Button } from "./Button.svelte";
-export { default as ButtonSkeleton } from "./Button.Skeleton.svelte";
+export { default as ButtonSkeleton } from "./ButtonSkeleton.svelte";
export { default as ButtonSet } from "./ButtonSet.svelte";
diff --git a/src/Checkbox/Checkbox.svelte b/src/Checkbox/Checkbox.svelte
index cb20107d..fba7beb6 100644
--- a/src/Checkbox/Checkbox.svelte
+++ b/src/Checkbox/Checkbox.svelte
@@ -1,72 +1,52 @@
diff --git a/src/Checkbox/index.js b/src/Checkbox/index.js
index aaaf1455..dcd7d575 100644
--- a/src/Checkbox/index.js
+++ b/src/Checkbox/index.js
@@ -1,3 +1,3 @@
export { default as Checkbox } from "./Checkbox.svelte";
-export { default as CheckboxSkeleton } from "./Checkbox.Skeleton.svelte";
+export { default as CheckboxSkeleton } from "./CheckboxSkeleton.svelte";
export { default as InlineCheckbox } from "./InlineCheckbox.svelte";
diff --git a/src/CodeSnippet/CodeSnippet.svelte b/src/CodeSnippet/CodeSnippet.svelte
index 0d3c52f8..e50e069e 100644
--- a/src/CodeSnippet/CodeSnippet.svelte
+++ b/src/CodeSnippet/CodeSnippet.svelte
@@ -1,101 +1,77 @@
diff --git a/src/CodeSnippet/index.js b/src/CodeSnippet/index.js
index 4775c90e..6dc60a2f 100644
--- a/src/CodeSnippet/index.js
+++ b/src/CodeSnippet/index.js
@@ -1,2 +1,2 @@
export { default as CodeSnippet } from "./CodeSnippet.svelte";
-export { default as CodeSnippetSkeleton } from "./CodeSnippet.Skeleton.svelte";
+export { default as CodeSnippetSkeleton } from "./CodeSnippetSkeleton.svelte";
diff --git a/src/ComboBox/ComboBox.svelte b/src/ComboBox/ComboBox.svelte
index 7038b677..70a61a36 100644
--- a/src/ComboBox/ComboBox.svelte
+++ b/src/ComboBox/ComboBox.svelte
@@ -1,122 +1,96 @@
diff --git a/src/ComposedModal/ModalFooter.svelte b/src/ComposedModal/ModalFooter.svelte
index 38604e9e..9f57fbf4 100644
--- a/src/ComposedModal/ModalFooter.svelte
+++ b/src/ComposedModal/ModalFooter.svelte
@@ -1,38 +1,26 @@
diff --git a/src/DataTable/TableContainer.svelte b/src/DataTable/TableContainer.svelte
index 36d2933e..ea5d6d1e 100644
--- a/src/DataTable/TableContainer.svelte
+++ b/src/DataTable/TableContainer.svelte
@@ -1,20 +1,11 @@
diff --git a/src/DataTable/TableHeader.svelte b/src/DataTable/TableHeader.svelte
index 363e373e..2bb7f400 100644
--- a/src/DataTable/TableHeader.svelte
+++ b/src/DataTable/TableHeader.svelte
@@ -1,19 +1,16 @@
diff --git a/src/DatePicker/index.js b/src/DatePicker/index.js
index fcf3d9c1..46f8fc8e 100644
--- a/src/DatePicker/index.js
+++ b/src/DatePicker/index.js
@@ -1,3 +1,3 @@
export { default as DatePicker } from "./DatePicker.svelte";
export { default as DatePickerInput } from "./DatePickerInput.svelte";
-export { default as DatePickerSkeleton } from "./DatePicker.Skeleton.svelte";
+export { default as DatePickerSkeleton } from "./DatePickerSkeleton.svelte";
diff --git a/src/Dropdown/Dropdown.svelte b/src/Dropdown/Dropdown.svelte
index 0f729017..f141ba8a 100644
--- a/src/Dropdown/Dropdown.svelte
+++ b/src/Dropdown/Dropdown.svelte
@@ -1,118 +1,95 @@
diff --git a/src/Dropdown/index.js b/src/Dropdown/index.js
index e5c140b2..8bb6b0e4 100644
--- a/src/Dropdown/index.js
+++ b/src/Dropdown/index.js
@@ -1,2 +1,2 @@
export { default as Dropdown } from "./Dropdown.svelte";
-export { default as DropdownSkeleton } from "./Dropdown.Skeleton.svelte";
+export { default as DropdownSkeleton } from "./DropdownSkeleton.svelte";
diff --git a/src/FileUploader/FileUploader.svelte b/src/FileUploader/FileUploader.svelte
index 34ba779d..52fcc340 100644
--- a/src/FileUploader/FileUploader.svelte
+++ b/src/FileUploader/FileUploader.svelte
@@ -1,70 +1,58 @@
diff --git a/src/FileUploader/FileUploaderDropContainer.svelte b/src/FileUploader/FileUploaderDropContainer.svelte
index 25a996fd..917ea08f 100644
--- a/src/FileUploader/FileUploaderDropContainer.svelte
+++ b/src/FileUploader/FileUploaderDropContainer.svelte
@@ -1,74 +1,57 @@
+ /**
+ * @event {string} delete
+ */
+
/**
* Specify the file uploader status
- * @type {"uploading" | "edit" | "complete"} [status="uploading"]
+ * @type {"uploading" | "edit" | "complete"}
*/
export let status = "uploading";
- /**
- * Specify the ARIA label used for the status icons
- * @type {string} [iconDescription=""]
- */
+ /** Specify the ARIA label used for the status icons */
export let iconDescription = "";
- /**
- * Set to `true` to indicate an invalid state
- * @type {boolean} [invalid=false]
- */
+ /** Set to `true` to indicate an invalid state */
export let invalid = false;
- /**
- * Specify the error subject text
- * @type {string} [errorSubject=""]
- */
+ /** Specify the error subject text */
export let errorSubject = "";
- /**
- * Specify the error body text
- * @type {string} [errorBody=""]
- */
+ /** Specify the error body text */
export let errorBody = "";
/**
* Set an id for the top-level element
- * @type {string} [id]
+ * @type {string}
*/
export let id = "ccs-" + Math.random().toString(36);
- /**
- * Specify the file uploader name
- * @type {string} [name=""]
- */
+ /** Specify the file uploader name */
export let name = "";
import { createEventDispatcher } from "svelte";
diff --git a/src/FileUploader/FileUploader.Skeleton.svelte b/src/FileUploader/FileUploaderSkeleton.svelte
similarity index 100%
rename from src/FileUploader/FileUploader.Skeleton.svelte
rename to src/FileUploader/FileUploaderSkeleton.svelte
diff --git a/src/FileUploader/Filename.svelte b/src/FileUploader/Filename.svelte
index 36d0f040..d8d913a7 100644
--- a/src/FileUploader/Filename.svelte
+++ b/src/FileUploader/Filename.svelte
@@ -1,20 +1,14 @@
diff --git a/src/FormLabel/FormLabel.svelte b/src/FormLabel/FormLabel.svelte
index 937d136b..054591b1 100644
--- a/src/FormLabel/FormLabel.svelte
+++ b/src/FormLabel/FormLabel.svelte
@@ -1,7 +1,7 @@
diff --git a/src/Grid/Column.svelte b/src/Grid/Column.svelte
index 7734f509..76dfa944 100644
--- a/src/Grid/Column.svelte
+++ b/src/Grid/Column.svelte
@@ -1,65 +1,4 @@
{#if skeleton}
diff --git a/src/Icon/Icon.Skeleton.svelte b/src/Icon/IconSkeleton.svelte
similarity index 76%
rename from src/Icon/Icon.Skeleton.svelte
rename to src/Icon/IconSkeleton.svelte
index 4d958fbd..e67da320 100644
--- a/src/Icon/Icon.Skeleton.svelte
+++ b/src/Icon/IconSkeleton.svelte
@@ -1,8 +1,5 @@
diff --git a/src/Icon/index.js b/src/Icon/index.js
index 41f46931..551efcd3 100644
--- a/src/Icon/index.js
+++ b/src/Icon/index.js
@@ -1,2 +1,2 @@
export { default as Icon } from "./Icon.svelte";
-export { default as IconSkeleton } from "./Icon.Skeleton.svelte";
+export { default as IconSkeleton } from "./IconSkeleton.svelte";
diff --git a/src/InlineLoading/InlineLoading.svelte b/src/InlineLoading/InlineLoading.svelte
index 8498100f..081d05e8 100644
--- a/src/InlineLoading/InlineLoading.svelte
+++ b/src/InlineLoading/InlineLoading.svelte
@@ -1,26 +1,23 @@
diff --git a/src/ListBox/ListBox.svelte b/src/ListBox/ListBox.svelte
index 5e519d95..9e3298e9 100644
--- a/src/ListBox/ListBox.svelte
+++ b/src/ListBox/ListBox.svelte
@@ -1,44 +1,29 @@
diff --git a/src/ListBox/ListBoxField.svelte b/src/ListBox/ListBoxField.svelte
index 9c06b8e1..6f424728 100644
--- a/src/ListBox/ListBoxField.svelte
+++ b/src/ListBox/ListBoxField.svelte
@@ -1,51 +1,38 @@
diff --git a/src/ListBox/ListBoxMenuIcon.svelte b/src/ListBox/ListBoxMenuIcon.svelte
index dd4c8836..d1cd1485 100644
--- a/src/ListBox/ListBoxMenuIcon.svelte
+++ b/src/ListBox/ListBoxMenuIcon.svelte
@@ -1,27 +1,20 @@
diff --git a/src/ListBox/ListBoxSelection.svelte b/src/ListBox/ListBoxSelection.svelte
index 8df1bfb7..902a6c4f 100644
--- a/src/ListBox/ListBoxSelection.svelte
+++ b/src/ListBox/ListBoxSelection.svelte
@@ -1,21 +1,18 @@
diff --git a/src/Notification/ToastNotification.svelte b/src/Notification/ToastNotification.svelte
index 2eebb2a2..597295fc 100644
--- a/src/Notification/ToastNotification.svelte
+++ b/src/Notification/ToastNotification.svelte
@@ -1,62 +1,38 @@
diff --git a/src/NumberInput/index.js b/src/NumberInput/index.js
index af304831..d58c80e1 100644
--- a/src/NumberInput/index.js
+++ b/src/NumberInput/index.js
@@ -1,2 +1,2 @@
export { default as NumberInput } from "./NumberInput.svelte";
-export { default as NumberInputSkeleton } from "./NumberInput.Skeleton.svelte";
+export { default as NumberInputSkeleton } from "./NumberInputSkeleton.svelte";
diff --git a/src/OrderedList/OrderedList.svelte b/src/OrderedList/OrderedList.svelte
index 449e39f9..d4facb31 100644
--- a/src/OrderedList/OrderedList.svelte
+++ b/src/OrderedList/OrderedList.svelte
@@ -1,14 +1,8 @@
diff --git a/src/OverflowMenu/OverflowMenu.svelte b/src/OverflowMenu/OverflowMenu.svelte
index 26121925..d7e01ea0 100644
--- a/src/OverflowMenu/OverflowMenu.svelte
+++ b/src/OverflowMenu/OverflowMenu.svelte
@@ -1,73 +1,61 @@
diff --git a/src/PaginationNav/PaginationNav.svelte b/src/PaginationNav/PaginationNav.svelte
index 0292d977..1e97b5e9 100644
--- a/src/PaginationNav/PaginationNav.svelte
+++ b/src/PaginationNav/PaginationNav.svelte
@@ -1,38 +1,20 @@
diff --git a/src/ProgressIndicator/ProgressStep.svelte b/src/ProgressIndicator/ProgressStep.svelte
index 3ed26843..29f67756 100644
--- a/src/ProgressIndicator/ProgressStep.svelte
+++ b/src/ProgressIndicator/ProgressStep.svelte
@@ -1,49 +1,28 @@
diff --git a/src/Search/Search.Skeleton.svelte b/src/Search/SearchSkeleton.svelte
similarity index 88%
rename from src/Search/Search.Skeleton.svelte
rename to src/Search/SearchSkeleton.svelte
index 8ca6a06c..a8059b17 100644
--- a/src/Search/Search.Skeleton.svelte
+++ b/src/Search/SearchSkeleton.svelte
@@ -2,13 +2,12 @@
/**
* @deprecated this prop will be removed in the next major release
* Set to `true` to use the small variant
- * @type {boolean} [small=false]
*/
export let small = false;
/**
* Specify the size of the search input
- * @type {"sm" | "lg" | "xl"} [size="xl"]
+ * @type {"sm" | "lg" | "xl"}
*/
export let size = "xl";
diff --git a/src/Search/index.js b/src/Search/index.js
index 535981c0..5ce0608a 100644
--- a/src/Search/index.js
+++ b/src/Search/index.js
@@ -1,2 +1,2 @@
export { default as Search } from "./Search.svelte";
-export { default as SearchSkeleton } from "./Search.Skeleton.svelte";
+export { default as SearchSkeleton } from "./SearchSkeleton.svelte";
diff --git a/src/Select/Select.svelte b/src/Select/Select.svelte
index b6884aac..836cf4ad 100644
--- a/src/Select/Select.svelte
+++ b/src/Select/Select.svelte
@@ -1,85 +1,55 @@
diff --git a/src/Select/Select.Skeleton.svelte b/src/Select/SelectSkeleton.svelte
similarity index 80%
rename from src/Select/Select.Skeleton.svelte
rename to src/Select/SelectSkeleton.svelte
index df67e270..4b0382ef 100644
--- a/src/Select/Select.Skeleton.svelte
+++ b/src/Select/SelectSkeleton.svelte
@@ -1,8 +1,5 @@
diff --git a/src/Select/index.js b/src/Select/index.js
index 22f8cd67..06350614 100644
--- a/src/Select/index.js
+++ b/src/Select/index.js
@@ -1,4 +1,4 @@
export { default as Select } from "./Select.svelte";
-export { default as SelectSkeleton } from "./Select.Skeleton.svelte";
+export { default as SelectSkeleton } from "./SelectSkeleton.svelte";
export { default as SelectItem } from "./SelectItem.svelte";
export { default as SelectItemGroup } from "./SelectItemGroup.svelte";
diff --git a/src/SkeletonText/SkeletonText.svelte b/src/SkeletonText/SkeletonText.svelte
index 0b8e0571..745d6299 100644
--- a/src/SkeletonText/SkeletonText.svelte
+++ b/src/SkeletonText/SkeletonText.svelte
@@ -1,33 +1,16 @@
diff --git a/src/Slider/index.js b/src/Slider/index.js
index 558290e1..5f440043 100644
--- a/src/Slider/index.js
+++ b/src/Slider/index.js
@@ -1,2 +1,2 @@
export { default as Slider } from "./Slider.svelte";
-export { default as SliderSkeleton } from "./Slider.Skeleton.svelte";
+export { default as SliderSkeleton } from "./SliderSkeleton.svelte";
diff --git a/src/StructuredList/StructuredList.svelte b/src/StructuredList/StructuredList.svelte
index 7e4ab923..919b9fbd 100644
--- a/src/StructuredList/StructuredList.svelte
+++ b/src/StructuredList/StructuredList.svelte
@@ -1,20 +1,14 @@
diff --git a/src/StructuredList/StructuredListInput.svelte b/src/StructuredList/StructuredListInput.svelte
index d1314b5f..050d3dae 100644
--- a/src/StructuredList/StructuredListInput.svelte
+++ b/src/StructuredList/StructuredListInput.svelte
@@ -1,37 +1,25 @@
diff --git a/src/StructuredList/StructuredList.Skeleton.svelte b/src/StructuredList/StructuredListSkeleton.svelte
similarity index 86%
rename from src/StructuredList/StructuredList.Skeleton.svelte
rename to src/StructuredList/StructuredListSkeleton.svelte
index 0b04ccdd..a52ede00 100644
--- a/src/StructuredList/StructuredList.Skeleton.svelte
+++ b/src/StructuredList/StructuredListSkeleton.svelte
@@ -1,14 +1,8 @@
diff --git a/src/StructuredList/index.js b/src/StructuredList/index.js
index 6b3bf38e..41c131b0 100644
--- a/src/StructuredList/index.js
+++ b/src/StructuredList/index.js
@@ -1,5 +1,5 @@
export { default as StructuredList } from "./StructuredList.svelte";
-export { default as StructuredListSkeleton } from "./StructuredList.Skeleton.svelte";
+export { default as StructuredListSkeleton } from "./StructuredListSkeleton.svelte";
export { default as StructuredListBody } from "./StructuredListBody.svelte";
export { default as StructuredListHead } from "./StructuredListHead.svelte";
export { default as StructuredListCell } from "./StructuredListCell.svelte";
diff --git a/src/Tabs/Tab.svelte b/src/Tabs/Tab.svelte
index b8d53cca..66180897 100644
--- a/src/Tabs/Tab.svelte
+++ b/src/Tabs/Tab.svelte
@@ -2,37 +2,27 @@
/**
* Specify the tab label
* Alternatively, use the default slot (e.g.
Label)
- * @type {string} [label=""]
*/
export let label = "";
- /**
- * Specify the href attribute
- * @type {string} [href="#"]
- */
+ /** Specify the href attribute */
export let href = "#";
- /**
- * Set to `true` to disable the tab
- * @type {boolean} [disabled=false]
- */
+ /** Set to `true` to disable the tab */
export let disabled = false;
- /**
- * Specify the tabindex
- * @type {string} [tabindex="0"]
- */
+ /** Specify the tabindex */
export let tabindex = "0";
/**
* Set an id for the top-level element
- * @type {string} [id]
+ * @type {string}
*/
export let id = "ccs-" + Math.random().toString(36);
/**
* Obtain a reference to the anchor HTML element
- * @type {null | HTMLAnchorElement} [ref=null]
+ * @type {null | HTMLAnchorElement}
*/
export let ref = null;
diff --git a/src/Tabs/TabContent.svelte b/src/Tabs/TabContent.svelte
index fcaa2dff..cc9068e5 100644
--- a/src/Tabs/TabContent.svelte
+++ b/src/Tabs/TabContent.svelte
@@ -1,7 +1,7 @@
diff --git a/src/Tag/Tag.svelte b/src/Tag/Tag.svelte
index eca4b4f5..41434643 100644
--- a/src/Tag/Tag.svelte
+++ b/src/Tag/Tag.svelte
@@ -7,36 +7,36 @@
/**
* Set to `true` to use filterable variant
- * @type {boolean} [filter=false]
+ * @type {boolean}
*/
export let filter = false;
/**
* Set to `true` to disable a filterable tag
- * @type {boolean} [disabled=false]
+ * @type {boolean}
*/
export let disabled = false;
/**
* Set to `true` to display the skeleton state
- * @type {boolean} [skeleton=false]
+ * @type {boolean}
*/
export let skeleton = false;
/**
* Set the title for the close button in a filterable tag
- * @type {string} [title="Clear filter"]
+ * @type {string}
*/
export let title = "Clear filter";
/**
* Set an id for the filterable tag
- * @type {string} [id]
+ * @type {string}
*/
export let id = "ccs-" + Math.random().toString(36);
import Close16 from "carbon-icons-svelte/lib/Close16";
- import TagSkeleton from "./Tag.Skeleton.svelte";
+ import TagSkeleton from "./TagSkeleton.svelte";
{#if skeleton}
diff --git a/src/Tag/Tag.Skeleton.svelte b/src/Tag/TagSkeleton.svelte
similarity index 100%
rename from src/Tag/Tag.Skeleton.svelte
rename to src/Tag/TagSkeleton.svelte
diff --git a/src/Tag/index.js b/src/Tag/index.js
index 21b86b2c..b33646f6 100644
--- a/src/Tag/index.js
+++ b/src/Tag/index.js
@@ -1,2 +1,2 @@
export { default as Tag } from "./Tag.svelte";
-export { default as TagSkeleton } from "./Tag.Skeleton.svelte";
+export { default as TagSkeleton } from "./TagSkeleton.svelte";
diff --git a/src/TextArea/TextArea.svelte b/src/TextArea/TextArea.svelte
index edecf626..c7a1f903 100644
--- a/src/TextArea/TextArea.svelte
+++ b/src/TextArea/TextArea.svelte
@@ -1,85 +1,52 @@
diff --git a/src/TextArea/index.js b/src/TextArea/index.js
index 74782672..91cd083d 100644
--- a/src/TextArea/index.js
+++ b/src/TextArea/index.js
@@ -1,2 +1,2 @@
export { default as TextArea } from "./TextArea.svelte";
-export { default as TextAreaSkeleton } from "./TextArea.Skeleton.svelte";
+export { default as TextAreaSkeleton } from "./TextAreaSkeleton.svelte";
diff --git a/src/TextInput/PasswordInput.svelte b/src/TextInput/PasswordInput.svelte
index c92f933f..5aeff02f 100644
--- a/src/TextInput/PasswordInput.svelte
+++ b/src/TextInput/PasswordInput.svelte
@@ -1,109 +1,73 @@
diff --git a/src/TextInput/index.js b/src/TextInput/index.js
index 6a3d8273..a3399154 100644
--- a/src/TextInput/index.js
+++ b/src/TextInput/index.js
@@ -1,3 +1,3 @@
export { default as TextInput } from "./TextInput.svelte";
-export { default as TextInputSkeleton } from "./TextInput.Skeleton.svelte";
+export { default as TextInputSkeleton } from "./TextInputSkeleton.svelte";
export { default as PasswordInput } from "./PasswordInput.svelte";
diff --git a/src/Tile/ClickableTile.svelte b/src/Tile/ClickableTile.svelte
index 61dce622..980216c4 100644
--- a/src/Tile/ClickableTile.svelte
+++ b/src/Tile/ClickableTile.svelte
@@ -1,19 +1,13 @@
diff --git a/src/Tile/ExpandableTile.svelte b/src/Tile/ExpandableTile.svelte
index f47c933c..6c5fb61a 100644
--- a/src/Tile/ExpandableTile.svelte
+++ b/src/Tile/ExpandableTile.svelte
@@ -1,55 +1,34 @@
diff --git a/src/Tile/TileGroup.svelte b/src/Tile/TileGroup.svelte
index eda7a7c9..4a5cc508 100644
--- a/src/Tile/TileGroup.svelte
+++ b/src/Tile/TileGroup.svelte
@@ -1,20 +1,14 @@
diff --git a/src/TimePicker/TimePickerSelect.svelte b/src/TimePicker/TimePickerSelect.svelte
index 7cae55ad..238ab142 100644
--- a/src/TimePicker/TimePickerSelect.svelte
+++ b/src/TimePicker/TimePickerSelect.svelte
@@ -1,50 +1,37 @@
diff --git a/src/Toggle/Toggle.Skeleton.svelte b/src/Toggle/ToggleSkeleton.svelte
similarity index 89%
rename from src/Toggle/Toggle.Skeleton.svelte
rename to src/Toggle/ToggleSkeleton.svelte
index a063e6ae..c6b6d716 100644
--- a/src/Toggle/Toggle.Skeleton.svelte
+++ b/src/Toggle/ToggleSkeleton.svelte
@@ -1,13 +1,10 @@
diff --git a/src/Toggle/index.js b/src/Toggle/index.js
index 47df71f0..44cffe37 100644
--- a/src/Toggle/index.js
+++ b/src/Toggle/index.js
@@ -1,2 +1,2 @@
export { default as Toggle } from "./Toggle.svelte";
-export { default as ToggleSkeleton } from "./Toggle.Skeleton.svelte";
+export { default as ToggleSkeleton } from "./ToggleSkeleton.svelte";
diff --git a/src/ToggleSmall/ToggleSmall.svelte b/src/ToggleSmall/ToggleSmall.svelte
index dbba1bd5..219b86d6 100644
--- a/src/ToggleSmall/ToggleSmall.svelte
+++ b/src/ToggleSmall/ToggleSmall.svelte
@@ -1,43 +1,28 @@
diff --git a/src/ToggleSmall/ToggleSmall.Skeleton.svelte b/src/ToggleSmall/ToggleSmallSkeleton.svelte
similarity index 91%
rename from src/ToggleSmall/ToggleSmall.Skeleton.svelte
rename to src/ToggleSmall/ToggleSmallSkeleton.svelte
index d55c6a1e..9e3d1d59 100644
--- a/src/ToggleSmall/ToggleSmall.Skeleton.svelte
+++ b/src/ToggleSmall/ToggleSmallSkeleton.svelte
@@ -1,13 +1,10 @@
diff --git a/src/ToggleSmall/index.js b/src/ToggleSmall/index.js
index 48daac0b..ad88325b 100644
--- a/src/ToggleSmall/index.js
+++ b/src/ToggleSmall/index.js
@@ -1,2 +1,2 @@
export { default as ToggleSmall } from "./ToggleSmall.svelte";
-export { default as ToggleSmallSkeleton } from "./ToggleSmall.Skeleton.svelte";
+export { default as ToggleSmallSkeleton } from "./ToggleSmallSkeleton.svelte";
diff --git a/src/Tooltip/Tooltip.svelte b/src/Tooltip/Tooltip.svelte
index 2eb7ee7a..0cb3e758 100644
--- a/src/Tooltip/Tooltip.svelte
+++ b/src/Tooltip/Tooltip.svelte
@@ -1,19 +1,19 @@
- /**
- * Specify the id for the main element
- * @type {string} [id="main-content"]
- */
+ /** Specify the id for the main element */
export let id = "main-content";
diff --git a/src/UIShell/GlobalHeader/Header.svelte b/src/UIShell/GlobalHeader/Header.svelte
index 6c27ad17..e95d2d8c 100644
--- a/src/UIShell/GlobalHeader/Header.svelte
+++ b/src/UIShell/GlobalHeader/Header.svelte
@@ -1,44 +1,37 @@
diff --git a/src/UIShell/GlobalHeader/HeaderNavItem.svelte b/src/UIShell/GlobalHeader/HeaderNavItem.svelte
index b7dd47c4..c42736f2 100644
--- a/src/UIShell/GlobalHeader/HeaderNavItem.svelte
+++ b/src/UIShell/GlobalHeader/HeaderNavItem.svelte
@@ -1,19 +1,19 @@
diff --git a/src/UIShell/GlobalHeader/HeaderNavMenu.svelte b/src/UIShell/GlobalHeader/HeaderNavMenu.svelte
index 0d9506d0..91384b2e 100644
--- a/src/UIShell/GlobalHeader/HeaderNavMenu.svelte
+++ b/src/UIShell/GlobalHeader/HeaderNavMenu.svelte
@@ -1,32 +1,23 @@
diff --git a/src/UIShell/HeaderGlobalAction.svelte b/src/UIShell/HeaderGlobalAction.svelte
index 18d442b9..3a6dbdfe 100644
--- a/src/UIShell/HeaderGlobalAction.svelte
+++ b/src/UIShell/HeaderGlobalAction.svelte
@@ -1,19 +1,16 @@
diff --git a/src/UIShell/SideNav/HamburgerMenu.svelte b/src/UIShell/SideNav/HamburgerMenu.svelte
index 4e550d61..ce2552c8 100644
--- a/src/UIShell/SideNav/HamburgerMenu.svelte
+++ b/src/UIShell/SideNav/HamburgerMenu.svelte
@@ -1,19 +1,16 @@
diff --git a/src/UIShell/SideNav/SideNavLink.svelte b/src/UIShell/SideNav/SideNavLink.svelte
index 2443af4b..90220785 100644
--- a/src/UIShell/SideNav/SideNavLink.svelte
+++ b/src/UIShell/SideNav/SideNavLink.svelte
@@ -1,31 +1,28 @@
diff --git a/src/UIShell/SkipToContent.svelte b/src/UIShell/SkipToContent.svelte
index 6fc15809..cbba79ce 100644
--- a/src/UIShell/SkipToContent.svelte
+++ b/src/UIShell/SkipToContent.svelte
@@ -1,14 +1,8 @@
diff --git a/src/UnorderedList/UnorderedList.svelte b/src/UnorderedList/UnorderedList.svelte
index 7ab560ae..83632d00 100644
--- a/src/UnorderedList/UnorderedList.svelte
+++ b/src/UnorderedList/UnorderedList.svelte
@@ -1,8 +1,5 @@
diff --git a/types/Breadcrumb/Breadcrumb.Skeleton.d.ts b/types/Breadcrumb/BreadcrumbSkeleton.d.ts
similarity index 100%
rename from types/Breadcrumb/Breadcrumb.Skeleton.d.ts
rename to types/Breadcrumb/BreadcrumbSkeleton.d.ts
diff --git a/types/Button/Button.Skeleton.d.ts b/types/Button/ButtonSkeleton.d.ts
similarity index 100%
rename from types/Button/Button.Skeleton.d.ts
rename to types/Button/ButtonSkeleton.d.ts
diff --git a/types/Checkbox/Checkbox.d.ts b/types/Checkbox/Checkbox.d.ts
index 22b602bf..5c38e95e 100644
--- a/types/Checkbox/Checkbox.d.ts
+++ b/types/Checkbox/Checkbox.d.ts
@@ -69,11 +69,11 @@ export default class Checkbox {
$$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: "check", cb: (event: CustomEvent) => void): () => void;
$on(eventname: string, cb: (event: Event) => void): () => void;
}
diff --git a/types/Checkbox/Checkbox.Skeleton.d.ts b/types/Checkbox/CheckboxSkeleton.d.ts
similarity index 100%
rename from types/Checkbox/Checkbox.Skeleton.d.ts
rename to types/Checkbox/CheckboxSkeleton.d.ts
diff --git a/types/CodeSnippet/CodeSnippet.Skeleton.d.ts b/types/CodeSnippet/CodeSnippetSkeleton.d.ts
similarity index 100%
rename from types/CodeSnippet/CodeSnippet.Skeleton.d.ts
rename to types/CodeSnippet/CodeSnippetSkeleton.d.ts
diff --git a/types/ComboBox/ComboBox.d.ts b/types/ComboBox/ComboBox.d.ts
index f1a28bd7..05984146 100644
--- a/types/ComboBox/ComboBox.d.ts
+++ b/types/ComboBox/ComboBox.d.ts
@@ -119,11 +119,14 @@ export default class ComboBox {
$$slot_def: {};
+ $on(
+ eventname: "select",
+ cb: (event: CustomEvent<{ selectedId: string; selectedIndex: number; selectedItem: ComboBoxItem }>) => 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: "select", cb: (event: CustomEvent) => void): () => void;
$on(eventname: string, cb: (event: Event) => void): () => void;
}
diff --git a/types/ComposedModal/ComposedModal.d.ts b/types/ComposedModal/ComposedModal.d.ts
index 35069cb1..297f0a23 100644
--- a/types/ComposedModal/ComposedModal.d.ts
+++ b/types/ComposedModal/ComposedModal.d.ts
@@ -41,7 +41,7 @@ export default class ComposedModal {
* Obtain a reference to the top-level HTML element
* @default null
*/
- ref?: null | HTMLElement;
+ ref?: null | HTMLDivElement;
};
$$slot_def: {
diff --git a/types/ContentSwitcher/ContentSwitcher.d.ts b/types/ContentSwitcher/ContentSwitcher.d.ts
index 87ba9635..a387c3e3 100644
--- a/types/ContentSwitcher/ContentSwitcher.d.ts
+++ b/types/ContentSwitcher/ContentSwitcher.d.ts
@@ -24,10 +24,10 @@ export default class ContentSwitcher {
default: {};
};
+ $on(eventname: "change", 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: CustomEvent) => void): () => void;
$on(eventname: string, cb: (event: Event) => void): () => void;
}
diff --git a/types/DataTable/DataTable.d.ts b/types/DataTable/DataTable.d.ts
index 0c011da4..d4cc66f7 100644
--- a/types/DataTable/DataTable.d.ts
+++ b/types/DataTable/DataTable.d.ts
@@ -1,13 +1,15 @@
///
-type Headers = {
+interface Header {
key: string;
value: string;
display?: (item) => string;
sort?: (a, b) => number;
empty?: boolean;
columnMenu?: boolean;
-}[];
+}
+
+type Headers = Header[];
export default class DataTable {
$$prop_def: {
@@ -106,17 +108,24 @@ export default class DataTable {
$$slot_def: {
default: {};
- cell: { row: any; cell: any };
- ["expanded-row"]: { row: any };
+ ["expanded-row"]: { row: Object };
+ ["cell-header"]: { header: Header };
+ cell: { row: Object; cell: Object };
};
- $on(eventname: "click:header--expand", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: "click", cb: (event: CustomEvent) => void): () => void;
- $on(eventname: "click:header", cb: (event: CustomEvent) => 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) => void): () => void;
- $on(eventname: "click:cell", cb: (event: CustomEvent) => void): () => void;
+ $on(
+ eventname: "click",
+ cb: (event: CustomEvent<{ header?: Header; row?: Object; cell?: Object }>) => void
+ ): () => void;
+ $on(eventname: "click:header--expand", cb: (event: CustomEvent<{ expanded: boolean }>) => void): () => void;
+ $on(
+ eventname: "click:header",
+ cb: (event: CustomEvent<{ header: Header; sortDirection: "ascending" | "descending" | "none" }>) => void
+ ): () => void;
+ $on(eventname: "click:row", cb: (event: CustomEvent