@pajohns/flowbite-svelte 0.1.0 → 0.1.1

package/dist/accordion/AccordionItem.svelte

@@ -21,8 +21,9 @@
     class: className,
     classes,
     headerClass,
-    contentClass
-  }: AccordionItemProps = $props();
+    contentClass,
+    headingTag = 'h2'
+  }: AccordionItemProps & { headingTag?: 'h2' | 'h3' | 'div' } = $props();
 
   warnThemeDeprecation(
     "AccordionItem",
@@ -70,7 +71,7 @@
   let buttonClass = $derived(clsx(open && !ctx?.flush && (styling.active || ctx?.activeClass || active()), !open && !ctx?.flush && (styling.inactive || ctx?.inactiveClass || inactive())));
 </script>
 
-<h2 class={base({ class: clsx(theme?.base, className) })}>
+<svelte:element this={headingTag} class={base({ class: clsx(theme?.base, className) })}>
   <button type="button" onclick={handleToggle} class={button({ class: clsx(buttonClass, theme?.button, styling.button) })} aria-expanded={open}>
     {#if header}
       {@render header()}
@@ -91,7 +92,7 @@
       {/if}
     {/if}
   </button>
-</h2>
+</svelte:element>
 
 {#if useTransition}
   {#if open && transitionType !== "none"}
@@ -128,4 +129,5 @@
 @prop classes
 @prop headerClass
 @prop contentClass
+@prop headingTag = 'h2' - The HTML element to wrap the accordion header ('h2' | 'h3' | 'div')
 -->

package/dist/accordion/AccordionItem.svelte.d.ts

@@ -1,4 +1,7 @@
 import type { AccordionItemProps } from "..";
+type $$ComponentProps = AccordionItemProps & {
+    headingTag?: 'h2' | 'h3' | 'div';
+};
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
@@ -17,7 +20,8 @@ import type { AccordionItemProps } from "..";
  * @prop classes
  * @prop headerClass
  * @prop contentClass
+ * @prop headingTag = 'h2' - The HTML element to wrap the accordion header ('h2' | 'h3' | 'div')
  */
-declare const AccordionItem: import("svelte").Component<AccordionItemProps, {}, "open">;
+declare const AccordionItem: import("svelte").Component<$$ComponentProps, {}, "open">;
 type AccordionItem = ReturnType<typeof AccordionItem>;
 export default AccordionItem;

package/dist/utils/Popper.svelte

@@ -198,7 +198,10 @@
     invoker = triggerEls[0];
 
     triggerEls.forEach((element: HTMLElement) => {
-      if (element.tabIndex < 0) element.tabIndex = 0; // trigger must be focusable
+      // Only force focusable if tooltip is triggered by focus
+      if (trigger.includes('focus') && element.tabIndex < 0) {
+        element.tabIndex = 0;
+      }
       for (const [name, handler, cond] of events) if (cond) element.addEventListener(name, handler);
     });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pajohns/flowbite-svelte",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Webapps global fork of flow-bite-svelte with customisation changes",
   "main": "dist/index.js",
   "author": {
@@ -914,4 +914,4 @@
     },
     "./package.json": "./package.json"
   }
-}
+}