@dnb/eufemia 10.11.0 → 10.13.0

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

@@ -554,7 +554,7 @@ html[data-whatinput=keyboard] .dnb-scroll-view[tabindex="0"]:focus {
 .dnb-accordion__header__description + .dnb-accordion__header__title {
   margin-top: 0.25rem;
 }
-.dnb-accordion--expanded > .dnb-accordion__header .dnb-accordion__header__icon:not(.dnb-accordion__header__icon--no-animation) {
+.dnb-accordion--expanded > .dnb-accordion__header .dnb-accordion__header__icon {
   transform: rotate(-180deg);
 }
 .dnb-accordion__content {
@@ -590,7 +590,7 @@ html[data-whatinput=keyboard] .dnb-scroll-view[tabindex="0"]:focus {
   }
 }
 @media screen and (min-width: 40em) {
-  .dnb-accordion-group--single-container .dnb-accordion > .dnb-accordion__header .dnb-accordion__header__icon:not(.dnb-accordion__header__icon--no-animation) {
+  .dnb-accordion-group--single-container .dnb-accordion > .dnb-accordion__header .dnb-accordion__header__icon {
     transform: rotate(-90deg);
   }
 }
@@ -4309,6 +4309,63 @@ html[data-visual-test] .dnb-input__input {
   font-family: var(--font-family-monospace);
 }
 
+.dnb-multi-input-mask__fieldset {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+.dnb-multi-input-mask__fieldset--horizontal {
+  display: inline-flex;
+  flex-flow: row wrap;
+  align-items: baseline;
+  grid-gap: 1rem;
+  gap: 1rem;
+}
+
+.dnb-multi-input-mask__input {
+  display: inline-block;
+  width: auto;
+  margin: 0;
+  padding: 0 0.125rem;
+  transform: translateY(0);
+  outline: none;
+  font-family: var(--font-family-monospace);
+  text-align: center;
+  border: none;
+  background: transparent;
+  overflow: visible;
+  white-space: nowrap;
+}
+.dnb-multi-input-mask__input:first-of-type {
+  padding-left: 0.5rem;
+}
+.dnb-multi-input-mask__input:last-of-type {
+  padding-right: 0.5rem;
+}
+
+.dnb-multi-input-mask {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input,
+.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter {
+  color: var(--color-black-55);
+}
+.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input--highlight,
+.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter--highlight {
+  color: var(--color-black);
+}
+.dnb-multi-input-mask .dnb-input__shell:focus-within {
+  box-shadow: 0 0 0 var(--input-border-width--focus) var(--input-border-color--hover);
+}
+
+.dnb-multi-input-mask__legend--horizontal.dnb-form-label {
+  display: contents;
+}
+.dnb-multi-input-mask__legend:not([disabled]):hover ~ .dnb-multi-input-mask .dnb-input__shell {
+  box-shadow: 0 0 0 var(--input-border-width--focus) var(--input-border-color--hover);
+}
+
 /*
  * Logo Component
  *
@@ -8580,7 +8637,7 @@ html:not([data-whatintent=touch]) .dnb-accordion__header:hover:not([disabled]) {
   --accordion-frame-width--active: 0.125rem;
 }
 .dnb-accordion--expanded > .dnb-accordion__header {
-  font-weight: var(--sb-font-weight-bold);
+  font-weight: var(--font-weight-medium);
 }
 .dnb-accordion--expanded > .dnb-accordion__header[disabled],
 .dnb-accordion--expanded > .dnb-accordion__header[disabled] + .dnb-accordion__content {
@@ -8603,7 +8660,7 @@ html:not([data-whatintent=touch]) .dnb-accordion__header:hover:not([disabled]) {
   --anchor-underline-thickness: 0.125rem;
   --anchor-background: transparent;
   --anchor-color--contrast: var(--sb-color-text);
-  font-weight: var(--sb-font-weight-bold);
+  font-weight: var(--font-weight-medium);
   color: var(--sb-color-gray-dark-3);
   -webkit-text-decoration-color: var(--sb-color-green-dark);
           text-decoration-color: var(--sb-color-green-dark);
@@ -8707,7 +8764,7 @@ html:not([data-whatintent=touch]) .dnb-accordion__header:hover:not([disabled]) {
     --anchor-underline-thickness: 0.125rem;
     --anchor-background: transparent;
     --anchor-color--contrast: var(--sb-color-text);
-    font-weight: var(--sb-font-weight-bold);
+    font-weight: var(--font-weight-medium);
     color: var(--sb-color-gray-dark-3);
     -webkit-text-decoration-color: var(--sb-color-green-dark);
             text-decoration-color: var(--sb-color-green-dark);
@@ -9152,9 +9209,9 @@ html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__tex
   --button-background--focus: var(--sb-color-blue-light-3);
   --button-primary-shadow: var(--sb-shadow-medium);
   --button-primary-shadow--hover: var(--sb-shadow-medium);
-  --button-primary-color: var(--sb-color-green);
+  --button-primary-color: var(--sb-color-white);
   --button-primary-color--hover: var(--sb-color-purple-alternative);
-  --button-primary-color--active: var(--sb-color-green);
+  --button-primary-color--active: var(--sb-color-white);
   --button-primary-color--disabled: var(--sb-color-gray-dark-2);
   --button-primary-background: var(--sb-color-purple-alternative);
   --button-primary-background--hover: var(--sb-color-green);
@@ -9857,6 +9914,7 @@ html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-i
 }
 .dnb-table__th, .dnb-table thead th {
   padding: 0.5rem 1.5rem 0.25rem;
+  font-weight: var(--font-weight-medium);
   background-color: var(--sb-color-white);
 }
 .dnb-table .dnb-table__tr--even {
@@ -10196,32 +10254,36 @@ html:not([data-whatintent=touch]) .dnb-drawer-list__option:hover:not([disabled])
 .dnb-drawer-list__option.last-of-type .dnb-drawer-list__option__inner::before {
   display: none;
 }
-.dnb-drawer-list__option.focus-visible {
+.dnb-drawer-list__option.focus-visible, .dnb-drawer-list__option--focus {
   border-color: var(--sb-color-blue-dark);
   outline: 0.0625rem solid var(--sb-color-blue-dark);
   background-color: var(--sb-color-blue-light-3);
   color: var(--sb-color-blue-dark);
   font-weight: var(--sb-font-weight-medium);
   z-index: 1;
+  /* stylelint-disable no-descending-specificity */
+  /* stylelint-enable no-descending-specificity */
 }
-.dnb-drawer-list__option:focus-visible {
+.dnb-drawer-list__option:focus-visible, .dnb-drawer-list__option--focus {
   border-color: var(--sb-color-blue-dark);
   outline: 0.0625rem solid var(--sb-color-blue-dark);
   background-color: var(--sb-color-blue-light-3);
   color: var(--sb-color-blue-dark);
   font-weight: var(--sb-font-weight-medium);
   z-index: 1;
+  /* stylelint-disable no-descending-specificity */
+  /* stylelint-enable no-descending-specificity */
 }
-.dnb-drawer-list__option.focus-visible .dnb-drawer-list__option__inner::before {
+.dnb-drawer-list__option.focus-visible .dnb-drawer-list__option__inner::before, .dnb-drawer-list__option--focus .dnb-drawer-list__option__inner::before {
   display: var(--drawer-list-option-inner-border-display);
 }
-.dnb-drawer-list__option:focus-visible .dnb-drawer-list__option__inner::before {
+.dnb-drawer-list__option:focus-visible .dnb-drawer-list__option__inner::before, .dnb-drawer-list__option--focus .dnb-drawer-list__option__inner::before {
   display: var(--drawer-list-option-inner-border-display);
 }
-.dnb-drawer-list__option.focus-visible .dnb-drawer-list__option__inner::after {
+.dnb-drawer-list__option.focus-visible .dnb-drawer-list__option__inner::after, .dnb-drawer-list__option--focus .dnb-drawer-list__option__inner::after {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTk5OTYgMTEuMDU3M0wxNC42NjY2IDIuMzkwNjdMMTUuNjA5MyAzLjMzMzM0TDUuOTk5OTYgMTIuOTQyN0wwLjM5MDYyNSA3LjMzMzM0TDEuMzMzMjkgNi4zOTA2N0w1Ljk5OTk2IDExLjA1NzNaIiBmaWxsPSIjMDA1Q0ZGIi8+Cjwvc3ZnPgo=");
 }
-.dnb-drawer-list__option:focus-visible .dnb-drawer-list__option__inner::after {
+.dnb-drawer-list__option:focus-visible .dnb-drawer-list__option__inner::after, .dnb-drawer-list__option--focus .dnb-drawer-list__option__inner::after {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTk5OTYgMTEuMDU3M0wxNC42NjY2IDIuMzkwNjdMMTUuNjA5MyAzLjMzMzM0TDUuOTk5OTYgMTIuOTQyN0wwLjM5MDYyNSA3LjMzMzM0TDEuMzMzMjkgNi4zOTA2N0w1Ljk5OTk2IDExLjA1NzNaIiBmaWxsPSIjMDA1Q0ZGIi8+Cjwvc3ZnPgo=");
 }
 .dnb-drawer-list__triangle {