flowbite-svelte 0.26.24 → 0.26.25

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.26.25](https://github.com/themesberg/flowbite-svelte/compare/v0.26.24...v0.26.25) (2022-09-19)
+
+
+### Bug Fixes
+
+* tooltips/popovers ([d18721c](https://github.com/themesberg/flowbite-svelte/commit/d18721cc4229f5eb1f4dccbbd34dda65f6a07aac))
+
 ### [0.26.24](https://github.com/themesberg/flowbite-svelte/compare/v0.26.23...v0.26.24) (2022-09-19)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.26.24",
+  "version": "0.26.25",
   "description": "Flowbite components for Svelte",
   "main": "index.js",
   "author": {

package/popover/Popover.svelte

@@ -3,7 +3,7 @@ export let title = '';
 export let defaultClass = 'py-2 px-3';
 </script>
 
-<Popper activeContent border shadow rounded {...$$restProps} class={$$props.class} on:show>
+<Popper data-popover activeContent border shadow rounded {...$$restProps} class={$$props.class} on:show>
 	{#if $$slots.title || title}
 		<div
 			class="py-2 px-3 bg-gray-100 rounded-t-lg border-b border-gray-200 dark:border-gray-600 dark:bg-gray-700">

package/tooltips/Tooltip.svelte

@@ -9,10 +9,12 @@ const colors = {
     auto: 'border-gray-200 bg-white text-gray-900 dark:bg-gray-700 dark:text-white dark:border-gray-600 '
 };
 let toolTipClass;
-$: toolTipClass = classNames(tipClass, colors[style], $$props.class);
+$: toolTipClass = classNames("tooltip", tipClass, colors[style], $$props.class);
 </script>
 
 <Popper
+	data-tooltip
+	activeContent
 	rounded
 	border
 	shadow

package/utils/Popper.svelte

@@ -131,6 +131,6 @@ onMount(() => {
 		{...$$restProps}
 		class={classNames('z-10', $$props.class)}>
 		<slot />
-		{#if arrow}<div data-popper-arrow />{/if}
+		{#if arrow}<div data-popper-arrow class="tooltip-arrow"/>{/if}
 	</Frame>
 {/if}