flowbite-svelte 0.27.8 → 0.27.10

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 (6) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/drawer/Drawer.svelte +2 -0
  3. package/forms/NumberInput.svelte +1 -1
  4. package/forms/NumberInput.svelte.d.ts +1 -0
  5. package/package.json +2 -1
  6. package/utils/Frame.svelte +28 -16
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.27.10](https://github.com/themesberg/flowbite-svelte/compare/v0.27.9...v0.27.10) (2022-10-21)
6
+
7
+
8
+ ### Features
9
+
10
+ * add disabling only outside click but not backdrop ([#390](https://github.com/themesberg/flowbite-svelte/issues/390)) ([ebb6a1f](https://github.com/themesberg/flowbite-svelte/commit/ebb6a1f81d005ef19e432b7395ff7e17599c0b4f))
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * missing dropdown example ([#388](https://github.com/themesberg/flowbite-svelte/issues/388)) ([69ba822](https://github.com/themesberg/flowbite-svelte/commit/69ba822ef1f3710bdccbaf31006a94e1e3d19aae))
16
+
17
+ ### [0.27.9](https://github.com/themesberg/flowbite-svelte/compare/v0.27.8...v0.27.9) (2022-10-19)
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * [#379](https://github.com/themesberg/flowbite-svelte/issues/379) ([#380](https://github.com/themesberg/flowbite-svelte/issues/380)) ([0019915](https://github.com/themesberg/flowbite-svelte/commit/001991546e3e7376a02c17481784c5a5636d6ed7))
23
+ * optional Frame transition' ([#385](https://github.com/themesberg/flowbite-svelte/issues/385)) ([e7fc8db](https://github.com/themesberg/flowbite-svelte/commit/e7fc8db0f920e3bd907ce9fcf1c532885da193af))
24
+ * restProps for NumberInput ([#382](https://github.com/themesberg/flowbite-svelte/issues/382)) ([d1acb7f](https://github.com/themesberg/flowbite-svelte/commit/d1acb7f1b22a69acfc0f1ab6d2859c2a7d8a082c))
25
+
5
26
  ### [0.27.8](https://github.com/themesberg/flowbite-svelte/compare/v0.27.7...v0.27.8) (2022-10-17)
6
27
 
7
28
  ### [0.27.7](https://github.com/themesberg/flowbite-svelte/compare/v0.27.6...v0.27.7) (2022-10-17)
package/drawer/Drawer.svelte CHANGED
@@ -44,6 +44,8 @@ let backdropDivClass = classNames('fixed top-0 left-0 z-50 w-full h-full', backd
44
44
  {#if !hidden}
45
45
  {#if backdrop && activateClickOutside}
46
46
  <div role="presentation" class={backdropDivClass} on:click={() => !hidden && handleDrawer()} />
47
+ {:else if backdrop && !activateClickOutside}
48
+ <div role="presentation" class={backdropDivClass} />
47
49
  {/if}
48
50
  {#if activateClickOutside}
49
51
  <div
package/forms/NumberInput.svelte CHANGED
@@ -2,6 +2,6 @@
2
2
  export let value = 0;
3
3
  </script>
4
4
 
5
- <Input let:props>
5
+ <Input let:props {...$$restProps}>
6
6
  <input {...props} type="number" bind:value />
7
7
  </Input>
package/forms/NumberInput.svelte.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { SvelteComponentTyped } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
+ [x: string]: any;
4
5
  value?: number | undefined;
5
6
  };
6
7
  events: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flowbite-svelte",
3
- "version": "0.27.8",
3
+ "version": "0.27.10",
4
4
  "description": "Flowbite components for Svelte",
5
5
  "main": "index.js",
6
6
  "author": {
@@ -32,6 +32,7 @@
32
32
  "prism-themes": "^1.9.0",
33
33
  "svelte": "^3.44.0",
34
34
  "svelte-check": "^2.7.1",
35
+ "svelte-meta-tags": "^2.6.3",
35
36
  "svelte-preprocess": "^4.10.7",
36
37
  "svelte2tsx": "^0.5.18",
37
38
  "tailwindcss": "^3.1.5",
package/utils/Frame.svelte CHANGED
@@ -71,23 +71,35 @@ const borderColors = {
71
71
  form: 'border-gray-300 dark:border-gray-700',
72
72
  none: ''
73
73
  };
74
- // have a custom transition function that returns the desired transition
75
- let transitionFunc;
76
- $: transitionFunc = transition ?? (() => ({}));
77
74
  let divClass;
78
75
  $: divClass = classNames(bgColors[color], textColors[color], rounded && (color === 'dropdown' ? 'rounded' : 'rounded-lg'), border && 'border', borderColors[color], shadow && 'shadow-md', $$props.class);
79
76
  </script>
80
77
 
81
- <svelte:element
82
- this={tag}
83
- use:use={options}
84
- bind:this={node}
85
- transition:transitionFunc={params}
86
- {...$$restProps}
87
- class={divClass}
88
- on:mouseenter
89
- on:mouseleave
90
- on:focusin
91
- on:focusout>
92
- <slot />
93
- </svelte:element>
78
+ {#if transition}
79
+ <svelte:element
80
+ this={tag}
81
+ use:use={options}
82
+ bind:this={node}
83
+ transition:transition={params}
84
+ {...$$restProps}
85
+ class={divClass}
86
+ on:mouseenter
87
+ on:mouseleave
88
+ on:focusin
89
+ on:focusout>
90
+ <slot />
91
+ </svelte:element>
92
+ {:else}
93
+ <svelte:element
94
+ this={tag}
95
+ use:use={options}
96
+ bind:this={node}
97
+ {...$$restProps}
98
+ class={divClass}
99
+ on:mouseenter
100
+ on:mouseleave
101
+ on:focusin
102
+ on:focusout>
103
+ <slot />
104
+ </svelte:element>
105
+ {/if}