Update dependency daisyui to v4 #195

🌈 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 - 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.

vercel · 2023-11-12T21:05:32Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
flight	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 13, 2024 1:37am

vercel bot deployed to Preview November 12, 2023 21:06 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 84a7d5e to eea6263 Compare November 13, 2023 07:04

vercel bot deployed to Preview November 13, 2023 07:05 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from eea6263 to f5eca29 Compare November 14, 2023 00:15

vercel bot deployed to Preview November 14, 2023 00:16 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from f5eca29 to 70d7273 Compare November 14, 2023 17:34

vercel bot deployed to Preview November 14, 2023 17:35 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 70d7273 to 80f6ccc Compare November 15, 2023 00:22

vercel bot deployed to Preview November 15, 2023 00:23 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 80f6ccc to 8fe6879 Compare November 16, 2023 04:13

vercel bot deployed to Preview November 16, 2023 04:14 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 8fe6879 to 2e06069 Compare November 16, 2023 09:51

vercel bot deployed to Preview November 16, 2023 09:52 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 2e06069 to 8cd3aff Compare November 16, 2023 16:35

vercel bot deployed to Preview November 16, 2023 16:36 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 8cd3aff to 07cb68b Compare November 16, 2023 19:06

vercel bot deployed to Preview November 16, 2023 19:07 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 07cb68b to 8d704bf Compare November 16, 2023 23:28

vercel bot deployed to Preview November 16, 2023 23:30 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 8d704bf to 0aaccd8 Compare November 18, 2023 02:36

vercel bot deployed to Preview November 18, 2023 02:37 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 0aaccd8 to 01ad111 Compare November 18, 2023 04:51

vercel bot deployed to Preview November 18, 2023 04:52 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 01ad111 to cbfaf5a Compare November 23, 2023 00:59

vercel bot deployed to Preview November 23, 2023 01:00 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from cbfaf5a to 7a7a834 Compare November 23, 2023 04:44

vercel bot deployed to Preview November 23, 2023 04:45 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 7a7a834 to 6a74089 Compare November 23, 2023 22:35

vercel bot deployed to Preview November 23, 2023 22:37 View deployment

vercel bot deployed to Preview June 23, 2024 12:08 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 55d0ee0 to 2f7778c Compare June 23, 2024 23:23

vercel bot deployed to Preview June 23, 2024 23:24 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 2f7778c to 3182223 Compare June 24, 2024 21:28

vercel bot deployed to Preview June 24, 2024 21:29 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 3182223 to 47ab06b Compare June 26, 2024 19:57

vercel bot deployed to Preview June 26, 2024 19:58 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 47ab06b to bd4ea29 Compare October 2, 2024 13:19

vercel bot deployed to Preview October 2, 2024 13:21 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from bd4ea29 to 704b09f Compare October 4, 2024 12:14

vercel bot deployed to Preview October 4, 2024 12:15 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 704b09f to f7dc3d4 Compare October 9, 2024 12:39

vercel bot deployed to Preview October 9, 2024 12:40 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from f7dc3d4 to 821bd9a Compare October 22, 2024 00:45

vercel bot deployed to Preview October 22, 2024 00:49 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 821bd9a to 0578d3e Compare October 28, 2024 20:01

vercel bot deployed to Preview October 28, 2024 20:03 View deployment

renovate bot changed the title ~~Update dependency daisyui to v4~~ Update dependency daisyui to v4 - autoclosed Dec 8, 2024

renovate bot closed this Dec 8, 2024

renovate bot deleted the renovate/daisyui-4.x branch December 8, 2024 18:56

renovate bot changed the title ~~Update dependency daisyui to v4 - autoclosed~~ Update dependency daisyui to v4 Dec 9, 2024

renovate bot reopened this Dec 9, 2024

renovate bot force-pushed the renovate/daisyui-4.x branch 2 times, most recently from 0578d3e to 9a287fa Compare December 9, 2024 12:03

vercel bot deployed to Preview December 9, 2024 12:06 View deployment

renovate bot force-pushed the renovate/daisyui-4.x branch from 9a287fa to 1ecc28b Compare December 12, 2024 17:47

vercel bot deployed to Preview December 12, 2024 17:48 View deployment

Update dependency daisyui to v4

16dfe17

renovate bot force-pushed the renovate/daisyui-4.x branch from 1ecc28b to 16dfe17 Compare December 13, 2024 01:37

vercel bot deployed to Preview December 13, 2024 01:37 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Update dependency daisyui to v4 #195

Update dependency daisyui to v4 #195

renovate bot commented Nov 12, 2023 •

edited

Loading

vercel bot commented Nov 12, 2023 •

edited

Loading

Update dependency daisyui to v4 #195

Are you sure you want to change the base?

Update dependency daisyui to v4 #195

Conversation

renovate bot commented Nov 12, 2023 • edited Loading

Release Notes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Features

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Features

Features

Features

Features

Bug Fixes

Bug Fixes

Features

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Features

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Features

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

renovate bot commented Nov 12, 2023 •

edited

Loading