Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

build(deps-dev): bump daisyui from 3.9.4 to 4.0.3 #168

Closed
wants to merge 1 commit into from

Conversation

dependabot[bot]
Copy link
Contributor

@dependabot dependabot bot commented on behalf of github Nov 13, 2023

Bumps daisyui from 3.9.4 to 4.0.3.

Release notes

Sourced from daisyui's releases.

daisyUI 4.0

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

... (truncated)

Changelog

Sourced from daisyui's changelog.

4.0.3 (2023-11-13)

Bug Fixes

  • specificity issue on form inputs

4.0.2 (2023-11-13)

Bug Fixes

4.0.0 (2023-11-12)

daisyUI 4

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, 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:

... (truncated)

Commits

Dependabot compatibility score

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 <dependency name> 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](https://github.com/saadeghi/daisyui) from 3.9.4 to 4.0.3.
- [Release notes](https://github.com/saadeghi/daisyui/releases)
- [Changelog](https://github.com/saadeghi/daisyui/blob/master/CHANGELOG.md)
- [Commits](saadeghi/daisyui@v3.9.4...v4.0.3)

---
updated-dependencies:
- dependency-name: daisyui
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
@dependabot dependabot bot added the dependencies Pull requests that update a dependency file label Nov 13, 2023
Copy link
Contributor Author

dependabot bot commented on behalf of github Nov 20, 2023

Superseded by #177.

@dependabot dependabot bot closed this Nov 20, 2023
@dependabot dependabot bot deleted the dependabot/npm_and_yarn/daisyui-4.0.3 branch November 20, 2023 06:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dependencies Pull requests that update a dependency file
Projects
None yet
Development

Successfully merging this pull request may close these issues.

0 participants