flowbite-svelte 1.13.13 → 1.13.15
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.
|
@@ -2,7 +2,7 @@ import { tv } from "tailwind-variants";
|
|
|
2
2
|
export const floatingLabelInput = tv({
|
|
3
3
|
slots: {
|
|
4
4
|
base: "relative",
|
|
5
|
-
input: "block w-full text-sm text-gray-900 bg-transparent appearance-none dark:text-white focus:outline-hidden focus:ring-0 peer",
|
|
5
|
+
input: "block w-full text-sm text-gray-900 bg-transparent appearance-none dark:text-white focus:outline-hidden focus:ring-0 peer disabled:cursor-not-allowed disabled:opacity-50",
|
|
6
6
|
label: "absolute text-sm duration-300 transform scale-75 z-10 origin-left rtl:origin-right peer-placeholder-shown:scale-100 peer-focus:scale-75",
|
|
7
7
|
close: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-black",
|
|
8
8
|
combo: "absolute top-full right-0 left-0 z-10 mt-1 max-h-60 overflow-y-auto rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800",
|
|
@@ -3,9 +3,9 @@ export const phoneInput = tv({
|
|
|
3
3
|
slots: {
|
|
4
4
|
div: "absolute inset-y-0 start-0 top-0 flex items-center ps-3.5 pointer-events-none",
|
|
5
5
|
svg: "w-4 h-4 text-gray-500 dark:text-gray-400",
|
|
6
|
-
input: "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500",
|
|
6
|
+
input: "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50",
|
|
7
7
|
span: "absolute start-0 bottom-3 text-gray-500 dark:text-gray-400",
|
|
8
|
-
floatingInput: "block py-2.5 ps-6 pe-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-primary-500 focus:outline-none focus:ring-0 focus:border-primary-600 peer",
|
|
8
|
+
floatingInput: "block py-2.5 ps-6 pe-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-primary-500 focus:outline-none focus:ring-0 focus:border-primary-600 peer disabled:cursor-not-allowed disabled:opacity-50",
|
|
9
9
|
label: "absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-placeholder-shown:start-6 peer-focus:start-0 peer-focus:text-primary-600 peer-focus:dark:text-primary-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto"
|
|
10
10
|
},
|
|
11
11
|
variants: {
|
|
@@ -5,7 +5,7 @@ export const search = tv({
|
|
|
5
5
|
left: "absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none",
|
|
6
6
|
icon: "text-gray-500 dark:text-gray-400",
|
|
7
7
|
content: "absolute inset-y-0 end-0 flex items-center text-gray-500 dark:text-gray-400",
|
|
8
|
-
input: "block w-full text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500",
|
|
8
|
+
input: "block w-full text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50",
|
|
9
9
|
close: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-black",
|
|
10
10
|
svg: ""
|
|
11
11
|
},
|
|
@@ -158,11 +158,11 @@
|
|
|
158
158
|
<span class={spanCls({ class: clsx(theme?.span, styling.span) })}>
|
|
159
159
|
{tag}
|
|
160
160
|
</span>
|
|
161
|
-
<CloseButton disabled size={closeBtnSize} class={close({ class: clsx(theme?.close, styling.close) })} onclick={() => deleteField(index)} />
|
|
161
|
+
<CloseButton {disabled} size={closeBtnSize} class={close({ class: clsx(theme?.close, styling.close) })} onclick={() => deleteField(index)} />
|
|
162
162
|
</div>
|
|
163
163
|
{/each}
|
|
164
164
|
<div class="relative w-full" bind:this={inputContainer}>
|
|
165
|
-
<input {...inputProps} disabled bind:this={inputElement} onkeydown={handleKeys} oninput={handleInput} bind:value={contents} placeholder={value.length === 0 ? placeholder : ""} type="text" autocomplete="off" class={inputCls({ class: clsx(styling.input) })} />
|
|
165
|
+
<input {...inputProps} {disabled} bind:this={inputElement} onkeydown={handleKeys} oninput={handleInput} bind:value={contents} placeholder={value.length === 0 ? placeholder : ""} type="text" autocomplete="off" class={inputCls({ class: clsx(styling.input) })} />
|
|
166
166
|
{#if availableTags.length > 0 && contents.trim() !== ""}
|
|
167
167
|
{@const filteredSuggestions = availableTags.filter((tag) => tag.toLowerCase().includes(contents.trim().toLowerCase()) && (!unique || !value.some((t) => t.toLowerCase() === tag.toLowerCase())))}
|
|
168
168
|
{#if filteredSuggestions.length > 0}
|
|
@@ -3,7 +3,7 @@ export const textarea = tv({
|
|
|
3
3
|
slots: {
|
|
4
4
|
div: "relative",
|
|
5
5
|
base: "block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-hidden focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50",
|
|
6
|
-
wrapper: "text-sm rounded-lg bg-gray-50 dark:bg-gray-600 text-gray-900 dark:placeholder-gray-400 dark:text-white border border-gray-200 dark:border-gray-500",
|
|
6
|
+
wrapper: "text-sm rounded-lg bg-gray-50 dark:bg-gray-600 text-gray-900 dark:placeholder-gray-400 dark:text-white border border-gray-200 dark:border-gray-500 disabled:cursor-not-allowed disabled:opacity-50",
|
|
7
7
|
inner: "py-2 px-4 bg-white dark:bg-gray-800",
|
|
8
8
|
header: "py-2 px-3 border-gray-200 dark:border-gray-500",
|
|
9
9
|
footer: "py-2 px-3 border-gray-200 dark:border-gray-500",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "flowbite-svelte",
|
|
3
|
-
"version": "1.13.
|
|
3
|
+
"version": "1.13.15",
|
|
4
4
|
"description": "Flowbite components for Svelte",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"author": {
|
|
@@ -13,30 +13,30 @@
|
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"devDependencies": {
|
|
15
15
|
"@changesets/cli": "^2.29.7",
|
|
16
|
-
"@docsearch/css": "^
|
|
17
|
-
"@docsearch/js": "^
|
|
16
|
+
"@docsearch/css": "^4.0.1",
|
|
17
|
+
"@docsearch/js": "^4.0.1",
|
|
18
18
|
"@eslint/compat": "^1.3.2",
|
|
19
|
-
"@eslint/js": "^9.
|
|
19
|
+
"@eslint/js": "^9.36.0",
|
|
20
20
|
"@flowbite-svelte-plugins/chart": "^0.2.4",
|
|
21
21
|
"@flowbite-svelte-plugins/datatable": "^0.4.0",
|
|
22
|
-
"@flowbite-svelte-plugins/texteditor": "^0.25.
|
|
22
|
+
"@flowbite-svelte-plugins/texteditor": "^0.25.5",
|
|
23
23
|
"@playwright/test": "^1.55.0",
|
|
24
24
|
"@resvg/resvg-js": "^2.6.2",
|
|
25
25
|
"@sveltejs/adapter-auto": "^6.1.0",
|
|
26
26
|
"@sveltejs/adapter-vercel": "^5.10.2",
|
|
27
27
|
"@sveltejs/enhanced-img": "0.6.1",
|
|
28
|
-
"@sveltejs/kit": "^2.42.
|
|
29
|
-
"@sveltejs/package": "^2.5.
|
|
28
|
+
"@sveltejs/kit": "^2.42.2",
|
|
29
|
+
"@sveltejs/package": "^2.5.3",
|
|
30
30
|
"@sveltejs/vite-plugin-svelte": "^6.2.0",
|
|
31
31
|
"@svitejs/changesets-changelog-github-compact": "^1.2.0",
|
|
32
32
|
"@tailwindcss/vite": "^4.1.13",
|
|
33
33
|
"@testing-library/jest-dom": "^6.8.0",
|
|
34
34
|
"@testing-library/svelte": "^5.2.8",
|
|
35
35
|
"@testing-library/user-event": "^14.6.1",
|
|
36
|
-
"@tiptap/core": "3.
|
|
36
|
+
"@tiptap/core": "3.4.4",
|
|
37
37
|
"dayjs": "^1.11.18",
|
|
38
38
|
"deepmerge": "^4.3.1",
|
|
39
|
-
"eslint": "^9.
|
|
39
|
+
"eslint": "^9.36.0",
|
|
40
40
|
"eslint-config-prettier": "^10.1.8",
|
|
41
41
|
"eslint-plugin-svelte": "^3.12.3",
|
|
42
42
|
"flowbite-svelte-admin-dashboard": "^2.0.0",
|
|
@@ -55,13 +55,14 @@
|
|
|
55
55
|
"prettier-plugin-svelte": "^3.4.0",
|
|
56
56
|
"prettier-plugin-tailwindcss": "^0.6.14",
|
|
57
57
|
"prism-themes": "^1.9.0",
|
|
58
|
-
"publint": "^0.3.
|
|
58
|
+
"publint": "^0.3.13",
|
|
59
59
|
"runatics": "^0.1.4",
|
|
60
60
|
"runes-meta-tags": "^0.4.5",
|
|
61
61
|
"satori": "^0.18.3",
|
|
62
62
|
"satori-html": "^0.3.2",
|
|
63
63
|
"simple-datatables": "^10.0.0",
|
|
64
|
-
"
|
|
64
|
+
"super-sitemap": "^1.0.5",
|
|
65
|
+
"svelte": "^5.39.3",
|
|
65
66
|
"svelte-check": "^4.3.1",
|
|
66
67
|
"svelte-doc-llm": "^0.4.1",
|
|
67
68
|
"svelte-lib-helpers": "^0.4.30",
|
|
@@ -71,7 +72,7 @@
|
|
|
71
72
|
"tsx": "^4.20.5",
|
|
72
73
|
"typescript": "^5.9.2",
|
|
73
74
|
"typescript-eslint": "^8.44.0",
|
|
74
|
-
"vite": "^
|
|
75
|
+
"vite": "^7.1.6",
|
|
75
76
|
"vite-plugin-devtools-json": "^1.0.0",
|
|
76
77
|
"vitest": "^3.2.4"
|
|
77
78
|
},
|