bug: toggle should have a hover state

[amir20]

What version of daisyUI are you using?

daisyui 4.5.0

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

n/a

Describe your issue

By default, DaisyUI's button has hover

daisyui/src/components/styled/button.css

Lines 23 to 43 in c13b26b

	@media (hover: hover) {
	&:hover {
	@apply border-base-300 bg-base-300;
	@supports (color: color-mix(in oklab, black, black)) {
	background-color: color-mix(
	in oklab,
	oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
	black
	);
	border-color: color-mix(
	in oklab,
	oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
	black
	);
	}
	@supports not (color: oklch(0 0 0)) {
	background-color: var(--btn-color, var(--fallback-b2));
	border-color: var(--btn-color, var(--fallback-b2));
	}
	}
	}

However, I noticed the same doesn't exist for toggle.

Is this done intentionally?

[github-actions]

Thank you @amir20 for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[amir20]

PS. thanks for the amazing library

[amir20]

Happy to send a PR if it should have hover state.

[saadeghi]

I don't think it's necessary, but of course you can customize the style for your own project using utility classes.