flowbite-svelte 0.27.2 → 0.27.4

package/CHANGELOG.md

@@ -2,6 +2,32 @@
 
 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)
+
+
+### Bug Fixes
+
+* change a to A component ([33a8015](https://github.com/themesberg/flowbite-svelte/commit/33a8015ae3e7b3969359bcd67ba47bb53c7f7dad))
+* correction in using style and color ([7ebbc5f](https://github.com/themesberg/flowbite-svelte/commit/7ebbc5fcac75fea0f9c19c51b6ea5dc8dfb241c8))
+* remove workflows/release-please.yml ([30a3682](https://github.com/themesberg/flowbite-svelte/commit/30a3682d3652e779e5e4325edbf7b66ad02a8428))
+* style for links ([040ff2e](https://github.com/themesberg/flowbite-svelte/commit/040ff2ea183d21836e8f3e5dddb5879cf9324a69))
+
 ### [0.27.2](https://github.com/themesberg/flowbite-svelte/compare/v0.27.1...v0.27.2) (2022-09-26)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.27.2",
+  "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

@@ -1,26 +1,23 @@
 <script>import Popper from '../utils/Popper.svelte';
 import classNames from 'classnames';
-export let customColor = '';
 export let style = 'auto';
-export let tipClass = 'py-2 px-3 text-sm font-medium';
-const colors = {
+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',
-    custom: customColor
+    custom: ''
 };
 let toolTipClass;
-$: toolTipClass = classNames('tooltip', tipClass, colors[style], $$props.class);
+$: {
+    if ($$restProps.color)
+        style = 'custom';
+    else
+        $$restProps.color = 'none';
+    toolTipClass = classNames('tooltip', defaultClass, styles[style], $$props.class);
+}
 </script>
 
-<Popper
-  data-tooltip
-  rounded
-  border
-  shadow
-  customColor
-  {...$$restProps}
-  class={toolTipClass}
-  on:show>
+<Popper data-tooltip rounded border shadow {...$$restProps} class={toolTipClass} on:show>
   <slot />
 </Popper>

package/tooltips/Tooltip.svelte.d.ts

@@ -2,9 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        customColor?: string | undefined;
         style?: "dark" | "light" | "custom" | "auto" | undefined;
-        tipClass?: string | undefined;
+        defaultClass?: string | undefined;
     };
     events: {
         show: CustomEvent<any>;

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;