flowbite

• fix plugin import error from the config file

• added new DataTable plugin and examples
• minor bug fixes and improvements

• fix datepicker module declaration naming for TypeScript

• the datepicker is now a core component of Flowbite and has API methods, events, and options
• updated the documentation for the datepicker component and related integration guides
• minor visual bug fixes and improvements

• added new copy to clipboard component and examples
• added new JavaScript tab to the documentation examples
• update dependency to Tailwind CSS v3.4.1
• fixed carousel component behavior when there’s only one image
• added new data attribute to set active and inactive classes for tabs
• Ruby on Rails integration fix for turbo load
• minor bug fixes and improvements

• relased new phone number input component
• relased new chat bubble component
• updated z-index of the datepicker to allow usage with modals and drawers

• released new number input component examples
• created a new InputCounter object class in the Flowbite JS

• fix the InstanceOptions and EventListenerInstance type exports for TypeScript

This update adds full RTL support to all of the UI components from Flowbite and also provides and update to the Instance Manager API which now allows you to set custom id's as the 4th parameter of each object class.

• updated to Tailwind CSS v3.3.5
• added full RTL support to all UI components
• updated the JS API and Instance Manager to allow setting custom id's
• added new vertical tabs component example
• added three next modal component examples
• fixed responsive wrapping issues for the table components
• uses Tailwind CSS v3.0 classes for background opacity fixing https://github.com/themesberg/flowbite/issues/565
• other minor bug fixes and improvements

Breaking changes:

• data-modal-toggle alone won't initialise the modal anymore, you need to use data-modal-target for that

This update introduces a new instance manager feature that allows you manage all of the interactive components from a single place. This is useful if you want to programmatically show or hide a modal, popover, or tooltip. This also works if you use the data attributes interface.

This change introduces a few breaking changes to the JavaScript API when creating objects:

• new $carouselEl HTML element when creating a Carousel object as the first parameter
• new $accordion HTML element when creating a Accordion object as the first parameter
• new $tabsEl HTML element when creating a Tabs object as the first parameter

The breaking changes do not apply to the data attributes interface, only for objects created programmatically via JavaScript.

Learn more about the new JavaScript API on the docs.

• fix https://github.com/themesberg/flowbite/issues/628 by conditionally adding safelist pattern when chart is set to true

• added new chart components
• enable or disable styles via the Flowbite Plugin
• addded new API option to the dropdowns to prevent closing when clicking on certain elements
• small bug fixes and improvements overall

• integrate new Flowbite Icons with all UI components
• added new pagination examples and sizes
• improved spacing and alignment for all buttons with icons
• improved examples for popovers, toasts, and modals
• updated docs and website icons
• update Svelte docs for Svelte 4.0 by @shinokada

• new device mockups component
• add nested accordions feature (#266 issue fixed by (@jneuendorf)[https://github.com/jneuendorf])
• make init functions (ie. initDropdowns, initFlowbite) available via the window object
• fix Nuxt.js documentation config path for Tailwind CSS

• New gallery component
• New jumbotron component
• LiveView support (issue #486) for Phoenix by @jmnda-dev
• Improve modal responsive behaviour by centering it vertically
• Improve Svelte getting started guide by @shinokada
• Improve font smoothing by adding antialising to the docs and examples
• Improve navbar spacings and font sizes to reflect Figma design system

• New bottom navigation component
• New sticky banner component
• Export initFlowbite to set up event listeners for all data attributes
• Fix for Turbo Frame load events (issue #88)
• Include WindiCSS on NPM (thanks to @rgvillanueva28)
• Adds close tooltips with esc key to meet WCAG (by @daveholst)
• Update Symfony guide steps (by @CorwinDev)
• Astro integration guide
• GatsbyJS integration guide
• Symfony integration guide
• SolidJS integration guide
• Phoenix (Elixir) integration guide

• Added dropdown hover functionality with delay option and examples (issue #208)
• Fixed clicking outside of the Popover component not closing when using the "click" trigger type (issue #242)
• Introduced the "none" option for Tooltip, Speed Dial, Popover and Dropdown components for trigger type (issue #181)
• Fixed Tooltip and Popover click events on Safari browsers when using mobile devices (issue #246 and issue #413)
• Improve the consistency of the dropdown components across the whole documentation using border-lg (issue #276)
• Added the optional closable option to the Modal component preventing it from being closed when hitting the ESC button (thanks for the PR @CorwinDev)

• add event listeners for data attributes back to index.ts
• fix https://github.com/themesberg/flowbite/issues/398 import maps for flowbite.turbo.min.js.map for Ruby on Rails

• Nuxt.js integration guide + starter kit
• Add data attribute initialization support for Vue 3 and Nuxt.js
• Remove event listeners from the basic index.js file and keep it only for index.umd.js
• Fix the drawer flickering issue
• Update Laravel integration guide with Vite (thanks to @CorwinDev for the PR)
• Fixed checkbox dark mode focus state (thanks to @CorwinDev for the PR)
• Added Datepicker turbo load support for Ruby on Rails 7 (thanks to @travisgalloway for the PR)

• migrated code to TypeScript & introduced types and interfaces
• integrated ESlint and Prettier
• fixed event listeners stacking up for all interactive components
• improved NPM build scripts
• new stepper component
• new indicator component
• new breadcrumb components
• new spinner examples