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

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}"

src/StructuredList/StructuredListRow.svelte

@@ -13,6 +13,7 @@
 {#if label}
   <!-- svelte-ignore a11y-label-has-associated-control -->
   <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
+  <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
   <label
     tabindex="{tabindex}"
     class:bx--structured-list-row="{true}"

src/StructuredList/StructuredListSkeleton.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--structured-list="{true}"

src/Tabs/TabsSkeleton.svelte

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

src/Tag/Tag.svelte

@@ -134,6 +134,7 @@
     </span>
   </button>
 {:else}
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div
     id="{id}"
     class:bx--tag="{true}"

src/Tag/TagSkeleton.svelte

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

src/TextArea/TextArea.svelte

@@ -60,6 +60,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
   on:click
   on:mouseover

src/TextArea/TextAreaSkeleton.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/TextInput/PasswordInput.svelte

@@ -96,6 +96,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}"
   class:bx--text-input-wrapper="{true}"

src/TextInput/TextInput.svelte

@@ -103,6 +103,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}"
   class:bx--text-input-wrapper="{true}"

src/TextInput/TextInputSkeleton.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/Tile/RadioTile.svelte

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

src/Tile/SelectableTile.svelte

@@ -59,6 +59,7 @@
 />
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <label
   for="{id}"
   tabindex="{disabled ? undefined : tabindex}"

src/Tile/Tile.svelte

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

src/TimePicker/TimePicker.svelte

@@ -53,6 +53,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/TimePicker/TimePickerSelect.svelte

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

src/Toggle/Toggle.svelte

@@ -44,6 +44,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/Toggle/ToggleSkeleton.svelte

@@ -13,6 +13,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/Tooltip/Tooltip.svelte

@@ -206,6 +206,7 @@
   {#if !hideIcon}
     <div bind:this="{ref}" id="{triggerId}" class:bx--tooltip__label="{true}">
       <slot name="triggerText">{triggerText}</slot>
+      <!-- svelte-ignore a11y-no-static-element-interactions -->
       <div
         bind:this="{refIcon}"
         {...buttonProps}
@@ -220,6 +221,7 @@
       </div>
     </div>
   {:else}
+    <!-- svelte-ignore a11y-no-static-element-interactions -->
     <div
       bind:this="{ref}"
       {...buttonProps}
@@ -233,6 +235,7 @@
     </div>
   {/if}
   {#if open}
+    <!-- svelte-ignore a11y-no-static-element-interactions -->
     <div
       bind:this="{refTooltip}"
       id="{tooltipId}"
@@ -250,6 +253,7 @@
     >
       <span class:bx--tooltip__caret="{true}"></span>
       <!-- svelte-ignore a11y-click-events-have-key-events -->
+      <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
       <div
         on:click|stopPropagation
         on:mousedown|stopPropagation

src/TooltipDefinition/TooltipDefinition.svelte

@@ -47,6 +47,7 @@
   }}"
 />
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <span
   class:bx--tooltip--definition="{true}"
   class:bx--tooltip--a11y="{true}"

src/TreeView/TreeViewNodeList.svelte

@@ -133,6 +133,7 @@
   >
     <div class:bx--tree-node__label="{true}" bind:this="{refLabel}">
       <!-- svelte-ignore a11y-click-events-have-key-events -->
+      <!-- svelte-ignore a11y-no-static-element-interactions -->
       <span
         class:bx--tree-parent-node__toggle="{true}"
         disabled="{disabled}"

src/UIShell/SideNav.svelte

@@ -56,6 +56,7 @@
 
 {#if !fixed}
   <!-- svelte-ignore a11y-click-events-have-key-events -->
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div
     on:click="{() => {
       dispatch('click:overlay');

src/UnorderedList/UnorderedList.svelte

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