Skip to content

Releases: themesberg/flowbite-svelte

v1.13.4

28 Aug 17:51

Choose a tag to compare

What's Changed

Full Changelog: v1.13.3...v1.13.4

1.13.4

Patch Changes

v1.13.3

28 Aug 15:25

Choose a tag to compare

What's Changed

Full Changelog: v1.13.2...v1.13.3

  • d6ab528 fix: #1732
  • 5fed4f2 docs: progress, rating, sidebar, skeleton, and speed-dial pages
  • c6f91fb chore: cleanup
  • 9d00653 docs: mega-menu, modal, navbar, pagination, popover pages
  • bcc4308 fix 1741 (#1742)
  • 5fde73e docs: forms, gallery, indicators, kbd, and list-group pages
  • 8a2f300 docs: darkmode, datepicker, device-mockups, drawer, dropdown, footer, and forms
  • a1e5155 chore: cleanup
  • d648b1d docs: carousel and clipboard
  • ec8f826 docs: update banner, bottom-navigation, breadcrumb, button-group, buttons and card pages
  • 497c9bd docs: #1738 change @include to #include
  • 1fe58b0 fix: drawer - remove blink before transition start (#1740)
  • e58e0b4 docs: checkbox fix
  • 2b84995 fix: add *.md to prettierignore
  • 6ae449c tests: remove redirect

v1.13.2

27 Aug 16:10

Choose a tag to compare

What's Changed

New Contributors

Full Changelog: v1.13.0...v1.13.2

1.13.2

Patch Changes

1.13.1

Patch Changes

  • feat: add actionSlot with parameters to Datepicker component
    • Add actionSlot snippet prop to enable custom action buttons
    • Pass selectedDate, handleClear, handleApply, and close functions to actionSlot
    • Update DatepickerProps interface with ActionSlotParams type
    • Support both single date and date range modes in actionSlot
    • Allow custom actions while maintaining access to datepicker state and methods

v1.13.0

26 Aug 05:01
434f1c2

Choose a tag to compare

What's Changed

Full Changelog: v1.12.5...v1.13.0

1.13.0

Minor Changes

  • Dialog click handling src/lib/dialog/Dialog.svelte
    Guards outside-close/backdrop logic with ev.target === dlg; computes bounding rect / clickedInContent only when target is the dialog/backdrop; no public API changes.
  • Drawer core updates src/lib/drawer/Drawer.svelte
    Adds modal and offset props; makes dismissable optional; dynamic modal/shifted handling; exposes placement via context; introduces reactive x/y and transition_params, init(node) hook, onintrostart/onoutrostart handlers; secondary Dialog rendering when offset set.
  • Drawer handle component src/lib/drawer/DrawerHandle.svelte
    New DrawerHandle button component with theming, placement context lookup, forwards props/aria, renders children and an inner handle span.
  • Exports & theme barrel src/lib/drawer/index.ts, src/lib/theme/themes.ts
    Adds DrawerHandle export and re-exports drawerhandle from drawer theme; expands public theme barrel to include drawerhandle.
  • Drawer theme src/lib/drawer/theme.ts
    Adds border/transform classes to drawer base, introduces shifted variant and compoundVariants mapping placement→translate classes, refines modal handling, and adds drawerhandle tv plus DrawerHandleVariants type.
  • Types src/lib/types.ts
    Adds DrawerHandleProps (extends DrawerHandleVariants & HTMLButtonAttributes); updates DrawerProps to omit `"hidden"
  • Docs src/routes/docs/components/drawer.md
    Collapses separate placement examples into a single interactive demo, documents offset and DrawerHandle in a new “Swipeable edge” section, tightens layout and clarifies backdrop/modal notes.

1.12.6

Patch Changes

  • fix: SidebarButton update

v1.12.5

17 Aug 10:28
c36f667

Choose a tag to compare

What's Changed

Full Changelog: v1.12.4...v1.12.5

  • fix: Avatar theming src/lib/avatar/theme.ts
    Changed stacked variant from "border-2 -ms-4 ..." to "border-2 not-first:-ms-4 ..." so the negative margin applies only to non-first avatars.

  • fix: Drawer implementation & types src/lib/drawer/Drawer.svelte, src/lib/drawer/theme.ts
    Drawer.svelte no longer destructures classes and now forwards it via ...restProps; DrawerVariants type expanded to include Classes.

  • fix: Modal prop forwarding src/lib/modal/Modal.svelte
    Removed outsideclose prop from Modal public API and explicitly passes {classes} to inner Dialog before spreading restProps.

  • fix: Dialog logic src/lib/dialog/Dialog.svelte
    Removed commented conditional; active outside-close logic uses outsideclose && !clickedInContent to cancel on outside-content clicks.

  • docs (Drawer example) src/routes/docs/components/drawer.md
    Reworked Drawer example to form-mode using Flowbite Svelte Label, Input, Textarea, Avatar, etc.; adds form and classes.form usage and updates imports and structure.

v1.12.4

16 Aug 14:27

Choose a tag to compare

What's Changed

Full Changelog: v1.12.3...v1.12.4

  • 31d62e7 (HEAD -> main, origin/main, origin/HEAD) fix: #1721
  • 3ee5f2e fix: bug_report.yml update
  • 4abcc89 tests: og-check update
  • 33e2291 Dialog (#1723)
  • 4225c8b fix(og): update +server.js
  • 1b38747 fix(og): remove console.log
  • 7536e6d fix(og): +server update
  • 5cf74c8 fix(meta): block typo
  • 2a2cc5b (meta-update) feat: add og image generator
  • 5b4b850 fix(meta): add to blocks, icons and admin-dashboard
  • f98ff0c fix: import name
  • 9d391f3 fix: rebase conflicts
  • dcffaff fix: change .svelte.ts to .svelte using module
  • 23f13a7 api-check(accordion): change p to P
  • dd2221d docs(accordion): use P for p

v1.12.3

13 Aug 13:09

Choose a tag to compare

Full Changelog: v1.12.2...v1.12.3

  • fix: change sveltekit browser from $app/environment with typeof window !== "undefined"

v1.12.2

13 Aug 12:52

Choose a tag to compare

Full Changelog: v1.12.1...v1.12.2

  • feat(utils): add responsive breakpoint utilities

Add useMediaQuery, useBreakpoints, and useCurrentBreakpoint hooks with TypeScript support and comprehensive documentation for controlling component behavior based on screen size.

v1.12.1

13 Aug 10:57

Choose a tag to compare

What's Changed

Full Changelog: v1.12.0...v1.12.1

  • docs – Drawer examples
    src/routes/docs/components/drawer.md Removed CloseButton from imports and removed all CloseButton elements in example markup; updated backdrop guidance to recommend Tailwind backdrop classes; clarified modal vs non-modal wording and fixed minor typos.

  • docs – Timepicker drawer example
    src/routes/docs/forms/timepicker.md Removed CloseButton from the flowbite-svelte import in the Drawer-with-timepicker example; example markup otherwise unchanged.

  • github: pull_request_template update

v1.12.0

13 Aug 09:52
8716564

Choose a tag to compare

What's Changed

Full Changelog: v1.11.8...v1.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 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).