flowbite-svelte - npm Package Compare versions

Comparing version 0.38.1 to 0.38.2

dist/banner/Banner.svelte.d.ts

@@ -8,5 +8,5 @@ import { SvelteComponentTyped } from "svelte";
         dismissable?: boolean | undefined;
-        bannerType?: "default" | "custom" | "bottom" | "cta" | "signup" | "info" | undefined;
-        divDefault?: string | undefined;
-        insideDiv?: string | undefined;
+        bannerType?: "default" | "bottom" | "cta" | "signup" | "info" | undefined;
+        divClass?: string | undefined;
+        innerClass?: string | undefined;
     };
@@ -46,4 +46,4 @@ events: {
  * @prop dismissable: boolean = true;
- * @prop bannerType: 'default' | 'bottom' | 'cta' | 'signup' | 'info' | 'custom' = 'default';
- * @prop divDefault: string = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
+ * @prop bannerType: 'default' | 'bottom' | 'cta' | 'signup' | 'info' = 'default';
+ * @prop divClass: string = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
  * @prop insideDiv: string = 'flex';
@@ -50,0 +50,0 @@ * ## Event

dist/bottom-nav/BottomNav.svelte.d.ts

@@ -6,7 +6,5 @@ import { SvelteComponentTyped } from "svelte";
         position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
-        navType?: "default" | "border" | "application" | "group" | "custom" | "pagination" | "card" | "meeting" | "video" | undefined;
-        outerDefault?: string | undefined;
-        innerDefault?: string | undefined;
-        outerCustom?: string | undefined;
-        innerCustom?: string | undefined;
+        navType?: "default" | "border" | "application" | "group" | "pagination" | "card" | "meeting" | "video" | undefined;
+        outerClass?: string | undefined;
+        innerClass?: string | undefined;
     };
@@ -36,4 +34,4 @@ events: {
  * @prop navType:| 'default' | 'border' | 'application' | 'pagination' | 'group' | 'card' | 'meeting' | 'video' | 'custom' = 'default';
- * @prop outerDefault: string = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
- * @prop innerDefault: string = 'grid h-full max-w-lg mx-auto';
+ * @prop outerClass: string = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
+ * @prop innerClass: string = 'grid h-full max-w-lg mx-auto';
  * @prop outerCustom: string = '';
@@ -40,0 +38,0 @@ * @prop innerCustom: string = '';

dist/bottom-nav/BottomNavItem.svelte.d.ts

@@ -6,8 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         btnName?: string | undefined;
-        appBtnPosition?: "custom" | "left" | "middle" | "right" | undefined;
-        btnDefault?: string | undefined;
-        spanDefault?: string | undefined;
-        btnCustom?: string | undefined;
-        spanCustom?: string | undefined;
-        appCustom?: string | undefined;
+        appBtnPosition?: "left" | "middle" | "right" | undefined;
     };
@@ -14,0 +9,0 @@ events: {

dist/carousels/Caption.svelte.d.ts

@@ -6,2 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         captionClass?: string | undefined;
+        pClass?: string | undefined;
     };
@@ -8,0 +9,0 @@ events: {

dist/carousels/Carousel.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        [x: string]: any;
+        id?: string | undefined;
         showIndicators?: boolean | undefined;
@@ -11,2 +13,3 @@ showCaptions?: boolean | undefined;
         duration?: number | undefined;
+        thumbClass?: string | undefined;
         divClass?: string | undefined;
@@ -52,3 +55,3 @@ indicatorDivClass?: string | undefined;
  * @prop duration: number = 2000;
- *
+ * @prop thumbClass: string = 'opacity-40';
  * ### Carousel
@@ -55,0 +58,0 @@ * @prop divClass: string = 'overflow-hidden relative h-56 rounded-lg sm:h-64 xl:h-80 2xl:h-96';

dist/carousels/CarouselTransition.svelte.d.ts

@@ -5,2 +5,3 @@ import { SvelteComponentTyped } from "svelte";
     props: {
+        [x: string]: any;
         showIndicators?: boolean | undefined;
@@ -15,2 +16,3 @@ showCaptions?: boolean | undefined;
         duration?: number | undefined;
+        thumbClass?: string | undefined;
         divClass?: string | undefined;
@@ -57,2 +59,3 @@ indicatorDivClass?: string | undefined;
  * @prop duration: number = 2000;
+ * @prop thumbClass: string = 'opacity-40';
  * ### Carousel
@@ -59,0 +62,0 @@ * @prop divClass: string = 'overflow-hidden relative h-56 rounded-lg sm:h-64 xl:h-80 2xl:h-96';

dist/carousels/Thumbnail.svelte.d.ts

@@ -10,2 +10,3 @@ import { SvelteComponentTyped } from "svelte";
         selected?: boolean | undefined;
+        thumbClass?: string | undefined;
     };
@@ -12,0 +13,0 @@ events: {

dist/device-mockup/DeviceMockup.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        [x: string]: any;
         device?: "default" | "ios" | "android" | "tablet" | "laptop" | "desktop" | "smartwatch" | undefined;
@@ -5,0 +6,0 @@ androidDiv?: string | undefined;

dist/dropdowns/Dropdown.svelte.d.ts

@@ -6,3 +6,2 @@ import { SvelteComponentTyped } from "svelte";
         open?: boolean | undefined;
-        frameClass?: string | undefined;
         headerClass?: string | undefined;
@@ -55,3 +54,2 @@ ulClass?: string | undefined;
  * @prop open: boolean = false;
- * @prop frameClass: string = '';
  * @prop headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
@@ -58,0 +56,0 @@ * @prop ulClass: string = 'py-1 w-44';

dist/forms/Input.svelte.d.ts

@@ -13,2 +13,3 @@ import { SvelteComponentTyped } from "svelte";
         color?: "red" | "green" | "base" | undefined;
+        floatClass?: string | undefined;
     };
@@ -15,0 +16,0 @@ events: {

dist/modals/Modal.svelte.d.ts

@@ -251,3 +251,3 @@ import { SvelteComponentTyped } from "svelte";
         permanent?: boolean | undefined;
-        backdropClasses?: string | undefined;
+        backdropClass?: string | undefined;
         defaultClass?: string | undefined;
@@ -290,3 +290,3 @@ outsideclose?: boolean | undefined;
  * @prop permanent: boolean = false;
- * @prop backdropClasses: string = 'bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
+ * @prop backdropClass: string = 'bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
  * @prop defaultClass: string = 'relative flex flex-col mx-auto';
@@ -293,0 +293,0 @@ * @prop outsideclose: boolean = false;

dist/navbar/NavDropdown.svelte.d.ts

@@ -5,3 +5,4 @@ import { SvelteComponentTyped } from "svelte";
     props: {
-        liButtonClass?: string | undefined;
+        [x: string]: any;
+        liBtnClass?: string | undefined;
         name: string;
@@ -37,3 +38,3 @@ child?: NavbarType[] | undefined;
  * ## Props
- * @prop liButtonClass: string = 'flex items-center justify-between w-full';
+ * @prop liBtnClass: string = 'flex items-center justify-between w-full';
  * @prop name: string;
@@ -40,0 +41,0 @@ * @prop child: NavbarType[] = [];

dist/navbar/NavHamburger.svelte.d.ts

@@ -6,2 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         btnClass?: string | undefined;
+        menuClass?: string | undefined;
     };
@@ -8,0 +9,0 @@ events: {

dist/navbar/NavSidebarHamburger.svelte.d.ts

@@ -6,2 +6,3 @@ import { SvelteComponentTyped } from "svelte";
         btnClass?: string | undefined;
+        sideMenuClass?: string | undefined;
     };
@@ -8,0 +9,0 @@ events: {

dist/progressbars/Progressbar.svelte.d.ts

@@ -11,2 +11,3 @@ import { SvelteComponentTyped } from "svelte";
         labelInsideClass?: string | undefined;
+        divClass?: string | undefined;
     };
@@ -13,0 +14,0 @@ events: {

dist/toasts/Toast.svelte.d.ts

@@ -153,40 +153,2 @@ import { SvelteComponentTyped } from "svelte";
         'on:toggle'?: import("svelte/elements").EventHandler<Event, HTMLAnchorElement> | null | undefined;
-        /**
-         * ## Features
-         * [Go to Toast](https://flowbite-svelte.com/docs/components/toast)
-         * - Setup
-         * - Default toast
-         * - Simple toast
-         * - Colors
-         * - Icons
-         * - Autohide example
-         * - Transitions
-         * - Blur examples
-         * - Fly examples
-         * - Undo button
-         * - Advanced examples
-         * - Toast message
-         * - Push notification
-         * - Interactive toast
-         * - Positioning
-         * ## Props
-         * @prop simple: boolean = false;
-         * @prop position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none' = 'none';
-         * @prop open: boolean = true;
-         * @prop divClass: string = 'w-full max-w-xs p-4';
-         * @prop defaultIconClass: string = 'inline-flex items-center justify-center flex-shrink-0 w-8 h-8 mr-3';
-         * ## Example
-         * ```
-         * <script>
-         *   import { Toast } from 'flowbite-svelte';
-         * </script>
-         * <Toast>
-         *   <svelte:fragment slot="icon">
-         *     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0112 21 8.25 8.25 0 016.038 7.048 8.287 8.287 0 009 9.6a8.983 8.983 0 013.361-6.867 8.21 8.21 0 003 2.48z" /><path stroke-linecap="round" stroke-linejoin="round" d="M12 18a3.75 3.75 0 00.495-7.467 5.99 5.99 0 00-1.925 3.546 5.974 5.974 0 01-2.133-1A3.75 3.75 0 0012 18z" />
-         *     </svg>
-         *   </svelte:fragment>
-         *   Dismissable user notification.
-         * </Toast>
-         * ```
-         */
         'on:keydown'?: import("svelte/elements").KeyboardEventHandler<HTMLAnchorElement> | null | undefined;
@@ -193,0 +155,0 @@ 'on:keypress'?: import("svelte/elements").KeyboardEventHandler<HTMLAnchorElement> | null | undefined;

package.json

 {
   "name": "flowbite-svelte",
-  "version": "0.38.1",
+  "version": "0.38.2",
   "description": "Flowbite components for Svelte",
@@ -32,13 +32,13 @@ "main": "dist/index.js",
   "devDependencies": {
-    "@docsearch/js": "^3.4.0",
-    "@playwright/test": "^1.34.3",
-    "@sveltejs/adapter-vercel": "^3.0.0",
-    "@sveltejs/kit": "^1.20.0",
+    "@docsearch/js": "^3.5.0",
+    "@playwright/test": "^1.35.0",
+    "@sveltejs/adapter-vercel": "^3.0.1",
+    "@sveltejs/kit": "^1.20.2",
     "@sveltejs/package": "2.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.59.8",
-    "@typescript-eslint/parser": "^5.59.8",
+    "@typescript-eslint/eslint-plugin": "^5.59.11",
+    "@typescript-eslint/parser": "^5.59.11",
     "autoprefixer": "^10.4.14",
     "createprops": "^0.5.5",
-    "esbuild": "0.17.19",
-    "eslint": "^8.41.0",
+    "esbuild": "0.18.2",
+    "eslint": "^8.42.0",
     "eslint-config-prettier": "^8.8.0",
@@ -56,3 +56,3 @@ "eslint-plugin-svelte3": "^4.0.0",
     "svelte-check": "^3.4.3",
-    "svelte-meta-tags": "^2.7.2",
+    "svelte-meta-tags": "^2.8.0",
     "svelte-preprocess": "^5.0.4",
@@ -62,6 +62,6 @@ "svelte2tsx": "^0.6.15",
     "tailwindcss": "^3.3.2",
-    "tslib": "^2.5.2",
-    "typescript": "^5.0.4",
+    "tslib": "^2.5.3",
+    "typescript": "^5.1.3",
     "vite": "^4.3.9",
-    "vitest": "^0.31.3"
+    "vitest": "^0.31.4"
   },
@@ -116,4 +116,4 @@ "peerDependencies": {
     "@popperjs/core": "^2.11.8",
-    "tailwind-merge": "^1.13.1",
-    "flowbite": "^1.6.5"
+    "flowbite": "^1.6.5",
+    "tailwind-merge": "^1.13.1"
   },
@@ -120,0 +120,0 @@ "engines": {

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

1131864

increased by0.32%

Worsened metrics

Lines of code

12281

decreased by-0.28%

No dependency changes