flowbite-svelte 0.28.11 → 0.29.1

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 (10) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/README.md +4 -0
  3. package/forms/Range.svelte +9 -9
  4. package/forms/Textarea.svelte +27 -28
  5. package/megamenu/MegaMenu.svelte +24 -29
  6. package/navbar/NavDropdown.svelte +33 -40
  7. package/package.json +5 -3
  8. package/toolbar/Toolbar.svelte +4 -4
  9. package/toolbar/ToolbarButton.svelte +9 -9
  10. package/utils/backdrop.d.ts +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,32 @@
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.29.1](https://github.com/themesberg/flowbite-svelte/compare/v0.29.0...v0.29.1) (2022-12-19)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * add esbuild@0.16.8 and update other dependencies ([f32d1be](https://github.com/themesberg/flowbite-svelte/commit/f32d1beea8b402652242fdeaf1007885e74c12cd))
11
+ * change svelte-kit sync && svelte-package to vite build ([cd7cd5e](https://github.com/themesberg/flowbite-svelte/commit/cd7cd5e971ba4f6c547984daf3a5f37656343b28))
12
+
13
+ ## [0.29.0](https://github.com/themesberg/flowbite-svelte/compare/v0.28.12...v0.29.0) (2022-12-18)
14
+
15
+
16
+ ### ⚠ BREAKING CHANGES
17
+
18
+ * update sveltekit 1.0.1
19
+
20
+ ### Features
21
+
22
+ * update sveltekit 1.0.1 ([9b812c8](https://github.com/themesberg/flowbite-svelte/commit/9b812c861b25ef338574e91c95de3a1c0219f3b5))
23
+
24
+ ### [0.28.12](https://github.com/themesberg/flowbite-svelte/compare/v0.28.11...v0.28.12) (2022-12-18)
25
+
26
+
27
+ ### Bug Fixes
28
+
29
+ * npm run check fixes ([#484](https://github.com/themesberg/flowbite-svelte/issues/484)) ([be4f0f6](https://github.com/themesberg/flowbite-svelte/commit/be4f0f6270b93296d8e2cd3eab60ef77fc621261))
30
+
5
31
  ### [0.28.11](https://github.com/themesberg/flowbite-svelte/compare/v0.28.10...v0.28.11) (2022-12-10)
6
32
 
7
33
 
package/README.md CHANGED
@@ -449,3 +449,7 @@ Please read [How to contribute](https://github.com/themesberg/flowbite-svelte/bl
449
449
  ## Changelog
450
450
 
451
451
  [Changelog](https://github.com/themesberg/flowbite-svelte/blob/main/CHANGELOG.md)
452
+
453
+ ## SvelteKit version
454
+
455
+ 1.0.1
package/forms/Range.svelte CHANGED
@@ -11,12 +11,12 @@ $: inputClass = classNames('w-full bg-gray-200 rounded-lg appearance-none cursor
11
11
  </script>
12
12
 
13
13
  <input
14
- type="range"
15
- bind:value
16
- {...$$restProps}
17
- class={inputClass}
18
- on:change
19
- on:click
20
- on:keydown
21
- on:keypress
22
- on:keyup />
14
+ type="range"
15
+ bind:value
16
+ {...$$restProps}
17
+ class={inputClass}
18
+ on:change
19
+ on:click
20
+ on:keydown
21
+ on:keypress
22
+ on:keyup />
package/forms/Textarea.svelte CHANGED
@@ -17,32 +17,31 @@ $: innerWrapperClass = classNames('py-2 px-4 bg-white dark:bg-gray-800', $$slots
17
17
  </script>
18
18
 
19
19
  <Wrapper show={wrapped} class={wrapperClass}>
20
- {#if $$slots.header}
21
- <div class={headerClass(true)}>
22
- <slot name="header" />
23
- </div>
24
- {/if}
25
- <Wrapper show={wrapped} class={innerWrapperClass}>
26
- <textarea
27
- bind:value
28
- on:blur
29
- on:change
30
- on:click
31
- on:focus
32
- on:keydown
33
- on:keypress
34
- on:keyup
35
- on:mouseenter
36
- on:mouseleave
37
- on:mouseover
38
- on:paste
39
- {...$$restProps}
40
- class={textareaClass}
41
- />
42
- </Wrapper>
43
- {#if $$slots.footer}
44
- <div class={headerClass(false)}>
45
- <slot name="footer" />
46
- </div>
47
- {/if}
20
+ {#if $$slots.header}
21
+ <div class={headerClass(true)}>
22
+ <slot name="header" />
23
+ </div>
24
+ {/if}
25
+ <Wrapper show={wrapped} class={innerWrapperClass}>
26
+ <textarea
27
+ bind:value
28
+ on:blur
29
+ on:change
30
+ on:click
31
+ on:focus
32
+ on:keydown
33
+ on:keypress
34
+ on:keyup
35
+ on:mouseenter
36
+ on:mouseleave
37
+ on:mouseover
38
+ on:paste
39
+ {...$$restProps}
40
+ class={textareaClass} />
41
+ </Wrapper>
42
+ {#if $$slots.footer}
43
+ <div class={headerClass(false)}>
44
+ <slot name="footer" />
45
+ </div>
46
+ {/if}
48
47
  </Wrapper>
package/megamenu/MegaMenu.svelte CHANGED
@@ -7,36 +7,31 @@ let wrapperClass;
7
7
  $: wrapperClass = classNames(full && 'border-y w-full', $$props.class);
8
8
  let ulClass;
9
9
  $: ulClass = classNames('grid grid-flow-row gap-y-4 md:gap-x-0 auto-col-max auto-row-max', full && $$slots.extra ? 'grid-cols-2' : 'grid-cols-2 md:grid-cols-3', 'text-sm font-medium', full && $$slots.extra && 'md:w-2/3');
10
- const init = (node) => {
11
- if (full) {
12
- node.parentElement.classList.add('inset-x-0');
13
- }
14
- };
15
10
  </script>
16
11
 
17
12
  <Popper
18
- color={full ? 'default' : 'dropdown'}
19
- border={!full}
20
- rounded={!full}
21
- activeContent
22
- arrow={false}
23
- trigger="click"
24
- placement="bottom"
25
- yOnly={full}
26
- {...$$restProps}
27
- class={wrapperClass}
28
- on:show
29
- bind:open>
30
- <div class="flex flex-col md:flex-row p-4 max-w-screen-md justify-center mx-auto">
31
- <ul class={ulClass}>
32
- {#each items as item, index}
33
- <li>
34
- <slot {item} {index} />
35
- </li>
36
- {:else}
37
- <slot />
38
- {/each}
39
- </ul>
40
- {#if full && $$slots.extra}<div class="md:w-1/3 mt-4 md:mt-0"><slot name="extra" /></div>{/if}
41
- </div>
13
+ color={full ? 'default' : 'dropdown'}
14
+ border={!full}
15
+ rounded={!full}
16
+ activeContent
17
+ arrow={false}
18
+ trigger="click"
19
+ placement="bottom"
20
+ yOnly={full}
21
+ {...$$restProps}
22
+ class={wrapperClass}
23
+ on:show
24
+ bind:open>
25
+ <div class="flex flex-col md:flex-row p-4 max-w-screen-md justify-center mx-auto">
26
+ <ul class={ulClass}>
27
+ {#each items as item, index}
28
+ <li>
29
+ <slot {item} {index} />
30
+ </li>
31
+ {:else}
32
+ <slot />
33
+ {/each}
34
+ </ul>
35
+ {#if full && $$slots.extra}<div class="md:w-1/3 mt-4 md:mt-0"><slot name="extra" /></div>{/if}
36
+ </div>
42
37
  </Popper>
package/navbar/NavDropdown.svelte CHANGED
@@ -15,45 +15,38 @@ let liClass = 'flex justify-center py-2 pr-4 pl-3 text-gray-700 border-b border-
15
15
  </script>
16
16
 
17
17
  <li use:clickOutside={() => !hidden && handleDropdown()} class={liClass}>
18
- <button on:click={() => handleDropdown()} class={liButtonClass}
19
- >{name}
20
- <svg
21
- class="ml-1 w-4 h-4"
22
- fill="currentColor"
23
- viewBox="0 0 20 20"
24
- xmlns="http://www.w3.org/2000/svg"
25
- ><path
26
- fill-rule="evenodd"
27
- 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"
28
- clip-rule="evenodd"
29
- /></svg
30
- ></button
31
- >
18
+ <button on:click={() => handleDropdown()} class={liButtonClass}
19
+ >{name}
20
+ <svg class="ml-1 w-4 h-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
21
+ ><path
22
+ fill-rule="evenodd"
23
+ 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"
24
+ clip-rule="evenodd" /></svg
25
+ ></button>
32
26
 
33
- <!-- Dropdown menu -->
34
- <div class:hidden class="absolute {dropdownDiv} mt-8 z-10">
35
- <slot>
36
- <ul class="py-1" aria-labelledby="dropdownLargeButton">
37
- {#each child as item}
38
- <li>
39
- <a
40
- href={item.href}
41
- {rel}
42
- on:blur
43
- on:change
44
- on:click
45
- on:focus
46
- on:keydown
47
- on:keypress
48
- on:keyup
49
- on:mouseenter
50
- on:mouseleave
51
- on:mouseover
52
- class={dropdownLinkClassWithChild}>{item.name}</a
53
- >
54
- </li>
55
- {/each}
56
- </ul>
57
- </slot>
58
- </div>
27
+ <!-- Dropdown menu -->
28
+ <div class:hidden class="absolute {dropdownDiv} mt-8 z-10">
29
+ <slot>
30
+ <ul class="py-1" aria-labelledby="dropdownLargeButton">
31
+ {#each child as item}
32
+ <li>
33
+ <a
34
+ href={item.href}
35
+ {rel}
36
+ on:blur
37
+ on:change
38
+ on:click
39
+ on:focus
40
+ on:keydown
41
+ on:keypress
42
+ on:keyup
43
+ on:mouseenter
44
+ on:mouseleave
45
+ on:mouseover
46
+ class={dropdownLinkClassWithChild}>{item.name}</a>
47
+ </li>
48
+ {/each}
49
+ </ul>
50
+ </slot>
51
+ </div>
59
52
  </li>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flowbite-svelte",
3
- "version": "0.28.11",
3
+ "version": "0.29.1",
4
4
  "description": "Flowbite components for Svelte",
5
5
  "main": "index.js",
6
6
  "author": {
@@ -14,12 +14,13 @@
14
14
  "devDependencies": {
15
15
  "@playwright/test": "^1.28.1",
16
16
  "@sveltejs/adapter-vercel": "next",
17
- "@sveltejs/kit": "next",
17
+ "@sveltejs/kit": "^1.0.0",
18
18
  "@sveltejs/package": "1.0.0-next.3",
19
19
  "@typescript-eslint/eslint-plugin": "^5.46.0",
20
20
  "@typescript-eslint/parser": "^5.46.0",
21
21
  "autoprefixer": "^10.4.13",
22
22
  "createprops": "^0.4.9",
23
+ "esbuild": "0.16.8",
23
24
  "eslint": "^8.29.0",
24
25
  "eslint-config-prettier": "^8.5.0",
25
26
  "eslint-plugin-svelte3": "^4.0.0",
@@ -38,7 +39,8 @@
38
39
  "tailwindcss": "^3.2.4",
39
40
  "tslib": "^2.4.1",
40
41
  "typescript": "^4.9.4",
41
- "vite": "^4.0.0"
42
+ "vite": "^4.0.0",
43
+ "vitest": "^0.25.8"
42
44
  },
43
45
  "type": "module",
44
46
  "keywords": [
package/toolbar/Toolbar.svelte CHANGED
@@ -50,8 +50,8 @@ divideColors[color]);
50
50
  </script>
51
51
 
52
52
  <div class={divClass}>
53
- <div class="flex flex-wrap items-center {separatorsClass}">
54
- <slot />
55
- </div>
56
- <slot name="end" />
53
+ <div class="flex flex-wrap items-center {separatorsClass}">
54
+ <slot />
55
+ </div>
56
+ <slot name="end" />
57
57
  </div>
package/toolbar/ToolbarButton.svelte CHANGED
@@ -32,13 +32,13 @@ const svgSizes = {
32
32
  </script>
33
33
 
34
34
  <button on:click type="button" {...$$restProps} class={buttonClass} aria-label={ariaLabel ?? name}>
35
- {#if name}<span class="sr-only">{name}</span>{/if}
36
- <slot>
37
- <svg class={svgSizes[size]} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
38
- <path
39
- fill-rule="evenodd"
40
- d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
41
- clip-rule="evenodd" />
42
- </svg>
43
- </slot>
35
+ {#if name}<span class="sr-only">{name}</span>{/if}
36
+ <slot>
37
+ <svg class={svgSizes[size]} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
38
+ <path
39
+ fill-rule="evenodd"
40
+ d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
41
+ clip-rule="evenodd" />
42
+ </svg>
43
+ </slot>
44
44
  </button>
package/utils/backdrop.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare let open: boolean;
2
- export declare let placement: any;
2
+ export declare let placement: string;
3
3
  export declare const init: (node: any, _open: any) => {
4
4
  update(_open: any): void;
5
5
  destroy(): void;