flowbite-svelte 0.26.18 → 0.26.20

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.
Files changed (7) hide show
  1. package/CHANGELOG.md +40 -0
  2. package/package.json +1 -1
  3. package/sidebars/SidebarDropdownItem.svelte +15 -14
  4. package/sidebars/SidebarDropdownItem.svelte.d.ts +2 -0
  5. package/sidebars/SidebarDropdownWrapper.svelte +19 -19
  6. package/sidebars/SidebarDropdownWrapper.svelte.d.ts +1 -0
  7. package/utils/Popper.svelte +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,46 @@
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.26.20](https://github.com/themesberg/flowbite-svelte/compare/v0.26.18...v0.26.20) (2022-09-15)
6
+
7
+
8
+ ### Features
9
+
10
+ * datepicker update. It needs rel=external for the link from sidebar menu and index page ([6fed169](https://github.com/themesberg/flowbite-svelte/commit/6fed169402be79c0e0eba9a93766be5f0587ef41))
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * git reset --hard 344845b4 and update getting-started ([a941ed8](https://github.com/themesberg/flowbite-svelte/commit/a941ed8169872a39bd37e809db718f09156fbbc2))
16
+ * homepage ([dedf355](https://github.com/themesberg/flowbite-svelte/commit/dedf355835cf8b60aeb68a94b0e47a2034bea358))
17
+ * mousenter ([c3ee1cc](https://github.com/themesberg/flowbite-svelte/commit/c3ee1cc24867be96860faa32e322b6fe7c41592a))
18
+ * sidebar activeUrl example ([4387644](https://github.com/themesberg/flowbite-svelte/commit/43876441726e70eb582c20778a6231ed03f963d7))
19
+ * spacing ([6f6e99c](https://github.com/themesberg/flowbite-svelte/commit/6f6e99cec7209a70f9e09b362714f37525c45a53))
20
+ * toc issues ([13a459e](https://github.com/themesberg/flowbite-svelte/commit/13a459ec6cc3c8768698c5525012f2b53ae94b5c))
21
+ * update bug_report.yml ([221f224](https://github.com/themesberg/flowbite-svelte/commit/221f224920c69fb281c8b4fd2844a22fbe657c72))
22
+ * update bug_report.yml ([c527971](https://github.com/themesberg/flowbite-svelte/commit/c52797111863fd3e52e7c3dae9473e22cd84923a))
23
+ * update bug_report.yml by adding REPL template link ([3c8140d](https://github.com/themesberg/flowbite-svelte/commit/3c8140dffdedb3a41ee0ea9b546da92866fceefb))
24
+
25
+ ### [0.26.19](https://github.com/themesberg/flowbite-svelte/compare/v0.26.18...v0.26.19) (2022-09-15)
26
+
27
+
28
+ ### Features
29
+
30
+ * datepicker update. It needs rel=external for the link from sidebar menu and index page ([6fed169](https://github.com/themesberg/flowbite-svelte/commit/6fed169402be79c0e0eba9a93766be5f0587ef41))
31
+
32
+
33
+ ### Bug Fixes
34
+
35
+ * git reset --hard 344845b4 and update getting-started ([a941ed8](https://github.com/themesberg/flowbite-svelte/commit/a941ed8169872a39bd37e809db718f09156fbbc2))
36
+ * homepage ([dedf355](https://github.com/themesberg/flowbite-svelte/commit/dedf355835cf8b60aeb68a94b0e47a2034bea358))
37
+ * mousenter ([c3ee1cc](https://github.com/themesberg/flowbite-svelte/commit/c3ee1cc24867be96860faa32e322b6fe7c41592a))
38
+ * sidebar activeUrl example ([4387644](https://github.com/themesberg/flowbite-svelte/commit/43876441726e70eb582c20778a6231ed03f963d7))
39
+ * spacing ([6f6e99c](https://github.com/themesberg/flowbite-svelte/commit/6f6e99cec7209a70f9e09b362714f37525c45a53))
40
+ * toc issues ([13a459e](https://github.com/themesberg/flowbite-svelte/commit/13a459ec6cc3c8768698c5525012f2b53ae94b5c))
41
+ * update bug_report.yml ([221f224](https://github.com/themesberg/flowbite-svelte/commit/221f224920c69fb281c8b4fd2844a22fbe657c72))
42
+ * update bug_report.yml ([c527971](https://github.com/themesberg/flowbite-svelte/commit/c52797111863fd3e52e7c3dae9473e22cd84923a))
43
+ * update bug_report.yml by adding REPL template link ([3c8140d](https://github.com/themesberg/flowbite-svelte/commit/3c8140dffdedb3a41ee0ea9b546da92866fceefb))
44
+
5
45
  ### [0.26.18](https://github.com/themesberg/flowbite-svelte/compare/v0.26.17...v0.26.18) (2022-09-12)
6
46
 
7
47
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flowbite-svelte",
3
- "version": "0.26.18",
3
+ "version": "0.26.20",
4
4
  "description": "Flowbite components for Svelte",
5
5
  "main": "index.js",
6
6
  "author": {
package/sidebars/SidebarDropdownItem.svelte CHANGED
@@ -2,21 +2,22 @@
2
2
  export let aClass = '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';
3
3
  export let href = '';
4
4
  export let label = '';
5
+ export let activeClass = 'flex items-center p-2 pl-11 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';
6
+ export let active = false;
5
7
  </script>
6
8
 
7
9
  <li>
8
- <a
9
- {...$$restProps}
10
- {href}
11
- on:blur
12
- on:click
13
- on:focus
14
- on:keydown
15
- on:keypress
16
- on:keyup
17
- on:mouseenter
18
- on:mouseleave
19
- on:mouseover
20
- class={classNames(aClass, $$props.class)}>{label}</a
21
- >
10
+ <a
11
+ {...$$restProps}
12
+ {href}
13
+ on:blur
14
+ on:click
15
+ on:focus
16
+ on:keydown
17
+ on:keypress
18
+ on:keyup
19
+ on:mouseenter
20
+ on:mouseleave
21
+ on:mouseover
22
+ class={classNames(active ? activeClass : aClass, $$props.class)}>{label}</a>
22
23
  </li>
package/sidebars/SidebarDropdownItem.svelte.d.ts CHANGED
@@ -5,6 +5,8 @@ declare const __propDef: {
5
5
  aClass?: string;
6
6
  href?: string;
7
7
  label?: string;
8
+ activeClass?: string;
9
+ active?: boolean;
8
10
  };
9
11
  events: {
10
12
  blur: FocusEvent;
package/sidebars/SidebarDropdownWrapper.svelte CHANGED
@@ -6,29 +6,29 @@ export let btnClass = 'flex items-center p-2 w-full text-base font-normal text-g
6
6
  export let label = '';
7
7
  export let spanClass = 'flex-1 ml-3 text-left whitespace-nowrap';
8
8
  export let ulClass = 'py-2 space-y-2';
9
- let isOpen = false;
9
+ export let isOpen = false;
10
10
  const handleDropdown = () => {
11
11
  isOpen = !isOpen;
12
12
  };
13
13
  </script>
14
14
 
15
15
  <li>
16
- <button
17
- {...$$restProps}
18
- on:click={() => handleDropdown()}
19
- type="button"
20
- class={classNames(btnClass, $$props.class)}
21
- aria-controls="sidebar-dropdown">
22
- <slot name="icon" />
23
- <span class={spanClass} sidebar-toggle-item>{label}</span>
24
- <ChevronDown />
25
- </button>
26
- {#if isOpen}
27
- <ul
28
- id="dropdown"
29
- class={ulClass}
30
- transition:slide={{ delay: 250, duration: 300, easing: quintOut }}>
31
- <slot />
32
- </ul>
33
- {/if}
16
+ <button
17
+ {...$$restProps}
18
+ on:click={() => handleDropdown()}
19
+ type="button"
20
+ class={classNames(btnClass, $$props.class)}
21
+ aria-controls="sidebar-dropdown">
22
+ <slot name="icon" />
23
+ <span class={spanClass} sidebar-toggle-item>{label}</span>
24
+ <ChevronDown />
25
+ </button>
26
+ {#if isOpen}
27
+ <ul
28
+ id="dropdown"
29
+ class={ulClass}
30
+ transition:slide={{ delay: 250, duration: 300, easing: quintOut }}>
31
+ <slot />
32
+ </ul>
33
+ {/if}
34
34
  </li>
package/sidebars/SidebarDropdownWrapper.svelte.d.ts CHANGED
@@ -6,6 +6,7 @@ declare const __propDef: {
6
6
  label?: string;
7
7
  spanClass?: string;
8
8
  ulClass?: string;
9
+ isOpen?: boolean;
9
10
  };
10
11
  events: {
11
12
  [evt: string]: CustomEvent<any>;
package/utils/Popper.svelte CHANGED
@@ -126,7 +126,7 @@ onMount(() => {
126
126
  tabIndex={activeContent ? -1 : undefined}
127
127
  on:focusin={activeContent ? showHandler : undefined}
128
128
  on:focusout={activeContent ? hideHandler : undefined}
129
- on:mouseenter={showHandler}
129
+ on:mouseenter={activeContent && !clickable ? showHandler : undefined}
130
130
  on:mouseleave={activeContent && !clickable ? hideHandler : undefined}
131
131
  {...$$restProps}
132
132
  class={classNames('z-10', $$props.class)}>