flowbite-svelte 0.26.15 → 0.26.18

package/CHANGELOG.md

@@ -2,6 +2,43 @@
 
 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.18](https://github.com/themesberg/flowbite-svelte/compare/v0.26.17...v0.26.18) (2022-09-12)
+
+
+### Bug Fixes
+
+* [#281](https://github.com/themesberg/flowbite-svelte/issues/281) ([5f79a5e](https://github.com/themesberg/flowbite-svelte/commit/5f79a5e27e23f568ae8e82d3ee974eea93eaccab))
+* use relative paths instead of $lib alias inside of lib ([96e9d6b](https://github.com/themesberg/flowbite-svelte/commit/96e9d6bacb81761a26b0e43215c53ae24deffc73))
+
+### [0.26.17](https://github.com/themesberg/flowbite-svelte/compare/v0.26.16...v0.26.17) (2022-09-11)
+
+
+### Features
+
+* add active to SidebarItem component and an example in the page ([af80c2b](https://github.com/themesberg/flowbite-svelte/commit/af80c2b7c1d81e711bba0faca959e6501b31257c))
+* add md files in components folder ([8d7e05a](https://github.com/themesberg/flowbite-svelte/commit/8d7e05a0098437ac7ddd3f9122a2c23f481e54cd))
+
+
+### Bug Fixes
+
+* Drawer placement right ([4fe9283](https://github.com/themesberg/flowbite-svelte/commit/4fe928380f4bb95c59e311e7ccc3a8ae49fda89d))
+* remove Datepicker from index ([f08230c](https://github.com/themesberg/flowbite-svelte/commit/f08230c84d29f172f1a30a6194e2694eb65f3e3e))
+* remove Toc from layout since it needs to be updated ([2ea41a0](https://github.com/themesberg/flowbite-svelte/commit/2ea41a0c82bb8a7f583a001c1c5f598ac5855102))
+
+### [0.26.16](https://github.com/themesberg/flowbite-svelte/compare/v0.26.15...v0.26.16) (2022-09-06)
+
+
+### Features
+
+* add offset position props to Drawer and example in the drawer page ([680d358](https://github.com/themesberg/flowbite-svelte/commit/680d358ef3d55df202ae2bcaf5deb9c3e6834c18))
+
+
+### Bug Fixes
+
+* [#273](https://github.com/themesberg/flowbite-svelte/issues/273) remove number from select value type ([529510b](https://github.com/themesberg/flowbite-svelte/commit/529510bc50e561b544175a350390d7f32291727c))
+* [#274](https://github.com/themesberg/flowbite-svelte/issues/274) change the links to singular for blocks components ([7378935](https://github.com/themesberg/flowbite-svelte/commit/73789353f4d598722db88cecb595303e8d60ac31))
+* index blocks names, e.g. Tooltips to Tooltip ([5f902b2](https://github.com/themesberg/flowbite-svelte/commit/5f902b22043838a3e3413679632c9516ea81b906))
+
 ### [0.26.15](https://github.com/themesberg/flowbite-svelte/compare/v0.26.14...v0.26.15) (2022-09-06)
 
 

package/drawer/Drawer.svelte

@@ -3,6 +3,10 @@ import { fly, slide, blur, fade } from 'svelte/transition';
 import { clickOutside } from '../utils/clickOutside';
 export let hidden = true;
 export let position = 'fixed';
+export let leftOffset = 'inset-y-0 left-0';
+export let rightOffset = 'inset-y-0 right-0';
+export let topOffset = 'inset-x-0 top-0';
+export let bottomOffset = 'inset-x-0 bottom-0';
 export let width = 'w-80';
 export let backdrop = true;
 export let bgColor = 'bg-gray-900';
@@ -25,10 +29,10 @@ function multiple(node, params) {
     }
 }
 const placements = {
-    left: 'inset-y-0 left-0',
-    right: 'inset-y-0 right-0',
-    top: 'inset-x-0 top-0',
-    bottom: 'inset-x-0 bottom-0'
+    left: leftOffset,
+    right: rightOffset,
+    top: topOffset,
+    bottom: bottomOffset
 };
 const handleDrawer = () => {
     hidden = !hidden;

package/drawer/Drawer.svelte.d.ts

@@ -5,6 +5,10 @@ declare const __propDef: {
         [x: string]: any;
         hidden?: boolean;
         position?: 'fixed' | 'absolute';
+        leftOffset?: string;
+        rightOffset?: string;
+        topOffset?: string;
+        bottomOffset?: string;
         width?: string;
         backdrop?: boolean;
         bgColor?: string;

package/forms/Select.svelte

@@ -17,9 +17,9 @@ $: selectClass = classNames(common, underline ? underlineClass : defaultClass, s
 </script>
 
 <select {...$$restProps} bind:value class={selectClass} on:change on:input>
-	<option disabled selected value="">{placeholder}</option>
+  <option disabled selected value="">{placeholder}</option>
 
-	{#each items as { value, name }}
-		<option {value}>{name}</option>
-	{/each}
+  {#each items as { value, name }}
+    <option {value}>{name}</option>
+  {/each}
 </select>

package/forms/Select.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         items?: SelectOptionType[];
-        value: string | number;
+        value: string;
         placeholder?: string;
         underline?: boolean;
         size?: 'sm' | 'md' | 'lg';

package/package.json

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

package/sidebars/SidebarItem.svelte

@@ -3,26 +3,28 @@ export let aClass = 'flex items-center p-2 text-base font-normal text-gray-900 r
 export let href = '';
 export let label = '';
 export let spanClass = 'ml-3';
+export let activeClass = 'flex items-center p-2 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
+export let active = false;
 </script>
 
 <li>
-	<a
-		{...$$restProps}
-		{href}
-		on:blur
-		on:click
-		on:focus
-		on:keydown
-		on:keypress
-		on:keyup
-		on:mouseenter
-		on:mouseleave
-		on:mouseover
-		class={classNames(aClass, $$props.class)}>
-		<slot name="icon" />
-		<span class={spanClass}>{label}</span>
-		{#if $$slots.subtext}
-			<slot name="subtext" />
-		{/if}
-	</a>
+  <a
+    {...$$restProps}
+    {href}
+    on:blur
+    on:click
+    on:focus
+    on:keydown
+    on:keypress
+    on:keyup
+    on:mouseenter
+    on:mouseleave
+    on:mouseover
+    class={classNames(active ? activeClass : aClass, $$props.class)}>
+    <slot name="icon" />
+    <span class={spanClass}>{label}</span>
+    {#if $$slots.subtext}
+      <slot name="subtext" />
+    {/if}
+  </a>
 </li>

package/sidebars/SidebarItem.svelte.d.ts

@@ -6,6 +6,8 @@ declare const __propDef: {
         href?: string;
         label?: string;
         spanClass?: string;
+        activeClass?: string;
+        active?: boolean;
     };
     events: {
         blur: FocusEvent;