Update dependency daisyui to v4

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
daisyui (source)	3.9.4 -> 4.4.20

---

Release Notes

saadeghi/daisyui (daisyui)

v4.4.20

Compare Source

Bug Fixes

• #​2651 Allow override input size attributes (fa54f68)

v4.4.19

Compare Source

Bug Fixes

• input type=date text-align issue in iOS (acf5377)

v4.4.18

Compare Source

v4.4.17

Compare Source

Bug Fixes

• drawer-content overflow when there's a table. closes: #​2262 closes: #​1914 (206b207)

v4.4.16

Compare Source

Bug Fixes

• drawer and modal backdrop color (0f994e3)

v4.4.15

Compare Source

Bug Fixes

• drawer scrollbars are now visible. closes: #​2598 closes: #​2276 (b2ec8f7)

v4.4.14

Compare Source

Bug Fixes

• drawer-content overflow when there's a table. closes: #​2262 #​1914 (1c7e786)

v4.4.13

Compare Source

Bug Fixes

• drawer-content overflow when there's a table. closes: #​2262 #​1914 (1c7e786)

v4.4.12

Compare Source

Bug Fixes

• group-hover:tooltip-open. closes: #​2533 (a8742dc)

v4.4.11

Compare Source

Bug Fixes

• prose code before/after:content. closes: #​2589 (e6055ee)

v4.4.10

Compare Source

Bug Fixes

• hardcoded checkbox background. Closes: #​2585 (b2b87d2)

v4.4.9

Compare Source

Bug Fixes

• missing responsive dropdown modifiers. closes #​2490 (ac3266a)

v4.4.8

Compare Source

Bug Fixes

• Fix: button-active color fallback for old browser
• Fix: link hover color fallback for old browser
• Fix: menu line color fallback for old browser

v4.4.7

Compare Source

Bug Fixes

• #​2573 tab styles (#​2574) (2ddbc48)

v4.4.6

Compare Source

Bug Fixes

• radio tab visual issue on iOS safari. Closes #​2568 (e38abad)

v4.4.5

Compare Source

Bug Fixes

• missing menu hover bg color (87c5ad7)

v4.4.4

Compare Source

Bug Fixes

• #​2559 (ccb496d)

v4.4.3

Compare Source

Bug Fixes

• #​2556 (b87e5bc)

v4.4.2

Compare Source

Bug Fixes

• improve default success color contrast vs base color (ef9f542)

v4.4.1

Compare Source

Bug Fixes

• improve neutral color in dim theme (953534c)

v4.4.0

Compare Source

Features

• invalid color value in config now shows an error (41ee386)

v4.3.1

Compare Source

v4.2.3

Compare Source

v4.2.2

Compare Source

v4.2.1

Compare Source

v4.2.0

Compare Source

v4.1.1

Compare Source

v4.1.0

Compare Source

v4.0.9

Compare Source

Bug Fixes

• divider default color not being visible on dark themes (fffd021)

v4.0.8

Compare Source

Bug Fixes

• footer text opacity (f4be765)

v4.0.7

Compare Source

v4.0.6

Compare Source

Bug Fixes

• #​2504 (f90bc9b)

v4.0.5

Compare Source

Bug Fixes

• #​2523 (41f35fe)

v4.0.4

Compare Source

Bug Fixes

• #​2505 missing border on select component (#​2514) (71981e9)

v4.0.3

Compare Source

Bug Fixes

• specificity issue on form inputs

v4.0.2

Compare Source

Bug Fixes

• #​2499 (45ea773)

v4.0.1

Compare Source

v4.0.0

Compare Source

Breaking changes

• 🌈 OKLCH colors
  • daisyUI 4 uses wide-gamut OKLCH colors internally instead of HSL now.
  • The new OKLCH color model unlock access to 30% more colors comparing to RGB/HSL.
  • All internal color variables (--p, --s, etc) now contain OKLCH values instead of HSL.
  • If you're using those CSS variables directly inside your project like hsl(var(--p)) you have to change it to oklch(var(--p))
  • OKLCH colors are supported in Chrome/Edge 111+, Safari 15.4+, Firefox 113+
  • For old browsers, daisyUI provides HEX fallback colors only for the default dark/light themes.
  • Read more about OKLCH colors here.
• 🌈 Color names
  • Removed all *-focus color names. They where being used only for buttons.
  • Darker colors are now generated using CSS color-mix() under the hood.
  • The following class names are removed now:
    • primary-focus
    • secondary-focus
    • accent-focus
    • neutral-focus
  • You can also make a color darker or lighter using CSS color-mix(). For example to make primary (--p) color darker by 7%, you can use this class name:
    bg-[color-mix(in_oklab,oklch(var(--p)),black_7%)]
• 🎨 Themes
  • there's a change in property names in daisyui/src/theming/themes.js file.
    If you're customizing a built-in daisyUI theme like this:
    ...require("daisyui/src/theming/themes")["[data-theme=light]"],
    change it to:
    ...require("daisyui/src/theming/themes")["light"],
  • All theme colors adjusted for better contrast, better color harmony and better accessibility.
• 🧠 Logical CSS properties
  • daisyUI 4 components use logical CSS properties instead of directional rules (mr-*, pl-*, etc)
  • If you are using directional CSS rules (right/left) to modify daisyUI styles, it still works fine in LTR mode but you may want to double check.
• ⬅️ RTL
  • Removed rtl daisyUI config
  • All components now support LTR/RTL without any config or plugin.
  • You don't need tailwindcss-flip plugin anymore.
  • You don't need to set rtl: true in tailwind.config.js
  • Just add dir=rtl to <html> tag and everything will be RTL on runtime.
• 🗂️ Tab
  • No need to repeat modifier classes for each tab item.
  • these modifier classes for tab are removed:
    • tab-lifted
    • tab-bordered
    • tab-lg
    • tab-md
    • tab-sm
    • tab-xs
  • Use the following modifier classes for the parent tabs class instead:
    • tabs-lifted
    • tabs-bordered
    • tabs-lg
    • tabs-md
    • tabs-sm
    • tabs-xs
  • tabs class is now using grid, instead of flex.
  • Lifted tab now uses a single pseudo element (:before) instead of two (:before and after)
• ⏺️ Button
  • buttons are not uppercase by default anymore
  • Removed --btn-text-case CSS variable from themes
• ⚙️ Config
  • Removed rtl config because RTL is now automatic
• 📦 Dependencies
  • Removed colord, rtlcss, postcss, tailwindcss
  • Added culori, picocolors

Features

• 💡 Efficiency
  • 92% less NPM module dependencies
  • 73% smaller install size and node_modules footprint
• ✨ New components:
  • timeline
  • skeleton
  • diff
  • theme-controller
• ➗ New divider color modifier class names
  • divider-primary
  • divider-secondary
  • divider-accent
  • divider-neutral
  • divider-success
  • divider-warning
  • divider-info
  • divider-error
• ➗ New divider position modifier class names
  • divider-start
  • divider-end
• 🎨 New themes:
  • Dim
  • Nord
  • Sunset
• ⏺️ Buttons
  • Added hover color for the following other buttons:
    • btn-info
    • btn-success
    • btn-warning
    • btn-error
• 🗂️ Tab
  • Empty tab tag now grows and fills the empty space
  • tab class can now be a radio input. aria-label value will be shown as the tab title so it's accessible for screen readers and keyboard navigation.
  • New tab-content class allows you to switch tab content
• 🧩 @tailwindcss/forms
  • Fix compatibility with @tailwindcss/forms plugin (even though you don't need it alongside daisyUI)
• ⚙️ Config
  • New themeRoot config
    • Now you can define target another element instead of :root to receive the color CSS variables.
    • This is useful for using colors in shadow root.

Bug Fixes

• Text color for disabled input #​1622
• Fix tab radius
• Fix missing utility classes
• Docs: Prefix not work on responsive classes #​2445
• Hover animations for state buttons #​1790
• Skeleton component #​186
• Uppercase buttons #​2187

Docs

• New translations for docs
  • Arabic
  • Farsi
• daisyUI official store – Get professional templates made by daisyUI
• daisyUI resources – A handpicked collection of community videos, articles and courses about daisyUI
• Add roadmap page
• Add docs for utiltiy classes
• Update theme generator
• Show browser support for components that are using new CSS rules

---

Configuration

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

🚦 Automerge: Enabled.

♻ 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 has been generated by Mend Renovate. View repository job log here.