From a67e8a81f6dc5d7416ed6f4468efeb759593873c Mon Sep 17 00:00:00 2001
From: Eric Y Liu <ericyl.us@gmail.com>
Date: Fri, 23 Jul 2021 12:31:23 -0700
Subject: [PATCH] fix(a11y): disable a11y-mouse-events-have-key-events warning
 #760

---
 src/Accordion/Accordion.svelte                         | 1 +
 src/Accordion/AccordionItem.svelte                     | 1 +
 src/Accordion/AccordionSkeleton.svelte                 | 1 +
 src/Breadcrumb/Breadcrumb.svelte                       | 1 +
 src/Breadcrumb/BreadcrumbItem.svelte                   | 1 +
 src/Breadcrumb/BreadcrumbSkeleton.svelte               | 1 +
 src/Button/Button.svelte                               | 1 +
 src/Button/ButtonSkeleton.svelte                       | 1 +
 src/Checkbox/Checkbox.svelte                           | 1 +
 src/Checkbox/CheckboxSkeleton.svelte                   | 1 +
 src/CodeSnippet/CodeSnippet.svelte                     | 1 +
 src/CodeSnippet/CodeSnippetSkeleton.svelte             | 1 +
 src/ComposedModal/ComposedModal.svelte                 | 1 +
 src/ContentSwitcher/ContentSwitcher.svelte             | 1 +
 src/ContentSwitcher/Switch.svelte                      | 1 +
 src/DataTable/DataTableSkeleton.svelte                 | 1 +
 src/DataTable/TableCell.svelte                         | 1 +
 src/DataTable/TableHead.svelte                         | 1 +
 src/DataTable/TableHeader.svelte                       | 1 +
 src/DataTable/TableRow.svelte                          | 1 +
 src/DatePicker/DatePicker.svelte                       | 1 +
 src/DatePicker/DatePickerSkeleton.svelte               | 1 +
 src/Dropdown/DropdownSkeleton.svelte                   | 1 +
 src/FileUploader/FileUploader.svelte                   | 1 +
 src/FileUploader/FileUploaderItem.svelte               | 1 +
 src/FileUploader/FileUploaderSkeleton.svelte           | 1 +
 src/Form/Form.svelte                                   | 1 +
 src/FormGroup/FormGroup.svelte                         | 1 +
 src/FormItem/FormItem.svelte                           | 1 +
 src/FormLabel/FormLabel.svelte                         | 1 +
 src/Icon/IconSkeleton.svelte                           | 1 +
 src/InlineLoading/InlineLoading.svelte                 | 1 +
 src/Link/Link.svelte                                   | 1 +
 src/ListItem/ListItem.svelte                           | 1 +
 src/Modal/Modal.svelte                                 | 1 +
 src/Notification/InlineNotification.svelte             | 1 +
 src/Notification/NotificationButton.svelte             | 1 +
 src/Notification/ToastNotification.svelte              | 1 +
 src/NumberInput/NumberInput.svelte                     | 1 +
 src/NumberInput/NumberInputSkeleton.svelte             | 1 +
 src/OrderedList/OrderedList.svelte                     | 1 +
 src/OverflowMenu/OverflowMenu.svelte                   | 1 +
 src/Pagination/PaginationSkeleton.svelte               | 1 +
 src/ProgressIndicator/ProgressIndicator.svelte         | 1 +
 src/ProgressIndicator/ProgressIndicatorSkeleton.svelte | 1 +
 src/ProgressIndicator/ProgressStep.svelte              | 1 +
 src/RadioButton/RadioButtonSkeleton.svelte             | 1 +
 src/RadioButtonGroup/RadioButtonGroup.svelte           | 1 +
 src/Search/SearchSkeleton.svelte                       | 1 +
 src/Select/SelectSkeleton.svelte                       | 1 +
 src/SkeletonPlaceholder/SkeletonPlaceholder.svelte     | 1 +
 src/SkeletonText/SkeletonText.svelte                   | 1 +
 src/Slider/Slider.svelte                               | 1 +
 src/Slider/SliderSkeleton.svelte                       | 1 +
 src/StructuredList/StructuredList.svelte               | 1 +
 src/StructuredList/StructuredListBody.svelte           | 1 +
 src/StructuredList/StructuredListCell.svelte           | 1 +
 src/StructuredList/StructuredListHead.svelte           | 1 +
 src/StructuredList/StructuredListRow.svelte            | 1 +
 src/StructuredList/StructuredListSkeleton.svelte       | 1 +
 src/Tabs/Tab.svelte                                    | 1 +
 src/Tabs/TabsSkeleton.svelte                           | 1 +
 src/Tag/Tag.svelte                                     | 1 +
 src/Tag/TagSkeleton.svelte                             | 1 +
 src/TextArea/TextArea.svelte                           | 1 +
 src/TextArea/TextAreaSkeleton.svelte                   | 1 +
 src/TextInput/PasswordInput.svelte                     | 1 +
 src/TextInput/TextInput.svelte                         | 1 +
 src/TextInput/TextInputSkeleton.svelte                 | 1 +
 src/Tile/ExpandableTile.svelte                         | 1 +
 src/Tile/RadioTile.svelte                              | 1 +
 src/Tile/SelectableTile.svelte                         | 1 +
 src/Tile/Tile.svelte                                   | 1 +
 src/TimePicker/TimePicker.svelte                       | 1 +
 src/TimePicker/TimePickerSelect.svelte                 | 1 +
 src/Toggle/Toggle.svelte                               | 1 +
 src/Toggle/ToggleSkeleton.svelte                       | 1 +
 src/ToggleSmall/ToggleSmall.svelte                     | 1 +
 src/ToggleSmall/ToggleSmallSkeleton.svelte             | 1 +
 src/UnorderedList/UnorderedList.svelte                 | 1 +
 80 files changed, 80 insertions(+)

diff --git a/src/Accordion/Accordion.svelte b/src/Accordion/Accordion.svelte
index 2cf3d63b..944be5e8 100644
--- a/src/Accordion/Accordion.svelte
+++ b/src/Accordion/Accordion.svelte
@@ -30,6 +30,7 @@
   setContext("Accordion", { disableItems });
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if skeleton}
   <AccordionSkeleton
     {...$$restProps}
diff --git a/src/Accordion/AccordionItem.svelte b/src/Accordion/AccordionItem.svelte
index 8217faa8..2ffed134 100644
--- a/src/Accordion/AccordionItem.svelte
+++ b/src/Accordion/AccordionItem.svelte
@@ -34,6 +34,7 @@
   });
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <li
   class:bx--accordion__item="{true}"
   class:bx--accordion__item--active="{open}"
diff --git a/src/Accordion/AccordionSkeleton.svelte b/src/Accordion/AccordionSkeleton.svelte
index 4de40493..34179668 100644
--- a/src/Accordion/AccordionSkeleton.svelte
+++ b/src/Accordion/AccordionSkeleton.svelte
@@ -21,6 +21,7 @@
   import SkeletonText from "../SkeletonText/SkeletonText.svelte";
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <ul
   class:bx--skeleton="{true}"
   class:bx--accordion="{true}"
diff --git a/src/Breadcrumb/Breadcrumb.svelte b/src/Breadcrumb/Breadcrumb.svelte
index 26d7e521..53af5744 100644
--- a/src/Breadcrumb/Breadcrumb.svelte
+++ b/src/Breadcrumb/Breadcrumb.svelte
@@ -10,6 +10,7 @@
   import BreadcrumbSkeleton from "./BreadcrumbSkeleton.svelte";
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if skeleton}
   <BreadcrumbSkeleton
     noTrailingSlash="{noTrailingSlash}"
diff --git a/src/Breadcrumb/BreadcrumbItem.svelte b/src/Breadcrumb/BreadcrumbItem.svelte
index a18c7904..dac0d8a7 100644
--- a/src/Breadcrumb/BreadcrumbItem.svelte
+++ b/src/Breadcrumb/BreadcrumbItem.svelte
@@ -19,6 +19,7 @@
   setContext("BreadcrumbItem", {});
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <li
   class:bx--breadcrumb-item="{true}"
   class:bx--breadcrumb-item--current="{isCurrentPage &&
diff --git a/src/Breadcrumb/BreadcrumbSkeleton.svelte b/src/Breadcrumb/BreadcrumbSkeleton.svelte
index c011781c..8627819d 100644
--- a/src/Breadcrumb/BreadcrumbSkeleton.svelte
+++ b/src/Breadcrumb/BreadcrumbSkeleton.svelte
@@ -6,6 +6,7 @@
   export let count = 3;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--skeleton="{true}"
   class:bx--breadcrumb="{true}"
diff --git a/src/Button/Button.svelte b/src/Button/Button.svelte
index 3ec84c63..174e6b63 100644
--- a/src/Button/Button.svelte
+++ b/src/Button/Button.svelte
@@ -131,6 +131,7 @@
   };
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if skeleton}
   <ButtonSkeleton
     href="{href}"
diff --git a/src/Button/ButtonSkeleton.svelte b/src/Button/ButtonSkeleton.svelte
index c5c7f584..c0ec0639 100644
--- a/src/Button/ButtonSkeleton.svelte
+++ b/src/Button/ButtonSkeleton.svelte
@@ -18,6 +18,7 @@
   export let small = false;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if href}
   <a
     href="{href}"
diff --git a/src/Checkbox/Checkbox.svelte b/src/Checkbox/Checkbox.svelte
index e85dbb85..41af3a8a 100644
--- a/src/Checkbox/Checkbox.svelte
+++ b/src/Checkbox/Checkbox.svelte
@@ -47,6 +47,7 @@
   $: dispatch("check", checked);
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if skeleton}
   <CheckboxSkeleton
     {...$$restProps}
diff --git a/src/Checkbox/CheckboxSkeleton.svelte b/src/Checkbox/CheckboxSkeleton.svelte
index 99dbf58f..92da4636 100644
--- a/src/Checkbox/CheckboxSkeleton.svelte
+++ b/src/Checkbox/CheckboxSkeleton.svelte
@@ -1,3 +1,4 @@
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   class:bx--checkbox-wrapper="{true}"
diff --git a/src/CodeSnippet/CodeSnippet.svelte b/src/CodeSnippet/CodeSnippet.svelte
index 30b51c71..1a1ddec0 100644
--- a/src/CodeSnippet/CodeSnippet.svelte
+++ b/src/CodeSnippet/CodeSnippet.svelte
@@ -116,6 +116,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if skeleton}
   <CodeSnippetSkeleton
     type="{type}"
diff --git a/src/CodeSnippet/CodeSnippetSkeleton.svelte b/src/CodeSnippet/CodeSnippetSkeleton.svelte
index a3af51ef..3ca99c67 100644
--- a/src/CodeSnippet/CodeSnippetSkeleton.svelte
+++ b/src/CodeSnippet/CodeSnippetSkeleton.svelte
@@ -6,6 +6,7 @@
   export let type = "single";
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--skeleton="{true}"
   class:bx--snippet="{true}"
diff --git a/src/ComposedModal/ComposedModal.svelte b/src/ComposedModal/ComposedModal.svelte
index 78d923de..6300d9d3 100644
--- a/src/ComposedModal/ComposedModal.svelte
+++ b/src/ComposedModal/ComposedModal.svelte
@@ -97,6 +97,7 @@
   });
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   bind:this="{ref}"
   role="presentation"
diff --git a/src/ContentSwitcher/ContentSwitcher.svelte b/src/ContentSwitcher/ContentSwitcher.svelte
index f7cc803a..81f8d32e 100644
--- a/src/ContentSwitcher/ContentSwitcher.svelte
+++ b/src/ContentSwitcher/ContentSwitcher.svelte
@@ -63,6 +63,7 @@
   });
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   role="tablist"
   class:bx--content-switcher="{true}"
diff --git a/src/ContentSwitcher/Switch.svelte b/src/ContentSwitcher/Switch.svelte
index d3d75396..092d9eca 100644
--- a/src/ContentSwitcher/Switch.svelte
+++ b/src/ContentSwitcher/Switch.svelte
@@ -38,6 +38,7 @@
   });
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <button
   bind:this="{ref}"
   role="tab"
diff --git a/src/DataTable/DataTableSkeleton.svelte b/src/DataTable/DataTableSkeleton.svelte
index f81aac53..c95918af 100644
--- a/src/DataTable/DataTableSkeleton.svelte
+++ b/src/DataTable/DataTableSkeleton.svelte
@@ -41,6 +41,7 @@
   );
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--skeleton="{true}"
   class:bx--data-table-container="{true}"
diff --git a/src/DataTable/TableCell.svelte b/src/DataTable/TableCell.svelte
index d43f6f28..51a14ce0 100644
--- a/src/DataTable/TableCell.svelte
+++ b/src/DataTable/TableCell.svelte
@@ -1,3 +1,4 @@
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <td {...$$restProps} on:click on:mouseover on:mouseenter on:mouseleave>
   <slot />
 </td>
diff --git a/src/DataTable/TableHead.svelte b/src/DataTable/TableHead.svelte
index ac356ae0..cdbbc139 100644
--- a/src/DataTable/TableHead.svelte
+++ b/src/DataTable/TableHead.svelte
@@ -1,3 +1,4 @@
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <thead {...$$restProps} on:click on:mouseover on:mouseenter on:mouseleave>
   <slot />
 </thead>
diff --git a/src/DataTable/TableHeader.svelte b/src/DataTable/TableHeader.svelte
index 386eaa06..eab38726 100644
--- a/src/DataTable/TableHeader.svelte
+++ b/src/DataTable/TableHeader.svelte
@@ -27,6 +27,7 @@
   $: ariaLabel = translateWithId();
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if $tableSortable && !disableSorting}
   <th
     aria-sort="{active ? $sortHeader.sortDirection : 'none'}"
diff --git a/src/DataTable/TableRow.svelte b/src/DataTable/TableRow.svelte
index e9bb96f3..31d5191a 100644
--- a/src/DataTable/TableRow.svelte
+++ b/src/DataTable/TableRow.svelte
@@ -1,3 +1,4 @@
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <tr {...$$restProps} on:click on:mouseover on:mouseenter on:mouseleave>
   <slot />
 </tr>
diff --git a/src/DatePicker/DatePicker.svelte b/src/DatePicker/DatePicker.svelte
index 7ebde86c..62fa5862 100644
--- a/src/DatePicker/DatePicker.svelte
+++ b/src/DatePicker/DatePicker.svelte
@@ -200,6 +200,7 @@
   }}"
 />
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/DatePicker/DatePickerSkeleton.svelte b/src/DatePicker/DatePickerSkeleton.svelte
index 839b61a8..133a5054 100644
--- a/src/DatePicker/DatePickerSkeleton.svelte
+++ b/src/DatePicker/DatePickerSkeleton.svelte
@@ -6,6 +6,7 @@
   export let id = "ccs-" + Math.random().toString(36);
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/Dropdown/DropdownSkeleton.svelte b/src/Dropdown/DropdownSkeleton.svelte
index 32201179..ae6b07f8 100644
--- a/src/Dropdown/DropdownSkeleton.svelte
+++ b/src/Dropdown/DropdownSkeleton.svelte
@@ -3,6 +3,7 @@
   export let inline = false;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--skeleton="{true}"
   class:bx--dropdown-v2="{true}"
diff --git a/src/FileUploader/FileUploader.svelte b/src/FileUploader/FileUploader.svelte
index 5c6704b8..08147f47 100644
--- a/src/FileUploader/FileUploader.svelte
+++ b/src/FileUploader/FileUploader.svelte
@@ -76,6 +76,7 @@
   });
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/FileUploader/FileUploaderItem.svelte b/src/FileUploader/FileUploaderItem.svelte
index c17a1575..d7ccf4f1 100644
--- a/src/FileUploader/FileUploaderItem.svelte
+++ b/src/FileUploader/FileUploaderItem.svelte
@@ -39,6 +39,7 @@
   const dispatch = createEventDispatcher();
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <span
   id="{id}"
   class:bx--file__selected-file="{true}"
diff --git a/src/FileUploader/FileUploaderSkeleton.svelte b/src/FileUploader/FileUploaderSkeleton.svelte
index e7ddc0a3..e561744a 100644
--- a/src/FileUploader/FileUploaderSkeleton.svelte
+++ b/src/FileUploader/FileUploaderSkeleton.svelte
@@ -3,6 +3,7 @@
   import { SkeletonText } from "../SkeletonText";
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/Form/Form.svelte b/src/Form/Form.svelte
index d5b327ae..5caf1140 100644
--- a/src/Form/Form.svelte
+++ b/src/Form/Form.svelte
@@ -1,3 +1,4 @@
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <form
   class:bx--form="{true}"
   {...$$restProps}
diff --git a/src/FormGroup/FormGroup.svelte b/src/FormGroup/FormGroup.svelte
index 311807e2..5f6fb8b0 100644
--- a/src/FormGroup/FormGroup.svelte
+++ b/src/FormGroup/FormGroup.svelte
@@ -18,6 +18,7 @@
   export let legendId = "";
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <fieldset
   data-invalid="{invalid || undefined}"
   class:bx--fieldset="{true}"
diff --git a/src/FormItem/FormItem.svelte b/src/FormItem/FormItem.svelte
index 1fd11e7d..6b157a0a 100644
--- a/src/FormItem/FormItem.svelte
+++ b/src/FormItem/FormItem.svelte
@@ -1,3 +1,4 @@
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/FormLabel/FormLabel.svelte b/src/FormLabel/FormLabel.svelte
index 535e6dee..acd2b411 100644
--- a/src/FormLabel/FormLabel.svelte
+++ b/src/FormLabel/FormLabel.svelte
@@ -3,6 +3,7 @@
   export let id = "ccs-" + Math.random().toString(36);
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <label
   class:bx--label="{true}"
   for="{id}"
diff --git a/src/Icon/IconSkeleton.svelte b/src/Icon/IconSkeleton.svelte
index aa3b83d5..5dd7bbca 100644
--- a/src/Icon/IconSkeleton.svelte
+++ b/src/Icon/IconSkeleton.svelte
@@ -8,6 +8,7 @@
   export let size = 16;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--icon--skeleton="{true}"
   {...$$restProps}
diff --git a/src/InlineLoading/InlineLoading.svelte b/src/InlineLoading/InlineLoading.svelte
index 51977336..96d92b45 100644
--- a/src/InlineLoading/InlineLoading.svelte
+++ b/src/InlineLoading/InlineLoading.svelte
@@ -44,6 +44,7 @@
   });
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--inline-loading="{true}"
   aria-live="assertive"
diff --git a/src/Link/Link.svelte b/src/Link/Link.svelte
index 275c1932..016f56be 100644
--- a/src/Link/Link.svelte
+++ b/src/Link/Link.svelte
@@ -31,6 +31,7 @@
   export let ref = null;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if disabled}
   <p
     bind:this="{ref}"
diff --git a/src/ListItem/ListItem.svelte b/src/ListItem/ListItem.svelte
index f4043432..fd9392d4 100644
--- a/src/ListItem/ListItem.svelte
+++ b/src/ListItem/ListItem.svelte
@@ -1,3 +1,4 @@
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <li
   class:bx--list__item="{true}"
   {...$$restProps}
diff --git a/src/Modal/Modal.svelte b/src/Modal/Modal.svelte
index 54a205c8..f1cee727 100644
--- a/src/Modal/Modal.svelte
+++ b/src/Modal/Modal.svelte
@@ -136,6 +136,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   bind:this="{ref}"
   role="presentation"
diff --git a/src/Notification/InlineNotification.svelte b/src/Notification/InlineNotification.svelte
index 7c0f0e68..029e3f02 100644
--- a/src/Notification/InlineNotification.svelte
+++ b/src/Notification/InlineNotification.svelte
@@ -56,6 +56,7 @@
   });
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if open}
   <div
     role="{role}"
diff --git a/src/Notification/NotificationButton.svelte b/src/Notification/NotificationButton.svelte
index cccd78a3..48f53ebe 100644
--- a/src/Notification/NotificationButton.svelte
+++ b/src/Notification/NotificationButton.svelte
@@ -23,6 +23,7 @@
   import Close20 from "carbon-icons-svelte/lib/Close20/Close20.svelte";
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <button
   type="button"
   aria-label="{iconDescription}"
diff --git a/src/Notification/ToastNotification.svelte b/src/Notification/ToastNotification.svelte
index e47fb72c..41791ed4 100644
--- a/src/Notification/ToastNotification.svelte
+++ b/src/Notification/ToastNotification.svelte
@@ -59,6 +59,7 @@
   });
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if open}
   <div
     role="{role}"
diff --git a/src/NumberInput/NumberInput.svelte b/src/NumberInput/NumberInput.svelte
index e74c1b36..e97246be 100644
--- a/src/NumberInput/NumberInput.svelte
+++ b/src/NumberInput/NumberInput.svelte
@@ -143,6 +143,7 @@
     "Numeric input field with increment and decrement buttons";
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   on:click
diff --git a/src/NumberInput/NumberInputSkeleton.svelte b/src/NumberInput/NumberInputSkeleton.svelte
index 9afed350..d811fbc7 100644
--- a/src/NumberInput/NumberInputSkeleton.svelte
+++ b/src/NumberInput/NumberInputSkeleton.svelte
@@ -3,6 +3,7 @@
   export let hideLabel = false;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/OrderedList/OrderedList.svelte b/src/OrderedList/OrderedList.svelte
index c1f783be..b657c5a7 100644
--- a/src/OrderedList/OrderedList.svelte
+++ b/src/OrderedList/OrderedList.svelte
@@ -9,6 +9,7 @@
   export let expressive = false;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <ol
   class:bx--list--ordered="{!native}"
   class:bx--list--ordered--native="{native}"
diff --git a/src/OverflowMenu/OverflowMenu.svelte b/src/OverflowMenu/OverflowMenu.svelte
index 1455fbe9..5c2e4381 100644
--- a/src/OverflowMenu/OverflowMenu.svelte
+++ b/src/OverflowMenu/OverflowMenu.svelte
@@ -174,6 +174,7 @@
   }}"
 />
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <button
   bind:this="{buttonRef}"
   type="button"
diff --git a/src/Pagination/PaginationSkeleton.svelte b/src/Pagination/PaginationSkeleton.svelte
index b5fa19d2..af910477 100644
--- a/src/Pagination/PaginationSkeleton.svelte
+++ b/src/Pagination/PaginationSkeleton.svelte
@@ -2,6 +2,7 @@
   import SkeletonText from "../SkeletonText/SkeletonText.svelte";
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--pagination="{true}"
   class:bx--skeleton="{true}"
diff --git a/src/ProgressIndicator/ProgressIndicator.svelte b/src/ProgressIndicator/ProgressIndicator.svelte
index 67d8881f..63a7d7a9 100644
--- a/src/ProgressIndicator/ProgressIndicator.svelte
+++ b/src/ProgressIndicator/ProgressIndicator.svelte
@@ -60,6 +60,7 @@
   );
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <ul
   class:bx--progress="{true}"
   class:bx--progress--vertical="{vertical}"
diff --git a/src/ProgressIndicator/ProgressIndicatorSkeleton.svelte b/src/ProgressIndicator/ProgressIndicatorSkeleton.svelte
index 1d782f1b..b4fa113d 100644
--- a/src/ProgressIndicator/ProgressIndicatorSkeleton.svelte
+++ b/src/ProgressIndicator/ProgressIndicatorSkeleton.svelte
@@ -6,6 +6,7 @@
   export let count = 4;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <ul
   class:bx--progress="{true}"
   class:bx--progress--vertical="{vertical}"
diff --git a/src/ProgressIndicator/ProgressStep.svelte b/src/ProgressIndicator/ProgressStep.svelte
index a7a15aae..7cc5564a 100644
--- a/src/ProgressIndicator/ProgressStep.svelte
+++ b/src/ProgressIndicator/ProgressStep.svelte
@@ -48,6 +48,7 @@
   });
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <li
   aria-disabled="{disabled}"
   id="{id}"
diff --git a/src/RadioButton/RadioButtonSkeleton.svelte b/src/RadioButton/RadioButtonSkeleton.svelte
index 057a5a79..ae747791 100644
--- a/src/RadioButton/RadioButtonSkeleton.svelte
+++ b/src/RadioButton/RadioButtonSkeleton.svelte
@@ -1,3 +1,4 @@
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--radio-button-wrapper="{true}"
   {...$$restProps}
diff --git a/src/RadioButtonGroup/RadioButtonGroup.svelte b/src/RadioButtonGroup/RadioButtonGroup.svelte
index f7582d23..bc9638c2 100644
--- a/src/RadioButtonGroup/RadioButtonGroup.svelte
+++ b/src/RadioButtonGroup/RadioButtonGroup.svelte
@@ -66,6 +66,7 @@
   });
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   id="{id}"
   class:bx--form-item="{true}"
diff --git a/src/Search/SearchSkeleton.svelte b/src/Search/SearchSkeleton.svelte
index a8059b17..5363e935 100644
--- a/src/Search/SearchSkeleton.svelte
+++ b/src/Search/SearchSkeleton.svelte
@@ -12,6 +12,7 @@
   export let size = "xl";
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--skeleton="{true}"
   class:bx--search--sm="{size === 'sm' || small}"
diff --git a/src/Select/SelectSkeleton.svelte b/src/Select/SelectSkeleton.svelte
index 4b0382ef..74d97155 100644
--- a/src/Select/SelectSkeleton.svelte
+++ b/src/Select/SelectSkeleton.svelte
@@ -3,6 +3,7 @@
   export let hideLabel = false;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/SkeletonPlaceholder/SkeletonPlaceholder.svelte b/src/SkeletonPlaceholder/SkeletonPlaceholder.svelte
index 5eaa1a79..6b015dee 100644
--- a/src/SkeletonPlaceholder/SkeletonPlaceholder.svelte
+++ b/src/SkeletonPlaceholder/SkeletonPlaceholder.svelte
@@ -1,3 +1,4 @@
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--skeleton__placeholder="{true}"
   {...$$restProps}
diff --git a/src/SkeletonText/SkeletonText.svelte b/src/SkeletonText/SkeletonText.svelte
index 745d6299..7a97717c 100644
--- a/src/SkeletonText/SkeletonText.svelte
+++ b/src/SkeletonText/SkeletonText.svelte
@@ -26,6 +26,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if paragraph}
   <div {...$$restProps} on:click on:mouseover on:mouseenter on:mouseleave>
     {#each rows as { width }}
diff --git a/src/Slider/Slider.svelte b/src/Slider/Slider.svelte
index cdead20b..71426977 100644
--- a/src/Slider/Slider.svelte
+++ b/src/Slider/Slider.svelte
@@ -124,6 +124,7 @@
   on:touchcancel="{stopHolding}"
 />
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/Slider/SliderSkeleton.svelte b/src/Slider/SliderSkeleton.svelte
index 35f5028f..7a468a8d 100644
--- a/src/Slider/SliderSkeleton.svelte
+++ b/src/Slider/SliderSkeleton.svelte
@@ -3,6 +3,7 @@
   export let hideLabel = false;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/StructuredList/StructuredList.svelte b/src/StructuredList/StructuredList.svelte
index c3bc6a91..d9ce9c7a 100644
--- a/src/StructuredList/StructuredList.svelte
+++ b/src/StructuredList/StructuredList.svelte
@@ -37,6 +37,7 @@
   $: dispatch("change", $selectedValue);
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   role="table"
   class:bx--structured-list="{true}"
diff --git a/src/StructuredList/StructuredListBody.svelte b/src/StructuredList/StructuredListBody.svelte
index 9e2d22f5..d6478a14 100644
--- a/src/StructuredList/StructuredListBody.svelte
+++ b/src/StructuredList/StructuredListBody.svelte
@@ -1,3 +1,4 @@
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   role="rowgroup"
   class:bx--structured-list-tbody="{true}"
diff --git a/src/StructuredList/StructuredListCell.svelte b/src/StructuredList/StructuredListCell.svelte
index 806b556f..93a162b3 100644
--- a/src/StructuredList/StructuredListCell.svelte
+++ b/src/StructuredList/StructuredListCell.svelte
@@ -6,6 +6,7 @@
   export let noWrap = false;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   role="{head ? 'columnheader' : 'cell'}"
   class:bx--structured-list-th="{head}"
diff --git a/src/StructuredList/StructuredListHead.svelte b/src/StructuredList/StructuredListHead.svelte
index 1aec7f86..5beb13c3 100644
--- a/src/StructuredList/StructuredListHead.svelte
+++ b/src/StructuredList/StructuredListHead.svelte
@@ -1,3 +1,4 @@
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   role="rowgroup"
   class:bx--structured-list-thead="{true}"
diff --git a/src/StructuredList/StructuredListRow.svelte b/src/StructuredList/StructuredListRow.svelte
index 41abb4a9..d8a03c9c 100644
--- a/src/StructuredList/StructuredListRow.svelte
+++ b/src/StructuredList/StructuredListRow.svelte
@@ -9,6 +9,7 @@
   export let tabindex = "0";
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if label}
   <!-- svelte-ignore a11y-label-has-associated-control -->
   <label
diff --git a/src/StructuredList/StructuredListSkeleton.svelte b/src/StructuredList/StructuredListSkeleton.svelte
index a52ede00..461b0a8e 100644
--- a/src/StructuredList/StructuredListSkeleton.svelte
+++ b/src/StructuredList/StructuredListSkeleton.svelte
@@ -6,6 +6,7 @@
   export let border = false;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--skeleton="{true}"
   class:bx--structured-list="{true}"
diff --git a/src/Tabs/Tab.svelte b/src/Tabs/Tab.svelte
index 61b201cd..09d84ca0 100644
--- a/src/Tabs/Tab.svelte
+++ b/src/Tabs/Tab.svelte
@@ -43,6 +43,7 @@
   });
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <li
   tabindex="-1"
   role="presentation"
diff --git a/src/Tabs/TabsSkeleton.svelte b/src/Tabs/TabsSkeleton.svelte
index a623f583..2a05a693 100644
--- a/src/Tabs/TabsSkeleton.svelte
+++ b/src/Tabs/TabsSkeleton.svelte
@@ -9,6 +9,7 @@
   export let type = "default";
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--tabs="{true}"
   class:bx--skeleton="{true}"
diff --git a/src/Tag/Tag.svelte b/src/Tag/Tag.svelte
index f8a5ae75..c2069f83 100644
--- a/src/Tag/Tag.svelte
+++ b/src/Tag/Tag.svelte
@@ -41,6 +41,7 @@
   const dispatch = createEventDispatcher();
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if skeleton}
   <TagSkeleton
     size="{size}"
diff --git a/src/Tag/TagSkeleton.svelte b/src/Tag/TagSkeleton.svelte
index 651c9b4d..ab757f45 100644
--- a/src/Tag/TagSkeleton.svelte
+++ b/src/Tag/TagSkeleton.svelte
@@ -3,6 +3,7 @@
   export let size = "default";
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <span
   class:bx--tag="{true}"
   class:bx--tag--sm="{size === 'sm'}"
diff --git a/src/TextArea/TextArea.svelte b/src/TextArea/TextArea.svelte
index 8920cb0f..6eba89fe 100644
--- a/src/TextArea/TextArea.svelte
+++ b/src/TextArea/TextArea.svelte
@@ -49,6 +49,7 @@
   $: errorId = `error-${id}`;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   on:click
   on:mouseover
diff --git a/src/TextArea/TextAreaSkeleton.svelte b/src/TextArea/TextAreaSkeleton.svelte
index 036fa7d4..e2a926aa 100644
--- a/src/TextArea/TextAreaSkeleton.svelte
+++ b/src/TextArea/TextAreaSkeleton.svelte
@@ -3,6 +3,7 @@
   export let hideLabel = false;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/TextInput/PasswordInput.svelte b/src/TextInput/PasswordInput.svelte
index 63a4ddbd..4bba5b54 100644
--- a/src/TextInput/PasswordInput.svelte
+++ b/src/TextInput/PasswordInput.svelte
@@ -93,6 +93,7 @@
   $: warnId = `warn-${id}`;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   class:bx--text-input-wrapper="{true}"
diff --git a/src/TextInput/TextInput.svelte b/src/TextInput/TextInput.svelte
index 88787cf6..ff63464e 100644
--- a/src/TextInput/TextInput.svelte
+++ b/src/TextInput/TextInput.svelte
@@ -77,6 +77,7 @@
   $: warnId = `warn-${id}`;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   class:bx--text-input-wrapper="{true}"
diff --git a/src/TextInput/TextInputSkeleton.svelte b/src/TextInput/TextInputSkeleton.svelte
index 4a54ca07..76588c07 100644
--- a/src/TextInput/TextInputSkeleton.svelte
+++ b/src/TextInput/TextInputSkeleton.svelte
@@ -3,6 +3,7 @@
   export let hideLabel = false;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/Tile/ExpandableTile.svelte b/src/Tile/ExpandableTile.svelte
index 08d8cbe4..ddf9b89c 100644
--- a/src/Tile/ExpandableTile.svelte
+++ b/src/Tile/ExpandableTile.svelte
@@ -51,6 +51,7 @@
   });
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <button
   bind:this="{ref}"
   type="button"
diff --git a/src/Tile/RadioTile.svelte b/src/Tile/RadioTile.svelte
index 606cf0c6..3a4820e1 100644
--- a/src/Tile/RadioTile.svelte
+++ b/src/Tile/RadioTile.svelte
@@ -56,6 +56,7 @@
     }
   }}"
 />
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <label
   for="{id}"
   class:bx--tile="{true}"
diff --git a/src/Tile/SelectableTile.svelte b/src/Tile/SelectableTile.svelte
index af030a7c..90fc019a 100644
--- a/src/Tile/SelectableTile.svelte
+++ b/src/Tile/SelectableTile.svelte
@@ -52,6 +52,7 @@
   title="{title}"
   disabled="{disabled}"
 />
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <label
   for="{id}"
   tabindex="{disabled ? undefined : tabindex}"
diff --git a/src/Tile/Tile.svelte b/src/Tile/Tile.svelte
index 59812a92..79277c07 100644
--- a/src/Tile/Tile.svelte
+++ b/src/Tile/Tile.svelte
@@ -3,6 +3,7 @@
   export let light = false;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--tile="{true}"
   class:bx--tile--light="{light}"
diff --git a/src/TimePicker/TimePicker.svelte b/src/TimePicker/TimePicker.svelte
index ecd29559..3ee50f64 100644
--- a/src/TimePicker/TimePicker.svelte
+++ b/src/TimePicker/TimePicker.svelte
@@ -57,6 +57,7 @@
   export let ref = null;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   on:click
diff --git a/src/TimePicker/TimePickerSelect.svelte b/src/TimePicker/TimePickerSelect.svelte
index 50313ebb..44164163 100644
--- a/src/TimePicker/TimePickerSelect.svelte
+++ b/src/TimePicker/TimePickerSelect.svelte
@@ -44,6 +44,7 @@
   $: value = $selectedValue;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--select="{true}"
   class:bx--time-picker__select="{true}"
diff --git a/src/Toggle/Toggle.svelte b/src/Toggle/Toggle.svelte
index 21447793..02c6e4f2 100644
--- a/src/Toggle/Toggle.svelte
+++ b/src/Toggle/Toggle.svelte
@@ -40,6 +40,7 @@
   $: dispatch("toggle", { toggled });
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/Toggle/ToggleSkeleton.svelte b/src/Toggle/ToggleSkeleton.svelte
index 3cf81671..aaba9cfb 100644
--- a/src/Toggle/ToggleSkeleton.svelte
+++ b/src/Toggle/ToggleSkeleton.svelte
@@ -12,6 +12,7 @@
   export let id = "ccs-" + Math.random().toString(36);
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/ToggleSmall/ToggleSmall.svelte b/src/ToggleSmall/ToggleSmall.svelte
index 657f8f5d..7fcb64c5 100644
--- a/src/ToggleSmall/ToggleSmall.svelte
+++ b/src/ToggleSmall/ToggleSmall.svelte
@@ -30,6 +30,7 @@
   export let name = undefined;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/ToggleSmall/ToggleSmallSkeleton.svelte b/src/ToggleSmall/ToggleSmallSkeleton.svelte
index d04d74c0..f4d73749 100644
--- a/src/ToggleSmall/ToggleSmallSkeleton.svelte
+++ b/src/ToggleSmall/ToggleSmallSkeleton.svelte
@@ -12,6 +12,7 @@
   export let id = "ccs-" + Math.random().toString(36);
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
diff --git a/src/UnorderedList/UnorderedList.svelte b/src/UnorderedList/UnorderedList.svelte
index 4f8b7c51..ca412d2d 100644
--- a/src/UnorderedList/UnorderedList.svelte
+++ b/src/UnorderedList/UnorderedList.svelte
@@ -6,6 +6,7 @@
   export let expressive = false;
 </script>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <ul
   class:bx--list--unordered="{true}"
   class:bx--list--nested="{nested}"