[email protected]

Minor Changes

• #1566 7b79b18 Thanks @SutuSebastian! - # Breaking changes

  • removed flowbite-react patch CLI command

  Changes

  • flowbite-react/.gitignore, flowbite-react/config.json self manages, regenerates and repairs
  • new generated file init.(jsx|tsx) in .flowbite-react/ directory that syncs up values from config.json that also are needed in React app runtime (similar to how a React context works)
    • synced on CLI commands: init, build, dev, register
  • If you have custom configuration in .flowbite-react/config.json (different dark/prefix/version values), you must render <ThemeInit /> at the root level of your app to sync runtime with node config values
    • notify users to include <ThemeInit /> at the root level if custom dark, prefix, or version values are detected in the configuration file
  • expose flowbite-react/store import path
  • check if flowbite-react is installed when npx flowbite-react@latest init
    • bump the version to latest if below 0.11.x
  • remove redundant { flag: "w" } in fs.writeFile
  • update dark-mode.md and prefix.md documentation to reflect the <ThemeInit /> changes
  • add Tailwind CSS version support in theme mode handling and fix dark theme toggle class in Tailwind CSS v4

  Migration Guide

  1. Remove flowbite-react patch from your package.json

     {
       "scripts": {
     -   "postinstall": "flowbite-react patch"
       }
     }

  2. Add <ThemeInit /> (import from .flowbite-react/init.(jsx|tsx)) at the root level of your app if you have custom configuration in .flowbite-react/config.json (different dark/prefix/version values).

[email protected]

Patch Changes

• #1587 3028f83 Thanks @raahed! - feat(Datepicker): Implemented a filter function prop

[email protected]

Patch Changes

• #1579 d44648d Thanks @SutuSebastian! - fix(Datepicker): switch hardcoded color cyan -> primary

What's Changed

• Improve table pagination by @jfacoustic in #1567
• fix(Datepicker): switch hardcoded color cyan -> primary by @SutuSebastian in #1579

New Contributors

• @jfacoustic made their first contribution in #1567

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

[email protected]

Patch Changes

• #1556 f0724b9 Thanks @SutuSebastian! - fix(ui~cli): patch command windows support

[email protected]

Patch Changes

• #1552 bab6c75 Thanks @bigbyte-stuart! - make drawer close button type button

• #1555 2f461ea Thanks @SutuSebastian! - refactor(ui~convertUtilitiesToV4): drop js-regexp-lookbehind in favor of more simpler regex for improved browser support

[email protected]

Patch Changes

• #1549 7327e55 Thanks @SutuSebastian! - fix file watcher ignore directory logic leading to false positives

[email protected]

Patch Changes

• c54183b Thanks @SutuSebastian! - add orphan classNames to the theme object

[email protected]

Patch Changes

• #1546 4e90ee8 Thanks @SutuSebastian! - add Parcel server-bun and server-deno templates

[email protected]

Patch Changes

• #1543 868e485 Thanks @SutuSebastian! - add new migrate CLI command

  • add new transformer from compound components to singular imports

    import { Button } from "flowbite-react";
    
    // from
    <Button.Group>
      <Button>tab 1</Button>
      <Button>tab 2</Button>
      <Button>tab 3</Button>
    </Button.Group>
    
    // to
    import { Button, ButtonGroup } from "flowbite-react";
    
    <ButtonGroup>
      <Button>tab 1</Button>
      <Button>tab 2</Button>
      <Button>tab 3</Button>
    </ButtonGroup>

[email protected]

Patch Changes

• #1541 af49b10 Thanks @SutuSebastian! - fix(ui~cli): path normalzation for windows support (setup plugins paths)

• #1539 6caecce Thanks @SutuSebastian! - refactor(Alert): onDismiss prop

  • Changed the type of onDismiss prop in Alert component from boolean to a function type
  • Removed onDismiss default values from various Alert stories to align with the updated prop type