flowbite-svelte 0.29.13 → 0.30.2

package/{utils → dist/utils}/Frame.svelte

@@ -18,33 +18,33 @@ export let use = noop;
 export let options = {};
 // your script goes here
 const bgColors = {
-    gray: 'bg-gray-100 dark:bg-gray-200 ',
-    red: 'bg-red-100 dark:bg-red-200',
-    yellow: 'bg-yellow-100 dark:bg-yellow-200 ',
-    green: 'bg-green-100 dark:bg-green-200 ',
-    indigo: 'bg-indigo-100 dark:bg-indigo-200 ',
-    purple: 'bg-purple-100 dark:bg-purple-200 ',
-    pink: 'bg-pink-100 dark:bg-pink-200 ',
-    blue: 'bg-blue-100 dark:bg-blue-200 ',
+    gray: 'bg-gray-50 dark:bg-gray-800',
+    red: 'bg-red-50 dark:bg-gray-800',
+    yellow: 'bg-yellow-50 dark:bg-gray-800 ',
+    green: 'bg-green-50 dark:bg-gray-800 ',
+    indigo: 'bg-indigo-50 dark:bg-gray-800 ',
+    purple: 'bg-purple-50 dark:bg-gray-800 ',
+    pink: 'bg-pink-50 dark:bg-gray-800 ',
+    blue: 'bg-blue-50 dark:bg-gray-800 ',
     light: 'bg-gray-50 dark:bg-gray-700',
-    dark: 'bg-gray-100 dark:bg-gray-700',
+    dark: 'bg-gray-50 dark:bg-gray-800',
     default: 'bg-white dark:bg-gray-800',
     dropdown: 'bg-white dark:bg-gray-700',
     navbar: 'bg-white dark:bg-gray-900',
     navbarUl: 'bg-gray-50 dark:bg-gray-800',
     form: 'bg-gray-50 dark:bg-gray-700',
-    primary: 'bg-primary-100 dark:bg-primary-200 ',
+    primary: 'bg-primary-50 dark:bg-gray-800 ',
     none: ''
 };
 const textColors = {
-    gray: 'text-gray-700 dark:text-gray-800',
-    red: 'text-red-700 dark:text-red-800',
-    yellow: 'text-yellow-700 dark:text-yellow-800',
-    green: 'text-green-700 dark:text-green-800',
-    indigo: 'text-indigo-700 dark:text-indigo-800',
-    purple: 'text-purple-700 dark:text-purple-800',
-    pink: 'text-pink-700 dark:text-pink-800',
-    blue: 'text-blue-700 dark:text-blue-800',
+    gray: 'text-gray-800 dark:text-gray-300',
+    red: 'text-red-800 dark:text-red-400',
+    yellow: 'text-yellow-800 dark:text-yellow-300',
+    green: 'text-green-800 dark:text-green-400',
+    indigo: 'text-indigo-800 dark:text-indigo-400',
+    purple: 'text-purple-800 dark:text-purple-400',
+    pink: 'text-pink-800 dark:text-pink-400',
+    blue: 'text-blue-800 dark:text-blue-400',
     light: 'text-gray-700 dark:text-gray-300',
     dark: 'text-gray-700 dark:text-gray-300',
     default: 'text-gray-500 dark:text-gray-400',
@@ -52,18 +52,18 @@ const textColors = {
     navbar: 'text-gray-700 dark:text-gray-200',
     navbarUl: 'text-gray-700 dark:text-gray-400',
     form: 'text-gray-900 dark:text-white',
-    primary: 'text-primary-700 dark:text-primary-800',
+    primary: 'text-primary-800 dark:text-primary-400',
     none: ''
 };
 const borderColors = {
-    gray: 'border-gray-500 dark:bg-gray-200 ',
-    red: 'border-red-500 dark:bg-red-200 ',
-    yellow: 'border-yellow-500 dark:bg-tellow-200 ',
-    green: 'border-green-500 dark:bg-green-200 ',
-    indigo: 'border-indigo-500 dark:bg-indigo-200 ',
-    purple: 'border-purple-500 dark:bg-purple-200 ',
-    pink: 'border-pink-500 dark:bg-pink-200 ',
-    blue: 'border-blue-500 dark:bg-blue-200 ',
+    gray: 'border-gray-300 dark:border-gray-800',
+    red: 'border-red-300 dark:border-red-800',
+    yellow: 'border-yellow-300 dark:border-yellow-800',
+    green: 'border-green-300 dark:border-green-800',
+    indigo: 'border-indigo-300 dark:border-indigo-800',
+    purple: 'border-purple-300 dark:border-purple-800',
+    pink: 'border-pink-300 dark:border-pink-800',
+    blue: 'border-blue-300 dark:border-blue-800',
     light: 'border-gray-500',
     dark: 'border-gray-500',
     default: 'border-gray-200 dark:border-gray-700',

package/dist/utils/MenuButton.svelte

@@ -0,0 +1,22 @@
+<script>import classNames from 'classnames';
+import ToolbarButton from '../toolbar/ToolbarButton.svelte';
+export let name = undefined;
+export let vertical = false;
+</script>
+
+<ToolbarButton on:click {name} {...$$restProps} class={classNames($$props.class)} let:svgSize>
+  <svg
+    class={svgSize}
+    aria-hidden="true"
+    fill="currentColor"
+    viewBox="0 0 20 20"
+    xmlns="http://www.w3.org/2000/svg">
+    {#if vertical}
+      <path
+        d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
+    {:else}
+      <path
+        d="M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z" />
+    {/if}
+  </svg>
+</ToolbarButton>

package/dist/utils/MenuButton.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        name?: string | undefined;
+        vertical?: boolean | undefined;
+    };
+    events: {
+        click: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type MenuButtonProps = typeof __propDef.props;
+export type MenuButtonEvents = typeof __propDef.events;
+export type MenuButtonSlots = typeof __propDef.slots;
+export default class MenuButton extends SvelteComponentTyped<MenuButtonProps, MenuButtonEvents, MenuButtonSlots> {
+}
+export {};

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.29.13",
+  "version": "0.30.2",
   "description": "Flowbite components for Svelte",
-  "main": "index.js",
   "author": {
     "name": "Shinichi Okada",
     "email": "connect@codewithshin.com",
@@ -11,36 +10,59 @@
   "bugs": "https://github.com/themesberg/flowbite-svelte/issues",
   "homepage": "https://flowbite-svelte.com/",
   "license": "MIT",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run package",
+    "preview": "vite preview",
+    "test": "playwright test",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "prepublishOnly": "npm run package && publint",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "test:unit": "vitest",
+    "lint": "prettier --plugin-search-dir . --check . && eslint .",
+    "format": "prettier --plugin-search-dir . --write .",
+    "write-package-json": "node ./scripts/package-json-writer.js",
+    "package:publish": "standard-version && git push --follow-tags origin main && npm run package && npm run write-package-json && npm publish",
+    "gen:props": "node ./node_modules/createprops/createprops.js"
+  },
+  "peerDependencies": {
+    "@popperjs/core": "^2.11.6",
+    "classnames": "^2.3.2",
+    "flowbite": "^1.6.3",
+    "svelte": "^3.55.1"
+  },
   "devDependencies": {
-    "@playwright/test": "^1.28.1",
-    "@sveltejs/adapter-vercel": "next",
-    "@sveltejs/kit": "^1.0.0",
-    "@sveltejs/package": "1.0.0-next.3",
-    "@typescript-eslint/eslint-plugin": "^5.46.0",
-    "@typescript-eslint/parser": "^5.46.0",
+    "@playwright/test": "^1.30.0",
+    "@sveltejs/adapter-vercel": "^2.0.4",
+    "@sveltejs/kit": "^1.7.2",
+    "@sveltejs/package": "2.0.1",
+    "@typescript-eslint/eslint-plugin": "^5.52.0",
+    "@typescript-eslint/parser": "^5.52.0",
     "autoprefixer": "^10.4.13",
     "createprops": "^0.4.9",
-    "esbuild": "0.16.8",
-    "eslint": "^8.29.0",
-    "eslint-config-prettier": "^8.5.0",
+    "esbuild": "0.17.9",
+    "eslint": "^8.34.0",
+    "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "mdsvex": "^0.10.6",
-    "mdsvexamples": "^0.3.2",
-    "postcss": "^8.4.19",
+    "mdsvexamples": "^0.3.3",
+    "postcss": "^8.4.21",
     "postcss-load-config": "^4.0.1",
-    "prettier": "^2.8.1",
+    "prettier": "^2.8.4",
     "prettier-plugin-svelte": "^2.9.0",
     "prism-themes": "^1.9.0",
-    "svelte": "^3.54.0",
-    "svelte-check": "^2.10.2",
-    "svelte-meta-tags": "^2.6.4",
-    "svelte-preprocess": "^4.10.7",
-    "svelte2tsx": "^0.5.22",
-    "tailwindcss": "^3.2.4",
-    "tslib": "^2.4.1",
-    "typescript": "^4.9.4",
-    "vite": "^4.0.0",
-    "vitest": "^0.25.8"
+    "publint": "^0.1.9",
+    "svelte": "^3.55.1",
+    "svelte-check": "^3.0.3",
+    "svelte-meta-tags": "^2.6.5",
+    "svelte-preprocess": "^5.0.1",
+    "svelte2tsx": "^0.6.1",
+    "tailwindcss": "^3.2.7",
+    "tslib": "^2.5.0",
+    "typescript": "^4.9.5",
+    "vite": "^4.1.2",
+    "vitest": "^0.28.5"
   },
   "type": "module",
   "keywords": [
@@ -88,176 +110,27 @@
   "dependencies": {
     "@popperjs/core": "^2.11.6",
     "classnames": "^2.3.2",
-    "flowbite": "^1.5.5"
+    "flowbite": "^1.6.3"
   },
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
   },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "svelte": "./dist/index.js",
   "contributors": [
     "Zoltán Szőgyényi <zoltan@themesberg.com>",
     "Robert Tanislav <robert@themesberg.com>",
     "Victor Cordos <victor@themesberg.com>",
     "Shinichi Okada <okada.shin@gmail.com>",
     "Jakub Jagielka <jjagielka@gmail.com>"
-  ],
-  "exports": {
-    "./package.json": "./package.json",
-    "./.DS_Store": "./.DS_Store",
-    "./accordions/Accordion.svelte": "./accordions/Accordion.svelte",
-    "./accordions/AccordionItem.svelte": "./accordions/AccordionItem.svelte",
-    "./alerts/Alert.svelte": "./alerts/Alert.svelte",
-    "./avatar/Avatar.svelte": "./avatar/Avatar.svelte",
-    "./avatar/Placeholder.svelte": "./avatar/Placeholder.svelte",
-    "./badges/Badge.svelte": "./badges/Badge.svelte",
-    "./breadcrumbs/Breadcrumb.svelte": "./breadcrumbs/Breadcrumb.svelte",
-    "./breadcrumbs/BreadcrumbItem.svelte": "./breadcrumbs/BreadcrumbItem.svelte",
-    "./buttongroups/ButtonGroup.svelte": "./buttongroups/ButtonGroup.svelte",
-    "./buttons/Button.svelte": "./buttons/Button.svelte",
-    "./cards/Card.svelte": "./cards/Card.svelte",
-    "./carousels/Caption.svelte": "./carousels/Caption.svelte",
-    "./carousels/Carousel.svelte": "./carousels/Carousel.svelte",
-    "./carousels/CarouselTransition.svelte": "./carousels/CarouselTransition.svelte",
-    "./carousels/Indicator.svelte": "./carousels/Indicator.svelte",
-    "./carousels/Slide.svelte": "./carousels/Slide.svelte",
-    "./carousels/Thumbnail.svelte": "./carousels/Thumbnail.svelte",
-    "./darkmode/DarkMode.svelte": "./darkmode/DarkMode.svelte",
-    "./datepicker/Calender.svelte": "./datepicker/Calender.svelte",
-    "./datepicker/Datepicker.svelte": "./datepicker/Datepicker.svelte",
-    "./drawer/Drawer.svelte": "./drawer/Drawer.svelte",
-    "./dropdowns/Dropdown.svelte": "./dropdowns/Dropdown.svelte",
-    "./dropdowns/DropdownDivider.svelte": "./dropdowns/DropdownDivider.svelte",
-    "./dropdowns/DropdownHeader.svelte": "./dropdowns/DropdownHeader.svelte",
-    "./dropdowns/DropdownItem.svelte": "./dropdowns/DropdownItem.svelte",
-    "./footer/Footer.svelte": "./footer/Footer.svelte",
-    "./footer/FooterBrand.svelte": "./footer/FooterBrand.svelte",
-    "./footer/FooterCopyright.svelte": "./footer/FooterCopyright.svelte",
-    "./footer/FooterIcon.svelte": "./footer/FooterIcon.svelte",
-    "./footer/FooterLink.svelte": "./footer/FooterLink.svelte",
-    "./footer/FooterLinkGroup.svelte": "./footer/FooterLinkGroup.svelte",
-    "./forms/Checkbox.svelte": "./forms/Checkbox.svelte",
-    "./forms/Dropzone.svelte": "./forms/Dropzone.svelte",
-    "./forms/Fileupload.svelte": "./forms/Fileupload.svelte",
-    "./forms/FloatingLabelInput.svelte": "./forms/FloatingLabelInput.svelte",
-    "./forms/Helper.svelte": "./forms/Helper.svelte",
-    "./forms/Input.svelte": "./forms/Input.svelte",
-    "./forms/InputAddon.svelte": "./forms/InputAddon.svelte",
-    "./forms/Label.svelte": "./forms/Label.svelte",
-    "./forms/NumberInput.svelte": "./forms/NumberInput.svelte",
-    "./forms/Radio.svelte": "./forms/Radio.svelte",
-    "./forms/RadioInline.svelte": "./forms/RadioInline.svelte",
-    "./forms/Range.svelte": "./forms/Range.svelte",
-    "./forms/Search.svelte": "./forms/Search.svelte",
-    "./forms/Select.svelte": "./forms/Select.svelte",
-    "./forms/SimpleSearch.svelte": "./forms/SimpleSearch.svelte",
-    "./forms/Textarea.svelte": "./forms/Textarea.svelte",
-    "./forms/Toggle.svelte": "./forms/Toggle.svelte",
-    "./forms/VoiceSearch.svelte": "./forms/VoiceSearch.svelte",
-    ".": "./index.js",
-    "./indicators/Indicator.svelte": "./indicators/Indicator.svelte",
-    "./kbd/ArrowKeyDown.svelte": "./kbd/ArrowKeyDown.svelte",
-    "./kbd/ArrowKeyLeft.svelte": "./kbd/ArrowKeyLeft.svelte",
-    "./kbd/ArrowKeyRight.svelte": "./kbd/ArrowKeyRight.svelte",
-    "./kbd/ArrowKeyUp.svelte": "./kbd/ArrowKeyUp.svelte",
-    "./kbd/Kbd.svelte": "./kbd/Kbd.svelte",
-    "./list-group/Listgroup.svelte": "./list-group/Listgroup.svelte",
-    "./list-group/ListgroupItem.svelte": "./list-group/ListgroupItem.svelte",
-    "./megamenu/MegaMenu.svelte": "./megamenu/MegaMenu.svelte",
-    "./modals/Modal.svelte": "./modals/Modal.svelte",
-    "./navbar/Menu.svelte": "./navbar/Menu.svelte",
-    "./navbar/NavBrand.svelte": "./navbar/NavBrand.svelte",
-    "./navbar/NavDropdown.svelte": "./navbar/NavDropdown.svelte",
-    "./navbar/NavHamburger.svelte": "./navbar/NavHamburger.svelte",
-    "./navbar/NavLi.svelte": "./navbar/NavLi.svelte",
-    "./navbar/NavUl.svelte": "./navbar/NavUl.svelte",
-    "./navbar/Navbar.svelte": "./navbar/Navbar.svelte",
-    "./paginations/Pagination.svelte": "./paginations/Pagination.svelte",
-    "./paginations/PaginationItem.svelte": "./paginations/PaginationItem.svelte",
-    "./popover/Popover.svelte": "./popover/Popover.svelte",
-    "./progressbars/Progressbar.svelte": "./progressbars/Progressbar.svelte",
-    "./ratings/AdvancedRating.svelte": "./ratings/AdvancedRating.svelte",
-    "./ratings/Rating.svelte": "./ratings/Rating.svelte",
-    "./ratings/RatingComment.svelte": "./ratings/RatingComment.svelte",
-    "./ratings/Review.svelte": "./ratings/Review.svelte",
-    "./ratings/ScoreRating.svelte": "./ratings/ScoreRating.svelte",
-    "./ratings/Star.svelte": "./ratings/Star.svelte",
-    "./sidebars/Sidebar.svelte": "./sidebars/Sidebar.svelte",
-    "./sidebars/SidebarBrand.svelte": "./sidebars/SidebarBrand.svelte",
-    "./sidebars/SidebarCta.svelte": "./sidebars/SidebarCta.svelte",
-    "./sidebars/SidebarDropdownItem.svelte": "./sidebars/SidebarDropdownItem.svelte",
-    "./sidebars/SidebarDropdownWrapper.svelte": "./sidebars/SidebarDropdownWrapper.svelte",
-    "./sidebars/SidebarGroup.svelte": "./sidebars/SidebarGroup.svelte",
-    "./sidebars/SidebarItem.svelte": "./sidebars/SidebarItem.svelte",
-    "./sidebars/SidebarWrapper.svelte": "./sidebars/SidebarWrapper.svelte",
-    "./skeleton/CardPlaceholder.svelte": "./skeleton/CardPlaceholder.svelte",
-    "./skeleton/ImagePlaceholder.svelte": "./skeleton/ImagePlaceholder.svelte",
-    "./skeleton/ListPlaceholder.svelte": "./skeleton/ListPlaceholder.svelte",
-    "./skeleton/Skeleton.svelte": "./skeleton/Skeleton.svelte",
-    "./skeleton/TestimonialPlaceholder.svelte": "./skeleton/TestimonialPlaceholder.svelte",
-    "./skeleton/TextPlaceholder.svelte": "./skeleton/TextPlaceholder.svelte",
-    "./skeleton/VideoPlaceholder.svelte": "./skeleton/VideoPlaceholder.svelte",
-    "./skeleton/WidgetPlaceholder.svelte": "./skeleton/WidgetPlaceholder.svelte",
-    "./speed-dial/SpeedDial.svelte": "./speed-dial/SpeedDial.svelte",
-    "./speed-dial/SpeedDialButton.svelte": "./speed-dial/SpeedDialButton.svelte",
-    "./spinners/Spinner.svelte": "./spinners/Spinner.svelte",
-    "./steps/StepIndicator.svelte": "./steps/StepIndicator.svelte",
-    "./tables/Table.svelte": "./tables/Table.svelte",
-    "./tables/TableBody.svelte": "./tables/TableBody.svelte",
-    "./tables/TableBodyCell.svelte": "./tables/TableBodyCell.svelte",
-    "./tables/TableBodyRow.svelte": "./tables/TableBodyRow.svelte",
-    "./tables/TableHead.svelte": "./tables/TableHead.svelte",
-    "./tables/TableHeadCell.svelte": "./tables/TableHeadCell.svelte",
-    "./tables/TableSearch.svelte": "./tables/TableSearch.svelte",
-    "./tabs/TabHead.svelte": "./tabs/TabHead.svelte",
-    "./tabs/TabHeadItem.svelte": "./tabs/TabHeadItem.svelte",
-    "./tabs/TabItem.svelte": "./tabs/TabItem.svelte",
-    "./tabs/Tabs.svelte": "./tabs/Tabs.svelte",
-    "./timelines/Activity.svelte": "./timelines/Activity.svelte",
-    "./timelines/ActivityItem.svelte": "./timelines/ActivityItem.svelte",
-    "./timelines/Group.svelte": "./timelines/Group.svelte",
-    "./timelines/GroupItem.svelte": "./timelines/GroupItem.svelte",
-    "./timelines/Timeline.svelte": "./timelines/Timeline.svelte",
-    "./timelines/TimelineHorizontal.svelte": "./timelines/TimelineHorizontal.svelte",
-    "./timelines/TimelineItem.svelte": "./timelines/TimelineItem.svelte",
-    "./timelines/TimelineItemHorizontal.svelte": "./timelines/TimelineItemHorizontal.svelte",
-    "./timelines/TimelineItemVertical.svelte": "./timelines/TimelineItemVertical.svelte",
-    "./toasts/Toast.svelte": "./toasts/Toast.svelte",
-    "./toolbar/Toolbar.svelte": "./toolbar/Toolbar.svelte",
-    "./toolbar/ToolbarButton.svelte": "./toolbar/ToolbarButton.svelte",
-    "./toolbar/ToolbarGroup.svelte": "./toolbar/ToolbarGroup.svelte",
-    "./tooltips/Tooltip.svelte": "./tooltips/Tooltip.svelte",
-    "./types": "./types.js",
-    "./typography/A.svelte": "./typography/A.svelte",
-    "./typography/Blockquote.svelte": "./typography/Blockquote.svelte",
-    "./typography/DescriptionList.svelte": "./typography/DescriptionList.svelte",
-    "./typography/Heading.svelte": "./typography/Heading.svelte",
-    "./typography/Hr.svelte": "./typography/Hr.svelte",
-    "./typography/Img.svelte": "./typography/Img.svelte",
-    "./typography/Layout.svelte": "./typography/Layout.svelte",
-    "./typography/Li.svelte": "./typography/Li.svelte",
-    "./typography/List.svelte": "./typography/List.svelte",
-    "./typography/Mark.svelte": "./typography/Mark.svelte",
-    "./typography/P.svelte": "./typography/P.svelte",
-    "./typography/Secondary.svelte": "./typography/Secondary.svelte",
-    "./typography/Span.svelte": "./typography/Span.svelte",
-    "./typography/Ul.svelte": "./typography/Ul.svelte",
-    "./utils/Chevron.svelte": "./utils/Chevron.svelte",
-    "./utils/ChevronDown.svelte": "./utils/ChevronDown.svelte",
-    "./utils/ChevronLeft.svelte": "./utils/ChevronLeft.svelte",
-    "./utils/ChevronRight.svelte": "./utils/ChevronRight.svelte",
-    "./utils/ChevronUp.svelte": "./utils/ChevronUp.svelte",
-    "./utils/CloseButton.svelte": "./utils/CloseButton.svelte",
-    "./utils/Frame.svelte": "./utils/Frame.svelte",
-    "./utils/InformationCircle.svelte": "./utils/InformationCircle.svelte",
-    "./utils/Popper.svelte": "./utils/Popper.svelte",
-    "./utils/UserCircle.svelte": "./utils/UserCircle.svelte",
-    "./utils/Wrapper.svelte": "./utils/Wrapper.svelte",
-    "./utils/backdrop": "./utils/backdrop.js",
-    "./utils/clickOutside": "./utils/clickOutside.js",
-    "./utils/createEventDispatcher": "./utils/createEventDispatcher.js",
-    "./utils/focusTrap": "./utils/focusTrap.js",
-    "./utils/generateId": "./utils/generateId.js",
-    "./video/Video.svelte": "./video/Video.svelte"
-  },
-  "svelte": "./index.js"
-}
+  ]
+}