chore(a11y): ignore svelte@4 a11y warnings (#1769)

carbon-design-system · Jul 13, 2023 · 174ed3a · 174ed3a
1 parent 9f71930
commit 174ed3a
Show file tree

Hide file tree

Showing 71 changed files with 77 additions and 0 deletions.
diff --git a/src/Accordion/Accordion.svelte b/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'}"

diff --git a/src/Accordion/AccordionSkeleton.svelte b/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}"

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

diff --git a/src/Breadcrumb/BreadcrumbItem.svelte b/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 &&

diff --git a/src/Breadcrumb/BreadcrumbSkeleton.svelte b/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}"

diff --git a/src/Button/Button.svelte b/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}

diff --git a/src/Button/ButtonSkeleton.svelte b/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}"

diff --git a/src/Checkbox/Checkbox.svelte b/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}"

diff --git a/src/Checkbox/CheckboxSkeleton.svelte b/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}"

diff --git a/src/CodeSnippet/CodeSnippet.svelte b/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}"

diff --git a/src/CodeSnippet/CodeSnippetSkeleton.svelte b/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}"

diff --git a/src/ComposedModal/ComposedModal.svelte b/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"

diff --git a/src/DataTable/DataTableSkeleton.svelte b/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}"

diff --git a/src/DataTable/TableHead.svelte b/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>
diff --git a/src/DatePicker/DatePicker.svelte b/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}"

diff --git a/src/DatePicker/DatePickerSkeleton.svelte b/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}

diff --git a/src/Dropdown/DropdownSkeleton.svelte b/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}"

diff --git a/src/FileUploader/FileUploader.svelte b/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}

diff --git a/src/FileUploader/FileUploaderButton.svelte b/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}"

diff --git a/src/FileUploader/FileUploaderDropContainer.svelte b/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}"

diff --git a/src/FileUploader/FileUploaderItem.svelte b/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}"

diff --git a/src/FileUploader/FileUploaderSkeleton.svelte b/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}

diff --git a/src/Form/Form.svelte b/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}"

diff --git a/src/FormGroup/FormGroup.svelte b/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}"

diff --git a/src/FormItem/FormItem.svelte b/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}

diff --git a/src/FormLabel/FormLabel.svelte b/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}"

diff --git a/src/InlineLoading/InlineLoading.svelte b/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"

diff --git a/src/Link/Link.svelte b/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}"

diff --git a/src/ListBox/ListBoxMenuIcon.svelte b/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}"

diff --git a/src/ListItem/ListItem.svelte b/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}

diff --git a/src/NumberInput/NumberInput.svelte b/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

diff --git a/src/NumberInput/NumberInputSkeleton.svelte b/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}

diff --git a/src/OrderedList/OrderedList.svelte b/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}"

diff --git a/src/OverflowMenu/OverflowMenuItem.svelte b/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}

diff --git a/src/Pagination/PaginationSkeleton.svelte b/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}"

diff --git a/src/ProgressIndicator/ProgressIndicator.svelte b/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}"

diff --git a/src/ProgressIndicator/ProgressIndicatorSkeleton.svelte b/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}"

diff --git a/src/RadioButton/RadioButtonSkeleton.svelte b/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}

diff --git a/src/RadioButtonGroup/RadioButtonGroup.svelte b/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}"

diff --git a/src/Search/Search.svelte b/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}"

diff --git a/src/Search/SearchSkeleton.svelte b/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'}"

diff --git a/src/Select/SelectSkeleton.svelte b/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}

diff --git a/src/SkeletonPlaceholder/SkeletonPlaceholder.svelte b/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}

diff --git a/src/SkeletonText/SkeletonText.svelte b/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}"

diff --git a/src/Slider/Slider.svelte b/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}

diff --git a/src/Slider/SliderSkeleton.svelte b/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}

diff --git a/src/StructuredList/StructuredList.svelte b/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}"

diff --git a/src/StructuredList/StructuredListBody.svelte b/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}"

diff --git a/src/StructuredList/StructuredListHead.svelte b/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}"