flowbite-svelte 0.15.33 → 0.15.34

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.15.34](https://github.com/themesberg/flowbite-svelte/compare/v0.15.33...v0.15.34) (2022-05-15)
+
+
+### Bug Fixes
+
+* add childClass and ulClass to SidebarDropdown ([8754489](https://github.com/themesberg/flowbite-svelte/commit/875448911cbf0e427f51a08b51d5f160974b159b))
+
 ### [0.15.33](https://github.com/themesberg/flowbite-svelte/compare/v0.15.32...v0.15.33) (2022-05-15)
 
 

package/accordions/AccordionItem.svelte

@@ -6,16 +6,10 @@ export let btnClass = 'flex items-center focus:ring-4 focus:ring-gray-200 dark:f
 export let slotClass = 'p-5 border border-t-0 border-gray-200 dark:border-gray-700';
 export let isOpen = false;
 export let color = false;
-// export let flush: boolean = false;
 export let icons = {
     up: ChevronUpSolid,
     down: ChevronDownSolid
 };
-// if (flush) {
-// 	btnClass = 'flex justify-between items-center py-5 w-full font-medium text-left text-gray-500 border-b border-gray-200 dark:border-gray-700 dark:text-gray-400';
-// 	slotClass = 'py-5 border-b border-gray-200 dark:border-gray-700';
-// }
-// $: console.log('isOpen', isOpen);
 onMount(() => {
     if (isOpen) {
         isOpen = true;

package/package.json

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

package/sidebars/SidebarDropdown.svelte

@@ -1,5 +1,7 @@
 <script>import { slide } from 'svelte/transition';
 export let link;
+export let childClass = 'flex items-center p-2 pl-11 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
+export let ulClass = 'py-2 space-y-2';
 let isOpen = false;
 let activeDropdown = undefined;
 const handleDropdown = (id) => {
@@ -17,10 +19,10 @@ const handleDropdown = (id) => {
 		<svg sidebar-toggle-item="" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>
 	</button>
 	{#if isOpen && link.id == activeDropdown}
-		<ul id="dropdown" class="py-2 space-y-2" transition:slide={{ duration: 500 }}>
+		<ul id="dropdown" class={ulClass} transition:slide={{ duration: 500 }}>
 			{#each link.children as child}
 				<li>
-					<a href={child.href} rel={child.rel} class="flex items-center p-2 pl-11 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">{child.name}</a>
+					<a href={child.href} rel={child.rel} class={childClass}>{child.name}</a>
 				</li>
 			{/each}
 		</ul>

package/sidebars/SidebarDropdown.svelte.d.ts

@@ -3,6 +3,8 @@ import type { SidebarType } from '../types';
 declare const __propDef: {
     props: {
         link: SidebarType;
+        childClass?: string;
+        ulClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;