@dnb/eufemia 10.20.0 → 10.22.0

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

@@ -630,29 +630,49 @@ html[data-visual-test] .dnb-hr--light {
   margin-left: 2rem;
 }
 @media screen and (min-width: 40em) {
-  .dnb-dl__direction--horizontal {
+  .dnb-dl__layout--horizontal {
     display: flex;
     flex-wrap: wrap;
   }
-  .dnb-dl__direction--horizontal dt {
+  .dnb-dl__layout--horizontal dt {
     margin-right: 1rem;
     max-width: 40%;
   }
-  .dnb-dl__direction--horizontal dd {
+  .dnb-dl__layout--horizontal dd {
     width: calc(60% - 1rem);
   }
-  .dnb-dl__direction--horizontal dt, .dnb-dl__direction--horizontal dd, .dnb-dl__direction--horizontal dd ~ dt {
+  .dnb-dl__layout--horizontal dt, .dnb-dl__layout--horizontal dd, .dnb-dl__layout--horizontal dd ~ dt {
     margin-top: 0.5rem;
     margin-bottom: 0;
   }
-  .dnb-dl__direction--horizontal dt:first-of-type, .dnb-dl__direction--horizontal dd:first-of-type, .dnb-dl__direction--horizontal dd ~ dt:first-of-type {
+  .dnb-dl__layout--horizontal dt:first-of-type, .dnb-dl__layout--horizontal dd:first-of-type, .dnb-dl__layout--horizontal dd ~ dt:first-of-type {
     margin-top: 0;
   }
   .dnb-dl dd.dnb-dl__item {
+    display: none;
     flex-basis: 100%;
     height: 0;
     margin: 0;
   }
+  .dnb-dl__layout--grid {
+    display: grid;
+    grid-template-columns: 1fr 2fr;
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
+    row-gap: 1rem;
+    /* stylelint-disable */
+    /* stylelint-enable */
+  }
+  .dnb-dl__layout--grid dt {
+    max-width: 15ch;
+  }
+  .dnb-dl__layout--grid dd {
+    max-width: 30ch;
+    align-self: end;
+  }
+  .dnb-dl__layout--grid dt, .dnb-dl__layout--grid dd, .dnb-dl__layout--grid dd ~ dt {
+    margin: 0;
+  }
 }
 
 .dnb-spacing .dnb-ul:not([class*=dnb-space__top]),
@@ -1086,6 +1106,7 @@ sub {
  */
 .dnb-blockquote {
   --blockquote-padding-top: 1.5rem;
+  --blockquote-padding-bottom: 2rem;
   --blockquote-quote-padding: 5.5rem;
   --blockquote-cite-style: normal;
   background-color: var(--sb-color-violet-light-4);