v1.12.0

Author: shinokada

CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## 1.12.0
+
+### Minor Changes
+
+- Dialog component & exports — src/lib/dialog/Dialog.svelte, src/lib/dialog/index.ts, src/lib/dialog/theme.ts, src/lib/index.ts
+  New Dialog.svelte (TypeScript) implementing native <dialog> integration (form/modal modes), lifecycle callbacks (onaction / oncancel / onsubmit / ontoggle), focus trap, dismissal, transitions, and styling via dialog() theme. Re-exports added and surfaced in library index.
+
+- Drawer refactor & theme — src/lib/drawer/Drawer.svelte, src/lib/drawer/theme.ts
+  Drawer now renders via Dialog (bind:open); public API changed from hidden / backdrop / activateClickOutside / transitionType → open / outsideclose / transition. Theme extends dialog and simplifies slots, placement, and backdrop handling.
+
+- Modal refactor & theme — src/lib/modal/Modal.svelte, src/lib/modal/theme.ts
+  Modal delegates rendering/lifecycle to Dialog (bind:open), removes native dialog handlers and legacy props, adopts transitionParams. Modal theme extends dialog and updates slots/placements.
+
+- Types centralization — src/lib/types.ts
+  Adds DialogProps and DialogVariants. Refactors DrawerProps and ModalProps to extend/reuse dialog typings and reflect the new prop surface (transitionParams, modal, outsideclose, etc.).
+
+- Examples & docs — Drawer migration — src/routes/api-check/components/drawer/examples/_, src/routes/examples/drawer/_.svelte, src/routes/blocks/**, src/routes/docs/**, src/routes/builder/drawer/+page.svelte
+Examples/docs updated: rename hiddenX → openX, bind:hidden → bind:open, replace backdrop / activateClickOutside with modal / outsideclose or CSS backdrop classes, remove some CloseButton / header wrappers, and update generated code snippets.
+
+- Specific page & example updates — src/routes/admin-dashboard/(sidebar)/crud/products/+page.svelte, src/routes/builder/modal/+page.svelte, src/routes/api-check/forms/timepicker.svelte, various drawer example pages
+  Replace hidden → open bindings; update modal usage from params → transitionParams; align triggers and handlers to new open semantics and new Drawer props (outsideclose / modal).
+
 ## 1.11.8
 
 ### Patch Changes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "1.11.8",
+  "version": "1.12.0",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -305,6 +305,10 @@
       "types": "./dist/device-mockups/Tablet.svelte.d.ts",
       "svelte": "./dist/device-mockups/Tablet.svelte"
     },
+    "./Dialog.svelte": {
+      "types": "./dist/dialog/Dialog.svelte.d.ts",
+      "svelte": "./dist/dialog/Dialog.svelte"
+    },
     "./Drawer.svelte": {
       "types": "./dist/drawer/Drawer.svelte.d.ts",
       "svelte": "./dist/drawer/Drawer.svelte"

src/lib/accordion/Accordion.svelte

@@ -34,7 +34,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[AccordionProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L168)
+[AccordionProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L169)
 ## Props
 @prop children
 @prop flush

src/lib/accordion/AccordionItem.svelte

@@ -97,7 +97,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[AccordionItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L176)
+[AccordionItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L177)
 ## Props
 @prop children
 @prop header

src/lib/alert/Alert.svelte

@@ -63,7 +63,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[AlertProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L190)
+[AlertProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L191)
 ## Props
 @prop children
 @prop icon

src/lib/avatar/Avatar.svelte

@@ -48,7 +48,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[AvatarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L201)
+[AvatarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L202)
 ## Props
 @prop children
 @prop indicator

src/lib/badge/Badge.svelte

@@ -54,7 +54,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BadgeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L213)
+[BadgeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L214)
 ## Props
 @prop children
 @prop icon

src/lib/banner/Banner.svelte

@@ -44,7 +44,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BannerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L227)
+[BannerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L228)
 ## Props
 @prop children
 @prop header

src/lib/bottom-navigation/BottomNav.svelte

@@ -41,7 +41,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BottomNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L245)
+[BottomNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L246)
 ## Props
 @prop children
 @prop header

src/lib/bottom-navigation/BottomNavHeader.svelte

@@ -26,7 +26,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BottomNavHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L264)
+[BottomNavHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L265)
 ## Props
 @prop children
 @prop class: className