[email protected]

Patch Changes

• #1433 a5d008e Thanks @SutuSebastian! - add AdonisJS integration guide

[email protected]

Patch Changes

• #1433 a5d008e Thanks @SutuSebastian! - add AdonisJS integration guide

[email protected]

Minor Changes

• #1413 26401bc Thanks @dhavalveera! - feat(components): add "Clipboard"

Patch Changes

• #1405 c8dba76 Thanks @dhavalveera! - Renamed the Tabs attribute from style to variant to allow the use of the style attribute, which was previously blocked.

• #1430 83a055a Thanks @SutuSebastian! - fix(ui): timeline - content - separate TimelineContent base styles from horizontal/vertical styles

• #1428 b963b2c Thanks @SutuSebastian! - fix(ui): Toggle Switch - styles

  • RTL
  • broken switch when label too long
  • bring back animations

• #1371 92cec6f Thanks @SutuSebastian! - Mega Menu - export all entities

• #1423 4350ffb Thanks @SutuSebastian! - update packages

• #1346 92f41fe Thanks @dhavalveera! - feat: add HR component

What's Changed

• docs(popover) - fix svg path JSX format by @SutuSebastian in #1372
• chore: export all entities by @SutuSebastian in #1371
• docs(drawer) - examples cleanup by @SutuSebastian in #1374
• Exclude analytics from examples page by @SutuSebastian in #1376
• Docs : Toggle Switch #1321 - Issue has been fixed by @akashMasih in #1397
• fix(docs): single quote to double by @SutuSebastian in #1416
• Core: update packages + fixes by @SutuSebastian in #1423
• fix: fixed the Tabs attribute from style to variant by @dhavalveera in #1405
• feat(components): add Clipboard by @dhavalveera in #1413
• feat(ui) Add advanced list story by @paghar in #1361
• Add suppressHydrationWarning for nextJS by @sylwit in #1335
• Fix React warning in ButtonGroup by @chunkerchunker in #1323
• Add an override to useTypeAhead behavior from @floating-ui/react allowing use in DropDown.Header by @dragonlipz in #1394
• feat: add HR component by @dhavalveera in #1346
• fix(ui): Toggle Switch - styles by @SutuSebastian in #1428
• fix(ui): timeline - content - separate base styles from horizontal/vertical by @SutuSebastian in #1430

New Contributors

• @akashMasih made their first contribution in #1397
• @chunkerchunker made their first contribution in #1323
• @dragonlipz made their first contribution in #1394

Full Changelog: https://github.com/themesberg/flowbite-react/compare/[email protected]@0.10.0

[email protected]

Patch Changes

• #1423 4350ffb Thanks @SutuSebastian! - update packages

[email protected]

Introducing Drawer and Mega menu

Summary

Say hello to Drawer and Mega menu!

These long-awaited components from the vanilla Flowbite library have finally made their way to Flowbite React. Everything you need to get started - including full theme support, and the full set of examples to match the main Flowbite library - are ready at your fingertips.

Special thank you to @dhavalveera for your work on Drawer!

Changes

• added Drawer component
• added Mega menu component

[email protected]

Minor Changes

• #1344 bf1bdb0 Thanks @SutuSebastian! - Rework build process using rollup and tsc

  Summary

  In order to bring more performance to the build process of flowbite-react package, we have to consider transpiling the files using other tools rather than tsc, which is very slow.

  After evaluating various tools including tsup, tshy, and bun build, we chose rollup with the esbuild plugin for transpiling due to its performance and flexibility. We continue to use tsc solely for generating *.d.ts declaration files.

  Changes

  • added rollup + esbuild for transpiling files
    • all files in the cjs directory now have .cjs extension
    • all files in the esm directory now have .mjs extension
    • declaration file types (*.d.ts) have been moved from dist/esm to dist/types
  • changed the build output dir from lib to dist
  • created a facade layer for easier management of the content path as well as the plugin
  • fixed turbo repo dependency tree configs in order for apps/web to properly pipe and require the build output of packages/ui in certain script steps such as build and dev

  Breaking changes

  tailwind.config.js content path:

  old: "node_modules/flowbite-react/lib/esm/**/*.js"

  new: "node_modules/flowbite-react/dist/esm/**/*.mjs" - (flowbite.content() returns it)

  Before

  /** @type {import('tailwindcss').Config} */
  module.exports = {
    content: [
      // ...
      "node_modules/flowbite-react/lib/esm/**/*.js",
    ],
    plugins: [
      // ...
      require("flowbite/plugin"),
    ],
  };

  After

  const flowbite = require("flowbite-react/tailwind");
  
  /** @type {import('tailwindcss').Config} */
  module.exports = {
    content: [
      // ...
      flowbite.content(),
    ],
    plugins: [
      // ...
      flowbite.plugin(),
    ],
  };

  Addresses Issues

  #1326, #1329, #1343

[email protected]

Patch Changes

• #1339 8430004 Thanks @SutuSebastian! - fix package.json types path

[email protected]

Patch Changes

• #1336 b6ebb31 Thanks @SutuSebastian! - fix build step, export types and improve DX

[email protected]

Patch Changes

• #1336 b6ebb31 Thanks @SutuSebastian! - fix clean-package flow

[email protected]

What's Changed

• Monorepo conversion (using bun) by @SutuSebastian in #1264
• redwood-js.mdx update command to add flowbite-react into web workspace by @ganesshkumar in #1313
• fix: edit on github button issue resolved by @abdulbasithqb in #1317
• feat(ui): add With Icon storybook by @paghar in #1316
• Fix broken contributing link in UI README by @rnicholus in #1322
• ci: add release workflow by @SutuSebastian in #1324
• export createTheme API by @SutuSebastian in 7a8933d

New Contributors

• @ganesshkumar made their first contribution in #1313
• @abdulbasithqb made their first contribution in #1317
• @github-actions made their first contribution in #1325

Full Changelog: https://github.com/themesberg/flowbite-react/compare/[email protected]