@db-ux/core-components 4.9.1 → 4.10.0-esm-94516f3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/build/components/custom-select/custom-select.css +1 -1
- package/build/components/header/header.css +3 -3
- package/build/components/header/header.scss +16 -16
- package/build/components/input/input.css +1 -1
- package/build/components/select/select.css +1 -1
- package/build/components/textarea/textarea.css +1 -1
- package/build/styles/absolute.css +4 -4
- package/build/styles/bundle.css +4 -4
- package/build/styles/index.css +4 -4
- package/build/styles/internal/_form-components.scss +1 -1
- package/build/styles/relative.css +4 -4
- package/build/styles/rollup.css +4 -4
- package/build/styles/webpack.css +4 -4
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @db-ux/core-components
|
|
2
2
|
|
|
3
|
+
## 4.10.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 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)
|
|
8
|
+
|
|
9
|
+
- 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)
|
|
10
|
+
|
|
3
11
|
## 4.9.1
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -979,7 +979,7 @@ input[type=radio]:checked) summary:is([type=date],
|
|
|
979
979
|
}
|
|
980
980
|
.db-custom-select > label {
|
|
981
981
|
padding-block-end: var(--db-spacing-fixed-xs);
|
|
982
|
-
max-inline-size:
|
|
982
|
+
max-inline-size: var(--db-label-max-size, 100%);
|
|
983
983
|
text-overflow: ellipsis;
|
|
984
984
|
white-space: nowrap;
|
|
985
985
|
overflow: hidden;
|
|
@@ -343,13 +343,13 @@
|
|
|
343
343
|
*/
|
|
344
344
|
visibility: hidden;
|
|
345
345
|
}
|
|
346
|
-
.db-header:has(.db-
|
|
346
|
+
.db-header:not(:has(.db-navigation)) .db-header-navigation-container::before, .db-header:has(.db-brand:empty) .db-header-navigation-container::before {
|
|
347
347
|
display: none;
|
|
348
348
|
}
|
|
349
|
-
.db-header:
|
|
349
|
+
.db-header:not(:has(.db-navigation)):has(.db-header-secondary-action:empty) .db-header-action-container::before {
|
|
350
350
|
display: none;
|
|
351
351
|
}
|
|
352
|
-
.db-header:has(.db-header-
|
|
352
|
+
.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]) {
|
|
353
353
|
display: none;
|
|
354
354
|
}
|
|
355
355
|
|
|
@@ -48,28 +48,28 @@
|
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
// All use-cases where we hide the divider
|
|
51
|
-
&:has(.db-
|
|
51
|
+
&:not(:has(.db-navigation)),
|
|
52
52
|
&:has(.db-brand:empty) {
|
|
53
53
|
.db-header-navigation-container::before {
|
|
54
54
|
display: none;
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
.
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
58
|
+
&:not(:has(.db-navigation)) {
|
|
59
|
+
&:has(.db-header-secondary-action:empty) {
|
|
60
|
+
// Hide the action-area divider only when both navigation and secondary action are missing.
|
|
61
|
+
// With no navigation but a secondary action, we keep the divider.
|
|
62
|
+
.db-header-action-container::before {
|
|
63
|
+
display: none;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
// Hide the burger ONLY when the drawer would be empty.
|
|
67
|
+
// This requires: no main navigation AND no meta navigation AND no secondary action.
|
|
68
|
+
&:has(.db-header-meta-navigation:empty) {
|
|
69
|
+
.db-header-burger-menu-container {
|
|
70
|
+
@include helpers.display(none);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
}
|
|
@@ -779,7 +779,7 @@ input[type=radio]:checked) input:is([type=date],
|
|
|
779
779
|
}
|
|
780
780
|
.db-input > label {
|
|
781
781
|
padding-block-end: var(--db-spacing-fixed-xs);
|
|
782
|
-
max-inline-size:
|
|
782
|
+
max-inline-size: var(--db-label-max-size, 100%);
|
|
783
783
|
text-overflow: ellipsis;
|
|
784
784
|
white-space: nowrap;
|
|
785
785
|
overflow: hidden;
|
|
@@ -780,7 +780,7 @@ input[type=radio]:checked) select:is([type=date],
|
|
|
780
780
|
}
|
|
781
781
|
.db-select > label {
|
|
782
782
|
padding-block-end: var(--db-spacing-fixed-xs);
|
|
783
|
-
max-inline-size:
|
|
783
|
+
max-inline-size: var(--db-label-max-size, 100%);
|
|
784
784
|
text-overflow: ellipsis;
|
|
785
785
|
white-space: nowrap;
|
|
786
786
|
overflow: hidden;
|
|
@@ -631,7 +631,7 @@ input[type=radio]:checked) textarea:is([type=date],
|
|
|
631
631
|
}
|
|
632
632
|
.db-textarea > label {
|
|
633
633
|
padding-block-end: var(--db-spacing-fixed-xs);
|
|
634
|
-
max-inline-size:
|
|
634
|
+
max-inline-size: var(--db-label-max-size, 100%);
|
|
635
635
|
text-overflow: ellipsis;
|
|
636
636
|
white-space: nowrap;
|
|
637
637
|
overflow: hidden;
|