@dnb/eufemia 10.75.4 → 10.76.0

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

@@ -53,7 +53,7 @@
 .dnb-drawer-list__portal__style {
   position: absolute;
   transition: all 300ms var(--easing-default);
-  z-index: calc(var(--modal-z-index, 3200) + 200);
+  z-index: calc(var(--modal-z-index, 3200) + 300);
 }
 html[data-visual-test] .dnb-drawer-list__portal__style {
   transition: none !important;
@@ -792,7 +792,7 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
   --forms-field-width--small: 5rem;
   --forms-field-width--medium: 11rem;
   --forms-field-width--large: 21rem;
-  --forms-field-label-max-width--large: 60ch;
+  --forms-field-label-max-width--large: var(--text-block-max-width);
 }
 
 fieldset.dnb-forms-field-block {
@@ -937,7 +937,7 @@ fieldset.dnb-forms-field-block:not([class*=space__right]) {
 }
 .dnb-forms-field-block__status .dnb-form-status__shell {
   margin-top: 0.5rem;
-  max-width: 60ch;
+  max-width: var(--text-block-max-width);
 }
 @media screen and (max-width: 15em) {
   .dnb-forms-field-block__status {
@@ -1242,8 +1242,8 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 :root {
   --forms-value-width--small: 30ch;
   --forms-value-width--medium: 40ch;
-  --forms-value-width--large: 60ch;
-  --forms-value-label-max-width--large: 60ch;
+  --forms-value-width--large: var(--text-block-max-width);
+  --forms-value-label-max-width--large: var(--text-block-max-width);
 }
 
 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) > .dnb-dd > .dnb-dl, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space]) > .dnb-dd > .dnb-dl {
@@ -6096,7 +6096,7 @@ legend.dnb-form-label {
   border-radius: var(--form-status-radius);
 }
 .dnb-form-status__text {
-  max-width: 60ch;
+  max-width: var(--text-block-max-width);
   padding: 0.625rem 1rem;
   cursor: text;
   color: inherit;
@@ -6507,7 +6507,7 @@ html[data-visual-test] .dnb-height-animation, html[data-visual-test] .dnb-height
   --rounded-corner--value: calc(var(--card-outline-width) + 0.5rem);
 }
 .dnb-help-button__content .dnb-section .dnb-p {
-  max-width: 60ch;
+  max-width: var(--text-block-max-width);
   transition: transform 400ms var(--easing-default) 40ms;
   transform: translate3d(0, -0.5rem, 0);
 }
@@ -6620,7 +6620,7 @@ html[data-visual-test] .dnb-height-animation, html[data-visual-test] .dnb-height
   --rounded-corner--value: calc(var(--card-outline-width) + 0.5rem);
 }
 .dnb-help-button__content .dnb-section .dnb-p {
-  max-width: 60ch;
+  max-width: var(--text-block-max-width);
   transition: transform 400ms var(--easing-default) 40ms;
   transform: translate3d(0, -0.5rem, 0);
 }
@@ -6764,7 +6764,7 @@ p > .dnb-icon {
   margin-top: 0.1875rem;
 }
 .dnb-info-card:not(.dnb-info-card--stretch), .dnb-info-card__content {
-  max-width: 70ch;
+  max-width: var(--text-block-max-width);
 }
 .dnb-info-card--centered .dnb-info-card__content {
   margin-top: 0;
@@ -11624,13 +11624,17 @@ html[data-visual-test] .dnb-textarea__textarea {
 /*
  * Utilities
  */
+:root {
+  --tooltip-z-index: 3100;
+}
+
 .dnb-tooltip {
   --tooltip-color: white;
   --tooltip-background-color: black;
   --tooltip-border-color: 1px solid black;
   --tooltip-border-radius: 1rem;
   position: absolute;
-  z-index: 3100;
+  z-index: 1000;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -11645,6 +11649,9 @@ html[data-visual-test] .dnb-textarea__textarea {
   visibility: hidden;
   transition: opacity 200ms var(--easing-default);
 }
+.dnb-tooltip--inside-modal .dnb-tooltip {
+  z-index: var(--tooltip-z-index);
+}
 .dnb-tooltip--large {
   padding: 0.25rem 1rem;
 }
@@ -11882,8 +11889,16 @@ html[data-visual-test] .dnb-tooltip--hide {
 .dnb-upload__accepted-file-types-table.dnb-table tbody td:first-child {
   padding-left: 0;
 }
-.dnb-upload__subtitle.dnb-p {
-  color: var(--upload-text--secondary);
+.dnb-upload--compact {
+  padding: 0;
+  border-radius: 0;
+}
+.dnb-upload--compact .dnb-upload__text {
+  color: var(--color-black-55);
+  font-size: var(--font-size-small);
+}
+.dnb-upload--compact .dnb-help-button__content .dnb-section {
+  margin-bottom: 1rem;
 }
 
 /*
@@ -13018,7 +13033,10 @@ html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown
 .dnb-form-status--error .dnb-form-status__shell {
   background-color: var(--sb-color-magenta-light-2);
 }
-.dnb-form-status--info .dnb-form-status__shell, .dnb-form-status--marketing .dnb-form-status__shell {
+.dnb-form-status--info .dnb-form-status__shell {
+  background-color: var(--sb-color-green-light-2);
+}
+.dnb-form-status--marketing .dnb-form-status__shell {
   background-color: var(--sb-color-violet-light-4);
 }
 .dnb-form-status--warn .dnb-form-status__shell {
@@ -13036,7 +13054,13 @@ html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown
   box-shadow: 0 0 0 var(--border-width) var(--border-color);
   border-color: transparent;
 }
-.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell, .dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
+.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell {
+  --border-color: var(--sb-color-green-dark-2);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
   --border-color: var(--sb-color-violet-light);
   --border-width: 0.0625rem;
   box-shadow: 0 0 0 var(--border-width) var(--border-color);
@@ -13062,7 +13086,7 @@ html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown
   --hr-color: var(--sb-color-red);
 }
 .dnb-global-status--info .dnb-global-status__content .dnb-hr {
-  --hr-color: var(--sb-color-violet-light);
+  --hr-color: var(--sb-color-green-dark-2);
 }
 .dnb-global-status--warning .dnb-global-status__content .dnb-hr {
   --hr-color: var(--sb-color-yellow-dark);
@@ -13301,7 +13325,7 @@ html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-i
 }
 .dnb-section--info {
   --text-color: var(--sb-color-text);
-  --background-color: var(--sb-color-violet-light-4);
+  --background-color: var(--sb-color-green-light-2);
 }
 .dnb-section--warning {
   --text-color: var(--sb-color-text);
@@ -14726,7 +14750,7 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
   --forms-field-width--small: 5rem;
   --forms-field-width--medium: 11rem;
   --forms-field-width--large: 21rem;
-  --forms-field-label-max-width--large: 60ch;
+  --forms-field-label-max-width--large: var(--text-block-max-width);
 }
 
 fieldset.dnb-forms-field-block {
@@ -14871,7 +14895,7 @@ fieldset.dnb-forms-field-block:not([class*=space__right]) {
 }
 .dnb-forms-field-block__status .dnb-form-status__shell {
   margin-top: 0.5rem;
-  max-width: 60ch;
+  max-width: var(--text-block-max-width);
 }
 @media screen and (max-width: 15em) {
   .dnb-forms-field-block__status {
@@ -15176,8 +15200,8 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 :root {
   --forms-value-width--small: 30ch;
   --forms-value-width--medium: 40ch;
-  --forms-value-width--large: 60ch;
-  --forms-value-label-max-width--large: 60ch;
+  --forms-value-width--large: var(--text-block-max-width);
+  --forms-value-label-max-width--large: var(--text-block-max-width);
 }
 
 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) > .dnb-dd > .dnb-dl, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space]) > .dnb-dd > .dnb-dl {