|
2 | 2 |
|
3 | 3 | All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
4 | 4 |
|
| 5 | +### [0.4.1](https://github.com/themesberg/flowbite-react/compare/v0.3.8...v0.4.1) (2023-03-03) |
| 6 | + |
| 7 | + |
| 8 | +### ⚠ BREAKING CHANGES |
| 9 | + |
| 10 | +* **/lib/components/flowbite:** ThemeProps no longer includes usePreferences |
| 11 | +* **theme:** Like in #500, this version permanently changes the `FlowbiteTheme` for numerous |
| 12 | +components. |
| 13 | + |
| 14 | +The philosophy is that themes will more clearly reflect the component's structure. |
| 15 | + |
| 16 | +For example, an `<Accordion>` can contain any number of `<Accordion.Title>` or `<Accordion.Content>` |
| 17 | +sections. The theme used to look like: |
| 18 | + |
| 19 | +```js |
| 20 | +accordion: { |
| 21 | + base: "..", |
| 22 | + content: "..", |
| 23 | + flush: "..", |
| 24 | + title: "..", |
| 25 | +} |
| 26 | +``` |
| 27 | + |
| 28 | +And now, the theme for an `<Accordion>` looks like: |
| 29 | + |
| 30 | +``` |
| 31 | +js |
| 32 | +accordion: { |
| 33 | + root: { |
| 34 | + base: "..", |
| 35 | + flush: "..", |
| 36 | + }, |
| 37 | + content: "..", |
| 38 | + title: "..", |
| 39 | +} |
| 40 | +``` |
| 41 | + |
| 42 | +So now the options in the theme which apply to the `<Accordion>` itself will always be found under |
| 43 | +`root`. Likewise, `<Accordion.Content>` can be themed via the `content` subsection. |
| 44 | + |
| 45 | +This ultimately will apply to all components. |
| 46 | + |
| 47 | +* ci(eslint): remove `prettier` plugins for `eslint` |
| 48 | + |
| 49 | +Instead, use `prettier-plugin-tailwindcss`, which is sufficient. |
| 50 | + |
| 51 | +* refactor(/lib/*): use `yarn prettier` with `prettier-plugin-tailwindcss` |
| 52 | + |
| 53 | +* fix(/lib/components/*.spec): resolve test errors caused by migrating theme |
| 54 | + |
| 55 | +* feat(/lib/components/*): add `theme={}` attribute to components that need it |
| 56 | + |
| 57 | +### Features |
| 58 | + |
| 59 | +* **/lib/components/flowbite:** remove `usePreferences` ([#582](https://github.com/themesberg/flowbite-react/issues/582)) ([77cbc27](https://github.com/themesberg/flowbite-react/commit/77cbc27aa5d42bcff1bdd54c3b5c35e37ff039a0)), closes [#581](https://github.com/themesberg/flowbite-react/issues/581) [#565](https://github.com/themesberg/flowbite-react/issues/565) [#581](https://github.com/themesberg/flowbite-react/issues/581) [#565](https://github.com/themesberg/flowbite-react/issues/565) |
| 60 | +* **/lib/components/timeline:** change `<Timeline.Body>` to a `<div>` ([#603](https://github.com/themesberg/flowbite-react/issues/603)) ([720c8ef](https://github.com/themesberg/flowbite-react/commit/720c8ef6c707837372dddf33e9e4a73d42caea1e)), closes [#602](https://github.com/themesberg/flowbite-react/issues/602) |
| 61 | +* **/lib/theme:** add Tailwind CSS colors to `<Alert>`s ([#586](https://github.com/themesberg/flowbite-react/issues/586)) ([05bde49](https://github.com/themesberg/flowbite-react/commit/05bde49a7fe27e456b7e3da631424705beeaabb8)), closes [#473](https://github.com/themesberg/flowbite-react/issues/473) [#473](https://github.com/themesberg/flowbite-react/issues/473) [#473](https://github.com/themesberg/flowbite-react/issues/473) |
| 62 | +* **/lib/theme:** add Tailwind CSS colors to `<Badge>`s ([#617](https://github.com/themesberg/flowbite-react/issues/617)) ([f00628f](https://github.com/themesberg/flowbite-react/commit/f00628f95059f7e4e18bbe069ceb5573471dc36d)) |
| 63 | +* **/lib/theme:** add Tailwind CSS colors to `<Button>`s ([#598](https://github.com/themesberg/flowbite-react/issues/598)) ([e88cdab](https://github.com/themesberg/flowbite-react/commit/e88cdab07f481e6a8ca8a4d4bdd2b723ec3516f4)), closes [#473](https://github.com/themesberg/flowbite-react/issues/473) [#473](https://github.com/themesberg/flowbite-react/issues/473) [#473](https://github.com/themesberg/flowbite-react/issues/473) [#473](https://github.com/themesberg/flowbite-react/issues/473) [#473](https://github.com/themesberg/flowbite-react/issues/473) |
| 64 | +* **theme:** add `theme={}` attribute to components that need it ([#611](https://github.com/themesberg/flowbite-react/issues/611)) ([005d78a](https://github.com/themesberg/flowbite-react/commit/005d78ac281ab14876b3b528cf3f51976d4fa349)), closes [#500](https://github.com/themesberg/flowbite-react/issues/500) [#566](https://github.com/themesberg/flowbite-react/issues/566) [#594](https://github.com/themesberg/flowbite-react/issues/594) [#124](https://github.com/themesberg/flowbite-react/issues/124) [#609](https://github.com/themesberg/flowbite-react/issues/609) |
| 65 | + |
| 66 | + |
| 67 | +### Bug Fixes |
| 68 | + |
| 69 | +* **/components/modal:** Prevent `<Modal.Content>` from being truncated ([#601](https://github.com/themesberg/flowbite-react/issues/601)) ([dd19f33](https://github.com/themesberg/flowbite-react/commit/dd19f330831bf83ace4a353cfda09d4f21979703)), closes [#600](https://github.com/themesberg/flowbite-react/issues/600) |
| 70 | +* **/docs:** remove `{' '}` literals from code examples ([#614](https://github.com/themesberg/flowbite-react/issues/614)) ([2f46d90](https://github.com/themesberg/flowbite-react/commit/2f46d90473470bd4b2fa7233fc2b6e87f8055fd6)) |
| 71 | +* **tsconfig:** noEmit is false ([44f4cd7](https://github.com/themesberg/flowbite-react/commit/44f4cd73dbddcc9812ca17993d1e0ec33cb3a65e)) |
| 72 | + |
5 | 73 | ## [0.4.0](https://github.com/themesberg/flowbite-react/compare/v0.1.0...v0.4.0) (2023-03-03)
|
6 | 74 |
|
7 | 75 |
|
|
0 commit comments