style(input): remove hover effect when label is hovered (#4196)

Author: Barsnes

.changeset/kind-pugs-tease.md

@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": patch
+---
+
+**input**: Remove hover effect when `<label>` is hovered

packages/css/src/input.css

@@ -56,7 +56,9 @@
   @composes ds-print-preserve from './base.css';
   @composes ds-focus from './base.css';
 
-  &:not(:focus-visible, :disabled, [readonly]):hover {
+  /* only hover effect on input, but with label if it is a radio or checkbox */
+  :has(label):not(:has(label:hover)) &:not(:focus-visible, :disabled, :read-only):hover,
+  &:read-only:not(:focus-visible, :disabled, [readonly]):hover {
     outline-color: var(--dsc-input-outline-color--hover);
     outline-width: var(--dsc-input-outline-width--hover);
     outline-style: var(--dsc-input-outline-style--hover);