flowbite-svelte 0.15.27 → 0.15.30

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.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)
+
+
+### Features
+
+* add slot to EcommerceCard ([d777c87](https://github.com/themesberg/flowbite-svelte/commit/d777c87d3097998e840a9e2ed79cafc036c74713))
+
 ### [0.15.27](https://github.com/themesberg/flowbite-svelte/compare/v0.15.26...v0.15.27) (2022-05-13)
 
 ### [0.15.26](https://github.com/themesberg/flowbite-svelte/compare/v0.15.25...v0.15.26) (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/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/cards/EcommerceCard.svelte

@@ -60,10 +60,10 @@ else {
 				{#each { length: stars } as _, i}
 					<svg class="w-5 h-5 text-yellow-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /></svg>
 				{/each}
-
 				<span class={spanClass}>{stars}</span>
 			{/if}
 		</div>
+		<slot />
 		<div class="flex justify-between items-center">
 			{#if price}
 				<span class={priceClass}>{price}</span>

package/cards/EcommerceCard.svelte.d.ts

@@ -17,7 +17,9 @@ declare const __propDef: {
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export declare type EcommerceCardProps = typeof __propDef.props;
 export declare type EcommerceCardEvents = typeof __propDef.events;

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.27",
+  "version": "0.15.30",
   "description": "Flowbite components for Svelte",
   "main": "index.js",
   "author": {