@db-ux/core-components 4.9.1 → 4.10.0-esm-94516f3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @db-ux/core-components
 
+## 4.10.0
+
+### Minor Changes
+
+- feat(`DBAccordionItem`): add `open` prop to control the expanded state of an accordion item programmatically. - [see commit 8e7c85d](https://github.com/db-ux-design-system/core-web/commit/8e7c85dfba9e0b013fce9db2151545b8f336a29a)
+
+- refactor(form components): replace hard 25ch label width limit with customizable CSS variable `--db-label-max-size` (defaults to `100%`). To restore the previous behavior, set `--db-label-max-size: 25ch;` in your project styles. - [see commit 08b1234](https://github.com/db-ux-design-system/core-web/commit/08b1234342e3c0d622116d528a979ff53d7e2356)
+
 ## 4.9.1
 
 ### Patch Changes

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

@@ -979,7 +979,7 @@ input[type=radio]:checked) summary:is([type=date],
 }
 .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/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

@@ -779,7 +779,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/select/select.css

@@ -780,7 +780,7 @@ input[type=radio]:checked) select:is([type=date],
 }
 .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;

package/build/components/textarea/textarea.css

@@ -631,7 +631,7 @@ input[type=radio]:checked) textarea:is([type=date],
 }
 .db-textarea > 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;