flowbite-svelte 0.15.28 → 0.15.31

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 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.31](https://github.com/themesberg/flowbite-svelte/compare/v0.15.30...v0.15.31) (2022-05-15)
+
+
+### Bug Fixes
+
+* add {41578props.class ? 41578props.class : ''} to AccordionItem component ([b90ee19](https://github.com/themesberg/flowbite-svelte/commit/b90ee19dc8a82a801eba01901eb6f2dbf3c9df1a))
+
+### [0.15.30](https://github.com/themesberg/flowbite-svelte/compare/v0.15.29...v0.15.30) (2022-05-14)
+
+
+### Bug Fixes
+
+* move all index.svelte to index.md and add breadcrumb ([c691d92](https://github.com/themesberg/flowbite-svelte/commit/c691d92fe5b47dafb2d1f5bc4dee39dc3a5c61b8))
+
+### [0.15.29](https://github.com/themesberg/flowbite-svelte/compare/v0.15.28...v0.15.29) (2022-05-13)
+
+
+### Bug Fixes
+
+* 28115props.class returns undefined if class is not given ([c1d4ab8](https://github.com/themesberg/flowbite-svelte/commit/c1d4ab8eb6b379078a3fb3fc51952d94c31cf452))
+
 ### [0.15.28](https://github.com/themesberg/flowbite-svelte/compare/v0.15.27...v0.15.28) (2022-05-13)
 
 

package/README.md

@@ -7,6 +7,10 @@
 
 [Flowbite-Svelte](https://flowbite-svelte.com/) is an official Flowbite component library for Svelte. All interactivities are handled by Svelte.
 
+## Flowbite-Svelte-Starter
+
+You can use [Flowbite-Svelte Starter](https://github.com/shinokada/flowbite-svelte-starter) for a quick start.
+
 ## Installation
 
 - [Getting started](https://flowbite-svelte.com/pages/getting-started)

package/accordions/AccordionItem.svelte

@@ -39,7 +39,7 @@ export let iconClass = 'text-gray-500 sm:w-6 sm:h-6 dark:text-gray-300';
 </script>
 
 <h2 aria-expanded={isOpen}>
-	<button on:click={() => handleToggle(id)} type="button" class:rounded-t-xl={id === '1' && !flush} class:border-t-0={id !== '1'} class={btnClass}>
+	<button on:click={() => handleToggle(id)} type="button" class:rounded-t-xl={id === '1' && !flush} class:border-t-0={id !== '1'} class="{btnClass} {$$props.class ? $$props.class : ''}">
 		<slot name="header" />
 		{#if isOpen}
 			<svelte:component this={icons.up} size={iconSize} class="mr-2 {iconClass}" />

package/accordions/AccordionItem.svelte.d.ts

@@ -2,6 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 import type { AccordionIconType } from '../types';
 declare const __propDef: {
     props: {
+        [x: string]: any;
         id?: string;
         btnClass?: string;
         slotClass?: string;

package/alerts/Alert.svelte

@@ -78,7 +78,7 @@ else {
 }
 </script>
 
-<div id={$$props.id} class:hidden class="{divClass} {$$props.class}" role="alert">
+<div id={$$props.id} class:hidden class="{divClass} {$$props.class ? $$props.class : ''}" role="alert">
 	<div class="flex">
 		{#if icon}
 			<svelte:component this={icon} class="flex-shrink-0 w-5 h-5 {contentClass} mr-3" />

package/buttons/Button.svelte

@@ -87,6 +87,6 @@ switch (btnColor) {
 buttonClass += ' items-center inline-flex';
 </script>
 
-<button {type} class="{buttonClass} {$$props.class}" on:click>
+<button {type} class="{buttonClass} {$$props.class ? $$props.class : ''}" on:click>
 	<slot>Read more</slot>
 </button>

package/footer/LogoFooter.svelte

@@ -14,7 +14,7 @@ export let copyrightYear = '© 2022';
 export let allRightsReserved = 'All Rights Reserved.';
 </script>
 
-<footer class="{footerClass} {$$props.class}">
+<footer class="{footerClass} {$$props.class ? $$props.class : ''}">
 	<div class={divClass}>
 		<a href={site.href} class={siteNameLinkClass}>
 			<img src={site.img} class={imgClass} alt={site.name} />

package/footer/SimpleFooter.svelte

@@ -9,7 +9,7 @@ export let copyrightYear = '© 2022';
 export let allRightsReserved = 'All Rights Reserved.';
 </script>
 
-<footer class="{footerClass} {$$props.class}">
+<footer class="{footerClass} {$$props.class ? $$props.class : ''}">
 	<span class={siteNameClass}
 		>{copyrightYear}
 		<a href={site.href} class={siteNameLinkClass} target="_blank">{site.name}</a>. {allRightsReserved}

package/footer/SitemapFooter.svelte

@@ -16,7 +16,7 @@ export let copyrightYear = '© 2022';
 export let allRightsReserved = 'All Rights Reserved.';
 </script>
 
-<footer class="{footerClass} {$$props.class}">
+<footer class="{footerClass} {$$props.class ? $$props.class : ''}">
 	<div class={linksClass}>
 		{#each links as { parent, children }}
 			<div>

package/footer/SocialMediaFooter.svelte

@@ -22,7 +22,7 @@ export let copyrightYear = '© 2022';
 export let allRightsReserved = 'All Rights Reserved.';
 </script>
 
-<footer class="{footerClass} {$$props.class}">
+<footer class="{footerClass} {$$props.class ? $$props.class : ''}">
 	<div class={divClass}>
 		<div class={divClass2}>
 			<a href={site.href} class={siteLinkClass}>

package/forms/Iconinput.svelte

@@ -20,7 +20,7 @@ function setType(node) {
 }
 </script>
 
-<div class={$$props.class}>
+<div class={$$props.class ? $$props.class : ''}>
 	<label for={id} class={labelClass}>{label}</label>
 	{#if noBorder}
 		<div class="relative">

package/forms/Input.svelte

@@ -30,22 +30,11 @@ function setType(node) {
 }
 </script>
 
-<div class={$$props.class}>
+<div class={$$props.class ? $$props.class : ''}>
 	{#if label}
 		<label for={id} class={labelClass}>{label}</label>
 	{/if}
-	<input
-		bind:value
-		bind:this={ref}
-		{name}
-		use:setType
-		{id}
-		class={inputClass}
-		{placeholder}
-		{required}
-		{disabled}
-		{readonly}
-	/>
+	<input bind:value bind:this={ref} {name} use:setType {id} class={inputClass} {placeholder} {required} {disabled} {readonly} />
 	{#if helper}
 		<p class={helperClass}>{@html helper}</p>
 	{/if}

package/forms/Toggle.svelte

@@ -42,6 +42,6 @@ else if (size === 'large') {
 
 <label for={id} class={labelClass}>
 	<input type="checkbox" {id} class={inputClass} {value} {checked} {name} {disabled} />
-	<div class="{divClass} {$$props.class}" />
+	<div class="{divClass} {$$props.class ? $$props.class : ''}" />
 	<span class={spanClass}>{label}</span>
 </label>

package/package.json

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