flowbite-svelte - npm Package Compare versions

Comparing version 0.44.24 to 0.45.0

dist/accordion/Accordion.svelte.d.ts

@@ -23,2 +23,5 @@ import { SvelteComponent } from "svelte";
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
@@ -25,0 +28,0 @@ multiple?: boolean | undefined;

dist/alert/Alert.svelte.d.ts

@@ -14,6 +14,6 @@ import { SvelteComponent } from "svelte";
         role?: string | undefined;
-    } & import("..").Dismissable & {
+        open?: boolean | undefined;
         transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
         params?: any;
-    } & {
+    } & import("..").Dismissable & {
         defaultClass?: string | undefined;
@@ -38,3 +38,3 @@ };
         'close-button': {
-            close: any;
+            close: (ev: MouseEvent | undefined) => void;
         };
@@ -41,0 +41,0 @@ };

dist/badge/Badge.svelte.d.ts

@@ -14,6 +14,6 @@ import { SvelteComponent } from "svelte";
         role?: string | undefined;
-    } & import("..").Dismissable & {
+        open?: boolean | undefined;
         transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
         params?: any;
-    }, "color"> & {
+    } & import("..").Dismissable, "color"> & {
         color?: "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "dark" | "primary" | "none" | undefined;
@@ -30,3 +30,3 @@ large?: boolean | undefined;
         'close-button': {
-            close: any;
+            close: (ev: MouseEvent | undefined) => void;
         };
@@ -33,0 +33,0 @@ };

dist/cards/Card.svelte.d.ts

@@ -15,2 +15,5 @@ import { SvelteComponent } from "svelte";
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
@@ -17,0 +20,0 @@ horizontal?: boolean | undefined;

dist/carousel/CarouselSlide.d.ts

 export declare const canChangeSlide: ({ lastSlideChange, slideDuration, slideDurationRatio }: {
     lastSlideChange: Date;
     slideDuration: number;
-    slideDurationRatio?: number | undefined;
+    slideDurationRatio?: number;
 }) => boolean;
 //# sourceMappingURL=CarouselSlide.d.ts.map

dist/dropdown/Dropdown.svelte.d.ts

@@ -17,2 +17,5 @@ import { SvelteComponent } from "svelte";
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
@@ -19,0 +22,0 @@ activeContent?: boolean | undefined;

dist/forms/Checkbox.svelte.d.ts

@@ -45,3 +45,3 @@ import { SvelteComponent } from "svelte";
  * @prop export let checked: boolean | undefined = undefined;
- * @prop export let spacing: string = 'me-2';
+ * @prop export let spacing: string = $$slots.default ? 'me-2' : '';
  */
@@ -48,0 +48,0 @@ export default class Checkbox extends SvelteComponent<CheckboxProps, CheckboxEvents, CheckboxSlots> {

dist/forms/Radio.svelte.d.ts

@@ -45,3 +45,3 @@ import { SvelteComponent } from "svelte";
  * @prop export let value: number | string = '';
- * @prop export let spacing: string = 'mr-2';
+ * @prop export let spacing: string = $$slots.default ? 'me-2' : '';
  */
@@ -48,0 +48,0 @@ export default class Radio extends SvelteComponent<RadioProps, RadioEvents, RadioSlots> {

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

@@ -15,2 +15,5 @@ import { SvelteComponent } from "svelte";
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
@@ -17,0 +20,0 @@ items?: string[] | ListGroupItemType[] | undefined;

dist/mega-menu/MegaMenu.svelte.d.ts

@@ -15,2 +15,5 @@ import { SvelteComponent } from "svelte";
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
@@ -17,0 +20,0 @@ activeContent?: boolean | undefined;

dist/modal/Modal.svelte.d.ts

@@ -16,2 +16,5 @@ import { SvelteComponent } from "svelte";
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & Dismissable & {
@@ -23,9 +26,14 @@ open?: boolean | undefined;
         autoclose?: boolean | undefined;
+        outsideclose?: boolean | undefined;
         backdropClass?: string | undefined;
-        bodyClass?: string | undefined;
         classBackdrop?: string | undefined;
+        dialogClass?: string | undefined;
         classDialog?: string | undefined;
         defaultClass?: string | undefined;
-        outsideclose?: boolean | undefined;
-        dialogClass?: string | undefined;
+        headerClass?: string | undefined;
+        classHeader?: string | undefined;
+        bodyClass?: string | undefined;
+        classBody?: string | undefined;
+        footerClass?: string | undefined;
+        classFooter?: string | undefined;
     };
@@ -52,9 +60,18 @@ events: {
  * @prop export let size: SizeType = 'md';
+ * @prop export let color: ComponentProps<Frame>['color'] = 'default';
  * @prop export let placement: ModalPlacementType = 'center';
  * @prop export let autoclose: boolean = false;
+ * @prop export let outsideclose: boolean = false;
  * @prop export let dismissable: boolean = true;
  * @prop export let backdropClass: string = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
+ * @prop export let classBackdrop: string | undefined = undefined;
+ * @prop export let dialogClass: string = 'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
+ * @prop export let classDialog: string | undefined = undefined;
  * @prop export let defaultClass: string = 'relative flex flex-col mx-auto';
- * @prop export let outsideclose: boolean = false;
- * @prop export let dialogClass: string = 'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
+ * @prop export let headerClass: string = 'flex justify-between items-center p-4 md:p-5 rounded-t-lg';
+ * @prop export let classHeader: string | undefined = undefined;
+ * @prop export let bodyClass: string = 'p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain';
+ * @prop export let classBody: string | undefined = undefined;
+ * @prop export let footerClass: string = 'flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg';
+ * @prop export let classFooter: string | undefined = undefined;
  */
@@ -61,0 +78,0 @@ export default class Modal extends SvelteComponent<ModalProps, ModalEvents, ModalSlots> {

dist/navbar/Navbar.svelte.d.ts

@@ -15,2 +15,5 @@ import { SvelteComponent } from "svelte";
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
@@ -17,0 +20,0 @@ fluid?: boolean | undefined;

dist/popover/Popover.svelte.d.ts

@@ -14,2 +14,5 @@ import { SvelteComponent } from "svelte";
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
@@ -16,0 +19,0 @@ activeContent?: boolean | undefined;

dist/speed-dial/SpeedDial.svelte.d.ts

@@ -27,2 +27,3 @@ import { SvelteComponent } from "svelte";
     slots: {
+        button: {};
         icon: {};
@@ -29,0 +30,0 @@ default: {};

dist/toast/Toast.svelte.d.ts

@@ -14,9 +14,8 @@ import { SvelteComponent } from "svelte";
         role?: string | undefined;
-    } & import("..").Dismissable & {
+        open?: boolean | undefined;
         transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
         params?: any;
-    } & {
+    } & import("..").Dismissable & {
         color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "blue" | "primary" | "orange" | "none" | undefined;
         position?: "none" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
-        open?: boolean | undefined;
         divClass?: string | undefined;
@@ -36,3 +35,3 @@ defaultIconClass?: string | undefined;
         'close-button': {
-            close: any;
+            close: (ev: MouseEvent | undefined) => void;
         };
@@ -39,0 +38,0 @@ };

dist/toolbar/Toolbar.svelte.d.ts

@@ -14,2 +14,5 @@ import { SvelteComponent } from "svelte";
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
@@ -16,0 +19,0 @@ embedded?: boolean | undefined;

dist/tooltip/Tooltip.svelte.d.ts

@@ -14,2 +14,5 @@ import { SvelteComponent } from "svelte";
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
@@ -16,0 +19,0 @@ activeContent?: boolean | undefined;

dist/utils/focusTrap.d.ts

 /// <reference types="svelte" />
-export default function focusTrap<Node_1 extends HTMLElement>(node: Node_1, parameter?: any): void | import("svelte/action").ActionReturn<any, any>;
+export default function focusTrap<Node extends HTMLElement>(node: Node, parameter?: any): void | import("svelte/action").ActionReturn<any, any>;
 //# sourceMappingURL=focusTrap.d.ts.map

dist/utils/Frame.svelte.d.ts

 import { SvelteComponent } from "svelte";
 import type { Action } from 'svelte/action';
 import type { HTMLAnchorAttributes } from 'svelte/elements';
+import { type TransitionConfig } from 'svelte/transition';
 declare const __propDef: {
@@ -16,2 +17,5 @@ props: HTMLAnchorAttributes & {
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => TransitionConfig) | undefined;
+        params?: any;
     };
@@ -24,2 +28,3 @@ events: {
         focusout: FocusEvent;
+        show: CustomEvent<any>;
     } & {
@@ -47,2 +52,5 @@ [evt: string]: CustomEvent<any>;
  * @prop export let role: string | undefined = undefined;
+ * @prop export let transition: TransitionFunc | undefined = undefined;
+ * @prop export let params: object = {};
+ * @prop export let open: boolean = true;
  */
@@ -49,0 +57,0 @@ export default class Frame extends SvelteComponent<FrameProps, FrameEvents, FrameSlots> {

dist/utils/Popper.svelte.d.ts

@@ -15,2 +15,5 @@ import { SvelteComponent } from "svelte";
         role?: string | undefined;
+        open?: boolean | undefined;
+        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        params?: any;
     } & {
@@ -17,0 +20,0 @@ activeContent?: boolean | undefined;

dist/utils/TransitionFrame.svelte.d.ts

 import { SvelteComponent } from "svelte";
+import type { Dismissable } from '../types';
 import { type TransitionConfig } from 'svelte/transition';
-import type { Dismissable } from '../types';
 declare const __propDef: {
@@ -16,11 +16,15 @@ props: import("svelte/elements").HTMLAnchorAttributes & {
         role?: string | undefined;
-    } & Dismissable & {
+        open?: boolean | undefined;
         transition?: ((node: HTMLElement, params: any) => TransitionConfig) | undefined;
         params?: any;
-    };
+    } & Dismissable;
     events: {
+        show: CustomEvent<any>;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
-        default: {};
+        default: {
+            close: (ev: MouseEvent | undefined) => void;
+        };
     };
@@ -37,3 +41,2 @@ };
  * @prop export let open: boolean = true;
- * @prop export let dismissable: boolean = false;
  */
@@ -40,0 +43,0 @@ export default class TransitionFrame extends SvelteComponent<TransitionFrameProps, TransitionFrameEvents, TransitionFrameSlots> {

package.json

 {
   "name": "flowbite-svelte",
-  "version": "0.44.24",
+  "version": "0.45.0",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
+  "packageManager": "pnpm@8.15.4",
   "author": {
@@ -14,57 +15,39 @@ "name": "Shinichi Okada",
   "license": "MIT",
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build && npm run package",
-    "preview": "vite preview",
-    "package": "svelte-kit sync && svelte-package && publint",
-    "prepublishOnly": "npm run package",
-    "test": "npm run test:integration && npm run test:unit",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --plugin-search-dir . --check . && eslint .",
-    "format": "prettier --plugin-search-dir . --write .",
-    "test:integration": "playwright test",
-    "test:unit": "vitest",
-    "gen:exports": "svelte-lib-helpers exports",
-    "gen:docs": "svelte-lib-helpers docs",
-    "gen:compo-data": "svelte-lib-helpers compo-data",
-    "copy:package": "svelte-lib-helpers package",
-    "lib-helpers": "npm run gen:docs && npm run gen:compo-data && npm run package && npm run gen:exports && npm run copy:package",
-    "package:publish": "npm run format && standard-version && git push --follow-tags origin main && npm publish"
-  },
   "devDependencies": {
-    "@docsearch/js": "^3.5.2",
-    "@playwright/test": "^1.41.2",
-    "@sveltejs/adapter-vercel": "^5.1.0",
-    "@sveltejs/kit": "^2.5.1",
-    "@sveltejs/package": "2.2.7",
-    "@sveltejs/vite-plugin-svelte": "^3.0.2",
-    "@typescript-eslint/eslint-plugin": "^7.0.2",
-    "@typescript-eslint/parser": "^7.0.2",
-    "autoprefixer": "^10.4.17",
-    "esbuild": "0.20.1",
-    "eslint": "^8.56.0",
+    "@changesets/cli": "^2.27.1",
+    "@docsearch/js": "^3.6.0",
+    "@playwright/test": "^1.43.1",
+    "@sveltejs/adapter-vercel": "^5.3.0",
+    "@sveltejs/kit": "^2.5.6",
+    "@sveltejs/package": "2.3.1",
+    "@sveltejs/vite-plugin-svelte": "^3.1.0",
+    "@svitejs/changesets-changelog-github-compact": "^1.1.0",
+    "@typescript-eslint/eslint-plugin": "^7.7.0",
+    "@typescript-eslint/parser": "^7.7.0",
+    "autoprefixer": "^10.4.19",
+    "esbuild": "0.20.2",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.35.1",
-    "flowbite-svelte-icons": "^0.4.5",
+    "eslint-plugin-svelte": "^2.37.0",
+    "flowbite-svelte-icons": "^1.5.0",
     "mdsvex": "^0.11.0",
     "mdsvexamples": "^0.4.1",
-    "postcss": "^8.4.35",
+    "postcss": "^8.4.38",
     "postcss-load-config": "^5.0.3",
     "prettier": "^3.2.5",
-    "prettier-plugin-svelte": "^3.2.1",
+    "prettier-plugin-svelte": "^3.2.3",
     "prism-themes": "^1.9.0",
     "publint": "^0.2.7",
-    "svelte": "^4.2.11",
-    "svelte-check": "^3.6.4",
-    "svelte-lib-helpers": "^0.4.1",
-    "svelte-meta-tags": "^3.1.0",
+    "svelte": "^4.2.14",
+    "svelte-check": "^3.6.9",
+    "svelte-lib-helpers": "^0.4.5",
+    "svelte-meta-tags": "^3.1.2",
     "svelte-preprocess": "^5.1.3",
-    "svelte2tsx": "^0.7.1",
+    "svelte2tsx": "^0.7.6",
     "tailwind-merge": "^1.13.1",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "^3.4.3",
     "tslib": "^2.6.2",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.4",
-    "vitest": "^1.3.1"
+    "typescript": "^5.4.5",
+    "vite": "^5.2.8",
+    "vitest": "^1.5.0"
   },
@@ -119,9 +102,9 @@ "peerDependencies": {
     "@floating-ui/dom": "^1.6.3",
-    "apexcharts": "^3.46.0",
+    "apexcharts": "^3.48.0",
     "flowbite": "^2.3.0",
-    "tailwind-merge": "^2.2.1"
+    "tailwind-merge": "^2.2.2"
   },
   "engines": {
     "pnpm": ">=8.0.0",
-    "node": ">=18.0.0"
+    "node": ">=20.0.0"
   },
@@ -757,3 +740,22 @@ "files": [
     "./package.json": "./package.json"
+  },
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run package",
+    "preview": "vite preview",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "test": "npm run test:integration && npm run test:unit",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "prettier --plugin-search-dir . --check . && eslint .",
+    "format": "prettier --plugin-search-dir . --write .",
+    "test:integration": "playwright test",
+    "test:unit": "vitest",
+    "gen:exports": "svelte-lib-helpers exports",
+    "gen:docs": "svelte-lib-helpers docs",
+    "gen:compo-data": "svelte-lib-helpers compo-data",
+    "copy:package": "svelte-lib-helpers package",
+    "lib-helpers": "npm run gen:docs && npm run gen:compo-data && npm run package && npm run gen:exports && npm run copy:package",
+    "package:publish": "standard-version && git push --follow-tags origin main && npm publish"
   }
-}
+}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

643767

increased by0.86%

Lines of code

6160

increased by0.95%

Worsened metrics

Dev dependency count

36

increased by5.88%

Dependency changes

• Updatedapexcharts@^3.48.0

• Updatedtailwind-merge@^2.2.2