@dnb/eufemia 10.73.2 → 10.75.0

package/cjs/style/themes/theme-ui/ui-theme-components.css

@@ -2567,6 +2567,7 @@ html[data-visual-test] .dnb-breadcrumb__multiple .dnb-breadcrumb__item {
   border-radius: var(--button-border-radius);
   text-align: left;
   font-size: var(--font-size-small);
+  font-weight: var(--font-weight-regular);
   -webkit-text-decoration: none;
   text-decoration: none;
   box-shadow: none;
@@ -4636,7 +4637,7 @@ html[data-whatinput=keyboard] .dnb-date-picker__container table.dnb-no-focus:foc
   content: none;
 }
 .dnb-date-picker__header {
-  height: 2.5rem;
+  min-height: 2.5rem;
   line-height: var(--line-height-basis);
 }
 .dnb-date-picker__addon, .dnb-date-picker__header {
@@ -12844,9 +12845,30 @@ html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondar
 .dnb-date-picker__addon::after, .dnb-date-picker__calendar::after {
   background-color: var(--color-black-8);
 }
+.dnb-date-picker__header {
+  --gap: 0.25rem;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-between;
+  gap: var(--gap);
+}
 .dnb-date-picker__header::after {
   background-color: var(--color-black-8);
 }
+.dnb-date-picker__header--only-month-label {
+  justify-content: center;
+  margin-bottom: 1rem;
+}
+.dnb-date-picker__header__row {
+  min-width: 60%;
+  display: flex;
+  flex: 1 1 auto;
+  align-items: center;
+  justify-content: space-between;
+}
+.dnb-date-picker__header__row--year {
+  min-width: calc(40% - var(--gap));
+}
 .dnb-date-picker__header__nav .dnb-button {
   box-shadow: none;
 }