@dnb/eufemia 10.0.0 → 10.2.0

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

@@ -977,10 +977,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,
@@ -1007,4 +1003,8 @@ h6 {
 .dnb-core-style .dnb-h--small,
 .dnb-core-style .dnb-h--x-small {
   color: var(--theme-color-black-80, currentColor);
+}
+
+.dnb-p {
+  color: var(--theme-color-black-80, currentColor);
 }

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

@@ -22,9 +22,38 @@
  * Image
  *
  */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--theme-color-black-80, currentColor);
+}
+
+.dnb-lead,
+.dnb-h--xx-large,
+.dnb-h--x-large,
+.dnb-h--large,
+.dnb-h--medium,
+.dnb-h--basis,
+.dnb-h--small,
+.dnb-h--x-small,
+.dnb-core-style .dnb-lead,
+.dnb-core-style .dnb-h--xx-large,
+.dnb-core-style .dnb-h--x-large,
+.dnb-core-style .dnb-h--large,
+.dnb-core-style .dnb-h--medium,
+.dnb-core-style .dnb-h--basis,
+.dnb-core-style .dnb-h--small,
+.dnb-core-style .dnb-h--x-small {
+  color: var(--theme-color-black-80, currentColor);
+}
+
 /**
  * HTML Element Tags
- *
+ * NB: There is a visual test with a page called "elements-without-classes".
+ * It should cover all cases.
  */
 .dnb-core-style a {
   display: inline;
@@ -126,6 +155,44 @@ html[data-whatinput=keyboard] .dnb-core-style a:focus {
   justify-content: center;
   border-radius: inherit;
 }
+.dnb-core-style figure {
+  display: inline-flex;
+  flex-direction: column;
+  padding: 0;
+  text-align: center;
+  align-items: center;
+}
+.dnb-core-style figure:not([class*=dnb-space]) {
+  margin: 0;
+}
+.dnb-core-style figure img,
+.dnb-core-style figure figcaption {
+  font-size: var(--font-size-basis);
+}
+.dnb-core-style figure img {
+  position: relative;
+  z-index: 2;
+  box-sizing: content-box;
+  max-width: 100%;
+  border-style: none;
+  border-radius: inherit;
+}
+.dnb-core-style figure img[alt]::after {
+  content: attr(alt);
+  position: absolute;
+  z-index: 3;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: inherit;
+}
+.dnb-core-style figure figcaption {
+  margin-top: 0.5rem;
+}
 .dnb-core-style blockquote {
   display: inline-block;
   width: auto;
@@ -701,4 +768,34 @@ del .dnb-core-style code {
 }
 .dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]) {
   margin-bottom: 1.5rem;
+}
+.dnb-core-style a {
+  --theme-color-black-80: var(--color-sea-green);
+  color: var(--color-sea-green);
+}
+.dnb-core-style a:hover, .dnb-core-style a:active {
+  color: var(--color-sea-green);
+  box-shadow: inset 100vw 100vw 0 0 var(--color-mint-green-50), -0.125em 0 0 0 var(--color-mint-green-50), 0.125em 0 0 0 var(--color-mint-green-50);
+}
+.dnb-core-style a:active {
+  color: var(--color-mint-green);
+  box-shadow: inset 100vw 100vw 0 0 var(--color-emerald-green), -0.125em 0 0 0 var(--color-emerald-green), 0.125em 0 0 0 var(--color-emerald-green);
+}
+.dnb-core-style a:focus:not(:active) {
+  color: var(--color-sea-green);
+}
+.dnb-core-style h1,
+.dnb-core-style h2,
+.dnb-core-style h3,
+.dnb-core-style h4,
+.dnb-core-style h5,
+.dnb-core-style h6 {
+  color: var(--theme-color-black-80, currentColor);
+}
+.dnb-core-style p {
+  color: var(--theme-color-black-80, currentColor);
+}
+.dnb-core-style img[alt]::after {
+  color: var(--color-black-80);
+  background-color: var(--color-black-8);
 }

package/cjs/style/themes/theme-ui/ui-theme-tags.min.css

@@ -1 +1 @@
-@charset "UTF-8";.dnb-core-style a{border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;text-decoration:underline;-webkit-text-decoration-color:currentcolor;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out}sub .dnb-core-style a,sup .dnb-core-style a{padding:0 .025em}.dnb-h--basis .dnb-core-style a,.dnb-h--large .dnb-core-style a,.dnb-h--medium .dnb-core-style a,.dnb-h--small .dnb-core-style a,.dnb-h--x-large .dnb-core-style a,.dnb-h--x-small .dnb-core-style a,.dnb-h--xx-large .dnb-core-style a,.dnb-lead .dnb-core-style a,.dnb-p .dnb-core-style a{font-size:inherit}.dnb-core-style a:focus{border-radius:.25em;outline:none}.dnb-core-style a:focus:not(:active){background-color:transparent;transition:none}.dnb-core-style a:focus:not(:active),.dnb-section .dnb-core-style a:focus:not(:active).dnb-anchor{text-decoration:none}html[data-whatinput=keyboard] .dnb-core-style a:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-core-style a:active,.dnb-core-style a:hover{border-radius:.25em}.dnb-core-style a:active,.dnb-core-style a:hover,.dnb-section .dnb-core-style a:active.dnb-anchor,.dnb-section .dnb-core-style a:hover.dnb-anchor{text-decoration:none}.dnb-core-style a:active{border-radius:.25em}.dnb-core-style a:active,.dnb-section .dnb-core-style a:active.dnb-anchor{text-decoration:none}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon){background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiMwMDcyNzIiLz48L3N2Zz4=");background-size:0;position:relative}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{background-image:inherit;background-size:cover;color:inherit;content:"";display:inline-block;height:.889em;margin-left:.3em;margin-right:.125em;position:relative;transform-origin:bottom;transition:transform .3s ease-out,filter 1s ease-in-out;width:.889em}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):active{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiNhNWUxZDIiLz48L3N2Zz4=")}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{top:.125em}[data-visual-test-wrapper] .dnb-core-style a{transition:none}.dnb-core-style a .dnb-icon{display:inline-block;transform:translateY(-.0625em)}.dnb-core-style img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style blockquote{border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-core-style blockquote:not([class*=dnb-space]){margin:0}.dnb-core-style blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4eiIvPjxwYXRoIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTQ2LjUgMTguNWEyMSAyMSAwIDAgMS0yMSAyMSIvPjxwYXRoIGZpbGw9IiNBNUUxRDIiIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjUgMjcuNWE5IDkgMCAxIDAgMC0xOCA5IDkgMCAwIDAgMCAxOHoiLz48cGF0aCBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0yMi41IDE4LjVhMjEgMjEgMCAwIDEtMjEgMjEiLz48L3N2Zz4=");background-size:cover;content:"";height:3em;left:1.5rem;position:absolute;top:2rem;width:3em}.dnb-core-style blockquote,.dnb-core-style blockquote.dnb-blockquote--left{padding-bottom:3rem;padding-left:6rem;padding-top:2rem}.dnb-core-style blockquote.dnb-blockquote--top{padding-bottom:3rem;padding-left:1.5rem;padding-top:6rem}.dnb-core-style blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-core-style blockquote .dnb-cite,.dnb-core-style blockquote .dnb-figcaption,.dnb-core-style blockquote cite,.dnb-core-style blockquote figcaption,.dnb-core-style blockquote footer{display:block;font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-core-style blockquote .dnb-cite:before,.dnb-core-style blockquote .dnb-figcaption:before,.dnb-core-style blockquote cite:before,.dnb-core-style blockquote figcaption:before,.dnb-core-style blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-core-style blockquote .dnb-h--large,.dnb-spacing .dnb-core-style blockquote .dnb-h--medium,.dnb-spacing .dnb-core-style blockquote .dnb-h--xx-large,.dnb-spacing .dnb-core-style blockquote .dnb-lead,.dnb-spacing .dnb-core-style blockquote h1,.dnb-spacing .dnb-core-style blockquote h2,.dnb-spacing .dnb-core-style blockquote h3{margin:0}.dnb-core-style blockquote .dnb-anchor{font-size:inherit}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing blockquote p:last-child{margin-bottom:0}.dnb-core-style hr{border:0;display:flex;height:0;padding:0;position:relative}.dnb-core-style hr:not([class*=dnb-space]){margin:0}.dnb-core-style hr:after{background-color:currentcolor;border-radius:.5px;color:inherit;content:"";height:1px;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style p{font-size:var(--font-size-basis);padding:0}.dnb-core-style p:not([class*=space__top]){margin-top:0}.dnb-core-style p:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style p--lead{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);line-height:var(--line-height-lead)}.dnb-core-style p--lead>small{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style p--medium,.dnb-core-style p b,.dnb-core-style p strong{font-weight:var(--font-weight-medium)}.dnb-core-style p--bold{font-weight:var(--font-weight-bold)}.dnb-core-style p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-x-large)}.dnb-core-style p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-core-style p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-core-style p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-core-style p--small,.dnb-core-style p>small,.dnb-core-style p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style p--x-small,.dnb-core-style p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style p>cite{font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis)}.dnb-core-style b,.dnb-core-style strong{font-weight:var(--font-weight-bold)}.dnb-core-style small{font-size:var(--font-size-small)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6{font-family:var(--font-family-default);font-weight:var(--font-weight-medium);padding:0}.dnb-core-style h1:not([class*=dnb-space]),.dnb-core-style h2:not([class*=dnb-space]),.dnb-core-style h3:not([class*=dnb-space]),.dnb-core-style h4:not([class*=dnb-space]),.dnb-core-style h5:not([class*=dnb-space]),.dnb-core-style h6:not([class*=dnb-space]){margin:0}.dnb-core-style h1 .dnb-icon--default,.dnb-core-style h2 .dnb-icon--default,.dnb-core-style h3 .dnb-icon--default,.dnb-core-style h4 .dnb-icon--default,.dnb-core-style h5 .dnb-icon--default,.dnb-core-style h6 .dnb-icon--default{font-size:1em}.dnb-core-style h1 .dnb-icon--medium,.dnb-core-style h2 .dnb-icon--medium,.dnb-core-style h3 .dnb-icon--medium,.dnb-core-style h4 .dnb-icon--medium,.dnb-core-style h5 .dnb-icon--medium,.dnb-core-style h6 .dnb-icon--medium{font-size:1.5em}.dnb-core-style h1 .dnb-anchor,.dnb-core-style h1 a,.dnb-core-style h2 .dnb-anchor,.dnb-core-style h2 a,.dnb-core-style h3 .dnb-anchor,.dnb-core-style h3 a,.dnb-core-style h4 .dnb-anchor,.dnb-core-style h4 a,.dnb-core-style h5 .dnb-anchor,.dnb-core-style h5 a,.dnb-core-style h6 .dnb-anchor,.dnb-core-style h6 a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style h1{font-size:var(--font-size-xx-large);line-height:var(--line-height-x-large)}.dnb-core-style h1>small{display:block;font-size:var(--font-size-x-large);line-height:var(--line-height-large)}.dnb-core-style h2{font-size:var(--font-size-large);line-height:var(--line-height-medium)}.dnb-core-style h2>small{font-size:var(--font-size-medium);line-height:calc(var(--line-height-medium) - .125rem)}.dnb-core-style h3{font-size:var(--font-size-medium);line-height:var(--line-height-lead)}.dnb-core-style h3>small,.dnb-core-style h4{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style h4>small,.dnb-core-style h5{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style h5>small{font-size:var(--font-size-x-small);line-height:var(--line-height-small)}.dnb-core-style h6{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style h2>small,.dnb-core-style h3>small,.dnb-core-style h4>small,.dnb-core-style h5>small,.dnb-core-style h6>small{line-height:var(--line-height-xx-small--em)}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__top]),.dnb-core-style .dnb-spacing h1:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h1:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__top]),.dnb-core-style .dnb-spacing h2:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h2:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__top]),.dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-spacing h6:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h6:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ul:not([class*=dnb-space]){margin:0}.dnb-core-style ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ul ol,.dnb-core-style ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ul--outside li,.dnb-core-style ul li{position:relative}.dnb-core-style ul--outside li:before,.dnb-core-style ul li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ul .dnb-anchor{font-size:inherit}.dnb-core-style ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ul>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ul,.dnb-core-style .dnb-spacing ul li>ol,.dnb-core-style .dnb-spacing ul li>ul{margin-top:-.5rem}.dnb-core-style ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ol:not([class*=dnb-space]){margin:0}.dnb-core-style ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style ol ol,.dnb-core-style ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ol--outside li,.dnb-core-style ol li{position:relative}.dnb-core-style ol--outside li:before,.dnb-core-style ol li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ol .dnb-anchor{font-size:inherit}.dnb-core-style ol li{list-style-type:decimal}.dnb-core-style ol--nested,.dnb-core-style ol--nested ol{counter-reset:item}.dnb-core-style ol--nested li{display:block}.dnb-core-style ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-core-style ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-core-style ol[type] li{display:list-item;list-style-type:inherit}.dnb-core-style ol[type] li:before,.dnb-core-style ol[type] li li:before{content:none}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ol>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ol>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ul,.dnb-core-style .dnb-spacing ol li>ol,.dnb-core-style .dnb-spacing ol li>ul{margin-top:-.5rem}.dnb-core-style dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-core-style dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-core-style dl dd~dt{margin-top:1.5rem}.dnb-core-style dl dd{margin:.5rem 0 1rem;padding:0}.dnb-core-style dl:not([class*=dnb-space])>dd>dl,.dnb-core-style dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-core-style dl__direction--horizontal{display:flex;flex-wrap:wrap}.dnb-core-style dl__direction--horizontal dt{margin-right:1rem;max-width:40%}.dnb-core-style dl__direction--horizontal dd{width:calc(60% - 1rem)}.dnb-core-style dl__direction--horizontal dd,.dnb-core-style dl__direction--horizontal dd~dt,.dnb-core-style dl__direction--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-core-style dl__direction--horizontal dd:first-of-type,.dnb-core-style dl__direction--horizontal dd~dt:first-of-type,.dnb-core-style dl__direction--horizontal dt:first-of-type{margin-top:0}.dnb-core-style dl dd.dnb-core-style dl__item{flex-basis:100%;height:0;margin:0}}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style label{cursor:pointer;overflow-wrap:break-word}.dnb-core-style label[disabled]{cursor:not-allowed}.dnb-core-style code{border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:var(--line-height-xx-small--em);padding:.25em;text-decoration:inherit}del .dnb-core-style code{text-decoration:line-through}.dnb-core-style code:not([class*=dnb-space]){margin:-.25em 0}.dnb-core-style pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-core-style pre:not([class*=dnb-space]){margin:0}.dnb-core-style pre pre{padding:1rem}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}
+@charset "UTF-8";.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.dnb-core-style a{border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;text-decoration:underline;-webkit-text-decoration-color:currentcolor;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out}sub .dnb-core-style a,sup .dnb-core-style a{padding:0 .025em}.dnb-h--basis .dnb-core-style a,.dnb-h--large .dnb-core-style a,.dnb-h--medium .dnb-core-style a,.dnb-h--small .dnb-core-style a,.dnb-h--x-large .dnb-core-style a,.dnb-h--x-small .dnb-core-style a,.dnb-h--xx-large .dnb-core-style a,.dnb-lead .dnb-core-style a,.dnb-p .dnb-core-style a{font-size:inherit}.dnb-core-style a:focus{border-radius:.25em;outline:none}.dnb-core-style a:focus:not(:active){background-color:transparent;transition:none}.dnb-core-style a:focus:not(:active),.dnb-section .dnb-core-style a:focus:not(:active).dnb-anchor{text-decoration:none}html[data-whatinput=keyboard] .dnb-core-style a:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-core-style a:active,.dnb-core-style a:hover{border-radius:.25em}.dnb-core-style a:active,.dnb-core-style a:hover,.dnb-section .dnb-core-style a:active.dnb-anchor,.dnb-section .dnb-core-style a:hover.dnb-anchor{text-decoration:none}.dnb-core-style a:active{border-radius:.25em}.dnb-core-style a:active,.dnb-section .dnb-core-style a:active.dnb-anchor{text-decoration:none}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon){background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiMwMDcyNzIiLz48L3N2Zz4=");background-size:0;position:relative}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{background-image:inherit;background-size:cover;color:inherit;content:"";display:inline-block;height:.889em;margin-left:.3em;margin-right:.125em;position:relative;transform-origin:bottom;transition:transform .3s ease-out,filter 1s ease-in-out;width:.889em}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):active{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiNhNWUxZDIiLz48L3N2Zz4=")}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{top:.125em}[data-visual-test-wrapper] .dnb-core-style a{transition:none}.dnb-core-style a .dnb-icon{display:inline-block;transform:translateY(-.0625em)}.dnb-core-style img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-core-style figure:not([class*=dnb-space]){margin:0}.dnb-core-style figure figcaption,.dnb-core-style figure img{font-size:var(--font-size-basis)}.dnb-core-style figure img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style figure img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure figcaption{margin-top:.5rem}.dnb-core-style blockquote{border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-core-style blockquote:not([class*=dnb-space]){margin:0}.dnb-core-style blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4eiIvPjxwYXRoIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTQ2LjUgMTguNWEyMSAyMSAwIDAgMS0yMSAyMSIvPjxwYXRoIGZpbGw9IiNBNUUxRDIiIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjUgMjcuNWE5IDkgMCAxIDAgMC0xOCA5IDkgMCAwIDAgMCAxOHoiLz48cGF0aCBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0yMi41IDE4LjVhMjEgMjEgMCAwIDEtMjEgMjEiLz48L3N2Zz4=");background-size:cover;content:"";height:3em;left:1.5rem;position:absolute;top:2rem;width:3em}.dnb-core-style blockquote,.dnb-core-style blockquote.dnb-blockquote--left{padding-bottom:3rem;padding-left:6rem;padding-top:2rem}.dnb-core-style blockquote.dnb-blockquote--top{padding-bottom:3rem;padding-left:1.5rem;padding-top:6rem}.dnb-core-style blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-core-style blockquote .dnb-cite,.dnb-core-style blockquote .dnb-figcaption,.dnb-core-style blockquote cite,.dnb-core-style blockquote figcaption,.dnb-core-style blockquote footer{display:block;font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-core-style blockquote .dnb-cite:before,.dnb-core-style blockquote .dnb-figcaption:before,.dnb-core-style blockquote cite:before,.dnb-core-style blockquote figcaption:before,.dnb-core-style blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-core-style blockquote .dnb-h--large,.dnb-spacing .dnb-core-style blockquote .dnb-h--medium,.dnb-spacing .dnb-core-style blockquote .dnb-h--xx-large,.dnb-spacing .dnb-core-style blockquote .dnb-lead,.dnb-spacing .dnb-core-style blockquote h1,.dnb-spacing .dnb-core-style blockquote h2,.dnb-spacing .dnb-core-style blockquote h3{margin:0}.dnb-core-style blockquote .dnb-anchor{font-size:inherit}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing blockquote p:last-child{margin-bottom:0}.dnb-core-style hr{border:0;display:flex;height:0;padding:0;position:relative}.dnb-core-style hr:not([class*=dnb-space]){margin:0}.dnb-core-style hr:after{background-color:currentcolor;border-radius:.5px;color:inherit;content:"";height:1px;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style p{font-size:var(--font-size-basis);padding:0}.dnb-core-style p:not([class*=space__top]){margin-top:0}.dnb-core-style p:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style p--lead{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);line-height:var(--line-height-lead)}.dnb-core-style p--lead>small{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style p--medium,.dnb-core-style p b,.dnb-core-style p strong{font-weight:var(--font-weight-medium)}.dnb-core-style p--bold{font-weight:var(--font-weight-bold)}.dnb-core-style p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-x-large)}.dnb-core-style p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-core-style p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-core-style p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-core-style p--small,.dnb-core-style p>small,.dnb-core-style p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style p--x-small,.dnb-core-style p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style p>cite{font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis)}.dnb-core-style b,.dnb-core-style strong{font-weight:var(--font-weight-bold)}.dnb-core-style small{font-size:var(--font-size-small)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6{font-family:var(--font-family-default);font-weight:var(--font-weight-medium);padding:0}.dnb-core-style h1:not([class*=dnb-space]),.dnb-core-style h2:not([class*=dnb-space]),.dnb-core-style h3:not([class*=dnb-space]),.dnb-core-style h4:not([class*=dnb-space]),.dnb-core-style h5:not([class*=dnb-space]),.dnb-core-style h6:not([class*=dnb-space]){margin:0}.dnb-core-style h1 .dnb-icon--default,.dnb-core-style h2 .dnb-icon--default,.dnb-core-style h3 .dnb-icon--default,.dnb-core-style h4 .dnb-icon--default,.dnb-core-style h5 .dnb-icon--default,.dnb-core-style h6 .dnb-icon--default{font-size:1em}.dnb-core-style h1 .dnb-icon--medium,.dnb-core-style h2 .dnb-icon--medium,.dnb-core-style h3 .dnb-icon--medium,.dnb-core-style h4 .dnb-icon--medium,.dnb-core-style h5 .dnb-icon--medium,.dnb-core-style h6 .dnb-icon--medium{font-size:1.5em}.dnb-core-style h1 .dnb-anchor,.dnb-core-style h1 a,.dnb-core-style h2 .dnb-anchor,.dnb-core-style h2 a,.dnb-core-style h3 .dnb-anchor,.dnb-core-style h3 a,.dnb-core-style h4 .dnb-anchor,.dnb-core-style h4 a,.dnb-core-style h5 .dnb-anchor,.dnb-core-style h5 a,.dnb-core-style h6 .dnb-anchor,.dnb-core-style h6 a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style h1{font-size:var(--font-size-xx-large);line-height:var(--line-height-x-large)}.dnb-core-style h1>small{display:block;font-size:var(--font-size-x-large);line-height:var(--line-height-large)}.dnb-core-style h2{font-size:var(--font-size-large);line-height:var(--line-height-medium)}.dnb-core-style h2>small{font-size:var(--font-size-medium);line-height:calc(var(--line-height-medium) - .125rem)}.dnb-core-style h3{font-size:var(--font-size-medium);line-height:var(--line-height-lead)}.dnb-core-style h3>small,.dnb-core-style h4{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style h4>small,.dnb-core-style h5{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style h5>small{font-size:var(--font-size-x-small);line-height:var(--line-height-small)}.dnb-core-style h6{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style h2>small,.dnb-core-style h3>small,.dnb-core-style h4>small,.dnb-core-style h5>small,.dnb-core-style h6>small{line-height:var(--line-height-xx-small--em)}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__top]),.dnb-core-style .dnb-spacing h1:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h1:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__top]),.dnb-core-style .dnb-spacing h2:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h2:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__top]),.dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-spacing h6:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h6:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ul:not([class*=dnb-space]){margin:0}.dnb-core-style ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ul ol,.dnb-core-style ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ul--outside li,.dnb-core-style ul li{position:relative}.dnb-core-style ul--outside li:before,.dnb-core-style ul li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ul .dnb-anchor{font-size:inherit}.dnb-core-style ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ul>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ul,.dnb-core-style .dnb-spacing ul li>ol,.dnb-core-style .dnb-spacing ul li>ul{margin-top:-.5rem}.dnb-core-style ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ol:not([class*=dnb-space]){margin:0}.dnb-core-style ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style ol ol,.dnb-core-style ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ol--outside li,.dnb-core-style ol li{position:relative}.dnb-core-style ol--outside li:before,.dnb-core-style ol li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ol .dnb-anchor{font-size:inherit}.dnb-core-style ol li{list-style-type:decimal}.dnb-core-style ol--nested,.dnb-core-style ol--nested ol{counter-reset:item}.dnb-core-style ol--nested li{display:block}.dnb-core-style ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-core-style ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-core-style ol[type] li{display:list-item;list-style-type:inherit}.dnb-core-style ol[type] li:before,.dnb-core-style ol[type] li li:before{content:none}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ol>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ol>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ul,.dnb-core-style .dnb-spacing ol li>ol,.dnb-core-style .dnb-spacing ol li>ul{margin-top:-.5rem}.dnb-core-style dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-core-style dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-core-style dl dd~dt{margin-top:1.5rem}.dnb-core-style dl dd{margin:.5rem 0 1rem;padding:0}.dnb-core-style dl:not([class*=dnb-space])>dd>dl,.dnb-core-style dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-core-style dl__direction--horizontal{display:flex;flex-wrap:wrap}.dnb-core-style dl__direction--horizontal dt{margin-right:1rem;max-width:40%}.dnb-core-style dl__direction--horizontal dd{width:calc(60% - 1rem)}.dnb-core-style dl__direction--horizontal dd,.dnb-core-style dl__direction--horizontal dd~dt,.dnb-core-style dl__direction--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-core-style dl__direction--horizontal dd:first-of-type,.dnb-core-style dl__direction--horizontal dd~dt:first-of-type,.dnb-core-style dl__direction--horizontal dt:first-of-type{margin-top:0}.dnb-core-style dl dd.dnb-core-style dl__item{flex-basis:100%;height:0;margin:0}}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style label{cursor:pointer;overflow-wrap:break-word}.dnb-core-style label[disabled]{cursor:not-allowed}.dnb-core-style code{border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:var(--line-height-xx-small--em);padding:.25em;text-decoration:inherit}del .dnb-core-style code{text-decoration:line-through}.dnb-core-style code:not([class*=dnb-space]){margin:-.25em 0}.dnb-core-style pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-core-style pre:not([class*=dnb-space]){margin:0}.dnb-core-style pre pre{padding:1rem}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style a{--theme-color-black-80:var(--color-sea-green);color:var(--color-sea-green)}.dnb-core-style a:active,.dnb-core-style a:hover{box-shadow:inset 100vw 100vw 0 0 var(--color-mint-green-50),-.125em 0 0 0 var(--color-mint-green-50),.125em 0 0 0 var(--color-mint-green-50);color:var(--color-sea-green)}.dnb-core-style a:active{box-shadow:inset 100vw 100vw 0 0 var(--color-emerald-green),-.125em 0 0 0 var(--color-emerald-green),.125em 0 0 0 var(--color-emerald-green);color:var(--color-mint-green)}.dnb-core-style a:focus:not(:active){color:var(--color-sea-green)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6,.dnb-core-style p{color:var(--theme-color-black-80,currentColor)}.dnb-core-style img[alt]:after{background-color:var(--color-black-8);color:var(--color-black-80)}

package/cjs/style/themes/theme-ui/ui-theme-tags.scss

@@ -1,6 +1,7 @@
 /**
  * HTML Element Tags
- *
+ * NB: There is a visual test with a page called "elements-without-classes".
+ * It should cover all cases.
  */
 
 @use '../../../components/anchor/style/anchor-mixins.scss';
@@ -12,6 +13,14 @@
 @use '../../../elements/img/style/img-mixins.scss';
 @use '../../../elements/hr/style/hr-mixins.scss';
 
+// Import themes
+@use '../../../components/anchor/style/themes/dnb-anchor-theme-ui.scss'
+  with ($useClasses: false);
+@use '../../../elements/typography/style/themes/dnb-typography-theme-ui.scss'
+  with ($useClasses: false);
+@use '../../../elements/img/style/themes/dnb-img-theme-ui.scss' with
+  ($useClasses: false);
+
 .dnb-core-style {
   // div
   @include anchor-mixins.anchorTag();
@@ -33,4 +42,9 @@
   // additional
   @include code-mixins.codeTag();
   @include code-mixins.preTag();
+
+  // handle themes
+  @include dnb-anchor-theme-ui.anchorThemeTag();
+  @include dnb-typography-theme-ui.typographyThemeTag();
+  @include dnb-img-theme-ui.imgThemeTag();
 }

package/components/anchor/Anchor.d.ts

@@ -22,10 +22,10 @@ export declare type AnchorProps = {
     /** @deprecated use innerRef instead */
     inner_ref?: React.RefObject<HTMLAnchorElement>;
 };
-export declare type AnchorAllProps = AnchorProps & React.HTMLProps<HTMLAnchorElement> & SpacingProps;
+export declare type AnchorAllProps = AnchorProps & Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'> & SpacingProps;
 export declare function AnchorInstance(localProps: AnchorAllProps): JSX.Element;
-declare const Anchor: React.ForwardRefExoticComponent<Pick<AnchorProps & React.HTMLProps<HTMLAnchorElement> & import("../space/types").SpacingElementProps & {
+declare const Anchor: React.ForwardRefExoticComponent<AnchorProps & Omit<React.HTMLProps<HTMLAnchorElement>, "ref"> & import("../space/types").SpacingElementProps & {
     space?: import("../space/types").SpaceType | import("../space/types").SpacingElementProps;
-}, "aria-hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "accessKey" | "key" | "value" | "space" | "top" | "right" | "bottom" | "left" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerRef" | "list" | "tooltip" | "step" | "shape" | "skeleton" | "as" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "width" | "wmode" | "wrap" | "to" | "icon" | "element" | "targetBlankTitle" | "iconPosition" | "omitClass" | "inner_ref"> & React.RefAttributes<HTMLAnchorElement>>;
+} & React.RefAttributes<HTMLAnchorElement>>;
 export default Anchor;
 export declare function scrollToHashHandler(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>): void;

package/components/anchor/style/deps.scss

@@ -0,0 +1,9 @@
+/*
+* Used for snapshot testing
+*
+*/
+
+@import '../../../style/core/utilities.scss';
+@import '../../icon/style/deps.scss';
+@import '../../tooltip/style/deps.scss';
+@import './dnb-anchor.scss';

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

@@ -28,21 +28,24 @@
   background-color: var(--sb-color-green);
   border-radius: 0.5rem;
 }
-html[data-whatinput=keyboard] .dnb-anchor:focus:not(:active) {
+.dnb-anchor:focus {
   color: var(--sb-color-blue-dark);
   background-color: var(--sb-color-blue-light-3);
   border-radius: 0.25rem;
 }
-html[data-whatinput=keyboard] .dnb-anchor:focus:not(:active).dnb-anchor--icon-left {
+.dnb-anchor:focus:not(:active) {
+  background-color: var(--sb-color-blue-light-3);
+}
+.dnb-anchor:focus.dnb-anchor--icon-left {
   margin-left: 0;
 }
-html[data-whatinput=keyboard] .dnb-anchor:focus:not(:active).dnb-anchor--icon-left .dnb-icon {
+.dnb-anchor:focus.dnb-anchor--icon-left .dnb-icon {
   margin-left: 0;
 }
-html[data-whatinput=keyboard] .dnb-anchor:focus:not(:active).dnb-anchor--icon-right {
+.dnb-anchor:focus.dnb-anchor--icon-right {
   margin-right: 0;
 }
-html[data-whatinput=keyboard] .dnb-anchor:focus:not(:active).dnb-anchor--icon-right .dnb-icon {
+.dnb-anchor:focus.dnb-anchor--icon-right .dnb-icon {
   margin-right: 0;
 }
 .dnb-anchor.dnb-anchor--icon-left {
@@ -89,24 +92,31 @@ html[data-whatinput=keyboard] .dnb-anchor:focus:not(:active).dnb-anchor--icon-ri
   border-radius: 0.5rem;
 }
 
-.dnb-anchor--focus:not(:active) {
+.dnb-anchor--focus {
   color: var(--sb-color-blue-dark);
   background-color: var(--sb-color-blue-light-3);
   border-radius: 0.25rem;
 }
-.dnb-anchor--focus:not(:active).dnb-anchor--icon-left {
+.dnb-anchor--focus:not(:active) {
+  background-color: var(--sb-color-blue-light-3);
+}
+.dnb-anchor--focus.dnb-anchor--icon-left {
   margin-left: 0;
 }
-.dnb-anchor--focus:not(:active).dnb-anchor--icon-left .dnb-icon {
+.dnb-anchor--focus.dnb-anchor--icon-left .dnb-icon {
   margin-left: 0;
 }
-.dnb-anchor--focus:not(:active).dnb-anchor--icon-right {
+.dnb-anchor--focus.dnb-anchor--icon-right {
   margin-right: 0;
 }
-.dnb-anchor--focus:not(:active).dnb-anchor--icon-right .dnb-icon {
+.dnb-anchor--focus.dnb-anchor--icon-right .dnb-icon {
   margin-right: 0;
 }
 
+.dnb-anchor--no-radius, .dnb-anchor--no-radius:hover, .dnb-anchor--no-radius:active, .dnb-anchor--no-radius:focus {
+  border-radius: 0;
+}
+
 .dnb-anchor--contrast {
   color: var(--color-white);
 }

package/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css

@@ -1 +1 @@
-@charset "UTF-8";.dnb-anchor{--anchor-underline-thickness:0.125rem;color:var(--sb-color-gray-dark-3);font-weight:var(--sb-font-weight-bold);padding:calc(var(--line-height-basis)/2 - .6em) .25em;-webkit-text-decoration-color:var(--sb-color-green-dark);text-decoration-color:var(--sb-color-green-dark)}.dnb-anchor:hover{background-color:var(--sb-color-green-dark);transition:none}.dnb-anchor:active,.dnb-anchor:hover{border-radius:.5rem;color:var(--sb-color-text)}.dnb-anchor:active{background-color:var(--sb-color-green)}html[data-whatinput=keyboard] .dnb-anchor:focus:not(:active){background-color:var(--sb-color-blue-light-3);border-radius:.25rem;color:var(--sb-color-blue-dark)}html[data-whatinput=keyboard] .dnb-anchor:focus:not(:active).dnb-anchor--icon-left,html[data-whatinput=keyboard] .dnb-anchor:focus:not(:active).dnb-anchor--icon-left .dnb-icon{margin-left:0}html[data-whatinput=keyboard] .dnb-anchor:focus:not(:active).dnb-anchor--icon-right,html[data-whatinput=keyboard] .dnb-anchor:focus:not(:active).dnb-anchor--icon-right .dnb-icon{margin-right:0}.dnb-anchor.dnb-anchor--icon-left{margin-left:1.125em;padding-left:0}.dnb-anchor.dnb-anchor--icon-left .dnb-icon{font-size:1em;margin-left:-1.125em;margin-right:.125em}.dnb-anchor.dnb-anchor--icon-right{margin-right:1.125em;padding-right:0}.dnb-anchor.dnb-anchor--icon-right .dnb-icon{font-size:1em;margin-left:.125em;margin-right:-1.125em}.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-left){padding-left:0}.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-left):before{content:" "}.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-right):not(.dnb-anchor[target=_blank]){padding-right:0}.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-right):not(.dnb-anchor[target=_blank]):after{content:" "}.dnb-anchor--hover{background-color:var(--sb-color-green-dark);transition:none}.dnb-anchor--active,.dnb-anchor--hover{border-radius:.5rem;color:var(--sb-color-text)}.dnb-anchor--active{background-color:var(--sb-color-green)}.dnb-anchor--focus:not(:active){background-color:var(--sb-color-blue-light-3);border-radius:.25rem;color:var(--sb-color-blue-dark)}.dnb-anchor--focus:not(:active).dnb-anchor--icon-left,.dnb-anchor--focus:not(:active).dnb-anchor--icon-left .dnb-icon{margin-left:0}.dnb-anchor--focus:not(:active).dnb-anchor--icon-right,.dnb-anchor--focus:not(:active).dnb-anchor--icon-right .dnb-icon{margin-right:0}.dnb-anchor--contrast{color:var(--color-white)}.dnb-anchor--contrast:active,.dnb-anchor--contrast:hover{text-decoration:none}.dnb-anchor--contrast:active,.dnb-anchor--contrast:hover{background-color:var(--color-white);color:var(--color-emerald-green)}.dnb-anchor--contrast:not(:disabled):focus{background-color:transparent;color:var(--color-white);outline:none}html[data-whatinput=keyboard] .dnb-anchor--contrast:not(:disabled):focus{--border-color:var(--color-white);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}
+@charset "UTF-8";.dnb-anchor{--anchor-underline-thickness:0.125rem;color:var(--sb-color-gray-dark-3);font-weight:var(--sb-font-weight-bold);padding:calc(var(--line-height-basis)/2 - .6em) .25em;-webkit-text-decoration-color:var(--sb-color-green-dark);text-decoration-color:var(--sb-color-green-dark)}.dnb-anchor:hover{background-color:var(--sb-color-green-dark);transition:none}.dnb-anchor:active,.dnb-anchor:hover{border-radius:.5rem;color:var(--sb-color-text)}.dnb-anchor:active{background-color:var(--sb-color-green)}.dnb-anchor:focus{border-radius:.25rem;color:var(--sb-color-blue-dark)}.dnb-anchor:focus,.dnb-anchor:focus:not(:active){background-color:var(--sb-color-blue-light-3)}.dnb-anchor:focus.dnb-anchor--icon-left,.dnb-anchor:focus.dnb-anchor--icon-left .dnb-icon{margin-left:0}.dnb-anchor:focus.dnb-anchor--icon-right,.dnb-anchor:focus.dnb-anchor--icon-right .dnb-icon{margin-right:0}.dnb-anchor.dnb-anchor--icon-left{margin-left:1.125em;padding-left:0}.dnb-anchor.dnb-anchor--icon-left .dnb-icon{font-size:1em;margin-left:-1.125em;margin-right:.125em}.dnb-anchor.dnb-anchor--icon-right{margin-right:1.125em;padding-right:0}.dnb-anchor.dnb-anchor--icon-right .dnb-icon{font-size:1em;margin-left:.125em;margin-right:-1.125em}.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-left){padding-left:0}.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-left):before{content:" "}.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-right):not(.dnb-anchor[target=_blank]){padding-right:0}.dnb-anchor:not(.dnb-anchor--no-underline):not(.dnb-anchor--has-icon):not(.anchor-hash):not(.dnb-anchor--icon-right):not(.dnb-anchor[target=_blank]):after{content:" "}.dnb-anchor--hover{background-color:var(--sb-color-green-dark);transition:none}.dnb-anchor--active,.dnb-anchor--hover{border-radius:.5rem;color:var(--sb-color-text)}.dnb-anchor--active{background-color:var(--sb-color-green)}.dnb-anchor--focus{border-radius:.25rem;color:var(--sb-color-blue-dark)}.dnb-anchor--focus,.dnb-anchor--focus:not(:active){background-color:var(--sb-color-blue-light-3)}.dnb-anchor--focus.dnb-anchor--icon-left,.dnb-anchor--focus.dnb-anchor--icon-left .dnb-icon{margin-left:0}.dnb-anchor--focus.dnb-anchor--icon-right,.dnb-anchor--focus.dnb-anchor--icon-right .dnb-icon{margin-right:0}.dnb-anchor--no-radius,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:focus,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--contrast{color:var(--color-white)}.dnb-anchor--contrast:active,.dnb-anchor--contrast:hover{text-decoration:none}.dnb-anchor--contrast:active,.dnb-anchor--contrast:hover{background-color:var(--color-white);color:var(--color-emerald-green)}.dnb-anchor--contrast:not(:disabled):focus{background-color:transparent;color:var(--color-white);outline:none}html[data-whatinput=keyboard] .dnb-anchor--contrast:not(:disabled):focus{--border-color:var(--color-white);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}

package/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss

@@ -17,24 +17,25 @@
 }
 
 @mixin anchorFocus() {
+  color: var(--sb-color-blue-dark);
+  background-color: var(--sb-color-blue-light-3);
+  border-radius: 0.25rem;
+
   &:not(:active) {
-    color: var(--sb-color-blue-dark);
     background-color: var(--sb-color-blue-light-3);
+  }
 
-    border-radius: 0.25rem;
-
-    &.dnb-anchor--icon-left {
+  &.dnb-anchor--icon-left {
+    margin-left: 0;
+    .dnb-icon {
       margin-left: 0;
-      .dnb-icon {
-        margin-left: 0;
-      }
     }
+  }
 
-    &.dnb-anchor--icon-right {
+  &.dnb-anchor--icon-right {
+    margin-right: 0;
+    .dnb-icon {
       margin-right: 0;
-      .dnb-icon {
-        margin-right: 0;
-      }
     }
   }
 }
@@ -59,9 +60,7 @@
   }
 
   &:focus {
-    @include utilities.whatInput('keyboard') {
-      @include anchorFocus();
-    }
+    @include anchorFocus();
   }
 
   &.dnb-anchor--icon-left {
@@ -115,6 +114,10 @@
   @include anchorFocus();
 }
 
+.dnb-anchor--no-radius {
+  @include anchor-mixins.resetBorderRadius();
+}
+
 // TODO: add correct contrast styling when designs are in place
 .dnb-anchor--contrast {
   @include anchor-mixins.useAnchorContrastStyle();

package/components/anchor/style/themes/dnb-anchor-theme-ui.scss

@@ -1,6 +1,6 @@
 @use '../anchor-mixins.scss';
 
-.dnb-anchor {
+@mixin anchorStyle() {
   color: var(--color-sea-green);
 
   &:hover,
@@ -21,22 +21,36 @@
   }
 }
 
-.dnb-anchor--hover {
-  color: var(--color-sea-green);
-  @include anchor-mixins.anchorBackground(var(--color-mint-green-50));
-}
-
-.dnb-anchor--active {
-  color: var(--color-mint-green);
-  @include anchor-mixins.anchorBackground(var(--color-emerald-green));
-}
+$useClasses: true !default;
+@if $useClasses {
+  .dnb-anchor {
+    @include anchorStyle();
+  }
 
-.dnb-anchor--focus {
-  &:not(:active) {
+  .dnb-anchor--hover {
     color: var(--color-sea-green);
+    @include anchor-mixins.anchorBackground(var(--color-mint-green-50));
+  }
+
+  .dnb-anchor--active {
+    color: var(--color-mint-green);
+    @include anchor-mixins.anchorBackground(var(--color-emerald-green));
+  }
+
+  .dnb-anchor--focus {
+    &:not(:active) {
+      color: var(--color-sea-green);
+    }
+  }
+
+  .dnb-anchor--contrast {
+    @include anchor-mixins.useAnchorContrastStyle();
   }
 }
 
-.dnb-anchor--contrast {
-  @include anchor-mixins.useAnchorContrastStyle();
+@mixin anchorThemeTag() {
+  a {
+    --theme-color-black-80: var(--color-sea-green);
+    @include anchorStyle();
+  }
 }

package/components/autocomplete/Autocomplete.js

@@ -1586,6 +1586,7 @@ class AutocompleteInstance extends React.PureComponent {
     }
 
     const suffixValue = (_getCurrentData = getCurrentData(selected_item, this.context.drawerList.original_data)) === null || _getCurrentData === void 0 ? void 0 : _getCurrentData.suffix_value;
+    const innerId = suffixValue && showStatus ? `${id}-inner` : null;
     validateDOMAttributes(null, mainParams);
     validateDOMAttributes(null, shellParams);
     return React.createElement("span", mainParams, label && React.createElement(FormLabel, {
@@ -1599,7 +1600,8 @@ class AutocompleteInstance extends React.PureComponent {
       onClick: this.toggleVisible
     }), React.createElement("span", {
       className: "dnb-autocomplete__inner",
-      ref: this._ref
+      ref: this._ref,
+      id: innerId
     }, _AlignmentHelper || (_AlignmentHelper = React.createElement(AlignmentHelper, null)), React.createElement(FormStatus, _extends({
       show: showStatus,
       id: id + '-form-status',
@@ -1609,7 +1611,8 @@ class AutocompleteInstance extends React.PureComponent {
       text: status,
       state: status_state,
       no_animation: status_no_animation,
-      skeleton: skeleton
+      skeleton: skeleton,
+      width_selector: innerId
     }, status_props)), React.createElement("span", {
       className: "dnb-autocomplete__row"
     }, React.createElement("span", shellParams, CustomInput ? React.createElement(CustomInput, inputParams) : React.createElement(Input, _extends({

package/components/avatar/Avatar.d.ts

@@ -5,6 +5,7 @@ import type { SkeletonShow } from '../skeleton/Skeleton';
 import AvatarGroup from './AvatarGroup';
 export declare type AvatarSizes = 'small' | 'medium' | 'large' | 'x-large';
 export declare type AvatarVariants = 'primary' | 'secondary' | 'tertiary';
+export declare type AvatarImgProps = ImgProps;
 export interface AvatarProps {
     /**
      * Used in combination with `src` to provide an alt attribute for the `img` element.

package/components/button/style/dnb-button--tertiary.css

@@ -86,6 +86,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);

package/components/button/style/dnb-button--tertiary.min.css

@@ -1 +1 @@
-.dnb-button--tertiary{--button-tertiary-focus-overflow:-1rem}.dnb-button--tertiary .dnb-button__text{position:relative}.dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;position:absolute;right:0;transition:color .25s ease-in-out;width:auto;z-index:1}[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}.dnb-button--tertiary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){box-shadow:none}.dnb-button--tertiary:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]):before,html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-button--tertiary:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.dnb-button--tertiary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled]{cursor:not-allowed}.dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}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 .dnb-button__icon{align-self:flex-start;margin-top:calc(var(--button-height)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium{margin-top:calc(var(--button-height)/2 - .75rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large{margin-top:calc(var(--button-height)/2 - 1rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon{margin-top:calc(var(--button-height--large)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon{margin-top:calc(var(--button-height--medium)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon{margin-top:calc(var(--button-height--small)/2 - .5rem)}.dnb-button--tertiary.dnb-button--icon-position-top{border-radius:.5rem;flex-direction:column;vertical-align:middle}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text{padding:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon{align-self:center;margin-top:.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{font-size:var(--font-size-x-small);margin-bottom:.25rem;margin-top:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text:after{left:0;right:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text{font-size:var(--font-size-small)}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment{height:0;order:3}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text{padding-left:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text:after{left:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__icon{margin-left:0;margin-right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text{margin-left:1rem;padding-left:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text:after{left:-.5rem;right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before{right:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text{padding-right:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text:after{right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__icon{margin-left:-.5rem;margin-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text{margin-right:1rem;padding-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text:after{right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before{left:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before{left:0;right:0}html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__text:after{visibility:hidden}
+.dnb-button--tertiary{--button-tertiary-focus-overflow:-1rem}.dnb-button--tertiary .dnb-button__text{position:relative}.dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;position:absolute;right:0;transition:color .25s ease-in-out;width:auto;z-index:1}[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}.dnb-button--tertiary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){box-shadow:none}.dnb-button--tertiary:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]):before,html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-button--tertiary:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.dnb-button--tertiary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled]{cursor:not-allowed}.dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}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 - .5rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium{margin-top:calc(var(--button-height)/2 - .75rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large{margin-top:calc(var(--button-height)/2 - 1rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon{margin-top:calc(var(--button-height--large)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon{margin-top:calc(var(--button-height--medium)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon{margin-top:calc(var(--button-height--small)/2 - .5rem)}.dnb-button--tertiary.dnb-button--icon-position-top{border-radius:.5rem;flex-direction:column;vertical-align:middle}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text{padding:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon{align-self:center;margin-top:.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{font-size:var(--font-size-x-small);margin-bottom:.25rem;margin-top:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text:after{left:0;right:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text{font-size:var(--font-size-small)}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment{height:0;order:3}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text{padding-left:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text:after{left:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__icon{margin-left:0;margin-right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text{margin-left:1rem;padding-left:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text:after{left:-.5rem;right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before{right:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text{padding-right:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text:after{right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__icon{margin-left:-.5rem;margin-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text{margin-right:1rem;padding-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text:after{right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before{left:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before{left:0;right:0}html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__text:after{visibility:hidden}

package/components/button/style/dnb-button--tertiary.scss

@@ -52,6 +52,9 @@
     }
 
     &.dnb-button--has-text {
+      padding-left: 0;
+      padding-right: 0;
+
       .dnb-button__icon {
         align-self: flex-start; // needed to vertically center icon
 

package/components/button/style/themes/button-mixins.scss

@@ -65,7 +65,7 @@
 }
 
 // Used in tertiary button variant
-@mixin buttonFocusRing($whatinput: null, $overflow: -0.5rem, $inset: null) {
+@mixin buttonFocusRing($whatinput: null, $inset: null) {
   // Create focus-ring
   &::before {
     content: '';
@@ -73,9 +73,9 @@
     z-index: 1; // to be visible in other absolute contexts
 
     top: 0;
-    left: $overflow;
+    left: -0.5rem;
     bottom: 0;
-    right: $overflow;
+    right: -0.5rem;
 
     height: inherit;
     border-radius: inherit;