@dnb/eufemia 10.0.0-beta.8 → 10.1.0

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

@@ -1233,10 +1233,6 @@ html[data-whatinput=keyboard] .dnb-blockquote:not(.dnb-blockquote--no-background
  * Mainly only the margins are defined in here
  *
  */
-.dnb-p {
-  color: var(--theme-color-black-80, currentColor);
-}
-
 h1,
 h2,
 h3,
@@ -1265,6 +1261,10 @@ h6 {
   color: var(--theme-color-black-80, currentColor);
 }
 
+.dnb-p {
+  color: var(--theme-color-black-80, currentColor);
+}
+
 :root {
   --focus-ring-width: 0.125rem;
   --focus-ring-color: var(--color-emerald-green);

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

@@ -3199,6 +3199,13 @@ button .dnb-form-status__text {
   width: 100%;
   height: 100%;
 }
+.dnb-global-error--center {
+  display: grid;
+  align-content: center;
+  justify-content: center;
+  place-content: center;
+  height: 80vh;
+}
 .dnb-global-error__inner {
   position: relative;
   display: flex;
@@ -3218,43 +3225,26 @@ button .dnb-form-status__text {
 .dnb-global-error__inner__content {
   max-width: 37rem;
 }
-.dnb-global-error__back.dnb-button--tertiary {
-  position: absolute;
-  z-index: 1;
-  top: var(--spacing-large);
-  left: var(--spacing-large);
-}
-@media screen and (max-width: 90em) {
-  .dnb-global-error__back.dnb-button--tertiary {
-    left: var(--spacing-x-small);
-  }
-}
-.dnb-global-error__gfx {
-  margin-top: 9rem;
-  shape-rendering: geometricprecision;
+.dnb-global-error__links {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: center;
+  grid-gap: 2rem;
+  gap: 2rem;
 }
-@media screen and (max-width: 90em) {
-  .dnb-global-error__gfx {
-    margin-top: 8vw;
-    margin-top: calc(4vw + 4vh);
-  }
+.dnb-global-error__links .dnb-anchor {
+  font-size: var(--font-size-medium);
 }
 @media screen and (max-width: 40em) {
-  .dnb-global-error__gfx {
-    margin-top: 0;
-    transform: scale(0.8);
-  }
-}
-@supports (color: var(--data-width)) {
-  .dnb-global-error__gfx {
-    width: calc(var(--data-width, 100%) / 16 * 1em);
-    height: calc(var(--data-height, 100%) / 16 * 1em);
+  .dnb-global-error__links {
+    flex-direction: column;
+    grid-gap: 1rem;
+    gap: 1rem;
   }
 }
 @media screen and (max-width: 40em) {
-  .dnb-global-error .dnb-h--xx-large.dnb-space__top--xx-large.dnb-space__top--x-small {
-    margin-top: 0;
-    font-size: var(--font-size-x-large);
+  .dnb-global-error h1 {
+    font-size: var(--font-size-large);
   }
 }
 
@@ -4515,6 +4505,7 @@ html[data-visual-test] .dnb-progress-indicator__bar-transition {
           user-select: none;
   display: flex;
   align-items: center;
+  flex-shrink: 0;
   justify-content: center;
   width: var(--radio-width--medium);
   height: var(--radio-height--medium);
@@ -7964,6 +7955,10 @@ html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-bu
 html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after, html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after {
   visibility: hidden;
 }
+.dnb-button--tertiary.dnb-button--has-text {
+  padding-left: 0;
+  padding-right: 0;
+}
 .dnb-button--tertiary.dnb-button--has-text .dnb-button__icon {
   align-self: flex-start;
   margin-top: calc(var(--button-height) / 2 - 0.5rem);
@@ -8239,10 +8234,6 @@ html[data-whatinput=keyboard] .dnb-button--secondary:not(.dnb-button--has-text):
   color: var(--color-sea-green);
   background-color: transparent;
 }
-.dnb-button--tertiary.dnb-button--has-text {
-  padding-left: 0;
-  padding-right: 0;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled] {
   cursor: not-allowed;
 }
@@ -10520,6 +10511,10 @@ html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-bu
 html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after, html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after {
   visibility: hidden;
 }
+.dnb-button--tertiary.dnb-button--has-text {
+  padding-left: 0;
+  padding-right: 0;
+}
 .dnb-button--tertiary.dnb-button--has-text .dnb-button__icon {
   align-self: flex-start;
   margin-top: calc(var(--button-height) / 2 - 0.5rem);
@@ -10795,10 +10790,6 @@ html[data-whatinput=keyboard] .dnb-button--secondary:not(.dnb-button--has-text):
   color: var(--color-sea-green);
   background-color: transparent;
 }
-.dnb-button--tertiary.dnb-button--has-text {
-  padding-left: 0;
-  padding-right: 0;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled] {
   cursor: not-allowed;
 }