Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

2.15.0 (2022-05-15)

2.14.4 (2022-05-15)

Bug Fixes

2.14.3 (2022-04-30)

Bug Fixes

2.14.2 (2022-04-23)

Bug Fixes

2.14.1 (2022-04-18)

Bug Fixes

2.14.0 (2022-04-15)

Bug Fixes

2.13.6 (2022-04-02)

Bug Fixes

2.13.5 (2022-03-31)

Bug Fixes

  • drawer-end issue when there’s another drawer inside it (d6e8b9c)

2.13.4 (2022-03-28)

Bug Fixes

2.13.3 (2022-03-26)

2.13.2 (2022-03-25)

Bug Fixes

2.13.1 (2022-03-25)

Bug Fixes

2.13.0 (2022-03-24)

Features

  • Improve color contrast on aqua ,emerald ,light themes

2.12.0 (2022-03-24)

Features

  • drawer now has width:100% and height:100svh and by default (if supported). fixes: #313 on iOS 15.4+ (c8b104a)
  • now every element with data-theme will have base-100 color for background and base-content color for text by default. (216d115)
  • Improve base-200 and base-300 colors on light theme

Bug Fixes

2.11.1 (2022-03-22)

Bug Fixes

2.11.0 (2022-03-18)

Features

  • add new responsive modifier classes for modal: modal-bottom and modal-middle (fixes #616) (9e5313f)
  • indicator positions are now responsive and accept sm:, md:, etc. prefixes (5e7ac34)

Bug Fixes

2.10.0 (2022-03-17)

Bug Fixes

2.9.0 (2022-03-16)

Bug Fixes

2.8.0 (2022-03-13)

Bug Fixes

2.7.0 (2022-03-13)

Features

  • divider text now has nowrap (f41fb50)

Bug Fixes

2.6.4 (2022-03-09)

Bug Fixes

2.6.3 (2022-03-07)

Bug Fixes

2.6.2 (2022-03-07)

Bug Fixes

2.6.1 (2022-03-07)

Bug Fixes

2.6.0 (2022-03-04)

Features

  • add 3 new themes: night cafe winter (2ad9cba)
  • update lofi theme (fd3bd4e)

Bug Fixes

2.5.0 (2022-03-04)

Bug Fixes

2.4.0 (2022-03-03)

Features

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)

Features

  • Add new prefix config (#537) (49e05fa)
  • Add new dependencies:
    • postcss-class-prefix
    • postcss-js

Bug Fixes

2.2.2 (2022-02-25)

2.2.1 (2022-02-24)

Bug Fixes

2.2.0 (2022-02-22)

Bug Fixes

2.1.0 (2022-02-19)

Features

  • 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

Bug Fixes

  • 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)

Features

  • 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 from daisyui/src/colors/themes instead.

Bug Fixes

2.0.2 (2022-02-14)

2.0.0 (2022-02-13)

Breaking Changes

  • 🆕 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, if text-info contrast doesn’t look good, use the new text-info-content color instead.

Features

  • 🔥 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 only a, 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 a menu now shows a separator line.

  • 🆕 Add new input-group component

  • 🆕 Add new rating-half modifier rating component (to show half stars)

  • 📐 avatar image now has 1:1 aspect ratio

  • 😍 Add support for RGB, HSL,etc. color formats for daisyUI themes in tailiwnd.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 in tailwind.config.js using new darkTheme 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"

Bug Fixes

  • 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)

Bug Fixes

1.25.2 (2022-01-23)

Bug Fixes

1.25.1 (2022-01-23)

Bug Fixes

1.25.4 (2022-01-25)

1.25.3 (2022-01-23)

Bug Fixes

1.25.2 (2022-01-23)

Bug Fixes

1.25.1 (2022-01-23)

Bug Fixes

1.25.0 (2022-01-23)

Features

  • add indeterminate style for checkbox and toggle, fix #420 (fd11e61)

Bug Fixes

1.24.3 (2022-01-17)

Bug Fixes

  • rating iOS backward compatibility (e183b4f)

1.24.2 (2022-01-17)

Bug Fixes

  • #351 (apply menu item style to button like a and span) (87f079f)

1.24.1 (2022-01-17)

1.24.0 (2022-01-17)

Features

1.23.1 (2022-01-17)

Bug Fixes

1.23.0 (2022-01-15)

Features

  • add css variables to edit tab colors (3598bd9)

1.22.2 (2022-01-12)

Bug Fixes

1.22.1 (2022-01-12)

Bug Fixes

  • #394 prevent toggle from shrinking by default (2676cc8)
  • breadcrumbs: Remove the breadcrumb separator background color (6ec8f5e)

1.22.0 (2022-01-08)

Features

1.21.0 (2022-01-01)

Features

1.20.1 (2021-12-30)

Bug Fixes

1.20.0 (2021-12-26)

Features

  • support [checked=true] style on checkbox and toggle (8131232)

1.19.0 (2021-12-22)

Bug Fixes

1.18.0 (2021-12-22)

Features

Bug Fixes

1.17.1 (2021-12-21)

Bug Fixes

1.17.0 (2021-12-21)

Features

Bug Fixes

1.16.6 (2021-12-16)

Bug Fixes

1.16.5 (2021-12-13)

Bug Fixes

1.16.4 (2021-12-11)

Bug Fixes

1.16.3 (2021-12-11)

Bug Fixes

1.16.2 (2021-11-07)

Bug Fixes

1.16.1 (2021-11-01)

Bug Fixes

1.16.0 (2021-10-23)

Features

1.15.0 (2021-10-23)

Features

Bug Fixes

1.14.7 (2021-10-21)

1.14.6 (2021-10-19)

Bug Fixes

1.14.5 (2021-10-15)

Bug Fixes

  • button scale for corporate theme (dc6da4d)

1.14.4 (2021-10-12)

Bug Fixes

1.14.3 (2021-10-11)

Bug Fixes

  • #232 make collapse-arrow clickable

1.14.2 (2021-09-29)

Bug Fixes

1.14.1 (2021-09-23)

Bug Fixes

1.14.0 (2021-08-26)

Bug Fixes

1.13.2 (2021-08-22)

Bug Fixes

1.13.1 (2021-08-22)

1.13.0 (2021-08-21)

Features

1.12.1 (2021-08-20)

Bug Fixes

1.12.0 (2021-08-17)

Features

Bug Fixes

1.11.1 (2021-08-09)

Bug Fixes

1.11.0 (2021-08-04)

Features

1.10.0 (2021-07-18)

Features

  • 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 and radio HTML (this is not a breaking change but you can use the new, cleaner markup)

Toggle

<!-- 😒 Old markup -->
<div>
  <input type="checkbox" class="toggle" />
  <span class="toggle-mark"></span>
</div>

<!-- 😍 New markup -->
<input type="checkbox" class="toggle" />

Checkbox

<!-- 😒 Old markup -->
<div>
  <input type="checkbox" class="checkbox" />
  <span class="checkbox-mark"></span>
</div>

<!-- 😍 new markup -->
<input type="checkbox" class="checkbox" />

Radio

<!-- 😒 Old markup -->
<div>
  <input type="radio" class="radio" />
  <span class="radio-mark"></span>
</div>

<!-- 😍 New markup -->
<input type="radio" class="radio" />

Bug Fixes

1.9.0 (2021-07-11)

Features

  • add active utility class for <tr> (4c5f0fe)

1.8.0 (2021-07-10)

Features

  • add min-height for navbar (391dd99)

1.7.0 (2021-07-10)

Features

  • add smooth scroll for carousel (52880e1)
  • divider-vertical is now a responsive utility (d918772)

Bug Fixes

1.6.1 (2021-07-01)

Features

Bug Fixes

  • #98 - collapse background now adapts to parent elements (31528ea)

1.6.0 (2021-06-28)

Features

1.5.0 (2021-06-27)

Features

  • add navbar-start, navbar-center, navbar-end classes (eb26833)

Bug Fixes

  • prevent dropdown to open on click when it should open with hover (3ad0243)
  • typo (ea08977)
  • typography style is now on component layer instead of base (cdca955)

1.4.0 (2021-06-19)

Features

  • bolder font for menu-title (0e786e7)
  • set default text-color/bg-color to :root element (0b627c1)

1.3.11 (2021-06-18)

Bug Fixes

  • corrupted color variables (4a9351e)

1.3.8 (2021-06-17)

Bug Fixes

1.3.7 (2021-06-17)

Features

  • add fallback transparent color for unstyled components (73f6532)

Bug Fixes

1.3.6 (2021-06-15)

Bug Fixes

1.3.5 (2021-06-14)

1.3.4 (2021-06-10)

Features

  • improve some theme colors (6b2ed03)

1.3.3 (2021-06-09)

1.3.2 (2021-06-05)

1.3.0 (2021-05-30)

Features

  • add color classes for textarea (84925d0)
  • define new themes from tailwind.config.js (3b3eac7)

1.2.0 (2021-05-27)

Bug Fixes

1.1.2 (2021-05-26)

1.1.1 (2021-05-26)

1.1.0 (2021-05-26)

Features

  • change default theme from config (545fe70)

1.0.2 (2021-05-23)

Bug Fixes

1.0.1 (2021-05-23)

Bug Fixes

1.0.0 (2021-05-21)

♻️ Breaking Changes

  • accordion component is now removed and insted, there’s collapse 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>

Features

Bug Fixes

0.28.0 (2021-05-16)

Features

  • 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)

Bug Fixes

  • improve accordion border color (7003a6d)

0.27.2 (2021-05-14)

Bug Fixes

  • avatar component online indicator z-index (5d7efe4)
  • dropdown focus style (7b014ad)

0.27.1 (2021-05-13)

Features

  • themes config can now be array (bf33256)

Bug Fixes

0.27.0 (2021-05-13)

Features

  • themes config can now be array (bf33256)

Bug Fixes

0.26.3 (2021-05-12)

0.26.2 (2021-05-12)

Features

Bug Fixes

0.26.2 (2021-05-12)

Features

Bug Fixes

0.26.1 (2021-05-12)

Features

Bug Fixes

0.26.0 (2021-05-07)

Features

0.25.0 (2021-05-07)

Features

Bug Fixes

0.24.0 (2021-05-07)

0.23.0 (2021-05-07)

Bug Fixes

0.22.1 (2021-05-06)

Bug Fixes

  • modal position big on safari (933a9e6)

0.22.0 (2021-05-05)

Features

Bug Fixes

0.21.3 (2021-04-30)

0.21.2 (2021-04-30)

0.21.1 (2021-04-29)

Bug Fixes

0.21.0 (2021-04-29)

Bug Fixes

  • cleanup /src file structure and npm scripts (6a4c2dd)

0.20.1 (2021-04-22)

Bug Fixes

  • spin animation not included when using JIT (7a10e5c)

0.20.0 (2021-04-22)

Features

Bug Fixes

0.19.1 (2021-04-21)

Features

  • enable themes config by default (abb0b9d)

0.19.0 (2021-04-21)

Features

  • auto include DaisyUI colors (389b6f9)

Bug Fixes

  • remove tailwindcss peer dependency (0aff74b)

0.18.0 (2021-04-20)

0.17.2 (2021-04-20)

Features

Bug Fixes

0.17.1 (2021-04-19)

Features

0.17.0 (2021-04-18)

Features

Bug Fixes

0.16.1 (2021-04-18)

0.16.0 (2021-04-18)

Bug Fixes

0.15.4 (2021-04-17)

Bug Fixes

  • improve tab borders using gradients (cca6520)

0.15.3 (2021-04-08)

0.15.2 (2021-03-30)

Bug Fixes

0.15.1 (2021-03-27)

Features

Bug Fixes

  • include colors directory in package files (71fe7cb)

0.14.6 (2021-03-17)

Bug Fixes

  • change tab border opacity (b45ee7d)

0.14.5 (2021-03-12)

0.14.4 (2021-03-12)

Features

  • add breadcrumbs component (501c6a0)

0.14.3 (2021-03-11)

Bug Fixes

0.14.2 (2021-03-10)

0.14.1 (2021-03-05)

Bug Fixes

0.14.0 (2021-03-05)

Features

  • add auto margin for card-actions items (046c03e)

Bug Fixes

0.13.3 (2021-03-03)

Bug Fixes

0.13.2 (2021-03-03)

Bug Fixes

0.13.1 (2021-03-03)

Bug Fixes

  • nested drawer components bug (7cc8443)

0.13.0 (2021-03-03)

0.12.2 (2021-03-03)

Features

  • add webkit-tap-highlight-color basy style (0eedac4)