chore(a11y): ignore svelte@4 a11y warnings

src/Accordion/Accordion.svelte

@@ -42,6 +42,7 @@
     on:mouseleave
   />
 {:else}
+  <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
   <ul
     class:bx--accordion="{true}"
     class:bx--accordion--start="{align === 'start'}"

src/Accordion/AccordionSkeleton.svelte

@@ -22,6 +22,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <ul
   class:bx--skeleton="{true}"
   class:bx--accordion="{true}"

src/Breadcrumb/Breadcrumb.svelte

@@ -21,6 +21,7 @@
     on:mouseleave
   />
 {:else}
+  <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
   <nav
     aria-label="Breadcrumb"
     {...$$restProps}

src/Breadcrumb/BreadcrumbItem.svelte

@@ -20,6 +20,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <li
   class:bx--breadcrumb-item="{true}"
   class:bx--breadcrumb-item--current="{isCurrentPage &&

src/Breadcrumb/BreadcrumbSkeleton.svelte

@@ -7,6 +7,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--skeleton="{true}"
   class:bx--breadcrumb="{true}"

src/Button/Button.svelte

@@ -142,6 +142,7 @@
   <slot props="{buttonProps}" />
 {:else if href && !disabled}
   <!-- svelte-ignore a11y-missing-attribute -->
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
   <a
     bind:this="{ref}"
     {...buttonProps}

src/Button/ButtonSkeleton.svelte

@@ -33,6 +33,7 @@
     {""}
   </a>
 {:else}
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div
     class:bx--skeleton="{true}"
     class:bx--btn="{true}"

src/Checkbox/Checkbox.svelte

@@ -80,6 +80,7 @@
     on:mouseleave
   />
 {:else}
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div
     class:bx--form-item="{true}"
     class:bx--checkbox-wrapper="{true}"

src/Checkbox/CheckboxSkeleton.svelte

@@ -1,4 +1,5 @@
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--form-item="{true}"
   class:bx--checkbox-wrapper="{true}"

src/CodeSnippet/CodeSnippet.svelte

@@ -200,6 +200,7 @@
     </button>
   {/if}
 {:else}
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div
     class:bx--snippet="{true}"
     class:bx--snippet--expand="{expanded}"

src/CodeSnippet/CodeSnippetSkeleton.svelte

@@ -7,6 +7,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--skeleton="{true}"
   class:bx--snippet="{true}"

src/ComposedModal/ComposedModal.svelte

@@ -151,6 +151,7 @@
   }}"
 >
   <!-- svelte-ignore a11y-click-events-have-key-events -->
+  <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
   <div
     bind:this="{innerModal}"
     role="dialog"

src/DataTable/DataTableSkeleton.svelte

@@ -64,6 +64,7 @@
     </section>
   {/if}
   <!-- svelte-ignore a11y-click-events-have-key-events -->
+  <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
   <table
     class:bx--skeleton="{true}"
     class:bx--data-table="{true}"

src/DataTable/TableHead.svelte

@@ -1,4 +1,5 @@
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <thead {...$$restProps} on:click on:mouseover on:mouseenter on:mouseleave>
   <slot />
 </thead>

src/DatePicker/DatePicker.svelte

@@ -238,6 +238,7 @@
 />
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}
@@ -246,6 +247,7 @@
   on:mouseenter
   on:mouseleave
 >
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div
     bind:this="{datePickerRef}"
     id="{id}"

src/DatePicker/DatePickerSkeleton.svelte

@@ -7,6 +7,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}

src/Dropdown/DropdownSkeleton.svelte

@@ -4,6 +4,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--skeleton="{true}"
   class:bx--dropdown-v2="{true}"

src/FileUploader/FileUploader.svelte

@@ -94,6 +94,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}

src/FileUploader/FileUploaderButton.svelte

@@ -61,6 +61,7 @@
 </script>
 
 <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <label
   aria-disabled="{disabled}"
   for="{id}"

src/FileUploader/FileUploaderDropContainer.svelte

@@ -54,6 +54,7 @@
   let over = false;
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--file="{true}"
   {...$$restProps}
@@ -82,6 +83,7 @@
   }}"
 >
   <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
+  <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
   <label
     for="{id}"
     tabindex="{tabindex}"

src/FileUploader/FileUploaderItem.svelte

@@ -40,6 +40,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <span
   id="{id}"
   class:bx--file__selected-file="{true}"

src/FileUploader/FileUploaderSkeleton.svelte

@@ -4,6 +4,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}

src/Form/Form.svelte

@@ -4,6 +4,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <form
   class:bx--form="{true}"
   bind:this="{ref}"

src/FormGroup/FormGroup.svelte

@@ -19,6 +19,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <fieldset
   data-invalid="{invalid || undefined}"
   class:bx--fieldset="{true}"

src/FormItem/FormItem.svelte

@@ -1,4 +1,5 @@
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}

src/FormLabel/FormLabel.svelte

@@ -4,6 +4,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <label
   class:bx--label="{true}"
   for="{id}"

src/InlineLoading/InlineLoading.svelte

@@ -45,6 +45,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--inline-loading="{true}"
   aria-live="assertive"

src/Link/Link.svelte

@@ -35,6 +35,7 @@
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if disabled}
+  <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
   <p
     bind:this="{ref}"
     class:bx--link="{true}"

src/ListBox/ListBoxMenuIcon.svelte

@@ -27,6 +27,7 @@
     translateWithId?.(translationId) ?? defaultTranslations[translationId];
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--list-box__menu-icon="{true}"
   class:bx--list-box__menu-icon--open="{open}"

src/ListItem/ListItem.svelte

@@ -1,4 +1,5 @@
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <li
   class:bx--list__item="{true}"
   {...$$restProps}

src/NumberInput/NumberInput.svelte

@@ -154,6 +154,7 @@
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--form-item="{true}"
   on:click

src/NumberInput/NumberInputSkeleton.svelte

@@ -4,6 +4,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}

src/OrderedList/OrderedList.svelte

@@ -10,6 +10,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <ol
   class:bx--list--ordered="{!native}"
   class:bx--list--ordered--native="{native}"

src/OverflowMenu/OverflowMenuItem.svelte

@@ -63,6 +63,7 @@
 >
   {#if href}
     <!-- svelte-ignore a11y-missing-attribute -->
+    <!-- svelte-ignore a11y-no-static-element-interactions -->
     <a
       bind:this="{ref}"
       {...buttonProps}

src/Pagination/PaginationSkeleton.svelte

@@ -3,6 +3,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--pagination="{true}"
   class:bx--skeleton="{true}"

src/ProgressIndicator/ProgressIndicator.svelte

@@ -64,6 +64,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <ul
   class:bx--progress="{true}"
   class:bx--progress--vertical="{vertical}"

src/ProgressIndicator/ProgressIndicatorSkeleton.svelte

@@ -7,6 +7,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <ul
   class:bx--progress="{true}"
   class:bx--progress--vertical="{vertical}"

src/RadioButton/RadioButtonSkeleton.svelte

@@ -1,4 +1,5 @@
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--radio-button-wrapper="{true}"
   {...$$restProps}

src/RadioButtonGroup/RadioButtonGroup.svelte

@@ -70,6 +70,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   id="{id}"
   class:bx--form-item="{true}"

src/Search/Search.svelte

@@ -103,6 +103,7 @@
     class="{searchClass}"
   >
     <!-- svelte-ignore a11y-click-events-have-key-events -->
+    <!-- svelte-ignore a11y-no-static-element-interactions -->
     <div
       bind:this="{searchRef}"
       class:bx--search-magnifier="{true}"

src/Search/SearchSkeleton.svelte

@@ -7,6 +7,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--skeleton="{true}"
   class:bx--search--sm="{size === 'sm'}"

src/Select/SelectSkeleton.svelte

@@ -4,6 +4,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}

src/SkeletonPlaceholder/SkeletonPlaceholder.svelte

@@ -1,4 +1,5 @@
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--skeleton__placeholder="{true}"
   {...$$restProps}

src/SkeletonText/SkeletonText.svelte

@@ -28,6 +28,7 @@
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
 {#if paragraph}
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div {...$$restProps} on:click on:mouseover on:mouseenter on:mouseleave>
     {#each rows as { width }}
       <p
@@ -38,6 +39,7 @@
     {/each}
   </div>
 {:else}
+  <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
   <p
     class:bx--skeleton__text="{true}"
     class:bx--skeleton__heading="{heading}"

src/Slider/Slider.svelte

@@ -131,6 +131,7 @@
 />
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}

src/Slider/SliderSkeleton.svelte

@@ -4,6 +4,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class:bx--form-item="{true}"
   {...$$restProps}

src/StructuredList/StructuredList.svelte

@@ -32,6 +32,7 @@
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <div
   role="table"
   class:bx--structured-list="{true}"

src/StructuredList/StructuredListBody.svelte

@@ -1,4 +1,5 @@
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <div
   role="rowgroup"
   class:bx--structured-list-tbody="{true}"

src/StructuredList/StructuredListHead.svelte

@@ -1,4 +1,5 @@
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <div
   role="rowgroup"
   class:bx--structured-list-thead="{true}"