flowbite-svelte 0.26.20 → 0.26.22

package/forms/Helper.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        helperClass?: string;
-        color?: 'gray' | 'green' | 'red' | 'disabled';
+        helperClass?: string | undefined;
+        color?: "gray" | "red" | "green" | "disabled" | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/forms/Iconinput.svelte.d.ts

@@ -2,14 +2,14 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        value?: string;
-        size?: 'sm' | 'md' | 'lg';
-        noBorder?: boolean;
-        inputClass?: string;
-        spanClass?: string;
-        noBorderInputClass?: string;
-        pointerEvent?: boolean;
-        noBorderDivClass?: string;
+        value?: string | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        noBorder?: boolean | undefined;
+        inputClass?: string | undefined;
+        spanClass?: string | undefined;
+        noBorderInputClass?: string | undefined;
+        pointerEvent?: boolean | undefined;
+        noBorderDivClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/forms/Input.svelte.d.ts

@@ -3,11 +3,11 @@ import type { InputType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        type?: InputType;
-        value?: string;
-        size?: 'sm' | 'md' | 'lg';
-        inputClass?: string;
-        color?: 'base' | 'green' | 'red';
+        type?: InputType | undefined;
+        value?: string | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        inputClass?: string | undefined;
+        color?: "red" | "green" | "base" | undefined;
     };
     events: {
         blur: FocusEvent;

package/forms/Label.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        color?: 'gray' | 'green' | 'red' | 'disabled';
-        defaultClass?: string;
-        show?: boolean;
+        color?: "gray" | "red" | "green" | "disabled" | undefined;
+        defaultClass?: string | undefined;
+        show?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/forms/Radio.svelte.d.ts

@@ -5,11 +5,11 @@ import type { FormColorType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        color?: FormColorType;
-        custom?: boolean;
-        inline?: boolean;
-        group?: number | string;
-        value?: string;
+        color?: FormColorType | undefined;
+        custom?: boolean | undefined;
+        inline?: boolean | undefined;
+        group?: string | number | undefined;
+        value?: string | undefined;
     };
     events: {
         blur: FocusEvent;

package/forms/Range.svelte.d.ts

@@ -3,7 +3,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         value: number;
-        size?: 'sm' | 'md' | 'lg';
+        size?: "sm" | "md" | "lg" | undefined;
     };
     events: {
         change: Event;

package/forms/Search.svelte.d.ts

@@ -2,11 +2,11 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        id?: string;
-        labelClass?: string;
-        inputClass?: string;
-        btnClass?: string;
-        placeholder?: string;
+        id?: string | undefined;
+        labelClass?: string | undefined;
+        inputClass?: string | undefined;
+        btnClass?: string | undefined;
+        placeholder?: string | undefined;
     };
     events: {
         submit: SubmitEvent;

package/forms/Select.svelte.d.ts

@@ -3,13 +3,13 @@ import type { SelectOptionType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        items?: SelectOptionType[];
+        items?: SelectOptionType[] | undefined;
         value: string;
-        placeholder?: string;
-        underline?: boolean;
-        size?: 'sm' | 'md' | 'lg';
-        defaultClass?: string;
-        underlineClass?: string;
+        placeholder?: string | undefined;
+        underline?: boolean | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        defaultClass?: string | undefined;
+        underlineClass?: string | undefined;
     };
     events: {
         change: Event;

package/forms/SimpleSearch.svelte.d.ts

@@ -2,13 +2,13 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        id?: string;
-        labelClass?: string;
-        iconClass?: string;
-        iconDivClass?: string;
-        inputClass?: string;
-        btnClass?: string;
-        placeholder?: string;
+        id?: string | undefined;
+        labelClass?: string | undefined;
+        iconClass?: string | undefined;
+        iconDivClass?: string | undefined;
+        inputClass?: string | undefined;
+        btnClass?: string | undefined;
+        placeholder?: string | undefined;
     };
     events: {
         submit: SubmitEvent;

package/forms/Textarea.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        value?: string;
+        value?: string | undefined;
     };
     events: {
         blur: FocusEvent;

package/forms/Toggle.svelte.d.ts

@@ -2,10 +2,10 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        size?: 'small' | 'default' | 'large';
-        group?: string[];
-        value?: string;
-        checked?: boolean;
+        size?: "default" | "small" | "large" | undefined;
+        group?: string[] | undefined;
+        value?: string | undefined;
+        checked?: boolean | undefined;
     };
     events: {
         click: MouseEvent;

package/forms/VoiceSearch.svelte.d.ts

@@ -2,15 +2,15 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        id?: string;
-        labelClass?: string;
-        iconClass?: string;
-        iconDivClass?: string;
-        inputClass?: string;
-        btnClass?: string;
-        voiceBtnClass?: string;
-        voiceIconClass?: string;
-        placeholder?: string;
+        id?: string | undefined;
+        labelClass?: string | undefined;
+        iconClass?: string | undefined;
+        iconDivClass?: string | undefined;
+        inputClass?: string | undefined;
+        btnClass?: string | undefined;
+        voiceBtnClass?: string | undefined;
+        voiceIconClass?: string | undefined;
+        placeholder?: string | undefined;
     };
     events: {
         submit: SubmitEvent;

package/kbd/ArrowKeyDown.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        svgClass?: string;
+        svgClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/kbd/ArrowKeyLeft.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        svgClass?: string;
+        svgClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/kbd/ArrowKeyRight.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        svgClass?: string;
+        svgClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/kbd/ArrowKeyUp.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        svgClass?: string;
+        svgClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/kbd/Kbd.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        kbdClass?: string;
+        kbdClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/list-group/Listgroup.svelte.d.ts

@@ -3,8 +3,8 @@ import type { ListGroupItemType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        items?: ListGroupItemType[];
-        active?: boolean;
+        items?: ListGroupItemType[] | undefined;
+        active?: boolean | undefined;
     };
     events: {
         click: CustomEvent<any>;

package/list-group/ListgroupItem.svelte.d.ts

@@ -2,10 +2,10 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        active?: boolean;
-        current?: boolean;
-        disabled?: boolean;
-        href?: string;
+        active?: boolean | undefined;
+        current?: boolean | undefined;
+        disabled?: boolean | undefined;
+        href?: string | undefined;
     };
     events: {
         blur: FocusEvent;

package/megamenu/MegaMenu.svelte.d.ts

@@ -5,9 +5,9 @@ declare const __propDef: {
         [x: string]: any;
         items?: (LinkType & {
             [propName: string]: any;
-        })[];
-        full?: boolean;
-        open?: boolean;
+        })[] | undefined;
+        full?: boolean | undefined;
+        open?: boolean | undefined;
     };
     events: {
         show: CustomEvent<any>;

package/modals/Modal.svelte.d.ts

@@ -1,12 +1,12 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        open?: boolean;
-        title?: string;
-        size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-        placement?: 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-        autoclose?: boolean;
-        backdropClasses?: string;
+        open?: boolean | undefined;
+        title?: string | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        placement?: "top-left" | "top-center" | "top-right" | "center-left" | "center" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right" | undefined;
+        autoclose?: boolean | undefined;
+        backdropClasses?: string | undefined;
     };
     events: {
         show: CustomEvent<any>;

package/navbar/Menu.svelte.d.ts

@@ -2,10 +2,10 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        size?: string;
-        color?: string;
-        variation?: 'solid' | 'outline';
-        ariaLabel?: string;
+        size?: string | undefined;
+        color?: string | undefined;
+        variation?: "solid" | "outline" | undefined;
+        ariaLabel?: string | undefined;
     };
     events: {
         click: MouseEvent;

package/navbar/NavBrand.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        href?: string;
+        href?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/navbar/NavDropdown.svelte.d.ts

@@ -2,12 +2,12 @@ import { SvelteComponentTyped } from "svelte";
 import type { NavbarType } from '../types';
 declare const __propDef: {
     props: {
-        liButtonClass?: string;
+        liButtonClass?: string | undefined;
         name: string;
-        child?: NavbarType[];
-        dropdownDiv?: string;
-        dropdownLinkClassWithChild?: string;
-        rel?: string;
+        child?: NavbarType[] | undefined;
+        dropdownDiv?: string | undefined;
+        dropdownLinkClassWithChild?: string | undefined;
+        rel?: string | undefined;
     };
     events: {
         blur: FocusEvent;

package/navbar/NavHamburger.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        btnClass?: string;
+        btnClass?: string | undefined;
     };
     events: {
         click: MouseEvent;

package/navbar/NavLi.svelte.d.ts

@@ -2,10 +2,10 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        href?: string;
-        active?: boolean;
-        activeClass?: string;
-        nonActiveClass?: string;
+        href?: string | undefined;
+        active?: boolean | undefined;
+        activeClass?: string | undefined;
+        nonActiveClass?: string | undefined;
     };
     events: {
         blur: FocusEvent;

package/navbar/NavUl.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divClass?: string;
-        ulClass?: string;
-        hidden?: boolean;
+        divClass?: string | undefined;
+        ulClass?: string | undefined;
+        hidden?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/navbar/Navbar.svelte.d.ts

@@ -2,10 +2,10 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        navClass?: string;
-        navDivClass?: string;
-        fluid?: boolean;
-        color?: string;
+        navClass?: string | undefined;
+        navDivClass?: string | undefined;
+        fluid?: boolean | undefined;
+        color?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.26.20",
+  "version": "0.26.22",
   "description": "Flowbite components for Svelte",
   "main": "index.js",
   "author": {
@@ -14,30 +14,30 @@
   "devDependencies": {
     "@playwright/test": "^1.25.0",
     "@sveltejs/adapter-auto": "next",
-    "@sveltejs/kit": "1.0.0-next.420",
-    "@sveltejs/package": "1.0.0-next.1",
-    "@typescript-eslint/eslint-plugin": "^5.33.0",
-    "@typescript-eslint/parser": "^5.33.0",
-    "autoprefixer": "^10.4.8",
+    "@sveltejs/kit": "next",
+    "@sveltejs/package": "1.0.0-next.3",
+    "@typescript-eslint/eslint-plugin": "^5.27.0",
+    "@typescript-eslint/parser": "^5.27.0",
+    "autoprefixer": "^10.4.7",
     "createprops": "^0.4.9",
-    "eslint": "^8.21.0",
-    "eslint-config-prettier": "^8.5.0",
+    "eslint": "^8.16.0",
+    "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "mdsvex": "^0.10.6",
-    "postcss": "^8.4.16",
-    "postcss-load-config": "3.1.4",
-    "prettier": "^2.7.1",
+    "postcss": "^8.4.14",
+    "postcss-load-config": "^4.0.1",
+    "prettier": "^2.6.2",
     "prettier-plugin-svelte": "^2.7.0",
     "prism-themes": "^1.9.0",
-    "svelte": "^3.49.0",
-    "svelte-check": "^2.8.0",
+    "svelte": "^3.44.0",
+    "svelte-check": "^2.7.1",
     "svelte-preprocess": "^4.10.7",
     "svelte-sidebar-menu": "^0.9.11",
-    "svelte2tsx": "^0.5.13",
-    "tailwindcss": "^3.1.8",
-    "tslib": "^2.4.0",
-    "typescript": "~4.7.4",
-    "vite": "^3.0.7"
+    "svelte2tsx": "^0.5.18",
+    "tailwindcss": "^3.1.5",
+    "tslib": "^2.3.1",
+    "typescript": "^4.7.4",
+    "vite": "^3.1.0"
   },
   "type": "module",
   "keywords": [
@@ -83,10 +83,9 @@
     "url": "https://github.com/themesberg/flowbite-svelte"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.0.1",
     "@popperjs/core": "^2.11.6",
-    "classnames": "^2.3.1",
-    "flowbite": "^1.5.2"
+    "classnames": "^2.3.2",
+    "flowbite": "^1.5.3"
   },
   "engines": {
     "npm": ">=7.0.0",

package/paginations/Next.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        icon?: boolean;
-        nextClass?: string;
+        icon?: boolean | undefined;
+        nextClass?: string | undefined;
     };
     events: {
         blur: FocusEvent;

package/paginations/Pagination.svelte.d.ts

@@ -2,14 +2,14 @@ import { SvelteComponentTyped } from "svelte";
 import type { PageType } from '../types';
 declare const __propDef: {
     props: {
-        icon?: boolean;
+        icon?: boolean | undefined;
         pages: PageType[];
-        ulClass?: string;
-        pageClass?: string;
-        previousClass?: string;
-        nextClass?: string;
-        iconPreviousClass?: string;
-        iconNextClass?: string;
+        ulClass?: string | undefined;
+        pageClass?: string | undefined;
+        previousClass?: string | undefined;
+        nextClass?: string | undefined;
+        iconPreviousClass?: string | undefined;
+        iconNextClass?: string | undefined;
     };
     events: {
         blur: FocusEvent;

package/paginations/Previous.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        icon?: boolean;
-        previousClass?: string;
+        icon?: boolean | undefined;
+        previousClass?: string | undefined;
     };
     events: {
         blur: FocusEvent;

package/paginations/TableData.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 import type { TableDataHelperType } from '../types';
 declare const __propDef: {
     props: {
-        btnPreClass?: string;
-        btnNextClass?: string;
+        btnPreClass?: string | undefined;
+        btnNextClass?: string | undefined;
         helper?: TableDataHelperType | undefined;
     };
     events: {

package/popover/Popover.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        title?: string;
-        defaultClass?: string;
+        title?: string | undefined;
+        defaultClass?: string | undefined;
     };
     events: {
         show: CustomEvent<any>;

package/progressbars/Progressbar.svelte.d.ts

@@ -3,12 +3,12 @@ import type { Colors } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        progress?: string;
-        size?: string;
-        labelInside?: boolean;
-        labelOutside?: string;
-        color?: Colors;
-        labelInsideClass?: string;
+        progress?: string | undefined;
+        size?: string | undefined;
+        labelInside?: boolean | undefined;
+        labelOutside?: string | undefined;
+        color?: Colors | undefined;
+        labelInsideClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/ratings/AdvancedRating.svelte.d.ts

@@ -4,13 +4,13 @@ declare const __propDef: {
         ratings?: {
             label: string;
             rating: number;
-        }[];
-        divClass?: string;
-        labelClass?: string;
-        ratingDivClass?: string;
-        ratingClass?: string;
-        rightLabelClass?: string;
-        unit?: string;
+        }[] | undefined;
+        divClass?: string | undefined;
+        labelClass?: string | undefined;
+        ratingDivClass?: string | undefined;
+        ratingClass?: string | undefined;
+        rightLabelClass?: string | undefined;
+        unit?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/ratings/Rating.svelte.d.ts

@@ -1,12 +1,12 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        divClass?: string;
-        size?: string;
-        total?: number;
-        rating?: number;
-        ceil?: boolean;
-        count?: boolean;
+        divClass?: string | undefined;
+        size?: string | undefined;
+        total?: number | undefined;
+        rating?: number | undefined;
+        ceil?: boolean | undefined;
+        count?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/ratings/RatingComment.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        ceil?: boolean;
-        helpfullink?: string;
-        abuselink?: string;
+        ceil?: boolean | undefined;
+        helpfullink?: string | undefined;
+        abuselink?: string | undefined;
         comment: {
             id: string;
             user: {