flowbite-svelte 0.38.1 → 0.38.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.38.1",
+  "version": "0.38.3",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -29,17 +29,17 @@
     "gen:props": "createprops && npm run format"
   },
   "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.1",
+    "@sveltejs/adapter-vercel": "^3.0.1",
+    "@sveltejs/kit": "^1.20.4",
     "@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.4",
+    "eslint": "^8.43.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "mdsvex": "^0.10.6",
@@ -52,15 +52,15 @@
     "publint": "^0.1.12",
     "svelte": "^3.59.1",
     "svelte-check": "^3.4.3",
-    "svelte-meta-tags": "^2.7.2",
+    "svelte-meta-tags": "^2.8.0",
     "svelte-preprocess": "^5.0.4",
     "svelte2tsx": "^0.6.15",
     "tailwind-merge": "^1.13.1",
     "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"
   },
   "peerDependencies": {
     "svelte": "^3.55.1 || ^4.0.0"
@@ -110,8 +110,8 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "tailwind-merge": "^1.13.1",
-    "flowbite": "^1.6.5"
+    "flowbite": "^1.6.6",
+    "tailwind-merge": "^1.13.1"
   },
   "engines": {
     "npm": ">=7.0.0",
@@ -410,10 +410,6 @@
       "types": "./dist/navbar/NavBrand.svelte.d.ts",
       "svelte": "./dist/navbar/NavBrand.svelte"
     },
-    "./NavDropdown.svelte": {
-      "types": "./dist/navbar/NavDropdown.svelte.d.ts",
-      "svelte": "./dist/navbar/NavDropdown.svelte"
-    },
     "./NavHamburger.svelte": {
       "types": "./dist/navbar/NavHamburger.svelte.d.ts",
       "svelte": "./dist/navbar/NavHamburger.svelte"

package/dist/navbar/NavDropdown.svelte

@@ -1,102 +0,0 @@
-<script>import { clickOutside } from '../utils/clickOutside';
-export let liButtonClass = 'flex items-center justify-between w-full';
-export let name;
-export let child = [];
-export let dropdownDiv = '';
-export let dropdownLinkClassWithChild = undefined;
-export let rel = undefined;
-let hidden = true;
-let block = false;
-const handleDropdown = () => {
-    hidden = !hidden;
-    block = !block;
-};
-let liClass = 'flex justify-center py-2 pr-4 pl-3 text-gray-700 border-b border-gray-100 hover:bg-gray-50 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 md:p-0 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700';
-</script>
-
-<li use:clickOutside={() => !hidden && handleDropdown()} class={liClass}>
-  <button on:click={() => handleDropdown()} class={liButtonClass}
-    >{name}
-    <svg class="ml-1 w-4 h-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
-      ><path
-        fill-rule="evenodd"
-        d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-        clip-rule="evenodd" /></svg
-    ></button>
-
-  <!-- Dropdown menu -->
-  <div class:hidden class="absolute {dropdownDiv} mt-8 z-10">
-    <slot>
-      <ul class="py-1" aria-labelledby="dropdownLargeButton">
-        {#each child as item}
-          <li>
-            <a
-              href={item.href}
-              {rel}
-              on:blur
-              on:change
-              on:click
-              on:focus
-              on:keydown
-              on:keypress
-              on:keyup
-              on:mouseenter
-              on:mouseleave
-              on:mouseover
-              class={dropdownLinkClassWithChild}>{item.name}</a>
-          </li>
-        {/each}
-      </ul>
-    </slot>
-  </div>
-</li>
-
-<!--
-  @component
-  [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
-  ## Props
-  @prop liButtonClass: string = 'flex items-center justify-between w-full';
-  @prop name: string;
-  @prop child: NavbarType[] = [];
-  @prop dropdownDiv: string = '';
-  @prop dropdownLinkClassWithChild: string | undefined = undefined;
-  @prop rel: string | undefined = undefined;
-  ## Event
-  - on:blur
-  - on:change
-  - on:click
-  - on:focus
-  - on:keydown
-  - on:keypress
-  - on:keyup
-  - on:mouseenter
-  - on:mouseleave
-  - on:mouseover
-  ## Example
-  ```
-  <script>
-    import { Navbar, NavBrand, NavLi, NavUl, NavHamburger } from 'flowbite-svelte'
-  </script>
-
-  <Navbar let:hidden let:toggle>
-    <NavBrand href="/">
-      <img
-        src="/images/flowbite-svelte-icon-logo.svg"
-        class="mr-3 h-6 sm:h-9"
-        alt="Flowbite Logo"
-      />
-      <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
-        Flowbite
-      </span>
-    </NavBrand>
-    <NavHamburger on:click={toggle} />
-    <NavUl {hidden}>
-      <NavLi href="/" active={true}>Home</NavLi>
-      <NavLi href="/about">About</NavLi>
-      <NavLi href="/services">Services</NavLi>
-      <NavLi href="/pricing">Pricing</NavLi>
-      <NavLi href="/contact">Contact</NavLi>
-    </NavUl>
-  </Navbar>
-  ```
--->

package/dist/navbar/NavDropdown.svelte.d.ts

@@ -1,84 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { NavbarType } from '../types';
-declare const __propDef: {
-    props: {
-        liButtonClass?: string | undefined;
-        name: string;
-        child?: NavbarType[] | undefined;
-        dropdownDiv?: string | undefined;
-        dropdownLinkClassWithChild?: string | undefined;
-        rel?: string | undefined;
-    };
-    events: {
-        blur: FocusEvent;
-        change: Event;
-        click: MouseEvent;
-        focus: FocusEvent;
-        keydown: KeyboardEvent;
-        keypress: KeyboardEvent;
-        keyup: KeyboardEvent;
-        mouseenter: MouseEvent;
-        mouseleave: MouseEvent;
-        mouseover: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type NavDropdownProps = typeof __propDef.props;
-export type NavDropdownEvents = typeof __propDef.events;
-export type NavDropdownSlots = typeof __propDef.slots;
-/**
- * [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
- * ## Props
- * @prop liButtonClass: string = 'flex items-center justify-between w-full';
- * @prop name: string;
- * @prop child: NavbarType[] = [];
- * @prop dropdownDiv: string = '';
- * @prop dropdownLinkClassWithChild: string | undefined = undefined;
- * @prop rel: string | undefined = undefined;
- * ## Event
- * - on:blur
- * - on:change
- * - on:click
- * - on:focus
- * - on:keydown
- * - on:keypress
- * - on:keyup
- * - on:mouseenter
- * - on:mouseleave
- * - on:mouseover
- * ## Example
- * ```
- * <script>
- *   import { Navbar, NavBrand, NavLi, NavUl, NavHamburger } from 'flowbite-svelte'
- * </script>
- *
- * <Navbar let:hidden let:toggle>
- *   <NavBrand href="/">
- *     <img
- *       src="/images/flowbite-svelte-icon-logo.svg"
- *       class="mr-3 h-6 sm:h-9"
- *       alt="Flowbite Logo"
- *     />
- *     <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
- *       Flowbite
- *     </span>
- *   </NavBrand>
- *   <NavHamburger on:click={toggle} />
- *   <NavUl {hidden}>
- *     <NavLi href="/" active={true}>Home</NavLi>
- *     <NavLi href="/about">About</NavLi>
- *     <NavLi href="/services">Services</NavLi>
- *     <NavLi href="/pricing">Pricing</NavLi>
- *     <NavLi href="/contact">Contact</NavLi>
- *   </NavUl>
- * </Navbar>
- * ```
- */
-export default class NavDropdown extends SvelteComponentTyped<NavDropdownProps, NavDropdownEvents, NavDropdownSlots> {
-}
-export {};
-//# sourceMappingURL=NavDropdown.svelte.d.ts.map

package/dist/navbar/NavDropdown.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavDropdown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/NavDropdown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAgD3C,QAAA,MAAM,SAAS;;;cAD6L,MAAM;;;qCAA2E,MAAM,GAAG,SAAS;cAAQ,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;CAClR,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}