Skip to content

Conversation

@renovate
Copy link
Contributor

@renovate renovate bot commented Apr 2, 2025

This PR contains the following updates:

Package Change Age Confidence
daisyui (source) ^4.10.1 -> ^5.0.0 age confidence

Release Notes

saadeghi/daisyui (daisyui)

v5.5.5

Compare Source

Bug Fixes

v5.5.4

Compare Source

Bug Fixes

v5.5.3

Compare Source

Bug Fixes

v5.5.2

Compare Source

Bug Fixes
  • prefix for is-drawer-close and is-drawer-open. closes: #​4197 (f3005f4)

v5.5.1

Compare Source

Bug Fixes

v5.5.0

Compare Source

Features
  • new component hover-3d to make a 3D card
  • new component text-rotate to rotate between multiple words
  • new skeleton variant: skeleton-text for animated gradient text
  • improve diff drag area
  • improve <code> padding in prose. closes: #​4243
  • new dropdown modifier: dropdown-close to force close a dropdown
  • btn selector improvements (7% smaller CSS size)
  • details in menu now has smooth transition
Docs
  • search now includes all class names and variables
  • update disable menu example to be more accessible
  • update llms.txt

v5.4.8

Compare Source

🌼 Read changelog: https://daisyui.com/docs/changelog/

📦 Install this update:

npm i -D daisyui@5.4.8

💚 Thank you for using daisyUI!

v5.4.7

Compare Source

Bug Fixes

v5.4.6

Compare Source

Bug Fixes

v5.4.5

Compare Source

Bug Fixes
  • leaking grid style issue in list (a22e54d)

v5.4.4

Compare Source

Bug Fixes
  • substract padding from tab-content height for tabs-box (#​4235) (e59a7a0)

v5.4.3

Compare Source

Bug Fixes
  • kbd box-shadow in prose (1f3e4d1)

v5.4.2

Compare Source

Bug Fixes
  • drawer height issue from 5.4.0 (261b302)

v5.4.1

Compare Source

Bug Fixes
  • allow outline on all methods of dropdown, not just summary (624a0a6)

v5.4.0

Compare Source

Bug Fixes
  • drawer height issue from 5.4.0 (261b302)

v5.3.11

Compare Source

Bug Fixes

v5.3.10

Compare Source

Bug Fixes
  • range thumb color on Safari (2c4a825)

v5.3.9

Compare Source

Bug Fixes
  • allow browser to find text in collapse <details> (bde0427), closes #​4194

v5.3.8

Compare Source

Bug Fixes
  • easier overriding before/after content using utility classes. closes: #​4196 (f2b1e9f)

v5.3.7

Compare Source

Bug Fixes
  • btn in prose shouldn't have underline by default. closes: #​4192 (1205a90)

v5.3.6

Compare Source

Bug Fixes
  • backdrop color bleeding issue + scrollbar improvements. closes: #​3928 (240d1d8)

v5.3.5

Compare Source

Bug Fixes

v5.3.4

Compare Source

Bug Fixes
  • validator-hint overrides hidden class as expected. close: #​4188 (c05604d)

v5.3.3

Compare Source

Bug Fixes
  • do not show the line before for first step in horizontal orientation (#​4187) (3cce2c8)

v5.3.2

Compare Source

Bug Fixes

v5.3.1

Compare Source

Bug Fixes

v5.3.0

Compare Source

Features
Bug Fixes
  • fix: card modifier classes can be used with Tailwind variants now, closes: #​3589

  • fix: btn-disabled can be used with Tailwind variants now, closes: #​3622

v5.2.5

Compare Source

Bug Fixes

v5.2.4

Compare Source

v5.2.3

Compare Source

Bug Fixes
  • fix: style for nested validator with aria-invalid attribute. closes: #​4176

v5.2.2

Compare Source

Bug Fixes
  • countdown RTL bug and allow defining number of digits (426de84)

v5.2.1

Compare Source

Bug Fixes

v5.2.0

Compare Source

Features
  • new variants for drawer: is-drawer-open and is-drawer-close to style elements based on drawer state. Allowing us to create icon-only drawer sidebar.
  • countdown now supports 0 to 999 with dynamic width (6b63563)
  • countdown: animate independently the 2 digits of the number (d3a32e2), closes #​4143
  • detect if page has vertical scrollbar visible and set scrollbar-gutter (abf02cc)
  • icon-only drawer sidebar, new variants is-drawer-open and is-drawer-close (32e919e)
Bug Fixes
  • dropdown: do not open dropdown on click (but open it on kbd focus) (39e4cb5), closes #​3880
  • enable tailwind conditional classes on menu-active (4a8d227)
  • Tailwind CSS collapse utility class conflict (c39d839)
  • fix scrollbar gutter layout shift on Windows when modal or drawer has a different scrollbar visibility than the body

v5.1.32

Compare Source

v5.1.31

Compare Source

Bug Fixes

v5.1.30

Compare Source

Bug Fixes
  • focus the first focusable element when modal opens. closes: #​3440 (c1e2f0c)

v5.1.29

Compare Source

Bug Fixes
  • (iOS) increase font size of small text input and textarea on focus so page wont zoom in (3b35fbb), closes #​3871 #​1145

v5.1.28

Compare Source

Bug Fixes

v5.1.27

Compare Source

Bug Fixes
  • prevent select line break on long text when select is not open and prevent page overflow when select is open. closes: #​4105 (6782522)

v5.1.26

Compare Source

Bug Fixes
  • navbar default position (f75a5ed)

v5.1.25

Compare Source

Bug Fixes

v5.1.24

Compare Source

Bug Fixes

v5.1.23

Compare Source

Bug Fixes

v5.1.22

Compare Source

Bug Fixes
  • unwanted box shadow of kbd inside prose (233c58a)

v5.1.21

Compare Source

Bug Fixes
  • fix: collapse focus-within issue. closes: #​4128
  • fix: text truncate issue. closes: #​2965

v5.1.20

Compare Source

Bug Fixes
  • allow height customization for select with multiple attribute (8292854)

v5.1.19

Compare Source

Bug Fixes
  • Update dependencies

v5.1.18

Compare Source

Bug Fixes

v5.1.17

Compare Source

Bug Fixes
  • fix: .prose class not working with daisyUI prefix. closes: #​4119

v5.1.16

Compare Source

Bug Fixes
  • Collapse gets closed when interactive input inside is focused. closes: #​4128 (f55cf0e)

v5.1.15

Compare Source

Bug Fixes

v5.1.14

Compare Source

Bug Fixes

v5.1.13

Compare Source

v5.1.12

Compare Source

Bug Fixes

v5.1.11

Compare Source

Bug Fixes

v5.1.10

Compare Source

Bug Fixes

v5.1.9

Compare Source

Bug Fixes

v5.1.8

Compare Source

v5.1.7

Compare Source

Bug Fixes

v5.1.6

Compare Source

Bug Fixes

v5.1.5

Compare Source

Bug Fixes
  • checkbox background color (fd938ab)

v5.1.4

Compare Source

Bug Fixes

v5.1.3

Compare Source

v5.1.2

Compare Source

Bug Fixes
  • (iOS) increase font size of small text input and textarea on focus so page wont zoom in (3b35fbb), closes #​3871 #​1145

v5.1.1

Compare Source

Bug Fixes
  • Update dependencies

v5.1.0

Compare Source

Features
  • feat: New component - Hover Gallery
  • feat: New component - FAB / Speed Dial
  • feat: Styled native HTML <select> element (works in Chromium, other browsers use the old OS style)
  • feat: Support prefers-reduced-motion for all animations
Bug Fixes
  • fix: theme-controller prefix
  • fix: support aria-current for tab
  • fix: add scrollbar-gutter auto to prevent modal scrollbar shift
  • fix: increase drawer z-index to prevent overlap issues

v5.0.55

Compare Source

v5.0.54

Compare Source

Bug Fixes
  • prefersdark theme overriding the default theme in custom themes. closes: #​3921 (bd6b064)

v5.0.53

Compare Source

Bug Fixes

v5.0.52

Compare Source

Bug Fixes

v5.0.51

Compare Source

Bug Fixes
  • styles for disabled inputs and select in fieldset (c60350d), closes #​4021

v5.0.50

Compare Source

Bug Fixes
  • use semantic fallbacks for checkbox states, improve indeterminate visibility. closes: #​3979 (d19f38a)

v5.0.49

Compare Source

Bug Fixes
  • react-day-picker disableNavigation not styling properly. closes: #​3990 (29123bc)

v5.0.48

Compare Source

Bug Fixes
  • apply theme-aware hover styling to Cally day buttons. closes: #​3991 (9960287)

v5.0.47

Compare Source

Bug Fixes

v5.0.46

Compare Source

v5.0.43

Compare Source

Bug Fixes
  • badge-outline, badge-dash, badge-soft can be used with tailwind responsive variants. closes: #​3643 (2470fe2)

v5.0.42

Compare Source

Bug Fixes

v5.0.41

Compare Source

v5.0.40

Compare Source

Bug Fixes
  • Chat bubble mask not working with tailwind prefixes. closes: #​3847 (c7856f2)

v5.0.39

Compare Source

Bug Fixes

v5.0.38

Compare Source

Bug Fixes

v5.0.37

Compare Source

Bug Fixes

v5.0.36

Compare Source

Bug Fixes
  • Safari iOS page zoom when user focuses Text Input. closes: #​3871 (1b5b997)
  • bug: The collapse input/title has a fixed min-height applied with high specificity #​3885
  • bug: Button Link and Ghost hover states persisting on mobile devices #​3888
  • bug: URL and email inputs with icons don't maintain LTR in RTL mode #​3886
  • bug: disabled button should not change border size #​3877
  • bug: indicator direction not reflecting on RTL #​3851
  • bug: validator on aria-invalid="false" should not be considered as invalid #​3855

v5.0.35

Compare Source

Bug Fixes

v5.0.34

Compare Source

Bug Fixes

v5.0.33

Compare Source

Bug Fixes
  • swap indeterminate not being visible with flip animation. closes: #​3806 (42a2fb5)

v5.0.32

Compare Source

Bug Fixes
  • prevent double-tap zoom on buttons on mobile (02a401a)

v5.0.31

Compare Source

Bug Fixes
  • button hover state persisting on mobile screen. closes: #​3817 (75c92c9)

v5.0.30

Compare Source

Bug Fixes
  • tooltip showing when data-tip or tooltip-content is empty. closes: #​3819 (2414ca5)

v5.0.29

Compare Source

Bug Fixes

v5.0.28

Compare Source

v5.0.27

Compare Source

Bug Fixes

v5.0.26

Compare Source

Bug Fixes

v5.0.25

Compare Source

Bug Fixes

v5.0.24

Compare Source

Bug Fixes

v5.0.23

Compare Source

Bug Fixes
  • add isolate to drawer-content to avoid z-index overflow. closes: #​3790 (488804f)

v5.0.22

Compare Source

Bug Fixes

v5.0.21

Compare Source

Bug Fixes
  • fix: badge-outline border color. closes: #​3784
  • fix: dock-active accepts variants. closes: #​3170

v5.0.20

Compare Source

Bug Fixes

v5.0.19

Compare Source

Bug Fixes

v5.0.18

Compare Source

Bug Fixes
  • validator working with aria-invalid (f4688a3)

v5.0.17

Compare Source

Bug Fixes

v5.0.16

Compare Source

Bug Fixes
  • fix: collapse-content transition duplicate, transition typo (#​3761)
  • fix tabs-box render issue on Nuxt. closes: #​3724

v5.0.15

Compare Source

Bug Fixes
  • dropdown-center RTL, modal gutter, collapse-content animation

v5.0.14

Compare Source

Bug Fixes
  • workaround for lightningcss issue of color mix in &:before. closes: #​3758, closes: #​3755

v5.0.13

Compare Source

Bug Fixes

v5.0.12

Compare Source

Bug Fixes

v5.0.11

Compare Source

Bug Fixes

v5.0.10

Compare Source

Bug Fixes

v5.0.9

Compare Source

Bug Fixes

v5.0.8

Compare Source

Bug Fixes

v5.0.7

Compare Source

v5.0.6

Compare Source

Bug Fixes

v5.0.5

Compare Source

v5.0.4

Compare Source

Bug Fixes
  • react-day-picker disableNavigation not styling properly. closes: #​3990 (29123bc)

v5.0.3

Compare Source

Bug Fixes

v5.0.2

Compare Source

Bug Fixes

v5.0.1

Compare Source

Bug Fixes

v5.0.0

Compare Source

This is the detailed list of changes per component. Most of these changes won't affect your project, so if you want to learn about the breaking changes only, check out the daisyUI 5 release notes

Alert

🆕 Additions

  • Added alert-outline, alert-dash, and alert-soft variants.
  • Added alert-vertical and alert-horizontal layout options.

🔧 Changes

  • Instead of hardcoded responsive breakpoints, you can now use the max-sm:alert-horizontal or any other responsive breakpoint.
Artboard

🗑️ Removals

  • Breaking Change: Removed all artboard and phone-* classes. These classes were simply setting the width and height of the div. Use Tailwind CSS w-* and h-* classes instead.
Before After
artboard phone-1 w-[320px] h-[568px]
artboard phone-2 w-[375px] h-[667px]
artboard phone-3 w-[414px] h-[736px]
artboard phone-4 w-[375px] h-[812px]
artboard phone-5 w-[414px] h-[896px]
artboard phone-6 w-[320px] h-[1024px]
Before After
artboard artboard-horizontal phone-1 w-[568px] h-[320px]
artboard artboard-horizontal phone-2 w-[667px] h-[375px]
artboard artboard-horizontal phone-3 w-[736px] h-[414px]
artboard artboard-horizontal phone-4 w-[812px] h-[375px]
artboard artboard-horizontal phone-5 w-[896px] h-[414px]
artboard artboard-horizontal phone-6 w-[1024px] h-[320px]
- <div class="artboard phone-1">
+ <div class="w-[320px] h-[568px]">

To be clear, mockup-phone is not removed. It just doesn't need the artboard class anymore.

Avatar

🔧 Changes

  • Breaking Change: Renamed online class to avatar-online, offline to avatar-offline, and placeholder to avatar-placeholder.
- <div class="avatar online">
+ <div class="avatar avatar-online">
  <div class="w-24 rounded-full">
    <img src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" />
  </div>
</div>
- <div class="avatar offline">
+ <div class="avatar avatar-offline">
  <div class="w-24 rounded-full">
    <img src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" />
  </div>
</div>
Badge

🆕 Additions

  • Added badge-dash, and badge-soft styles.
  • Added badge-xl size.
  • Added a default gap-2 between content of badge so you don't have to add it manually to put a space between the text and icon.

🔧 Changes

  • Adjusted sizes based on the new scale.
Breadcrumbs

🆕 Additions

  • Added a default gap-2 for the element inside list item so you don't have to add it manually to put a space between the text and icon.
Bottom Navigation

🗑️ Removals

  • Breaking Change: Removed bottom-nav component. Use dock component instead.
  • Breaking Change: Removed btm-nav-xs, btm-nav-sm, btm-nav-md, btm-nav-lg. Use dock-xs, dock-sm, dock-md, dock-lg instead.
  • Breaking Change: Removed btm-nav-active. Use dock-active instead.
  • Breaking Change: Removed disabled class of bottom-nav. Use aria-disabled="true" attribute or disabled attribute if it's a button. This is for better accessibility.
- <div class="btm-nav btm-nav-sm">
+ <div class="dock dock-sm">
  <button>🏠</button>
-   <button class="active">🍿</button>
+   <button class="dock-active">🍿</button>
  <button>⚙️</button>
</div>
Button

🆕 Additions

  • Added btn-xl size.
  • Added btn-dash and btn-soft styles.
  • Added box-shadow with if --depth effect is enabled.

🔧 Changes

  • Reworked click animation which is now more subtle and fits better with any size of the button.
  • Adjusted size scale.
  • Adjusted font-size.
  • Adjusted padding.
  • Improved disabled state styling.
  • Breaking Change: Default height reduced; customizable via --size-field.
  • checked button (checkbox, radio) now has outline instead of forced primary color. This allows customization like checked:btn-secondary
  • btn-ghost hover style is changed. In v4 btn-ghost had a specific hover style overriding any color modification. For example in btn btn-ghost btn-primary the button w

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.


  • If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

@renovate renovate bot force-pushed the renovate/daisyui-5.x branch 2 times, most recently from 648b0f4 to 5a6f78b Compare July 27, 2025 22:45
@renovate renovate bot force-pushed the renovate/daisyui-5.x branch from 5a6f78b to 217581e Compare August 7, 2025 11:39
@renovate renovate bot force-pushed the renovate/daisyui-5.x branch 5 times, most recently from c7bb100 to 9d8a2d7 Compare September 1, 2025 21:47
@renovate renovate bot force-pushed the renovate/daisyui-5.x branch 6 times, most recently from c6fef24 to 4134b16 Compare September 9, 2025 01:56
@renovate renovate bot force-pushed the renovate/daisyui-5.x branch 2 times, most recently from fa621ab to cce37bc Compare September 15, 2025 01:28
@renovate renovate bot force-pushed the renovate/daisyui-5.x branch 3 times, most recently from 61dc43b to 559e175 Compare September 24, 2025 16:32
@renovate renovate bot force-pushed the renovate/daisyui-5.x branch 6 times, most recently from f5be3ab to 536fef8 Compare September 30, 2025 20:08
@renovate renovate bot force-pushed the renovate/daisyui-5.x branch 5 times, most recently from e762164 to 1b555c0 Compare October 10, 2025 12:59
@renovate renovate bot force-pushed the renovate/daisyui-5.x branch 8 times, most recently from 5b2d059 to 619ed86 Compare October 16, 2025 17:53
@renovate renovate bot force-pushed the renovate/daisyui-5.x branch 3 times, most recently from d44630d to b57cc5f Compare October 26, 2025 13:58
@renovate renovate bot force-pushed the renovate/daisyui-5.x branch 7 times, most recently from f63cc81 to c78dafe Compare November 6, 2025 23:05
@renovate renovate bot force-pushed the renovate/daisyui-5.x branch 3 times, most recently from 86542a9 to 27b8444 Compare November 14, 2025 21:57
@renovate renovate bot force-pushed the renovate/daisyui-5.x branch from 27b8444 to b2d90d2 Compare November 15, 2025 12:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant