flowbite-svelte 0.28.3 → 0.28.4

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.28.4](https://github.com/themesberg/flowbite-svelte/compare/v0.28.3...v0.28.4) (2022-12-01)
+
+
+### Bug Fixes
+
+* avatar default href ([#462](https://github.com/themesberg/flowbite-svelte/issues/462)) ([1ad8999](https://github.com/themesberg/flowbite-svelte/commit/1ad899993ae3cf1f18e975766549718dc65ed50b))
+
 ### [0.28.3](https://github.com/themesberg/flowbite-svelte/compare/v0.28.2...v0.28.3) (2022-11-28)
 
 

package/avatar/Avatar.svelte

@@ -2,7 +2,7 @@
 import AvatarPlaceholder from './Placeholder.svelte';
 import Dot from './Dot.svelte';
 export let src = '';
-export let href = '#';
+export let href = undefined;
 export let rounded = false;
 export let border = false;
 export let stacked = false;

package/buttons/Button.svelte

@@ -50,7 +50,7 @@ const coloredShadowClasses = {
 };
 const outlineClasses = {
     blue: 'text-blue-700 hover:text-white border border-blue-700 hover:bg-blue-800 focus:ring-blue-300 dark:border-blue-500 dark:text-blue-500 dark:hover:text-white dark:hover:bg-blue-600 dark:focus:ring-blue-800',
-    light: "text-gray-500 hover:text-gray-900 bg-white border border-gray-200 dark:border-gray-600 dark:hover:text-white dark:text-gray-400 hover:bg-gray-50 dark:bg-gray-700 dark:hover:bg-gray-600 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-400",
+    light: 'text-gray-500 hover:text-gray-900 bg-white border border-gray-200 dark:border-gray-600 dark:hover:text-white dark:text-gray-400 hover:bg-gray-50 dark:bg-gray-700 dark:hover:bg-gray-600 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-400',
     dark: 'text-gray-900 hover:text-white border border-gray-800 hover:bg-gray-900 focus:bg-gray-900 focus:text-white focus:ring-gray-300 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-800',
     green: 'text-green-700 hover:text-white border border-green-700 hover:bg-green-800 focus:ring-green-300 dark:border-green-500 dark:text-green-500 dark:hover:text-white dark:hover:bg-green-600 dark:focus:ring-green-800',
     red: 'text-red-700 hover:text-white border border-red-700 hover:bg-red-800 focus:ring-red-300 dark:border-red-500 dark:text-red-500 dark:hover:text-white dark:hover:bg-red-600 dark:focus:ring-red-900',
@@ -78,7 +78,7 @@ const hasBorder = () => outline || color === 'alternative' || color === 'light';
 let buttonClass;
 $: buttonClass = btnClass
     ? btnClass
-    : classNames('text-center font-medium', group ? 'focus:ring-2' : 'focus:ring-4', group && 'focus:z-10', !group || color === 'alternative' || (outline && color === 'dark') || 'focus:outline-none', outline && gradient ? 'p-0.5' : 'inline-flex items-center justify-center ' + sizeClasses[size], gradient ? gradientClasses[color] : outline ? outlineClasses[color] : colorClasses[color], color === 'alternative' &&
+    : classNames('text-center font-medium', group ? 'focus:ring-2' : 'focus:ring-4', group && 'focus:z-10', group || 'focus:outline-none', outline && gradient ? 'p-0.5' : 'inline-flex items-center justify-center ' + sizeClasses[size], gradient ? gradientClasses[color] : outline ? outlineClasses[color] : colorClasses[color], color === 'alternative' &&
         (group
             ? 'dark:bg-gray-700 dark:text-white dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-600'
             : 'dark:bg-transparent dark:border-gray-800 dark:hover:border-gray-700'), outline &&

package/package.json

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

package/tooltips/Tooltip.svelte

@@ -1,11 +1,11 @@
 <script>import Popper from '../utils/Popper.svelte';
 import classNames from 'classnames';
-export let style = 'auto';
+export let style = 'dark';
 export let defaultClass = 'py-2 px-3 text-sm font-medium';
 const styles = {
-    dark: 'border-gray-800 bg-gray-900 text-white dark:bg-gray-700 dark:border-gray-600',
-    light: 'border-gray-200 bg-white text-gray-900',
-    auto: 'border-gray-200 bg-white text-gray-900 dark:bg-gray-700 dark:text-white dark:border-gray-600',
+    dark: 'bg-gray-900 text-white dark:bg-gray-700',
+    light: 'border border-gray-200 bg-white text-gray-900',
+    auto: ' bg-white text-gray-900 dark:bg-gray-700 dark:text-white border border-gray-200 dark:border-0',
     custom: ''
 };
 let toolTipClass;
@@ -18,6 +18,6 @@ $: {
 }
 </script>
 
-<Popper data-tooltip rounded border shadow {...$$restProps} class={toolTipClass} on:show>
+<Popper data-tooltip rounded shadow {...$$restProps} class={toolTipClass} on:show>
   <slot />
 </Popper>

package/utils/Popper.svelte

@@ -134,6 +134,6 @@ function optional(pred, func) {
     {...$$restProps}
     class={classNames('z-10 outline-none', $$props.class)}>
     <slot />
-    {#if arrow}<div data-popper-arrow class="tooltip-arrow border dark:border-gray-100" />{/if}
+    {#if arrow}<div data-popper-arrow class="tooltip-arrow" />{/if}
   </Frame>
 {/if}