flowbite-svelte 0.15.29 → 0.15.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,27 @@
2
2
 
3
3
  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.
4
4
 
5
+ ### [0.15.32](https://github.com/themesberg/flowbite-svelte/compare/v0.15.31...v0.15.32) (2022-05-15)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * change mr-4 to mr-2 in SidebarDropdown component ([2961555](https://github.com/themesberg/flowbite-svelte/commit/296155587bf2fa35d081b5373ad941a804d4170a))
11
+
12
+ ### [0.15.31](https://github.com/themesberg/flowbite-svelte/compare/v0.15.30...v0.15.31) (2022-05-15)
13
+
14
+
15
+ ### Bug Fixes
16
+
17
+ * add {41578props.class ? 41578props.class : ''} to AccordionItem component ([b90ee19](https://github.com/themesberg/flowbite-svelte/commit/b90ee19dc8a82a801eba01901eb6f2dbf3c9df1a))
18
+
19
+ ### [0.15.30](https://github.com/themesberg/flowbite-svelte/compare/v0.15.29...v0.15.30) (2022-05-14)
20
+
21
+
22
+ ### Bug Fixes
23
+
24
+ * move all index.svelte to index.md and add breadcrumb ([c691d92](https://github.com/themesberg/flowbite-svelte/commit/c691d92fe5b47dafb2d1f5bc4dee39dc3a5c61b8))
25
+
5
26
  ### [0.15.29](https://github.com/themesberg/flowbite-svelte/compare/v0.15.28...v0.15.29) (2022-05-13)
6
27
 
7
28
 
package/README.md CHANGED
@@ -7,6 +7,10 @@
7
7
 
8
8
  [Flowbite-Svelte](https://flowbite-svelte.com/) is an official Flowbite component library for Svelte. All interactivities are handled by Svelte.
9
9
 
10
+ ## Flowbite-Svelte-Starter
11
+
12
+ You can use [Flowbite-Svelte Starter](https://github.com/shinokada/flowbite-svelte-starter) for a quick start.
13
+
10
14
  ## Installation
11
15
 
12
16
  - [Getting started](https://flowbite-svelte.com/pages/getting-started)
@@ -39,7 +39,7 @@ export let iconClass = 'text-gray-500 sm:w-6 sm:h-6 dark:text-gray-300';
39
39
  </script>
40
40
 
41
41
  <h2 aria-expanded={isOpen}>
42
- <button on:click={() => handleToggle(id)} type="button" class:rounded-t-xl={id === '1' && !flush} class:border-t-0={id !== '1'} class={btnClass}>
42
+ <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 : ''}">
43
43
  <slot name="header" />
44
44
  {#if isOpen}
45
45
  <svelte:component this={icons.up} size={iconSize} class="mr-2 {iconClass}" />
@@ -2,6 +2,7 @@ import { SvelteComponentTyped } from "svelte";
2
2
  import type { AccordionIconType } from '../types';
3
3
  declare const __propDef: {
4
4
  props: {
5
+ [x: string]: any;
5
6
  id?: string;
6
7
  btnClass?: string;
7
8
  slotClass?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flowbite-svelte",
3
- "version": "0.15.29",
3
+ "version": "0.15.32",
4
4
  "description": "Flowbite components for Svelte",
5
5
  "main": "index.js",
6
6
  "author": {
@@ -9,9 +9,9 @@ const handleDropdown = (id) => {
9
9
  </script>
10
10
 
11
11
  <li>
12
- <button type="button" on:click={() => handleDropdown(link.id)} class="flex items-center p-2 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" aria-controls="dropdown" data-collapse-toggle="dropdown">
12
+ <button type="button" on:click={() => handleDropdown(link.id)} class="flex items-center p-2 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" aria-controls="dropdown">
13
13
  {#if link.icon}
14
- <svelte:component this={link.icon} class="mr-4 {link.iconClass}" size={link.iconSize} color={link.iconColor} />
14
+ <svelte:component this={link.icon} class="mr-2 {link.iconClass}" size={link.iconSize} color={link.iconColor} />
15
15
  {/if}
16
16
  <span class="flex-1 ml-3 text-left whitespace-nowrap" sidebar-toggle-item="">{link.name}</span>
17
17
  <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>