All notable changes to this project will be documented in this file. See standard-version for commit guidelines.
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)