All notable changes to this project will be documented in this file. See standard-version for commit guidelines.
2.14.0 (2022-04-15)
2.13.6 (2022-04-02)
2.13.5 (2022-03-31)
drawer-endissue 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,lightthemes
2.12.0 (2022-03-24)
- drawer now has
width:100%andheight:100svhand by default (if supported). fixes: #313 on iOS 15.4+ (c8b104a) - now every element with
data-themewill havebase-100color for background andbase-contentcolor for text by default. (216d115) - Improve
base-200andbase-300colors onlighttheme
2.11.1 (2022-03-22)
2.11.0 (2022-03-18)
- add new responsive modifier classes for
modal:modal-bottomandmodal-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
prefixconfig (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.jsfile
- Add missing
rounded-boxutility 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/themesinstead.
- 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
*-contentcolor names)infosuccesswarningerror
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-infocontrast doesn't look good, use the newtext-info-contentcolor instead.
-
🔥 Updated Tailwind CSS dev dependency to v3.0
-
🚀 Moved document website from Nuxt to SvelteKit
-
🆕 Add new
swapcomponent -
🆕 Add new
radial-progresscomponent -
👏 Improve
rangecomponent to show the filled value with colors -
👏
menucomponent now supports submenus both vertically and horizontally -
🆕 Add new foreground colors (fixes #187)
info-contentsuccess-contentwarning-contenterror-content
-
🆕 Add new responsive modifiers for
dividercomponent:- divider-vertical
- divider-horizontal
-
🆕 Add new responsive modifiers for
statscomponent (fixes #440):- stats-vertical
- stats-horizontal
-
🤩 All focus styles that were using box shadows are now using outline instead
-
🤩 Now every item inside
.menu liwill be styled as menu item (not onlya,span,button) -
😍 Add copy to clipboard functionality for document website (fixes #293)
-
🆕 Add new modifiers for
maskcomponent. This classes are used to show first half or second half of a mask"- mask-half-1
- mask-half-2
-
🤩 Empty
<li>in amenunow shows a separator line. -
🆕 Add new
input-groupcomponent -
🆕 Add new
rating-halfmodifierratingcomponent (to show half stars) -
📐
avatarimage now has1:1aspect 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
darkanymore only.
It can be any theme and it can be specified intailwind.config.jsusing newdarkThemeconfig:
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
menucomponent - 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
selectcomponent - 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
corporatetheme (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-fulltofootercomponent (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
stackcomponent (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,toggleandradioHTML (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
activeutility 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-endutility (d9f7558)
1.6.0 (2021-06-28)
- add
drawer-endutility (7a0e5b1)
1.5.0 (2021-06-27)
- add
navbar-start,navbar-center,navbar-endclasses (eb26833)
- prevent dropdown to open on click when it should open with hover (3ad0243)
- typo (ea08977)
- typography style is now on
componentlayer 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)
accordioncomponent is now removed and insted, there'scollapsewith 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)