All notable changes to this project will be documented in this file. See standard-version for commit guidelines.
2.49.0 (2023-01-25)
2.48.0 (2023-01-25)
textarea
now hasxs
,sm
,md
andlg
sizes: #1462
-
A
tooltip
without adata-tip
attribute will not show an empty tooltip anymore #1501 -
Fix bordered menu entry on sub menus #1536
2.47.1 (2023-01-25)
2.47.0 (2023-01-16)
- More precise Hex to HSL conversion .Now HSL values round to 5 decimal places instead of 0 (36d27f0)
- docs: Bordered menu item preview has incorrect class (#1505) (e2857f7)
- docs: typos in the Portuguese translation (#1482) (763726c)
- docs: update and improve japanese translation (#1510) (4fbba93)
2.46.1 (2023-01-02)
2.46.0 (2022-12-20)
2.45.0 (2022-12-15)
2.44.0 (2022-12-15)
2.43.2 (2022-12-12)
2.43.1 (2022-12-12)
2.43.0 (2022-12-09)
2.42.1 (2022-11-24)
- RTL style for
chat
(3887c6e)
2.42.0 (2022-11-23)
- Add new component
chat
(522bc5e)
2.41.0 (2022-11-16)
- Disabled
toggle
now looks different from unchecked toggle
2.40.1 (2022-11-14)
- border radius of file input on Safari (f938fe3)
2.40.0 (2022-11-14)
- #1350 File Input Button for Safari (#1351) (c623168)
- remove collapse-content cutoff (#1352) (cbeaa60)
- Bottom navigation now respects the iOS safe-area
2.39.1 (2022-11-11)
2.39.0 (2022-11-09)
- #1308 (af8e43c)
- #436, add smooth closing animation (d5a795a)
- docs: missing periods + minor changes (#1328) (ab1ec52)
2.38.1 (2022-11-05)
2.38.0 (2022-11-01)
- Card no longer has
overflow: hidden
. Instead, the figure will adapt the card border radius, fix: #1175 (10786e6)
- #1050 (0626701)
- #1245 (34782ce)
- #1267 (89434c2)
- #1302 (f343ed4)
- #698, feat: Now dark themes have
color-scheme
for scrollbars etc. (40bab42)
2.37.0 (2022-10-31)
- #1069 (781a805)
- #1148 (be35220)
- #1230 (f8a5df4)
- #1266 (fe0d201)
- #762, feat:
darkTheme
config now can befalse
to disableprefers-color-scheme: dark
(d7688cc) - #875 (ae61625)
2.36.1 (2022-10-29)
2.36.0 (2022-10-29)
2.35.0 (2022-10-29)
Add the following color variants
- success
- warning
- info
- error
for the following components:
- range
- toggle
- radio
- checkbox
2.34.1 (2022-10-29)
2.34.0 (2022-10-29)
- #1186 (938d047)
- #1265 (f25bf92)
- #1275 (6bba2de)
- #834 (aa6e812)
- Error from comments in modal react examples (#1278) (b96415b)
2.33.0 (2022-10-20)
2.32.0 (2022-10-20)
2.31.0 (2022-09-21)
- menu width (261ced5)
2.30.0 (2022-09-21)
2.29.0 (2022-09-20)
- menu width and menu item shrink issue (f57942e)
2.28.0 (2022-09-16)
2.27.0 (2022-09-10)
btn-group-horizontal
andbtn-group-vertical
classes are now responsive (f27340b)
2.26.0 (2022-09-10)
- allow utility classes to change padding and min-height for
collapse
(e0fa734)
2.25.0 (2022-09-05)
- 70% smaller size for
mask
styles
2.24.2 (2022-09-04)
2.24.1 (2022-09-04)
2.24.0 (2022-08-13)
- refactor
badge
modifier/responsive class name categorization (3a3e055)
2.23.0 (2022-08-13)
- refactor
alert
andradio
modifier/responsive class name categorization (b58ecea)
2.22.1 (2022-08-12)
2.22.0 (2022-08-04)
2.21.0 (2022-08-04)
2.20.0 (2022-07-23)
2.19.1 (2022-07-20)
2.19.0 (2022-07-09)
- add new
toast
component (b57457f)
2.18.2 (2022-07-09)
2.18.0 (2022-07-03)
- add new
bottom-navigation
component
2.17.0 (2022-06-22)
- add
btn-group-vertical
(41ce08c)
2.16.0 (2022-06-22)
2.15.4 (2022-06-15)
2.15.3 (2022-06-10)
2.15.2 (2022-05-30)
2.15.1 (2022-05-24)
2.15.0 (2022-05-15)
2.14.4 (2022-05-15)
2.14.3 (2022-04-30)
2.14.2 (2022-04-23)
2.14.1 (2022-04-18)
2.14.0 (2022-04-15)
2.13.6 (2022-04-02)
2.13.5 (2022-03-31)
drawer-end
issue when there's another drawer inside it (d6e8b9c)
2.13.4 (2022-03-28)
2.13.3 (2022-03-26)
2.13.2 (2022-03-25)
2.13.1 (2022-03-25)
2.13.0 (2022-03-24)
- Improve color contrast on
aqua
,emerald
,light
themes
2.12.0 (2022-03-24)
- drawer now has
width:100%
andheight:100svh
and by default (if supported). fixes: #313 on iOS 15.4+ (c8b104a) - now every element with
data-theme
will havebase-100
color for background andbase-content
color for text by default. (216d115) - Improve
base-200
andbase-300
colors onlight
theme
2.11.1 (2022-03-22)
2.11.0 (2022-03-18)
- add new responsive modifier classes for
modal
:modal-bottom
andmodal-middle
(fixes #616) (9e5313f) - indicator positions are now responsive and accept sm:, md:, etc. prefixes (5e7ac34)
2.10.0 (2022-03-17)
2.9.0 (2022-03-16)
2.8.0 (2022-03-13)
2.7.0 (2022-03-13)
- divider text now has nowrap (f41fb50)
2.6.4 (2022-03-09)
2.6.3 (2022-03-07)
2.6.2 (2022-03-07)
2.6.1 (2022-03-07)
2.6.0 (2022-03-04)
2.5.0 (2022-03-04)
2.4.0 (2022-03-03)
- Add new
prefix
config (e87db57)
2.3.6 (2022-03-03)
2.3.5 (2022-03-03)
2.3.4 (2022-03-03)
2.3.3 (2022-03-03)
2.3.2 (2022-03-03)
2.3.1 (2022-03-03)
2.3.0 (2022-03-02)
2.2.2 (2022-02-25)
2.2.1 (2022-02-24)
2.2.0 (2022-02-22)
2.1.0 (2022-02-19)
-
Improved all existing theme colors
-
Added 4 new themes:
autumn
business
acid
lemonade
- Now only the following color names are required for daisyUI themes. All other colors are optional and they will be generated magically ✨ (unless they're specified in the theme). [Read more]
primary
secondary
accent
neutral
base-100
- remove unused
windi.js
file
- Add missing
rounded-box
utility classes - Fix avatar inidcator color
- #477 (d6fee67)
- typo in docs (1851cab)
2.0.9 (2022-02-17)
2.0.8 (2022-02-17)
2.0.7 (2022-02-17)
2.0.6 (2022-02-15)
2.0.5 (2022-02-15)
2.0.4 (2022-02-15)
2.0.3 (2022-02-15)
- Move index.js and /colors to /src/index.js and /src/colors
If you're importing themes from
daisyui/colors/themes
, you should import them fromdaisyui/src/colors/themes
instead.
- dropdown not working (3f2559e)
2.0.2 (2022-02-14)
2.0.0 (2022-02-13)
-
🆕 Tailwind CSS 3.0 is now a dependency
-
🎨 Improvements applied to the value of following colors on daisyUI default themes. Below colors got lighter on light themes and they got darker on dark themes (due to adding new
*-content
color names)info
success
warning
error
If you used those color names inside your pages (like
bg-info
,text-error
, etc.) Make sure your colors look good on both light and dark themes.
There are new content colors are added so for example, iftext-info
contrast doesn't look good, use the newtext-info-content
color instead.
-
🔥 Updated Tailwind CSS dev dependency to v3.0
-
🚀 Moved document website from Nuxt to SvelteKit
-
🆕 Add new
swap
component -
🆕 Add new
radial-progress
component -
👏 Improve
range
component to show the filled value with colors -
👏
menu
component now supports submenus both vertically and horizontally -
🆕 Add new foreground colors (fixes #187)
info-content
success-content
warning-content
error-content
-
🆕 Add new responsive modifiers for
divider
component:- divider-vertical
- divider-horizontal
-
🆕 Add new responsive modifiers for
stats
component (fixes #440):- stats-vertical
- stats-horizontal
-
🤩 All focus styles that were using box shadows are now using outline instead
-
🤩 Now every item inside
.menu li
will be styled as menu item (not onlya
,span
,button
) -
😍 Add copy to clipboard functionality for document website (fixes #293)
-
🆕 Add new modifiers for
mask
component. This classes are used to show first half or second half of a mask"- mask-half-1
- mask-half-2
-
🤩 Empty
<li>
in amenu
now shows a separator line. -
🆕 Add new
input-group
component -
🆕 Add new
rating-half
modifierrating
component (to show half stars) -
📐
avatar
image now has1:1
aspect ratio -
😍 Add support for
RGB
,HSL
,etc. color formats for daisyUI themes intailiwnd.config.js
:
module.exports = {
daisyui: {
themes: [
{
mytheme: {
// until now, only hex format was supported:
primary: "#a991f7",
"primary-focus": "#8462f4",
"primary-content": "#ffffff",
// now it can be anything:
secondary: "red",
"secondary-focus": "rgb(243,204,48)",
"secondary-content": "hsl(0, 0%, 100%)",
//...
},
},
],
},
};
- 🌗 Now system dark mode theme doesn't need to be named
dark
anymore only.
It can be any theme and it can be specified intailwind.config.js
using newdarkTheme
config:
module.exports = {
daisyui: {
darkTheme: "synthwave"",
},
}
- 👏 The following colors now are optional on themes and if they're not specified, their fallback colors will be used:
"primary-focus"; // fallback : "primary"
"secondary-focus"; // fallback : "secondary"
"accent-focus"; // fallback : "accent"
"neutral-focus"; // fallback : "neutral"
"base-200"; // fallback : "base-100"
"base-300"; // fallback : "base-300"
"info-content"; // fallback : "neutral-content"
"success-content"; // fallback : "neutral-content"
"warning-content"; // fallback : "neutral-content"
"error-content"; // fallback : "neutral-content"
- Fix overflow-hidden issue on
menu
component - Fix pixelated checkbox bug in Firefox (fixes #427)
- Fix responsive child classes to be able to get prefixes (fixes #449, #371, #346)
- Fix card responsive image size calculation (fixes #181, #30)
- Fix code indentation in document website (fixes #450)
- Fix responsive button demo on document website (fixes #376)
- Fix right padding on
select
component - Improve some colors on themes
1.25.4 (2022-01-25)
1.25.3 (2022-01-23)
1.25.2 (2022-01-23)
1.25.1 (2022-01-23)
1.25.4 (2022-01-25)
1.25.3 (2022-01-23)
1.25.2 (2022-01-23)
1.25.1 (2022-01-23)
1.25.0 (2022-01-23)
1.24.3 (2022-01-17)
- rating iOS backward compatibility (e183b4f)
1.24.2 (2022-01-17)
1.24.1 (2022-01-17)
1.24.0 (2022-01-17)
1.23.1 (2022-01-17)
- card-side css property (9908352)
1.23.0 (2022-01-15)
- add css variables to edit tab colors (3598bd9)
1.22.2 (2022-01-12)
1.22.1 (2022-01-12)
- #394 prevent toggle from shrinking by default (2676cc8)
- breadcrumbs: Remove the breadcrumb separator background color (6ec8f5e)
1.22.0 (2022-01-08)
1.21.0 (2022-01-01)
1.20.1 (2021-12-30)
1.20.0 (2021-12-26)
- support [checked=true] style on checkbox and toggle (8131232)
1.19.0 (2021-12-22)
- menu text color (30c79ac)
1.18.0 (2021-12-22)
1.17.1 (2021-12-21)
1.17.0 (2021-12-21)
1.16.6 (2021-12-16)
1.16.5 (2021-12-13)
1.16.4 (2021-12-11)
1.16.3 (2021-12-11)
1.16.2 (2021-11-07)
1.16.1 (2021-11-01)
- #261 - Added Right Padding for Collapse Arrow (28a34d4)
- #279 - Vertical steps resize to content (ed7fad6)
1.16.0 (2021-10-23)
1.15.0 (2021-10-23)
1.14.7 (2021-10-21)
1.14.6 (2021-10-19)
1.14.5 (2021-10-15)
- button scale for
corporate
theme (dc6da4d)
1.14.4 (2021-10-12)
- #236 (nested themes and missing css vars) (f8f6bad)
- #237 (fix CDN files order in docs) (fa316bc)
- #239 (btn outline style for state colors) (6796d84)
1.14.3 (2021-10-11)
- #232 make collapse-arrow clickable
1.14.2 (2021-09-29)
1.14.1 (2021-09-23)
1.14.0 (2021-08-26)
- #145 footer responsive bug (4925a0a)
- #149 lock page scroll when modal is open (431b1e8)
- #155 add
w-full
tofooter
component (39c412a)
1.13.2 (2021-08-22)
1.13.1 (2021-08-22)
1.13.0 (2021-08-21)
1.12.1 (2021-08-20)
1.12.0 (2021-08-17)
- add
stack
component (de727ac)
1.11.1 (2021-08-09)
1.11.0 (2021-08-04)
1.10.0 (2021-07-18)
- add checkbox sizes (xs, sm, md, lg) (1502e46)
- add extra-small badge size, adjust badge padding and height (ac06320)
- add indicator component. fix #32 (2920671)
- add radio sizes (xs, sm, md, lg) (2e18025)
- add toggle sizes (xs, sm, md, lg) (95c1f8c)
- refactor
checkbox
,toggle
andradio
HTML (this is not a breaking change but you can use the new, cleaner markup)
<!-- 😒 Old markup -->
<div>
<input type="checkbox" class="toggle" />
<span class="toggle-mark"></span>
</div>
<!-- 😍 New markup -->
<input type="checkbox" class="toggle" />
<!-- 😒 Old markup -->
<div>
<input type="checkbox" class="checkbox" />
<span class="checkbox-mark"></span>
</div>
<!-- 😍 new markup -->
<input type="checkbox" class="checkbox" />
<!-- 😒 Old markup -->
<div>
<input type="radio" class="radio" />
<span class="radio-mark"></span>
</div>
<!-- 😍 New markup -->
<input type="radio" class="radio" />
1.9.0 (2021-07-11)
- add
active
utility class for<tr>
(4c5f0fe)
1.8.0 (2021-07-10)
- add min-height for navbar (391dd99)
1.7.0 (2021-07-10)
1.6.1 (2021-07-01)
- add
drawer-end
utility (d9f7558)
1.6.0 (2021-06-28)
- add
drawer-end
utility (7a0e5b1)
1.5.0 (2021-06-27)
- add
navbar-start
,navbar-center
,navbar-end
classes (eb26833)
- prevent dropdown to open on click when it should open with hover (3ad0243)
- typo (ea08977)
- typography style is now on
component
layer instead ofbase
(cdca955)
1.4.0 (2021-06-19)
1.3.11 (2021-06-18)
- corrupted color variables (4a9351e)
1.3.8 (2021-06-17)
1.3.7 (2021-06-17)
- add fallback transparent color for unstyled components (73f6532)
1.3.6 (2021-06-15)
1.3.5 (2021-06-14)
1.3.4 (2021-06-10)
- improve some theme colors (6b2ed03)
1.3.3 (2021-06-09)
1.3.2 (2021-06-05)
1.3.0 (2021-05-30)
1.2.0 (2021-05-27)
- .prose colors (2fab3af)
1.1.2 (2021-05-26)
1.1.1 (2021-05-26)
1.1.0 (2021-05-26)
- change default theme from config (545fe70)
1.0.2 (2021-05-23)
1.0.1 (2021-05-23)
1.0.0 (2021-05-21)
accordion
component is now removed and insted, there'scollapse
with a different markup. [see examples].
HTML Changes:- Old
accordion
:<ul class="accordion"> <li class="accordion-item"> <input id="item-923499" type="checkbox" /> <label for="item-923499" class="text-xl font-medium accordion-title"> Aperiam iure expedita non fugit? </label> <div class="accordion-body"> <p> Aperiam iure expedita non fugit. Voluptatem est repellat a aut sit est nostrum maiores aut. Voluptas nisi totam eius architecto eius mollitia quos assumenda non. Iusto rerum doloribus. Architecto dolorum explicabo omnis quidem. Quibusdam ipsam beatae soluta et dolores iure ut debitis ad. </p> </div> </li> </ul>
- New
collapse
:<div tabindex="0" class="collapse"> <div class="text-xl font-medium collapse-title">I open with focus</div> <div class="collapse-content"> <p>Collapse content reveals with focus. If you add a checkbox, you can control it using checkbox instead of focus. Or you can force-open/force-close using `collapse-open` and `collapse-close` classes.</p> </div> </div>
- Old
- add avatar-group component (b5f37bc)
- add stat component (ceba7d0)
- add steps component (19b402d)
- add table component (7d4d246)
- add tooltip component (0e276d1)
- more strict menu style (494bc7a)
0.28.0 (2021-05-16)
- add focus style for breadcrumbs (1ac20b5)
- add focus style for link (475ba8b)
- add focus style for menu item (bc7f110)
- add focus style for tab (2ff73af)
- better menu title color contrast (6149345)
- improve accordion border color (7003a6d)
0.27.2 (2021-05-14)
0.27.1 (2021-05-13)
- themes config can now be array (bf33256)
0.27.0 (2021-05-13)
- themes config can now be array (bf33256)
0.26.3 (2021-05-12)
0.26.2 (2021-05-12)
- add focus style for card (cebcc26)
0.26.2 (2021-05-12)
- add focus style for card (cebcc26)
0.26.1 (2021-05-12)
- add focus style for card (cebcc26)
0.26.0 (2021-05-07)
- add carousel component (64cc47b)
0.25.0 (2021-05-07)
- add corporate theme (cbe0e2f)
- add emerald theme (74776b9)
- add font family for retro, cyberpunk themes (ed612ab)
- add lofi theme (391bf10)
0.24.0 (2021-05-07)
0.23.0 (2021-05-07)
0.22.1 (2021-05-06)
- modal position big on safari (933a9e6)
0.22.0 (2021-05-05)
- Add dropdown component (1f5a50a)
0.21.3 (2021-04-30)
0.21.2 (2021-04-30)
0.21.1 (2021-04-29)
- modal size (82d8280)
0.21.0 (2021-04-29)
- cleanup /src file structure and npm scripts (6a4c2dd)
0.20.1 (2021-04-22)
- spin animation not included when using JIT (7a10e5c)
0.20.0 (2021-04-22)
- improve logs (a0d1d50)
0.19.1 (2021-04-21)
- enable themes config by default (abb0b9d)
0.19.0 (2021-04-21)
- auto include DaisyUI colors (389b6f9)
- remove tailwindcss peer dependency (0aff74b)
0.18.0 (2021-04-20)
0.17.2 (2021-04-20)
- add mask utility (db608b7)
- phone mockup z-index (75e68b2)
0.17.1 (2021-04-19)
- divider component (c88c4bf)
0.17.0 (2021-04-18)
- countdown component (d00e4fc)
0.16.1 (2021-04-18)
0.16.0 (2021-04-18)
- improve tabs component (37cb14a)
0.15.4 (2021-04-17)
- improve tab borders using gradients (cca6520)
0.15.3 (2021-04-08)
0.15.2 (2021-03-30)
0.15.1 (2021-03-27)
- Add support for WindiCSS (4f0c5d5)
- include colors directory in package files (71fe7cb)
0.14.6 (2021-03-17)
- change tab border opacity (b45ee7d)
0.14.5 (2021-03-12)
0.14.4 (2021-03-12)
- add breadcrumbs component (501c6a0)
0.14.3 (2021-03-11)
- button animation (5134b75)
0.14.2 (2021-03-10)
0.14.1 (2021-03-05)
0.14.0 (2021-03-05)
- add auto margin for card-actions items (046c03e)
0.13.3 (2021-03-03)
- drawer scroll bug (d61c223)
0.13.2 (2021-03-03)
- drawer height bug (eee83de)
0.13.1 (2021-03-03)
- nested drawer components bug (7cc8443)
0.13.0 (2021-03-03)
0.12.2 (2021-03-03)
- add webkit-tap-highlight-color basy style (0eedac4)