@db-ux/core-components 4.9.1 → 4.10.0-esm-f121fc3

package/build/components/custom-button/custom-button.scss

@@ -58,12 +58,14 @@ $icon-padding-custom-button: calc(
 	}
 
 	label:has(input[type="checkbox"]:checked) {
-		@include helpers.hover {
-			background-color: colors.$db-adaptive-bg-inverted-contrast-max-hovered;
-		}
+		@include helpers.not-disabled {
+			@include helpers.hover {
+				background-color: colors.$db-adaptive-bg-inverted-contrast-max-hovered;
+			}
 
-		@include helpers.active {
-			background-color: colors.$db-adaptive-bg-inverted-contrast-max-pressed;
+			@include helpers.active {
+				background-color: colors.$db-adaptive-bg-inverted-contrast-max-pressed;
+			}
 		}
 	}
 

package/build/components/custom-select/custom-select.css

@@ -950,36 +950,17 @@ input[type=radio]:checked) summary:is([type=date],
   min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
   /* stylelint-disable-next-line db-ux/use-spacings */
   padding-inline: var(--db-form-component-padding-inline-start, var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end, var(--db-spacing-fixed-sm));
+}
+.db-custom-select summary:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)) {
   /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
 }
-.db-custom-select summary:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
-  cursor: var(--db-overwrite-cursor, pointer);
+.db-custom-select summary:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover {
+  cursor: var(--db-overwrite-cursor, revert);
   background-color: var(--db-adaptive-bg-basic-transparent-semi-hovered);
 }
-.db-custom-select summary:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-custom-select summary:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-custom-select summary:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-custom-select summary:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
 .db-custom-select > label {
   padding-block-end: var(--db-spacing-fixed-xs);
-  max-inline-size: 25ch;
+  max-inline-size: var(--db-label-max-size, 100%);
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;

package/build/components/custom-select-list-item/custom-select-list-item.css

@@ -75,59 +75,17 @@ db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-d
   border-radius: var(--db-border-radius-xs);
   box-sizing: border-box;
 }
-.db-custom-select-list-item:has(> label):not(:has(input[type=radio]:checked)) {
+.db-custom-select-list-item:has(> label):not(:has(input[type=radio]:checked)):not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)) {
   /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
 }
-.db-custom-select-list-item:has(> label):not(:has(input[type=radio]:checked)):hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
+.db-custom-select-list-item:has(> label):not(:has(input[type=radio]:checked)):not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover {
   cursor: var(--db-overwrite-cursor, pointer);
   background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
 }
-.db-custom-select-list-item:has(> label):not(:has(input[type=radio]:checked)):hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-custom-select-list-item:has(> label):not(:has(input[type=radio]:checked)):hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-custom-select-list-item:has(> label):not(:has(input[type=radio]:checked)):hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-custom-select-list-item:has(> label):not(:has(input[type=radio]:checked)):hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
-.db-custom-select-list-item:has(> label):not(:has(input[type=radio]:checked)):active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
+.db-custom-select-list-item:has(> label):not(:has(input[type=radio]:checked)):not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active {
   cursor: var(--db-overwrite-cursor, pointer);
   background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
 }
-.db-custom-select-list-item:has(> label):not(:has(input[type=radio]:checked)):active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-custom-select-list-item:has(> label):not(:has(input[type=radio]:checked)):active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-custom-select-list-item:has(> label):not(:has(input[type=radio]:checked)):active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-custom-select-list-item:has(> label):not(:has(input[type=radio]:checked)):active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
 .db-custom-select-list-item span {
   color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
 }

package/build/components/custom-select-list-item/custom-select-list-item.scss

@@ -25,12 +25,14 @@ db-custom-select-list-item:not(:last-of-type) {
 
 	&:has(> label) {
 		&:not(:has(input[type="radio"]:checked)) {
-			@include helpers.hover {
-				background-color: colors.$db-adaptive-bg-basic-transparent-full-hovered;
-			}
-
-			@include helpers.active {
-				background-color: colors.$db-adaptive-bg-basic-transparent-full-pressed;
+			@include helpers.not-disabled {
+				@include helpers.hover {
+					background-color: colors.$db-adaptive-bg-basic-transparent-full-hovered;
+				}
+
+				@include helpers.active {
+					background-color: colors.$db-adaptive-bg-basic-transparent-full-pressed;
+				}
 			}
 		}
 	}

package/build/components/header/header.css

@@ -343,13 +343,13 @@
   */
   visibility: hidden;
 }
-.db-header:has(.db-header-navigation:empty) .db-header-navigation-container::before, .db-header:has(.db-brand:empty) .db-header-navigation-container::before {
+.db-header:not(:has(.db-navigation)) .db-header-navigation-container::before, .db-header:has(.db-brand:empty) .db-header-navigation-container::before {
   display: none;
 }
-.db-header:has(.db-header-navigation:empty):has(.db-header-meta-navigation:empty):has(.db-header-secondary-action:empty) .db-header-burger-menu-container:not([hidden]) {
+.db-header:not(:has(.db-navigation)):has(.db-header-secondary-action:empty) .db-header-action-container::before {
   display: none;
 }
-.db-header:has(.db-header-navigation:empty):has(.db-header-secondary-action:empty) .db-header-action-container::before {
+.db-header:not(:has(.db-navigation)):has(.db-header-secondary-action:empty):has(.db-header-meta-navigation:empty) .db-header-burger-menu-container:not([hidden]) {
   display: none;
 }
 

package/build/components/header/header.scss

@@ -48,28 +48,28 @@
 	}
 
 	// All use-cases where we hide the divider
-	&:has(.db-header-navigation:empty),
+	&:not(:has(.db-navigation)),
 	&:has(.db-brand:empty) {
 		.db-header-navigation-container::before {
 			display: none;
 		}
 	}
 
-	// Hide the burger ONLY when the drawer would be empty.
-	// This requires: no main navigation AND no meta navigation AND no secondary action.
-	&:has(.db-header-navigation:empty):has(
-			.db-header-meta-navigation:empty
-		):has(.db-header-secondary-action:empty) {
-		.db-header-burger-menu-container {
-			@include helpers.display(none);
-		}
-	}
-
-	// Hide the action-area divider only when both navigation and secondary action are missing.
-	// With no navigation but a secondary action, we keep the divider.
-	&:has(.db-header-navigation:empty):has(.db-header-secondary-action:empty) {
-		.db-header-action-container::before {
-			display: none;
+	&:not(:has(.db-navigation)) {
+		&:has(.db-header-secondary-action:empty) {
+			// Hide the action-area divider only when both navigation and secondary action are missing.
+			// With no navigation but a secondary action, we keep the divider.
+			.db-header-action-container::before {
+				display: none;
+			}
+
+			// Hide the burger ONLY when the drawer would be empty.
+			// This requires: no main navigation AND no meta navigation AND no secondary action.
+			&:has(.db-header-meta-navigation:empty) {
+				.db-header-burger-menu-container {
+					@include helpers.display(none);
+				}
+			}
 		}
 	}
 }

package/build/components/input/input.css

@@ -738,33 +738,14 @@ input[type=radio]:checked) input:is([type=date],
   min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
   /* stylelint-disable-next-line db-ux/use-spacings */
   padding-inline: var(--db-form-component-padding-inline-start, var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end, var(--db-spacing-fixed-sm));
+}
+.db-input input:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)) {
   /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
 }
-.db-input input:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
-  cursor: var(--db-overwrite-cursor, pointer);
+.db-input input:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover {
+  cursor: var(--db-overwrite-cursor, revert);
   background-color: var(--db-adaptive-bg-basic-transparent-semi-hovered);
 }
-.db-input input:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-input input:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-input input:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-input input:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
 .db-input input {
   /* see https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing */
 }
@@ -779,7 +760,7 @@ input[type=radio]:checked) input:is([type=date],
 }
 .db-input > label {
   padding-block-end: var(--db-spacing-fixed-xs);
-  max-inline-size: 25ch;
+  max-inline-size: var(--db-label-max-size, 100%);
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;

package/build/components/link/link.css

@@ -86,58 +86,18 @@
 
 .db-link {
   color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
+}
+.db-link:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)) {
   /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
 }
-.db-link:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
+.db-link:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover {
   cursor: var(--db-overwrite-cursor, pointer);
   color: color-mix(in srgb, transparent 25%, var(--db-adaptive-on-bg-basic-emphasis-100-default));
 }
-.db-link:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-link:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-link:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-link:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
-.db-link:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
+.db-link:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active {
   cursor: var(--db-overwrite-cursor, pointer);
   color: color-mix(in srgb, transparent 50%, var(--db-adaptive-on-bg-basic-emphasis-100-default));
 }
-.db-link:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-link:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-link:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-link:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
 
 .db-link {
   inline-size: fit-content;
@@ -185,58 +145,18 @@
 }
 .db-link[data-variant=brand] {
   color: var(--db-brand-on-bg-basic-emphasis-80-default);
+}
+.db-link[data-variant=brand]:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)) {
   /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
 }
-.db-link[data-variant=brand]:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
+.db-link[data-variant=brand]:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover {
   cursor: var(--db-overwrite-cursor, pointer);
   color: var(--db-brand-on-bg-basic-emphasis-80-hovered);
 }
-.db-link[data-variant=brand]:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-link[data-variant=brand]:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-link[data-variant=brand]:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-link[data-variant=brand]:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
-.db-link[data-variant=brand]:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
+.db-link[data-variant=brand]:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active {
   cursor: var(--db-overwrite-cursor, pointer);
   color: var(--db-brand-on-bg-basic-emphasis-80-pressed);
 }
-.db-link[data-variant=brand]:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-link[data-variant=brand]:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-link[data-variant=brand]:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-link[data-variant=brand]:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
 .db-link[data-size=small] {
   --db-icon-margin-start: var(--db-spacing-fixed-3xs);
 }

package/build/components/link/link.scss

@@ -35,12 +35,14 @@
 	&[data-variant="brand"] {
 		color: colors.$db-brand-on-bg-basic-emphasis-80-default;
 
-		@include helpers.hover {
-			color: #{colors.$db-brand-on-bg-basic-emphasis-80-hovered};
-		}
-
-		@include helpers.active {
-			color: #{colors.$db-brand-on-bg-basic-emphasis-80-pressed};
+		@include helpers.not-disabled {
+			@include helpers.hover {
+				color: #{colors.$db-brand-on-bg-basic-emphasis-80-hovered};
+			}
+
+			@include helpers.active {
+				color: #{colors.$db-brand-on-bg-basic-emphasis-80-pressed};
+			}
 		}
 	}
 

package/build/components/navigation-item/navigation-item.css

@@ -122,130 +122,20 @@
 .db-navigation-item .db-navigation-item-expand-button > button:not([hidden]), .db-navigation-item a:not([hidden]) {
   display: inline-flex;
 }
-.db-navigation-item .db-navigation-item-expand-button:is(button),
-.db-navigation-item .db-navigation-item-expand-button > button, .db-navigation-item a {
+.db-navigation-item .db-navigation-item-expand-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):is(button),
+.db-navigation-item .db-navigation-item-expand-button > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)), .db-navigation-item a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)) {
   /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
 }
-.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(button),
-.db-navigation-item .db-navigation-item-expand-button > button:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)), .db-navigation-item a:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
+.db-navigation-item .db-navigation-item-expand-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover:is(button),
+.db-navigation-item .db-navigation-item-expand-button > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover, .db-navigation-item a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover {
   cursor: var(--db-overwrite-cursor, pointer);
   background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);
 }
-.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea):is(button),
-.db-navigation-item .db-navigation-item-expand-button > button:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-navigation-item a:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input):is(button),
-.db-navigation-item .db-navigation-item-expand-button > button:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input), .db-navigation-item a:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]):is(button),
-.db-navigation-item .db-navigation-item-expand-button > button:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-navigation-item a:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)):is(button),
-.db-navigation-item .db-navigation-item-expand-button > button:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)), .db-navigation-item a:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
-.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(button),
-.db-navigation-item .db-navigation-item-expand-button > button:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)), .db-navigation-item a:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
+.db-navigation-item .db-navigation-item-expand-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active:is(button),
+.db-navigation-item .db-navigation-item-expand-button > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active, .db-navigation-item a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active {
   cursor: var(--db-overwrite-cursor, pointer);
   background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
 }
-.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea):is(button),
-.db-navigation-item .db-navigation-item-expand-button > button:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-navigation-item a:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input):is(button),
-.db-navigation-item .db-navigation-item-expand-button > button:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input), .db-navigation-item a:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]):is(button),
-.db-navigation-item .db-navigation-item-expand-button > button:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-navigation-item a:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-navigation-item .db-navigation-item-expand-button:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)):is(button),
-.db-navigation-item .db-navigation-item-expand-button > button:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)), .db-navigation-item a:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
 .db-navigation-item .db-navigation-item-expand-button:has(~ .db-sub-navigation:is(:hover, :focus)):is(button),
 .db-navigation-item .db-navigation-item-expand-button > button:has(~ .db-sub-navigation:is(:hover, :focus)), .db-navigation-item a:has(~ .db-sub-navigation:is(:hover, :focus)) {
   background-color: var(--db-adaptive-bg-basic-transparent-full-hovered);

package/build/components/navigation-item/navigation-item.scss

@@ -74,12 +74,14 @@
 
 	@include helpers.display(inline-flex);
 
-	@include helpers.hover {
-		background-color: colors.$db-adaptive-bg-basic-transparent-full-hovered;
-	}
+	@include helpers.not-disabled {
+		@include helpers.hover {
+			background-color: colors.$db-adaptive-bg-basic-transparent-full-hovered;
+		}
 
-	@include helpers.active {
-		background-color: colors.$db-adaptive-bg-basic-transparent-full-pressed;
+		@include helpers.active {
+			background-color: colors.$db-adaptive-bg-basic-transparent-full-pressed;
+		}
 	}
 
 	&:has(~ .db-sub-navigation:is(:hover, :focus)) {

package/build/components/notification/notification.css

@@ -845,58 +845,18 @@
 
 .db-notification a[data-variant=brand], .db-notification a {
   color: var(--db-adaptive-on-bg-basic-emphasis-100-default);
+}
+.db-notification a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)) {
   /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
 }
-.db-notification a:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
+.db-notification a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover {
   cursor: var(--db-overwrite-cursor, pointer);
   color: color-mix(in srgb, transparent 25%, var(--db-adaptive-on-bg-basic-emphasis-100-default));
 }
-.db-notification a:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-notification a:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-notification a:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-notification a:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
-.db-notification a:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
+.db-notification a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active {
   cursor: var(--db-overwrite-cursor, pointer);
   color: color-mix(in srgb, transparent 50%, var(--db-adaptive-on-bg-basic-emphasis-100-default));
 }
-.db-notification a:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-notification a:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-notification a:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-notification a:active:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
 
 .db-notification a {
   inline-size: fit-content;

package/build/components/select/select.css

@@ -751,36 +751,17 @@ input[type=radio]:checked) select:is([type=date],
   min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
   /* stylelint-disable-next-line db-ux/use-spacings */
   padding-inline: var(--db-form-component-padding-inline-start, var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end, var(--db-spacing-fixed-sm));
+}
+.db-select select:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)) {
   /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
 }
-.db-select select:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)) {
-  cursor: var(--db-overwrite-cursor, pointer);
+.db-select select:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover {
+  cursor: var(--db-overwrite-cursor, revert);
   background-color: var(--db-adaptive-bg-basic-transparent-semi-hovered);
 }
-.db-select select:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(textarea), .db-select select:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input) {
-  cursor: initial;
-}
-.db-select select:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=checkbox]), .db-select select:hover:not(:disabled,
-[aria-disabled=true],
-[tabindex="-1"],
-:has(:disabled)):is(input[type=radio]:not(:checked)) {
-  cursor: pointer;
-}
 .db-select > label {
   padding-block-end: var(--db-spacing-fixed-xs);
-  max-inline-size: 25ch;
+  max-inline-size: var(--db-label-max-size, 100%);
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;