[5.0.x-dev] Breaking changes in class names

Problem/Motivation

DaisyUI 5 is out there (beta-2). Here is the release note: https://v5.daisyui.com/docs/v5-beta/

There are breaking changes. Let's take care of the one for class names.

Remaining tasks

Take care of the breaking changes:

• Add md:footer-horizontal to footer component to make it horizontal on medium screens.
• Instead of btn-group use join (btn-group was deprecated in 2023, now removed)
• Instead of input-group use join (input-group was deprecated in 2023, now removed)
• Rename card-compact to card-sm
• Rename disabled class of menu items to menu-disabled.
• Rename active class of menu items to menu-active.
• Rename focus class of menu items to menu-focus.
• Delete form-control class. Use the new fieldset component instead.
• Instead of previous label syntax, use the new label syntax.
• Rename btm-nav to dock.
• Rename btm-nav-label to dock-label.
• Rename btm-nav-xs to dock-xs.
• Rename btm-nav-sm to dock-sm.
• Rename btm-nav-md to dock-md.
• Rename btm-nav-lg to dock-lg.
• Instead of artboard class, use Tailwind CSS width/height utilities.
• Delete artboard-demo, artboard-horizontal, phone-* classes. Use Tailwind CSS width and height utilities instead.
• Rename online class of avatar to avatar-online.
• Rename offline class of avatar to avatar-offline.
• Rename placeholder class of avatar to avatar-placeholder.
• Delete mask-parallelogram. No longer exists.
• Delete mask-parallelogram-2. No longer exists.
• Delete mask-parallelogram-3. No longer exists.
• Delete mask-parallelogram-4. No longer exists.
• Delete width/height of items inside the stack, use width/height for the stack itself.