flowbite-svelte 0.27.3 → 0.27.4

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 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.27.4](https://github.com/themesberg/flowbite-svelte/compare/v0.27.3...v0.27.4) (2022-09-26)
+
+
+### Features
+
+* toast fine tune ([f3ee6f3](https://github.com/themesberg/flowbite-svelte/commit/f3ee6f382aa3a004a8efdbed75f215b9dfe59b4e))
+
+
+### Bug Fixes
+
+* app.css restored ([e40bc80](https://github.com/themesberg/flowbite-svelte/commit/e40bc80cace759b434bc889c1d143533de032345))
+* change a to A component ([dc92c3f](https://github.com/themesberg/flowbite-svelte/commit/dc92c3f699986f6679805350f3a88effc0e2a0c8))
+* remove type CrumbType ([4269359](https://github.com/themesberg/flowbite-svelte/commit/4269359c1bddb37fea064cab4dc31b3ea30772ee))
+* toc stickiness ([#330](https://github.com/themesberg/flowbite-svelte/issues/330)) ([21a0409](https://github.com/themesberg/flowbite-svelte/commit/21a0409bd34323b2858f43952ef6de45982b262d))
+* update props and types page ([#331](https://github.com/themesberg/flowbite-svelte/issues/331)) ([0be5900](https://github.com/themesberg/flowbite-svelte/commit/0be59006c6bf79df210838b21a17d3dfd18213ac))
+
 ### [0.27.3](https://github.com/themesberg/flowbite-svelte/compare/v0.27.2...v0.27.3) (2022-09-26)
 
 

package/package.json

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

package/toasts/Toast.svelte

@@ -5,20 +5,23 @@ import { fade } from 'svelte/transition';
 export let color = 'blue';
 export let simple = false;
 // Absolute position
-export let position = undefined; // default not set
-export let visible = true;
+export let position = 'none'; // default not set
+export let open = true;
 export let divClass = 'w-full max-w-xs p-4';
-$: classDiv = classNames(divClass, {
-    'absolute top-5 left-5': position == 'tl',
-    'absolute top-5 right-5': position == 'tr',
-    'absolute bottom-5 left-5': position == 'bl',
-    'absolute bottom-5 right-5': position == 'br'
-}, $$props.class);
+const positions = {
+    'top-left': 'absolute top-5 left-5',
+    'top-right': 'absolute top-5 right-5',
+    'bottom-left': 'absolute bottom-5 left-5',
+    'bottom-right': 'absolute bottom-5 right-5',
+    none: ''
+};
+let classDiv;
+$: classDiv = classNames(divClass, positions[position], $$props.class);
 let iconClass;
 $: iconClass = classNames('inline-flex items-center justify-center flex-shrink-0 w-8 h-8 mr-3');
 </script>
 
-{#if visible}
+{#if open}
   <Frame rounded border transition={fade} {...$$restProps} class={classDiv} role="alert">
     <div class="flex {$$slots.extra ? 'items-start' : 'items-center'}">
       {#if $$slots.icon}
@@ -30,7 +33,7 @@ $: iconClass = classNames('inline-flex items-center justify-center flex-shrink-0
         <slot name="extra" />
       </div>
       {#if !simple}
-        <CloseButton on:click={() => (visible = false)} />
+        <CloseButton on:click={() => (open = false)} />
       {/if}
     </div>
   </Frame>

package/toasts/Toast.svelte.d.ts

@@ -5,8 +5,8 @@ declare const __propDef: {
         [x: string]: any;
         color?: Colors | undefined;
         simple?: boolean | undefined;
-        position?: "br" | "tr" | "tl" | "bl" | undefined;
-        visible?: boolean | undefined;
+        position?: "none" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
+        open?: boolean | undefined;
         divClass?: string | undefined;
     };
     events: {

package/tooltips/Tooltip.svelte

@@ -10,7 +10,6 @@ const styles = {
 };
 let toolTipClass;
 $: {
-    $$restProps.color || (style = 'custom');
     if ($$restProps.color)
         style = 'custom';
     else

package/types.d.ts

@@ -58,10 +58,6 @@ export interface CheckboxType {
     helper?: string;
 }
 export declare type Colors = 'blue' | 'gray' | 'red' | 'yellow' | 'purple' | 'green' | 'indigo' | 'pink' | 'white' | 'custom';
-export declare type CrumbType = {
-    label: string;
-    href: string;
-};
 export interface DotType {
     top?: boolean;
     color?: string;