flowbite-svelte 0.46.12 → 0.46.13

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 (5) hide show
  1. package/dist/forms/Textarea.svelte +7 -3
  2. package/dist/forms/Textarea.svelte.d.ts +4 -0
  3. package/dist/navbar/NavUl.svelte +3 -3
  4. package/dist/navbar/NavUl.svelte.d.ts +1 -1
  5. package/package.json +9 -9
package/dist/forms/Textarea.svelte CHANGED
@@ -6,20 +6,22 @@ export let value = void 0;
6
6
  export let wrappedClass = "block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50";
7
7
  export let unWrappedClass = "p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50";
8
8
  export let innerWrappedClass = "py-2 px-4 bg-white dark:bg-gray-800";
9
+ export let headerClass = "";
10
+ export let footerClass = "";
9
11
  let wrapped;
10
12
  $: wrapped = $$slots.header || $$slots.footer;
11
13
  let wrapperClass;
12
14
  $: wrapperClass = twMerge("w-full rounded-lg bg-gray-50", background ? "dark:bg-gray-600" : "dark:bg-gray-700", "text-gray-900 dark:placeholder-gray-400 dark:text-white", "border border-gray-200", background ? "dark:border-gray-500" : "dark:border-gray-600", $$props.class);
13
15
  let textareaClass;
14
16
  $: textareaClass = wrapped ? wrappedClass : twMerge(wrapperClass, unWrappedClass);
15
- const headerClass = (header) => twMerge(header ? "border-b" : "border-t", "py-2 px-3 border-gray-200", background ? "dark:border-gray-500" : "dark:border-gray-600");
17
+ const headerCls = (header) => twMerge(header ? "border-b" : "border-t", "py-2 px-3 border-gray-200", background ? "dark:border-gray-500" : "dark:border-gray-600", header ? headerClass : footerClass);
16
18
  let innerWrapperClass;
17
19
  $: innerWrapperClass = twMerge(innerWrappedClass, $$slots.footer ? "" : "rounded-b-lg", $$slots.header ? "" : "rounded-t-lg");
18
20
  </script>
19
21
 
20
22
  <Wrapper show={wrapped} class={wrapperClass}>
21
23
  {#if $$slots.header}
22
- <div class={headerClass(true)}>
24
+ <div class={headerCls(true)}>
23
25
  <slot name="header"></slot>
24
26
  </div>
25
27
  {/if}
@@ -27,7 +29,7 @@ $: innerWrapperClass = twMerge(innerWrappedClass, $$slots.footer ? "" : "rounded
27
29
  <textarea bind:value on:blur on:change on:click on:contextmenu on:focus on:input on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover on:paste on:select {...$$restProps} class={textareaClass}></textarea>
28
30
  </Wrapper>
29
31
  {#if $$slots.footer}
30
- <div class={headerClass(false)}>
32
+ <div class={headerCls(false)}>
31
33
  <slot name="footer"></slot>
32
34
  </div>
33
35
  {/if}
@@ -41,4 +43,6 @@ $: innerWrapperClass = twMerge(innerWrappedClass, $$slots.footer ? "" : "rounded
41
43
  @prop export let wrappedClass: string = 'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50';
42
44
  @prop export let unWrappedClass: string = 'p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50';
43
45
  @prop export let innerWrappedClass: string = 'py-2 px-4 bg-white dark:bg-gray-800';
46
+ @prop export let headerClass: string = ''
47
+ export let footerClass: string = '';
44
48
  -->
package/dist/forms/Textarea.svelte.d.ts CHANGED
@@ -6,6 +6,8 @@ declare const __propDef: {
6
6
  wrappedClass?: string;
7
7
  unWrappedClass?: string;
8
8
  innerWrappedClass?: string;
9
+ headerClass?: string;
10
+ footerClass?: string;
9
11
  };
10
12
  events: {
11
13
  blur: FocusEvent;
@@ -40,6 +42,8 @@ export type TextareaSlots = typeof __propDef.slots;
40
42
  * @prop export let wrappedClass: string = 'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50';
41
43
  * @prop export let unWrappedClass: string = 'p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50';
42
44
  * @prop export let innerWrappedClass: string = 'py-2 px-4 bg-white dark:bg-gray-800';
45
+ * @prop export let headerClass: string = ''
46
+ * export let footerClass: string = '';
43
47
  */
44
48
  export default class Textarea extends SvelteComponentTyped<TextareaProps, TextareaEvents, TextareaSlots> {
45
49
  }
package/dist/navbar/NavUl.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script context="module"></script>
2
2
 
3
3
  <script>import { getContext, setContext } from "svelte";
4
- import { quintOut } from "svelte/easing";
4
+ import { sineIn } from "svelte/easing";
5
5
  import { writable } from "svelte/store";
6
6
  import { slide } from "svelte/transition";
7
7
  import { twMerge } from "tailwind-merge";
@@ -11,7 +11,7 @@ export let activeUrl = "";
11
11
  export let divClass = "w-full md:block md:w-auto";
12
12
  export let ulClass = "flex flex-col p-4 mt-4 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:text-sm md:font-medium";
13
13
  export let hidden = void 0;
14
- export let slideParams = { delay: 250, duration: 500, easing: quintOut };
14
+ export let slideParams = { delay: 250, duration: 500, easing: sineIn };
15
15
  export let activeClass = "text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent";
16
16
  export let nonActiveClass = "text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent";
17
17
  setContext("navbarContext", { activeClass, nonActiveClass });
@@ -54,7 +54,7 @@ $: _ulClass = twMerge(
54
54
  @prop export let divClass: string = 'w-full md:block md:w-auto';
55
55
  @prop export let ulClass: string = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:text-sm md:font-medium';
56
56
  @prop export let hidden: boolean | undefined = undefined;
57
- @prop export let slideParams: SlideParams = { delay: 250, duration: 500, easing: quintOut };
57
+ @prop export let slideParams: SlideParams = { delay: 250, duration: 500, easing: sineIn };
58
58
  @prop export let activeClass: string = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
59
59
  @prop export let nonActiveClass: string = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
60
60
  -->
package/dist/navbar/NavUl.svelte.d.ts CHANGED
@@ -34,7 +34,7 @@ export type NavUlSlots = typeof __propDef.slots;
34
34
  * @prop export let divClass: string = 'w-full md:block md:w-auto';
35
35
  * @prop export let ulClass: string = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:text-sm md:font-medium';
36
36
  * @prop export let hidden: boolean | undefined = undefined;
37
- * @prop export let slideParams: SlideParams = { delay: 250, duration: 500, easing: quintOut };
37
+ * @prop export let slideParams: SlideParams = { delay: 250, duration: 500, easing: sineIn };
38
38
  * @prop export let activeClass: string = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
39
39
  * @prop export let nonActiveClass: string = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
40
40
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flowbite-svelte",
3
- "version": "0.46.12",
3
+ "version": "0.46.13",
4
4
  "description": "Flowbite components for Svelte",
5
5
  "main": "dist/index.js",
6
6
  "author": {
@@ -16,8 +16,8 @@
16
16
  "@docsearch/css": "^3.6.0",
17
17
  "@docsearch/js": "^3.6.0",
18
18
  "@playwright/test": "^1.45.0",
19
- "@sveltejs/adapter-vercel": "^5.3.2",
20
- "@sveltejs/kit": "^2.5.17",
19
+ "@sveltejs/adapter-vercel": "^5.4.0",
20
+ "@sveltejs/kit": "^2.5.18",
21
21
  "@sveltejs/package": "2.3.2",
22
22
  "@sveltejs/vite-plugin-svelte": "^3.1.1",
23
23
  "@svitejs/changesets-changelog-github-compact": "^1.1.0",
@@ -25,15 +25,15 @@
25
25
  "autoprefixer": "^10.4.19",
26
26
  "dayjs": "^1.11.11",
27
27
  "esbuild": "0.21.5",
28
- "eslint": "^9.5.0",
28
+ "eslint": "^9.6.0",
29
29
  "eslint-config-prettier": "^9.1.0",
30
30
  "eslint-plugin-svelte": "^2.41.0",
31
- "flowbite-svelte": "^0.46.12",
31
+ "flowbite-svelte": "^0.46.13",
32
32
  "flowbite-svelte-blocks": "^1.1.3",
33
33
  "flowbite-svelte-icons": "^1.6.1",
34
34
  "mdsvex": "^0.11.2",
35
35
  "mdsvexamples": "^0.4.1",
36
- "postcss": "^8.4.38",
36
+ "postcss": "^8.4.39",
37
37
  "prettier": "^3.3.2",
38
38
  "prettier-plugin-svelte": "^3.2.5",
39
39
  "prism-themes": "^1.9.0",
@@ -49,7 +49,7 @@
49
49
  "tslib": "^2.6.3",
50
50
  "typescript": "^5.5.2",
51
51
  "typescript-eslint": "8.0.0-alpha.30",
52
- "vite": "^5.3.1",
52
+ "vite": "^5.3.2",
53
53
  "vitest": "^1.6.0"
54
54
  },
55
55
  "peerDependencies": {
@@ -99,9 +99,9 @@
99
99
  "url": "https://github.com/themesberg/flowbite-svelte"
100
100
  },
101
101
  "dependencies": {
102
- "@floating-ui/dom": "^1.6.6",
102
+ "@floating-ui/dom": "^1.6.7",
103
103
  "apexcharts": "^3.49.2",
104
- "flowbite": "^2.3.0",
104
+ "flowbite": "^2.4.1",
105
105
  "tailwind-merge": "^2.3.0"
106
106
  },
107
107
  "engines": {