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, you can use this class name: bg-[color-mix(in_oklab,oklch(var(--p)),black)]
π¨ Themes
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)
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- `@dependabot show ignore conditions` will show all of the ignore conditions of the specified dependency
- `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
Bumps daisyui from 3.7.7 to 4.4.9.
Release notes
Sourced from daisyui's releases.
... (truncated)
Changelog
Sourced from daisyui's changelog.
... (truncated)
Commits
a8d4967
chore(release): 4.4.9ac3266a
fix: missing responsive dropdown modifiers. closes #24903a617c6
Fix: Updated dropdown examples to use role="button" instead of rouge label. c...1544f88
docsa79b119
Update angular logo svg width and height (#2582)66ab593
Update Angular Logo (#2581)20c84c0
fix: #25559209774
changelog4c1efc7
docsab53706
Update version: 4.4.8Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show