@dnb/eufemia 10.31.0 → 10.32.0

package/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.css

@@ -0,0 +1,70 @@
+/*
+* StepIndicator theme
+* Warning, this is just a stop-gap theming to avoid dnb brand colors. This component is not fully "Sbanken-ready"
+*/
+/*
+ * Utilities
+ */
+.dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button {
+  --border-color: var(--sb-color-gray-light);
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__item--current .dnb-button {
+  --border-color: var(--sb-color-purple-alternative);
+  color: var(--sb-color-white);
+  background-color: var(--sb-color-purple-alternative);
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__item--visited .dnb-button {
+  --border-color: var(--sb-color-purple-alternative);
+  color: var(--sb-color-purple-alternative);
+  background-color: var(--sb-color-green-light-2);
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button {
+  cursor: text;
+  pointer-events: initial;
+  -webkit-user-select: initial;
+          user-select: initial;
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary, .dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active {
+  color: var(--color-black-80);
+  background-color: var(--color-white);
+  --border-color: var(--color-black-20);
+  --border-width: 0.0625rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary, .dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active {
+  --border-color: var(--color-black-80);
+  --border-width: 0.125rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__label, .dnb-step-indicator-wrapper .dnb-step-indicator__label.dnb-p {
+  font-size: var(--font-size-small);
+  margin-bottom: 0.5rem;
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__button__status.dnb-button--secondary {
+  color: var(--sb-color-text);
+  background-color: var(--sb-color-yellow-light-3);
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--error.dnb-button--secondary {
+  color: var(--sb-color-text);
+  background-color: var(--sb-color-magenta-light-2);
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--info.dnb-button--secondary {
+  color: var(--sb-color-text);
+  background-color: var(--sb-color-gray-light-2);
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-button__icon {
+  align-self: flex-start;
+  margin-top: 1rem;
+  margin-right: 0.25rem;
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number, .dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status {
+  font-weight: var(--font-weight-basis);
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status {
+  margin-top: 0.5rem;
+  font-size: var(--font-size-x-small);
+  line-height: var(--font-size-basis);
+  color: var(--color-black-80);
+}

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

@@ -0,0 +1 @@
+.dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button{--border-color:var(--sb-color-gray-light)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--current .dnb-button{--border-color:var(--sb-color-purple-alternative);background-color:var(--sb-color-purple-alternative);color:var(--sb-color-white)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--visited .dnb-button{--border-color:var(--sb-color-purple-alternative);background-color:var(--sb-color-green-light-2);color:var(--sb-color-purple-alternative)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button{cursor:text;pointer-events:auto;-webkit-user-select:initial;user-select:auto}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-20);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-80)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-80);--border-width:0.125rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-step-indicator-wrapper .dnb-step-indicator__label,.dnb-step-indicator-wrapper .dnb-step-indicator__label.dnb-p{font-size:var(--font-size-small);margin-bottom:.5rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status.dnb-button--secondary{background-color:var(--sb-color-yellow-light-3);color:var(--sb-color-text)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--error.dnb-button--secondary{background-color:var(--sb-color-magenta-light-2);color:var(--sb-color-text)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--info.dnb-button--secondary{background-color:var(--sb-color-gray-light-2);color:var(--sb-color-text)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-button__icon{align-self:flex-start;margin-right:.25rem;margin-top:1rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number,.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{font-weight:var(--font-weight-basis)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{color:var(--color-black-80);font-size:var(--font-size-x-small);line-height:var(--font-size-basis);margin-top:.5rem}

package/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.scss

@@ -0,0 +1,97 @@
+/*
+* StepIndicator theme
+* Warning, this is just a stop-gap theming to avoid dnb brand colors. This component is not fully "Sbanken-ready"
+*/
+
+@import '../../../../style/core/utilities.scss';
+
+.dnb-step-indicator-wrapper .dnb-step-indicator {
+  &__item {
+    .dnb-button {
+      --border-color: var(--sb-color-gray-light);
+    }
+
+    &--current .dnb-button {
+      --border-color: var(--sb-color-purple-alternative);
+      color: var(--sb-color-white);
+      background-color: var(--sb-color-purple-alternative);
+    }
+
+    &--visited .dnb-button {
+      --border-color: var(--sb-color-purple-alternative);
+      color: var(--sb-color-purple-alternative);
+      background-color: var(--sb-color-green-light-2);
+    }
+
+    &--inactive .dnb-button {
+      cursor: text;
+      pointer-events: initial;
+      user-select: initial;
+
+      &.dnb-button--secondary,
+      &.dnb-button--secondary:hover,
+      &.dnb-button--secondary:focus,
+      &.dnb-button--secondary:active {
+        color: var(--color-black-80);
+        background-color: var(--color-white);
+
+        @include fakeBorder(var(--color-black-20), 0.0625rem, inset);
+      }
+    }
+
+    &--inactive.dnb-step-indicator__item--current {
+      .dnb-button {
+        &.dnb-button--secondary,
+        &.dnb-button--secondary:hover,
+        &.dnb-button--secondary:focus,
+        &.dnb-button--secondary:active {
+          @include fakeBorder(var(--color-black-80), 0.125rem, inset);
+        }
+      }
+    }
+  }
+
+  &__label,
+  &__label.dnb-p {
+    font-size: var(--font-size-small);
+    margin-bottom: 0.5rem;
+  }
+
+  &__button__status {
+    &.dnb-button--secondary {
+      color: var(--sb-color-text);
+      background-color: var(--sb-color-yellow-light-3);
+    }
+
+    &--error.dnb-button--secondary {
+      color: var(--sb-color-text);
+      background-color: var(--sb-color-magenta-light-2);
+    }
+
+    &--info.dnb-button--secondary {
+      color: var(--sb-color-text);
+      background-color: var(--sb-color-gray-light-2);
+    }
+
+    .dnb-button__icon {
+      align-self: flex-start;
+      margin-top: 1rem;
+      margin-right: 0.25rem;
+    }
+
+    .dnb-step-indicator__item-content {
+      &__number,
+      &__status {
+        font-weight: var(--font-weight-basis);
+      }
+
+      &__status {
+        margin-top: 0.5rem;
+
+        font-size: var(--font-size-x-small);
+        line-height: var(--font-size-basis);
+        color: var(--color-black-80);
+      }
+    }
+  }
+}

package/components/switch/style/themes/dnb-switch-theme-ui.css

@@ -47,8 +47,7 @@
 .dnb-switch__focus {
   transition: transform 150ms ease-out;
   transform: rotate(0deg);
-  -webkit-clip-path: polygon(50% 15%, 110% 15%, 110% -10%, -10% -10%, -10% 110%, 110% 110%, 110% 85%, 50% 85%);
-          clip-path: polygon(50% 15%, 110% 15%, 110% -10%, -10% -10%, -10% 110%, 110% 110%, 110% 85%, 50% 85%);
+  clip-path: polygon(50% 15%, 110% 15%, 110% -10%, -10% -10%, -10% 110%, 110% 110%, 110% 85%, 50% 85%);
 }
 .dnb-switch__input:not(:checked) ~ .dnb-switch__button {
   background-color: var(--color-white);

package/components/switch/style/themes/dnb-switch-theme-ui.min.css

@@ -1 +1 @@
-.dnb-switch__background{background-color:var(--color-sea-green-30)}.dnb-switch__focus{-webkit-clip-path:polygon(50% 15%,110% 15%,110% -10%,-10% -10%,-10% 110%,110% 110%,110% 85%,50% 85%);clip-path:polygon(50% 15%,110% 15%,110% -10%,-10% -10%,-10% 110%,110% 110%,110% 85%,50% 85%);transform:rotate(0deg);transition:transform .15s ease-out}.dnb-switch__input:not(:checked)~.dnb-switch__button{background-color:var(--color-white);border-color:var(--color-sea-green)}.dnb-switch__input:checked~.dnb-switch__button{background-color:var(--color-sea-green)}.dnb-switch__input:not(:checked)~.dnb-switch__background:after{border:.0625rem solid var(--color-sea-green);border-radius:50%;height:.5rem;right:0;transform:translateX(calc(var(--switch-width--medium) - 2.8rem));width:.5rem}.dnb-switch__input:checked~.dnb-switch__background:after{background-color:var(--color-sea-green);border-radius:.0625rem;height:.5rem;left:0;transform:translateX(calc(var(--switch-width--medium) - 1.87rem));width:.0625rem}.dnb-switch--large .dnb-switch__input:not(:checked)~.dnb-switch__background:after{height:.625rem;transform:translateX(calc(var(--switch-width--large) - 3.7rem));width:.625rem}.dnb-switch--large .dnb-switch__input:checked~.dnb-switch__background:after{height:.625rem;transform:translateX(calc(var(--switch-width--large) - 2.5rem))}.dnb-switch__input[disabled]~.dnb-switch__background{background-color:var(--color-mint-green-25)}.dnb-switch__input[disabled]:checked~.dnb-switch__background:after{background-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:not(:checked)~.dnb-switch__background:after,.dnb-switch__input[disabled]~.dnb-switch__button{border-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:checked~.dnb-switch__button{background-color:var(--color-sea-green-30)}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__button{border:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):not(:checked):focus~.dnb-switch__button{background-color:var(--color-mint-green-50)}.dnb-switch__input:not([disabled]):checked~.dnb-switch__button .dnb-switch__focus{transform:rotate(180deg)}.dnb-switch__input:not([disabled]):not(:focus):not(:active):hover~.dnb-switch__button{background-color:var(--color-mint-green-50);border-color:var(--color-sea-green)}.dnb-switch__input:not([disabled]):active~.dnb-switch__button{background-color:var(--color-mint-green-50);border-color:transparent}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):hover~.dnb-switch__button{background-color:var(--color-fire-red-8);border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover)~.dnb-switch__button{border-color:var(--color-fire-red-8)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-switch__button{background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{--border-color:var(--color-fire-red);--border-width:var(--focus-ring-width);background-color:var(--color-fire-red-8);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):checked~.dnb-switch__background:after{background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):not(:checked)~.dnb-switch__background:after{border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{--border-color:var(--color-fire-red);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):checked~.dnb-switch__button .dnb-switch__focus{transform:rotate(180deg)}.dnb-switch>.dnb-form-status{transform:translateY(.1875rem)}
+.dnb-switch__background{background-color:var(--color-sea-green-30)}.dnb-switch__focus{clip-path:polygon(50% 15%,110% 15%,110% -10%,-10% -10%,-10% 110%,110% 110%,110% 85%,50% 85%);transform:rotate(0deg);transition:transform .15s ease-out}.dnb-switch__input:not(:checked)~.dnb-switch__button{background-color:var(--color-white);border-color:var(--color-sea-green)}.dnb-switch__input:checked~.dnb-switch__button{background-color:var(--color-sea-green)}.dnb-switch__input:not(:checked)~.dnb-switch__background:after{border:.0625rem solid var(--color-sea-green);border-radius:50%;height:.5rem;right:0;transform:translateX(calc(var(--switch-width--medium) - 2.8rem));width:.5rem}.dnb-switch__input:checked~.dnb-switch__background:after{background-color:var(--color-sea-green);border-radius:.0625rem;height:.5rem;left:0;transform:translateX(calc(var(--switch-width--medium) - 1.87rem));width:.0625rem}.dnb-switch--large .dnb-switch__input:not(:checked)~.dnb-switch__background:after{height:.625rem;transform:translateX(calc(var(--switch-width--large) - 3.7rem));width:.625rem}.dnb-switch--large .dnb-switch__input:checked~.dnb-switch__background:after{height:.625rem;transform:translateX(calc(var(--switch-width--large) - 2.5rem))}.dnb-switch__input[disabled]~.dnb-switch__background{background-color:var(--color-mint-green-25)}.dnb-switch__input[disabled]:checked~.dnb-switch__background:after{background-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:not(:checked)~.dnb-switch__background:after,.dnb-switch__input[disabled]~.dnb-switch__button{border-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:checked~.dnb-switch__button{background-color:var(--color-sea-green-30)}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__button{border:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):not(:checked):focus~.dnb-switch__button{background-color:var(--color-mint-green-50)}.dnb-switch__input:not([disabled]):checked~.dnb-switch__button .dnb-switch__focus{transform:rotate(180deg)}.dnb-switch__input:not([disabled]):not(:focus):not(:active):hover~.dnb-switch__button{background-color:var(--color-mint-green-50);border-color:var(--color-sea-green)}.dnb-switch__input:not([disabled]):active~.dnb-switch__button{background-color:var(--color-mint-green-50);border-color:transparent}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):hover~.dnb-switch__button{background-color:var(--color-fire-red-8);border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover)~.dnb-switch__button{border-color:var(--color-fire-red-8)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-switch__button{background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{--border-color:var(--color-fire-red);--border-width:var(--focus-ring-width);background-color:var(--color-fire-red-8);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):checked~.dnb-switch__background:after{background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):not(:checked)~.dnb-switch__background:after{border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{--border-color:var(--color-fire-red);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):checked~.dnb-switch__button .dnb-switch__focus{transform:rotate(180deg)}.dnb-switch>.dnb-form-status{transform:translateY(.1875rem)}

package/components/table/style/dnb-table.css

@@ -61,8 +61,7 @@
 }
 .dnb-table--outline {
   position: relative;
-  -webkit-clip-path: inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);
-          clip-path: inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);
+  clip-path: inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);
   z-index: 1;
 }
 .dnb-table--outline, .dnb-table--outline::after {
@@ -85,8 +84,7 @@
 }
 .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child,
 .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last {
-  -webkit-clip-path: none;
-          clip-path: none;
+  clip-path: none;
 }
 .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__th, .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__th::before, .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__th::after,
 .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__td,
@@ -399,8 +397,7 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
 }
 .dnb-table--outline tbody:last-child .dnb-table__tr:last-child,
 .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last {
-  -webkit-clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
-          clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
+  clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
 }
 .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child, .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child::before, .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child::after,
 .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child,
@@ -481,8 +478,7 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
   bottom: 0;
   height: 6px;
   box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
-  -webkit-clip-path: inset(6px 0 -48px 0);
-          clip-path: inset(6px 0 -48px 0);
+  clip-path: inset(6px 0 -48px 0);
 }
 
 /*
@@ -557,8 +553,7 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
   min-height: 1rem;
 }
 .dnb-table__container .dnb-table__scroll-view {
-  -webkit-clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
-          clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
+  clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
 }
 @supports (-webkit-appearance: none) and (not (-moz-appearance: meterbar)) {
   .dnb-table__container::after {

package/components/table/style/dnb-table.min.css

@@ -1 +1 @@
-.dnb-table,.dnb-table__container{--table-border-width:0.0625rem;--table-border:var(--table-border-width) solid var(--table-border-color);--table-outline-width:0.0625rem;--table-outline:var(--table-outline-width) solid var(--table-outline-color);--table-outline-radius:0.5rem}.dnb-table{border-collapse:collapse;border-spacing:0;display:table;margin-bottom:.5rem;margin-top:0;table-layout:auto;width:100%}.dnb-table--fixed{table-layout:fixed;width:auto}.dnb-table--no-wrap{white-space:nowrap}.dnb-table>caption{background-color:var(--color-white);caption-side:bottom;font-size:var(--font-size-basis);padding:.5rem 0 .5rem 1rem;position:relative;text-align:left}.dnb-table>caption:after{border-top:var(--table-border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:-.0625rem;right:0;top:0;top:calc(var(--table-border-width)*-1);z-index:1}.dnb-table>caption:last-child:after{right:0}.dnb-table--outline{-webkit-clip-path:inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);clip-path:inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);position:relative;z-index:1}.dnb-table--outline,.dnb-table--outline:after{border-radius:var(--table-outline-radius)}.dnb-table--outline:after{border:var(--table-outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;z-index:3}.dnb-table--outline>caption,.dnb-table--outline>caption:after{border-radius:0 0 var(--table-outline-radius) var(--table-outline-radius)}.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child{-webkit-clip-path:none;clip-path:none}.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__td,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__td:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__td:before,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__th,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__th:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__th:before,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__td,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__td:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__td:before,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__th,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__th:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__th:before{border-radius:0}.dnb-table.dnb-skeleton>*{-webkit-text-fill-color:var(--skeleton-color)}.dnb-card .dnb-table{--table-outline-color:transparent;margin-bottom:0}.dnb-table .dnb-table__th.dnb-table--sortable,.dnb-table>thead>tr>th.dnb-table--sortable{color:var(--color-sea-green)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button{align-items:flex-end;box-shadow:none;color:inherit;font-size:inherit;font-weight:var(--font-weight-medium);line-height:inherit;margin:0;padding:0 .5rem 0 0;position:relative;text-align:inherit;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{opacity:0;transition:opacity .2s ease-out,transform .5s ease-out}html[data-visual-test] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,html[data-visual-test] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{transition:none}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text{font-size:inherit;line-height:inherit;margin:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after{right:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon{align-self:flex-end;margin-bottom:.25rem;margin-top:auto}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after{color:var(--color-sea-green);opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]){color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}:not(.dnb-table--active) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,html[data-visual-test] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon{opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{color:inherit;opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after{visibility:visible}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]){color:var(--color-sea-green)}html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active: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-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{border-radius:inherit;bottom:0;height:inherit;left:-.5rem;outline:none;top:0;z-index:1}html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active: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-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--sortable[align=right],.dnb-table>thead>tr>th.dnb-table--sortable[align=right]{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button{flex-direction:row-reverse}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__icon{margin-left:-.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text{padding-right:0}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after{right:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{color:var(--color-sea-green);opacity:1}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:visible}html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard] .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon{transform:rotate(180deg);transform-origin:50% 50%}.dnb-table .dnb-table__th .dnb-table__help-button,.dnb-table>thead>tr>th .dnb-table__help-button{margin-left:.5rem}.dnb-table>thead>.dnb-table--no-wrap .dnb-table__sort-button{white-space:nowrap}.dnb-table__th__horizontal{align-items:flex-end;display:flex}.dnb-table thead th,.dnb-table__th{background-color:var(--table-th-background-color)}.dnb-table tbody tr:has(th:first-child+td:last-child) th[scope=row]{--table-th-background-color:initial}.dnb-table tbody tr th[scope=row]+td:last-child{width:100%}.dnb-table--border tbody .dnb-table__td:after,.dnb-table--border tbody .dnb-table__th:after{border:var(--table-border);border-bottom:none;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:-.0625rem;top:0;z-index:1}.dnb-table--border tbody .dnb-table__td:last-child:after,.dnb-table--border tbody .dnb-table__th:last-child:after{right:0}.dnb-table--border tbody .dnb-table__td:first-child:after,.dnb-table--border tbody .dnb-table__th:first-child:after{border-left:none}.dnb-table--border tbody .dnb-table__td:last-child:after,.dnb-table--border tbody .dnb-table__th:last-child:after{border-right:none}.dnb-table--border tbody .dnb-table__tr:first-child .dnb-table__td:after,.dnb-table--border tbody .dnb-table__tr:first-child .dnb-table__th:after{border-top:none}.dnb-table--border thead+tbody .dnb-table__tr:first-child .dnb-table__td:after,.dnb-table--border thead+tbody .dnb-table__tr:first-child .dnb-table__th:after{border-top:var(--table-border)}.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child:before,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child:before{border-top-left-radius:var(--table-outline-radius)}.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child:before,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child:before{border-top-right-radius:var(--table-outline-radius)}.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child{-webkit-clip-path:inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));clip-path:inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius))}.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child:before{border-bottom-left-radius:var(--table-outline-radius)}.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child:before{border-bottom-right-radius:var(--table-outline-radius)}.dnb-table td.dnb-table__td--no-spacing,.dnb-table__td--no-spacing{padding:0}.dnb-table td.dnb-table__td--spacing-horizontal,.dnb-table__td--spacing-horizontal{padding-bottom:0;padding-top:0}.dnb-table .dnb-table__tr,.dnb-table .dnb-table__tr--even,.dnb-table>tbody>tr{background-color:var(--color-black-3)}.dnb-table .dnb-table__tr--odd,.dnb-table .dnb-table__tr:not(.dnb-table__tr--even):nth-of-type(2n),.dnb-table>tbody>tr:not(.dnb-table__tr--even):nth-of-type(2n){background-color:var(--color-white)}.dnb-table tbody td,.dnb-table thead th,.dnb-table__td,.dnb-table__th{border-spacing:0;position:relative;word-break:keep-all}.dnb-table tr.sticky{position:sticky;transform:translate3d(0,var(--table-offset,0),0);z-index:4}.dnb-table tr.sticky.css-position{top:var(--table-top,0)}.dnb-table tr.sticky.is-sticky th:before{bottom:0;box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);-webkit-clip-path:inset(6px 0 -48px 0);clip-path:inset(6px 0 -48px 0);content:"";height:6px;left:0;position:absolute;right:0}.dnb-table__container{position:relative}.dnb-table__container:after{border:var(--table-outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;z-index:3}.dnb-table__container,.dnb-table__container:after{border-radius:var(--table-outline-radius)}.dnb-table__container,.dnb-table__container__body,.dnb-table__container__foot,.dnb-table__container__head{display:flex;flex-direction:column}.dnb-table__container__body .dnb-table{position:relative}.dnb-table__container__body .dnb-table:not([class*=space__bottom]){margin-bottom:0}.dnb-table__container__body .dnb-table__size--large .dnb-table__th{padding-top:1.5rem}.dnb-table__container__body .dnb-table:after{border-bottom:var(--table-border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table__container__body .dnb-table tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:after,.dnb-table__container__body .dnb-table tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:after,.dnb-table__container__body .dnb-table>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__td:after,.dnb-table__container__body .dnb-table>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__th:after{border-top:none}.dnb-table__container__head{padding:2rem 1rem 0}.dnb-table__container__head--empty{min-height:1.5rem;padding:0}.dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*=space__top]){margin:0}.dnb-table__container__foot{padding:1rem 1rem 1.25rem}.dnb-table__container__foot--empty{min-height:1rem;padding:0}.dnb-table__container .dnb-table__scroll-view{-webkit-clip-path:inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));clip-path:inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius))}@supports (-webkit-appearance:none) and (not (-moz-appearance:meterbar)){.dnb-table__container:after{bottom:calc(var(--table-outline-width)*-1)}}.dnb-modal__content .dnb-table__container .dnb-table__scroll-view{overflow:visible}.dnb-table{--table-accordion-background:var(--color-white);--table-accordion-header-background:var(--color-white);--table-accordion-border-width:0.0625rem;--table-accordion-border-color:var(--color-black-20);--table-accordion-border:var(--table-accordion-border-width) solid var(--table-accordion-border-color);--table-accordion-icon-color:var(--color-sea-green);--table-accordion-icon-color--active:var(--color-emerald-green);--table-accordion-icon-color--disabled:var(--color-sea-green-30);--table-accordion-outline-color:var(--color-emerald-green);--table-accordion-outline-width:var(--focus-ring-width);--table-accordion-outline-background--active:var(--color-pistachio)}.dnb-table__th.dnb-table__th__accordion-icon.dnb-table__th{padding:0}.dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__th.dnb-table__th__accordion-icon div{text-indent:-300vw;width:3.5rem}.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon div{width:3rem}.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon div{width:2.5rem}.dnb-table__td.dnb-table__td__accordion-icon{-webkit-user-select:none;user-select:none}.dnb-table__td.dnb-table__td__accordion-icon.dnb-table__td{padding:0}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button{display:flex;justify-content:center}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{color:var(--table-accordion-icon-color);transition:transform .5s var(--easing-default)}.dnb-table__tr--has-accordion-content.dnb-table__tr--no-animation .dnb-table__toggle-button .dnb-icon,html[data-visual-test] .dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{transition:none!important}.dnb-table__tr--has-accordion-content,.dnb-table__tr__accordion-content{position:relative}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded,.dnb-table__tr__accordion-content{z-index:3}.dnb-table__tr--has-accordion-content:active,.dnb-table__tr--has-accordion-content:hover:not(.dnb-table__tr--hover.dnb-table__tr--expanded),html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content:focus{z-index:5}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded .dnb-table__toggle-button .dnb-icon{transform:rotate(180deg)}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:after{border-bottom:none;border-left:none;border-right:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled){outline:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:before{border:var(--table-accordion-outline-width) solid transparent;content:"";inset:0;pointer-events:none;position:absolute;z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:first-of-type):before{border-left:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:last-of-type):before{border-right:none}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) td:before{border-color:var(--table-accordion-outline-color)}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) .dnb-table__td__accordion-icon .dnb-icon{color:var(--table-accordion-icon-color--active)}.dnb-table--border tbody .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):not(.dnb-table__tr--last) .dnb-table__td:before{bottom:calc(var(--table-border-width)*-1)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td{background-color:var(--color-white)}html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:before{border-color:var(--focus-ring-color);border-width:var(--focus-ring-width)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:first-of-type:before{left:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:last-of-type:before{right:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active td:before,html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active:hover td:before{border-color:var(--table-accordion-outline-color);border-width:var(--table-accordion-border-width)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td{background-color:var(--table-accordion-outline-background--active)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td .dnb-table__td__accordion-icon .dnb-icon{color:var(--table-accordion-icon-color--active)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td{background-color:var(--table-accordion-header-background)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td:before{border:none;border-top:var(--table-accordion-border)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover){background-color:var(--table-accordion-header-background)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) td:before{border:none;border-top:var(--table-accordion-border)}.dnb-table__tr--has-accordion-content.dnb-table__tr--disabled .dnb-table__td__accordion-icon .dnb-icon{color:var(--table-accordion-icon-color--disabled)}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-table__tr__accordion-content[hidden]{display:block}}.dnb-table__tr__accordion-content__inner{overflow:hidden;position:relative;transition:height .4s var(--easing-default);will-change:height}.dnb-table__tr__accordion-content__inner__spacing{padding:1rem;transform:translateY(-10px);transition:transform .5s var(--easing-default)}.dnb-table__tr__accordion-content--parallax .dnb-table__tr__accordion-content__inner__spacing{transform:translateY(0)}html[data-visual-test] .dnb-table__tr__accordion-content--parallax .dnb-table__tr__accordion-content__inner__spacing{transition:none}.dnb-table__tr__accordion-content--expanded>td.dnb-table__td{background-color:var(--color-white)}.dnb-table__tr__accordion-content--expanded+.dnb-table__tr--has-accordion-content .dnb-table__td:after{border-top:var(--table-accordion-border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:-.0625rem;top:0;z-index:1}.dnb-table__tr__accordion-content--expanded+.dnb-table__tr--has-accordion-content .dnb-table__td:last-child:after{right:0}.dnb-table__tr__accordion-content--single td{padding:0!important;width:calc(100% - 3.5rem)}.dnb-table__size--medium .dnb-table__tr__accordion-content--single td{width:calc(100% - 3rem)}.dnb-table__size--small .dnb-table__tr__accordion-content--single td{width:calc(100% - 2.5rem)}.dnb-table__tr__accordion-content--single td:before{border-bottom:var(--table-accordion-border);bottom:calc(var(--table-accordion-border-width)*-1);content:"";left:0;pointer-events:none;position:absolute;right:0;top:auto}.dnb-table--outline .dnb-table__tr__accordion-content--single:last-of-type td:before{border-bottom:none}.dnb-table--border .dnb-table__tr__accordion-content--single td:after{border-top:none}.dnb-table__tr__accordion-content--single>td.dnb-table__td{padding:0}.dnb-table__tr__accordion-content--single>td.dnb-table__td .dnb-dl,.dnb-table__tr__accordion-content--single>td.dnb-table__td .dnb-dl dt{margin:0}.dnb-table__tr__accordion-content.dnb-table__tr .dnb-table__td{background-color:var(--table-accordion-background);vertical-align:top}.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--disabled){cursor:pointer}.dnb-table__td-wrapper{display:flex}.dnb-spacing .dnb-table dl,.dnb-spacing .dnb-table ol,.dnb-spacing .dnb-table p,.dnb-spacing .dnb-table pre,.dnb-spacing .dnb-table ul{margin-bottom:0;margin-top:0}
+.dnb-table,.dnb-table__container{--table-border-width:0.0625rem;--table-border:var(--table-border-width) solid var(--table-border-color);--table-outline-width:0.0625rem;--table-outline:var(--table-outline-width) solid var(--table-outline-color);--table-outline-radius:0.5rem}.dnb-table{border-collapse:collapse;border-spacing:0;display:table;margin-bottom:.5rem;margin-top:0;table-layout:auto;width:100%}.dnb-table--fixed{table-layout:fixed;width:auto}.dnb-table--no-wrap{white-space:nowrap}.dnb-table>caption{background-color:var(--color-white);caption-side:bottom;font-size:var(--font-size-basis);padding:.5rem 0 .5rem 1rem;position:relative;text-align:left}.dnb-table>caption:after{border-top:var(--table-border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:-.0625rem;right:0;top:0;top:calc(var(--table-border-width)*-1);z-index:1}.dnb-table>caption:last-child:after{right:0}.dnb-table--outline{clip-path:inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);position:relative;z-index:1}.dnb-table--outline,.dnb-table--outline:after{border-radius:var(--table-outline-radius)}.dnb-table--outline:after{border:var(--table-outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;z-index:3}.dnb-table--outline>caption,.dnb-table--outline>caption:after{border-radius:0 0 var(--table-outline-radius) var(--table-outline-radius)}.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child{clip-path:none}.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__td,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__td:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__td:before,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__th,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__th:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last .dnb-table__th:before,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__td,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__td:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__td:before,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__th,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__th:after,.dnb-table--outline>caption:not(.dnb-sr-only)~tbody:last-child .dnb-table__tr:last-child .dnb-table__th:before{border-radius:0}.dnb-table.dnb-skeleton>*{-webkit-text-fill-color:var(--skeleton-color)}.dnb-card .dnb-table{--table-outline-color:transparent;margin-bottom:0}.dnb-table .dnb-table__th.dnb-table--sortable,.dnb-table>thead>tr>th.dnb-table--sortable{color:var(--color-sea-green)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button{align-items:flex-end;box-shadow:none;color:inherit;font-size:inherit;font-weight:var(--font-weight-medium);line-height:inherit;margin:0;padding:0 .5rem 0 0;position:relative;text-align:inherit;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{opacity:0;transition:opacity .2s ease-out,transform .5s ease-out}html[data-visual-test] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,html[data-visual-test] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{transition:none}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text{font-size:inherit;line-height:inherit;margin:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after{right:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon{align-self:flex-end;margin-bottom:.25rem;margin-top:auto}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after{color:var(--color-sea-green);opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]){color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}:not(.dnb-table--active) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,html[data-visual-test] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon{opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{color:inherit;opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after{visibility:visible}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]){color:var(--color-sea-green)}html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active: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-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{border-radius:inherit;bottom:0;height:inherit;left:-.5rem;outline:none;top:0;z-index:1}html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active: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-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--sortable[align=right],.dnb-table>thead>tr>th.dnb-table--sortable[align=right]{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button{flex-direction:row-reverse}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__icon{margin-left:-.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text{padding-right:0}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after{right:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{color:var(--color-sea-green);opacity:1}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:visible}html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard] .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon{transform:rotate(180deg);transform-origin:50% 50%}.dnb-table .dnb-table__th .dnb-table__help-button,.dnb-table>thead>tr>th .dnb-table__help-button{margin-left:.5rem}.dnb-table>thead>.dnb-table--no-wrap .dnb-table__sort-button{white-space:nowrap}.dnb-table__th__horizontal{align-items:flex-end;display:flex}.dnb-table thead th,.dnb-table__th{background-color:var(--table-th-background-color)}.dnb-table tbody tr:has(th:first-child+td:last-child) th[scope=row]{--table-th-background-color:initial}.dnb-table tbody tr th[scope=row]+td:last-child{width:100%}.dnb-table--border tbody .dnb-table__td:after,.dnb-table--border tbody .dnb-table__th:after{border:var(--table-border);border-bottom:none;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:-.0625rem;top:0;z-index:1}.dnb-table--border tbody .dnb-table__td:last-child:after,.dnb-table--border tbody .dnb-table__th:last-child:after{right:0}.dnb-table--border tbody .dnb-table__td:first-child:after,.dnb-table--border tbody .dnb-table__th:first-child:after{border-left:none}.dnb-table--border tbody .dnb-table__td:last-child:after,.dnb-table--border tbody .dnb-table__th:last-child:after{border-right:none}.dnb-table--border tbody .dnb-table__tr:first-child .dnb-table__td:after,.dnb-table--border tbody .dnb-table__tr:first-child .dnb-table__th:after{border-top:none}.dnb-table--border thead+tbody .dnb-table__tr:first-child .dnb-table__td:after,.dnb-table--border thead+tbody .dnb-table__tr:first-child .dnb-table__th:after{border-top:var(--table-border)}.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child:before,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child:before{border-top-left-radius:var(--table-outline-radius)}.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child:before,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child:after,.dnb-table--outline caption:first-child+tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child:before,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child:before,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child:after,.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child:before{border-top-right-radius:var(--table-outline-radius)}.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child{clip-path:inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius))}.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child:before{border-bottom-left-radius:var(--table-outline-radius)}.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child:before,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child:after,.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child:before{border-bottom-right-radius:var(--table-outline-radius)}.dnb-table td.dnb-table__td--no-spacing,.dnb-table__td--no-spacing{padding:0}.dnb-table td.dnb-table__td--spacing-horizontal,.dnb-table__td--spacing-horizontal{padding-bottom:0;padding-top:0}.dnb-table .dnb-table__tr,.dnb-table .dnb-table__tr--even,.dnb-table>tbody>tr{background-color:var(--color-black-3)}.dnb-table .dnb-table__tr--odd,.dnb-table .dnb-table__tr:not(.dnb-table__tr--even):nth-of-type(2n),.dnb-table>tbody>tr:not(.dnb-table__tr--even):nth-of-type(2n){background-color:var(--color-white)}.dnb-table tbody td,.dnb-table thead th,.dnb-table__td,.dnb-table__th{border-spacing:0;position:relative;word-break:keep-all}.dnb-table tr.sticky{position:sticky;transform:translate3d(0,var(--table-offset,0),0);z-index:4}.dnb-table tr.sticky.css-position{top:var(--table-top,0)}.dnb-table tr.sticky.is-sticky th:before{bottom:0;box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);clip-path:inset(6px 0 -48px 0);content:"";height:6px;left:0;position:absolute;right:0}.dnb-table__container{position:relative}.dnb-table__container:after{border:var(--table-outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;z-index:3}.dnb-table__container,.dnb-table__container:after{border-radius:var(--table-outline-radius)}.dnb-table__container,.dnb-table__container__body,.dnb-table__container__foot,.dnb-table__container__head{display:flex;flex-direction:column}.dnb-table__container__body .dnb-table{position:relative}.dnb-table__container__body .dnb-table:not([class*=space__bottom]){margin-bottom:0}.dnb-table__container__body .dnb-table__size--large .dnb-table__th{padding-top:1.5rem}.dnb-table__container__body .dnb-table:after{border-bottom:var(--table-border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table__container__body .dnb-table tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:after,.dnb-table__container__body .dnb-table tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:after,.dnb-table__container__body .dnb-table>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__td:after,.dnb-table__container__body .dnb-table>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__th:after{border-top:none}.dnb-table__container__head{padding:2rem 1rem 0}.dnb-table__container__head--empty{min-height:1.5rem;padding:0}.dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*=space__top]){margin:0}.dnb-table__container__foot{padding:1rem 1rem 1.25rem}.dnb-table__container__foot--empty{min-height:1rem;padding:0}.dnb-table__container .dnb-table__scroll-view{clip-path:inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius))}@supports (-webkit-appearance:none) and (not (-moz-appearance:meterbar)){.dnb-table__container:after{bottom:calc(var(--table-outline-width)*-1)}}.dnb-modal__content .dnb-table__container .dnb-table__scroll-view{overflow:visible}.dnb-table{--table-accordion-background:var(--color-white);--table-accordion-header-background:var(--color-white);--table-accordion-border-width:0.0625rem;--table-accordion-border-color:var(--color-black-20);--table-accordion-border:var(--table-accordion-border-width) solid var(--table-accordion-border-color);--table-accordion-icon-color:var(--color-sea-green);--table-accordion-icon-color--active:var(--color-emerald-green);--table-accordion-icon-color--disabled:var(--color-sea-green-30);--table-accordion-outline-color:var(--color-emerald-green);--table-accordion-outline-width:var(--focus-ring-width);--table-accordion-outline-background--active:var(--color-pistachio)}.dnb-table__th.dnb-table__th__accordion-icon.dnb-table__th{padding:0}.dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__th.dnb-table__th__accordion-icon div{text-indent:-300vw;width:3.5rem}.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon div{width:3rem}.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon div{width:2.5rem}.dnb-table__td.dnb-table__td__accordion-icon{-webkit-user-select:none;user-select:none}.dnb-table__td.dnb-table__td__accordion-icon.dnb-table__td{padding:0}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button{display:flex;justify-content:center}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{color:var(--table-accordion-icon-color);transition:transform .5s var(--easing-default)}.dnb-table__tr--has-accordion-content.dnb-table__tr--no-animation .dnb-table__toggle-button .dnb-icon,html[data-visual-test] .dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{transition:none!important}.dnb-table__tr--has-accordion-content,.dnb-table__tr__accordion-content{position:relative}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded,.dnb-table__tr__accordion-content{z-index:3}.dnb-table__tr--has-accordion-content:active,.dnb-table__tr--has-accordion-content:hover:not(.dnb-table__tr--hover.dnb-table__tr--expanded),html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content:focus{z-index:5}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded .dnb-table__toggle-button .dnb-icon{transform:rotate(180deg)}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:after{border-bottom:none;border-left:none;border-right:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled){outline:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:before{border:var(--table-accordion-outline-width) solid transparent;content:"";inset:0;pointer-events:none;position:absolute;z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:first-of-type):before{border-left:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:last-of-type):before{border-right:none}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) td:before{border-color:var(--table-accordion-outline-color)}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) .dnb-table__td__accordion-icon .dnb-icon{color:var(--table-accordion-icon-color--active)}.dnb-table--border tbody .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):not(.dnb-table__tr--last) .dnb-table__td:before{bottom:calc(var(--table-border-width)*-1)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td{background-color:var(--color-white)}html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:before{border-color:var(--focus-ring-color);border-width:var(--focus-ring-width)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:first-of-type:before{left:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:last-of-type:before{right:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active td:before,html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active:hover td:before{border-color:var(--table-accordion-outline-color);border-width:var(--table-accordion-border-width)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td{background-color:var(--table-accordion-outline-background--active)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td .dnb-table__td__accordion-icon .dnb-icon{color:var(--table-accordion-icon-color--active)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td{background-color:var(--table-accordion-header-background)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td:before{border:none;border-top:var(--table-accordion-border)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover){background-color:var(--table-accordion-header-background)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) td:before{border:none;border-top:var(--table-accordion-border)}.dnb-table__tr--has-accordion-content.dnb-table__tr--disabled .dnb-table__td__accordion-icon .dnb-icon{color:var(--table-accordion-icon-color--disabled)}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-table__tr__accordion-content[hidden]{display:block}}.dnb-table__tr__accordion-content__inner{overflow:hidden;position:relative;transition:height .4s var(--easing-default);will-change:height}.dnb-table__tr__accordion-content__inner__spacing{padding:1rem;transform:translateY(-10px);transition:transform .5s var(--easing-default)}.dnb-table__tr__accordion-content--parallax .dnb-table__tr__accordion-content__inner__spacing{transform:translateY(0)}html[data-visual-test] .dnb-table__tr__accordion-content--parallax .dnb-table__tr__accordion-content__inner__spacing{transition:none}.dnb-table__tr__accordion-content--expanded>td.dnb-table__td{background-color:var(--color-white)}.dnb-table__tr__accordion-content--expanded+.dnb-table__tr--has-accordion-content .dnb-table__td:after{border-top:var(--table-accordion-border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:-.0625rem;top:0;z-index:1}.dnb-table__tr__accordion-content--expanded+.dnb-table__tr--has-accordion-content .dnb-table__td:last-child:after{right:0}.dnb-table__tr__accordion-content--single td{padding:0!important;width:calc(100% - 3.5rem)}.dnb-table__size--medium .dnb-table__tr__accordion-content--single td{width:calc(100% - 3rem)}.dnb-table__size--small .dnb-table__tr__accordion-content--single td{width:calc(100% - 2.5rem)}.dnb-table__tr__accordion-content--single td:before{border-bottom:var(--table-accordion-border);bottom:calc(var(--table-accordion-border-width)*-1);content:"";left:0;pointer-events:none;position:absolute;right:0;top:auto}.dnb-table--outline .dnb-table__tr__accordion-content--single:last-of-type td:before{border-bottom:none}.dnb-table--border .dnb-table__tr__accordion-content--single td:after{border-top:none}.dnb-table__tr__accordion-content--single>td.dnb-table__td{padding:0}.dnb-table__tr__accordion-content--single>td.dnb-table__td .dnb-dl,.dnb-table__tr__accordion-content--single>td.dnb-table__td .dnb-dl dt{margin:0}.dnb-table__tr__accordion-content.dnb-table__tr .dnb-table__td{background-color:var(--table-accordion-background);vertical-align:top}.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--disabled){cursor:pointer}.dnb-table__td-wrapper{display:flex}.dnb-spacing .dnb-table dl,.dnb-spacing .dnb-table ol,.dnb-spacing .dnb-table p,.dnb-spacing .dnb-table pre,.dnb-spacing .dnb-table ul{margin-bottom:0;margin-top:0}

package/components/visually-hidden/style/dnb-visually-hidden.css

@@ -11,8 +11,7 @@
   -webkit-touch-callout: none !important;
   pointer-events: none !important;
   position: absolute !important;
-  -webkit-clip-path: inset(50%) !important;
-          clip-path: inset(50%) !important;
+  clip-path: inset(50%) !important;
   max-width: 1px !important;
   max-height: 1px !important;
   overflow: hidden !important;

package/components/visually-hidden/style/dnb-visually-hidden.min.css

@@ -1 +1 @@
-.dnb-visually-hidden--focusable:not(:focus):not(:focus-within){-webkit-touch-callout:none!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;margin:0!important;max-height:1px!important;max-width:1px!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}
+.dnb-visually-hidden--focusable:not(:focus):not(:focus-within){-webkit-touch-callout:none!important;border:0!important;clip-path:inset(50%)!important;margin:0!important;max-height:1px!important;max-width:1px!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}

package/es/components/anchor/Anchor.d.ts

@@ -6,8 +6,15 @@ import React from 'react';
 import type { IconIcon } from '../icon/Icon';
 import type { SkeletonShow } from '../skeleton/Skeleton';
 import type { DynamicElement, SpacingProps } from '../../shared/types';
+type ReactRouterLink = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {
+    to: string | {
+        pathname?: string;
+        search?: string;
+        has?: string;
+    };
+};
 export type AnchorProps = {
-    element?: DynamicElement<HTMLAnchorElement | AnchorAllProps>;
+    element?: DynamicElement<HTMLAnchorElement | AnchorAllProps> | React.ForwardRefExoticComponent<ReactRouterLink & React.RefAttributes<HTMLAnchorElement>>;
     href?: string;
     to?: string;
     targetBlankTitle?: string;

package/es/components/anchor/Anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","names":["React","classnames","E","Context","makeUniqueId","extendPropsWithContext","getOffsetTop","IconPrimary","Tooltip","launch","launchIcon","defaultProps","AnchorInstance","localProps","context","useContext","allProps","skeleton","getTranslation","Anchor","inner_ref","innerRef","createRef","id","element","className","children","tooltip","icon","iconPosition","omitClass","targetBlankTitle","rest","_objectWithoutProperties","_excluded","attributes","internalId","as","href","to","_opensNewTab","opensNewTab","target","showLaunchIcon","includes","showTooltip","title","iconNode","getIcon","suffix","_IconPrimary","createElement","prefix","Fragment","_extends","showDelay","targetElement","forwardRef","props","ref","_supportsSpacingProps","scrollToHashHandler","event","_element$pathname","currentTarget","getAttribute","document","isSamePath","startsWith","window","location","pathname","replace","split","reverse","anchorElem","getElementById","HTMLElement","scrollPadding","parseFloat","getComputedStyle","documentElement","scrollPaddingTop","top","scroll","error","console","pickIcon","_icon$props","_icon$props2","_icon$props2$classNam","_icon$props3","cloneElement","key","test"],"sources":["../../../../src/components/anchor/Anchor.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps } from '../../elements/Element'\nimport Context from '../../shared/Context'\nimport {\n  makeUniqueId,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { getOffsetTop } from '../../shared/helpers'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport Tooltip from '../tooltip/Tooltip'\nimport { launch as launchIcon } from '../../icons'\nimport type { IconIcon } from '../icon/Icon'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport type { DynamicElement, SpacingProps } from '../../shared/types'\n\nexport type AnchorProps = {\n  element?: DynamicElement<HTMLAnchorElement | AnchorAllProps>\n  href?: string\n  to?: string\n  targetBlankTitle?: string\n  target?: string\n  tooltip?: React.ReactNode\n  icon?: IconIcon\n  iconPosition?: 'left' | 'right'\n  skeleton?: SkeletonShow\n  omitClass?: boolean\n  innerRef?: React.RefObject<HTMLAnchorElement>\n\n  /** @deprecated use innerRef instead */\n  inner_ref?: React.RefObject<HTMLAnchorElement>\n}\n\nexport type AnchorAllProps = AnchorProps &\n  Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'> &\n  SpacingProps\n\nconst defaultProps = {}\n\nexport function AnchorInstance(localProps: AnchorAllProps) {\n  const context = React.useContext(Context)\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    context?.getTranslation(localProps as AnchorAllProps).Anchor,\n    context?.Anchor\n  )\n\n  // deprecated: inner_ref is still needed to support Button's usage of Anchor\n  if (typeof allProps.inner_ref !== 'undefined') {\n    allProps.innerRef = allProps.inner_ref\n    delete allProps.inner_ref\n  }\n\n  if (!allProps.innerRef) {\n    allProps.innerRef = React.createRef()\n  }\n\n  const {\n    id,\n    element,\n    className,\n    children,\n    tooltip,\n    icon,\n    iconPosition = 'left',\n    omitClass,\n    innerRef,\n    targetBlankTitle,\n    ...rest\n  } = allProps\n\n  const attributes = rest as ElementProps\n  const internalId = id || 'id' + makeUniqueId()\n  const as = element || 'a'\n\n  const href = allProps.href || allProps.to\n  const _opensNewTab = opensNewTab(allProps.target, href)\n  const showLaunchIcon =\n    _opensNewTab &&\n    !className?.includes('dnb-anchor--no-icon') &&\n    !omitClass\n  const showTooltip = (tooltip || _opensNewTab) && !allProps.title\n\n  const iconNode = icon && getIcon(icon)\n\n  const suffix =\n    (iconPosition === 'right' && iconNode) ||\n    (showLaunchIcon && (\n      <IconPrimary className=\"dnb-anchor__launch-icon\" icon={launchIcon} />\n    ))\n\n  const prefix = iconPosition === 'left' && iconNode\n\n  return (\n    <>\n      <E\n        as={as}\n        id={id}\n        className={classnames(\n          omitClass !== true &&\n            classnames(\n              'dnb-anchor',\n              prefix && 'dnb-anchor--icon-left',\n              suffix && 'dnb-anchor--icon-right',\n              typeof children !== 'string' && 'dnb-anchor--was-node'\n            ),\n          className\n        )}\n        {...attributes}\n        innerRef={innerRef}\n      >\n        {prefix}\n        {children}\n        {suffix}\n      </E>\n\n      {showTooltip && (\n        <Tooltip\n          showDelay={100}\n          id={internalId + '-tooltip'}\n          targetElement={innerRef}\n          tooltip={tooltip}\n        >\n          {allProps.title || targetBlankTitle}\n        </Tooltip>\n      )}\n    </>\n  )\n}\n\nconst Anchor = React.forwardRef(\n  (props: AnchorAllProps, ref: React.RefObject<HTMLAnchorElement>) => {\n    return <AnchorInstance innerRef={ref} {...props} />\n  }\n)\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nAnchor._supportsSpacingProps = true\n\nexport default Anchor\n\nexport function scrollToHashHandler(\n  event: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n) {\n  const element = event.currentTarget as HTMLAnchorElement\n  const href = element.getAttribute('href')\n\n  if (typeof document === 'undefined' || !href.includes('#')) {\n    return // stop here\n  }\n\n  /**\n   * What happens here?\n   * When `scroll-behavior: smooth;` in CSS is set,\n   * Blink/Chromium wants the user to click two times in order to actually scroll to the anchor hash.\n   * The first click, sets the hash, the second one, scrolls to it.\n   * We want Chromium browsers to scroll to the element on the first click.\n   */\n  const isSamePath =\n    href.startsWith('#') ||\n    window.location.href.includes(element.pathname?.replace(/\\/$/, ''))\n\n  // Only continue, when we are sure we are on the same page,\n  // because, the same ID may exists occasionally on the current page.\n  if (isSamePath) {\n    const id = href.split(/#/g).reverse()[0]\n    const anchorElem = document.getElementById(id)\n\n    if (anchorElem instanceof HTMLElement) {\n      try {\n        const scrollPadding = parseFloat(\n          window.getComputedStyle(document.documentElement)\n            .scrollPaddingTop\n        )\n        const top = getOffsetTop(anchorElem) - scrollPadding || 0\n\n        window.scroll({ top })\n\n        return { element: anchorElem }\n      } catch (error) {\n        console.error(error)\n      }\n    }\n  }\n}\n\nfunction getIcon(icon) {\n  return pickIcon(icon) || <IconPrimary icon={icon} />\n}\n\nexport function pickIcon(icon, className?: string) {\n  return icon?.props?.icon || icon?.props?.className?.includes('dnb-icon')\n    ? React.cloneElement(icon, {\n        key: 'button-icon-clone',\n        className: classnames(icon.props?.className, className),\n      })\n    : null\n}\n\nexport const opensNewTab = (target: string, href: string): boolean =>\n  target === '_blank' && !/^(mailto|tel|sms)/.test(href)\n"],"mappings":"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"}
+{"version":3,"file":"Anchor.js","names":["React","classnames","E","Context","makeUniqueId","extendPropsWithContext","getOffsetTop","IconPrimary","Tooltip","launch","launchIcon","defaultProps","AnchorInstance","localProps","context","useContext","allProps","skeleton","getTranslation","Anchor","inner_ref","innerRef","createRef","id","element","className","children","tooltip","icon","iconPosition","omitClass","targetBlankTitle","rest","_objectWithoutProperties","_excluded","attributes","internalId","as","href","to","_opensNewTab","opensNewTab","target","showLaunchIcon","includes","showTooltip","title","iconNode","getIcon","suffix","_IconPrimary","createElement","prefix","Fragment","_extends","showDelay","targetElement","forwardRef","props","ref","_supportsSpacingProps","scrollToHashHandler","event","_element$pathname","currentTarget","getAttribute","document","isSamePath","startsWith","window","location","pathname","replace","split","reverse","anchorElem","getElementById","HTMLElement","scrollPadding","parseFloat","getComputedStyle","documentElement","scrollPaddingTop","top","scroll","error","console","pickIcon","_icon$props","_icon$props2","_icon$props2$classNam","_icon$props3","cloneElement","key","test"],"sources":["../../../../src/components/anchor/Anchor.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps } from '../../elements/Element'\nimport Context from '../../shared/Context'\nimport {\n  makeUniqueId,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { getOffsetTop } from '../../shared/helpers'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport Tooltip from '../tooltip/Tooltip'\nimport { launch as launchIcon } from '../../icons'\nimport type { IconIcon } from '../icon/Icon'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport type { DynamicElement, SpacingProps } from '../../shared/types'\n\n// Local type for react-router-dom link with only the necessary props. Done this way to prevent react-router-dom dependency.\ntype ReactRouterLink = Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  'href'\n> & {\n  to: string | { pathname?: string; search?: string; has?: string }\n}\n\nexport type AnchorProps = {\n  element?:\n    | DynamicElement<HTMLAnchorElement | AnchorAllProps>\n    | React.ForwardRefExoticComponent<\n        ReactRouterLink & React.RefAttributes<HTMLAnchorElement>\n      >\n  href?: string\n  to?: string\n  targetBlankTitle?: string\n  target?: string\n  tooltip?: React.ReactNode\n  icon?: IconIcon\n  iconPosition?: 'left' | 'right'\n  skeleton?: SkeletonShow\n  omitClass?: boolean\n  innerRef?: React.RefObject<HTMLAnchorElement>\n\n  /** @deprecated use innerRef instead */\n  inner_ref?: React.RefObject<HTMLAnchorElement>\n}\n\nexport type AnchorAllProps = AnchorProps &\n  Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'> &\n  SpacingProps\n\nconst defaultProps = {}\n\nexport function AnchorInstance(localProps: AnchorAllProps) {\n  const context = React.useContext(Context)\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    context?.getTranslation(localProps as AnchorAllProps).Anchor,\n    context?.Anchor\n  )\n\n  // deprecated: inner_ref is still needed to support Button's usage of Anchor\n  if (typeof allProps.inner_ref !== 'undefined') {\n    allProps.innerRef = allProps.inner_ref\n    delete allProps.inner_ref\n  }\n\n  if (!allProps.innerRef) {\n    allProps.innerRef = React.createRef()\n  }\n\n  const {\n    id,\n    element,\n    className,\n    children,\n    tooltip,\n    icon,\n    iconPosition = 'left',\n    omitClass,\n    innerRef,\n    targetBlankTitle,\n    ...rest\n  } = allProps\n\n  const attributes = rest as ElementProps\n  const internalId = id || 'id' + makeUniqueId()\n  const as = element || 'a'\n\n  const href = allProps.href || allProps.to\n  const _opensNewTab = opensNewTab(allProps.target, href)\n  const showLaunchIcon =\n    _opensNewTab &&\n    !className?.includes('dnb-anchor--no-icon') &&\n    !omitClass\n  const showTooltip = (tooltip || _opensNewTab) && !allProps.title\n\n  const iconNode = icon && getIcon(icon)\n\n  const suffix =\n    (iconPosition === 'right' && iconNode) ||\n    (showLaunchIcon && (\n      <IconPrimary className=\"dnb-anchor__launch-icon\" icon={launchIcon} />\n    ))\n\n  const prefix = iconPosition === 'left' && iconNode\n\n  return (\n    <>\n      <E\n        as={as}\n        id={id}\n        className={classnames(\n          omitClass !== true &&\n            classnames(\n              'dnb-anchor',\n              prefix && 'dnb-anchor--icon-left',\n              suffix && 'dnb-anchor--icon-right',\n              typeof children !== 'string' && 'dnb-anchor--was-node'\n            ),\n          className\n        )}\n        {...attributes}\n        innerRef={innerRef}\n      >\n        {prefix}\n        {children}\n        {suffix}\n      </E>\n\n      {showTooltip && (\n        <Tooltip\n          showDelay={100}\n          id={internalId + '-tooltip'}\n          targetElement={innerRef}\n          tooltip={tooltip}\n        >\n          {allProps.title || targetBlankTitle}\n        </Tooltip>\n      )}\n    </>\n  )\n}\n\nconst Anchor = React.forwardRef(\n  (props: AnchorAllProps, ref: React.RefObject<HTMLAnchorElement>) => {\n    return <AnchorInstance innerRef={ref} {...props} />\n  }\n)\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nAnchor._supportsSpacingProps = true\n\nexport default Anchor\n\nexport function scrollToHashHandler(\n  event: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n) {\n  const element = event.currentTarget as HTMLAnchorElement\n  const href = element.getAttribute('href')\n\n  if (typeof document === 'undefined' || !href.includes('#')) {\n    return // stop here\n  }\n\n  /**\n   * What happens here?\n   * When `scroll-behavior: smooth;` in CSS is set,\n   * Blink/Chromium wants the user to click two times in order to actually scroll to the anchor hash.\n   * The first click, sets the hash, the second one, scrolls to it.\n   * We want Chromium browsers to scroll to the element on the first click.\n   */\n  const isSamePath =\n    href.startsWith('#') ||\n    window.location.href.includes(element.pathname?.replace(/\\/$/, ''))\n\n  // Only continue, when we are sure we are on the same page,\n  // because, the same ID may exists occasionally on the current page.\n  if (isSamePath) {\n    const id = href.split(/#/g).reverse()[0]\n    const anchorElem = document.getElementById(id)\n\n    if (anchorElem instanceof HTMLElement) {\n      try {\n        const scrollPadding = parseFloat(\n          window.getComputedStyle(document.documentElement)\n            .scrollPaddingTop\n        )\n        const top = getOffsetTop(anchorElem) - scrollPadding || 0\n\n        window.scroll({ top })\n\n        return { element: anchorElem }\n      } catch (error) {\n        console.error(error)\n      }\n    }\n  }\n}\n\nfunction getIcon(icon) {\n  return pickIcon(icon) || <IconPrimary icon={icon} />\n}\n\nexport function pickIcon(icon, className?: string) {\n  return icon?.props?.icon || icon?.props?.className?.includes('dnb-icon')\n    ? React.cloneElement(icon, {\n        key: 'button-icon-clone',\n        className: classnames(icon.props?.className, className),\n      })\n    : null\n}\n\nexport const opensNewTab = (target: string, href: string): boolean =>\n  target === '_blank' && !/^(mailto|tel|sms)/.test(href)\n"],"mappings":"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"}

package/es/components/card/Card.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["className", "stack", "direction", "spacing", "innerSpace", "alignSelf", "divider", "rowGap", "responsive", "filled", "title", "children"];
+const _excluded = ["className", "stack", "direction", "gap", "spacing", "innerSpace", "alignSelf", "divider", "rowGap", "responsive", "filled", "title", "children"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
@@ -16,6 +16,7 @@ function Card(props) {
       className,
       stack,
       direction,
+      gap,
       spacing,
       innerSpace,
       alignSelf = 'stretch',
@@ -69,7 +70,7 @@ function Card(props) {
     divider: divider,
     alignSelf: alignSelf,
     wrap: !stack,
-    spacing: stack ? 'medium' : spacing || false,
+    gap: stack ? 'medium' : (gap !== null && gap !== void 0 ? gap : spacing) || false,
     rowGap: rowGap || false
   }, title && React.createElement(Space, {
     id: titleId,

package/es/components/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["React","classnames","Flex","SectionParams","combineLabelledBy","useId","Space","Card","props","className","stack","direction","spacing","innerSpace","alignSelf","divider","rowGap","responsive","filled","title","children","rest","_objectWithoutProperties","_excluded","titleId","falseWhenSmall","small","medium","large","trueWhenSmall","basisSpace","top","right","bottom","left","smallSpace","_objectSpread","params","breakout","roundedCorner","outline","createElement","Item","_extends","element","Container","wrap","id","_supportsSpacingProps"],"sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Flex from '../flex/Flex'\nimport { SectionParams, SectionProps } from '../section/Section'\nimport { combineLabelledBy } from '../../shared/component-helper'\nimport useId from '../../shared/helpers/useId'\n\nimport type { BasicProps as FlexContainerProps } from '../flex/Container'\nimport type { BasicProps as FlexItemProps } from '../flex/Item'\nimport type { SpaceTypeMedia } from '../../shared/types'\nimport type { SpaceProps } from '../Space'\nimport Space from '../Space'\n\nexport type Props = {\n  /**\n   * Define a title that appears on top of the Card\n   */\n  title?: React.ReactNode\n\n  /**\n   * Define if the Card should behave responsive. Defaults to `true`\n   */\n  responsive?: boolean\n\n  /**\n   * Define if the Card should get the same background color as the outline border\n   */\n  filled?: boolean\n} & FlexContainerProps &\n  FlexItemProps & {\n    stack?: boolean\n  } & SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'size'>\n\nfunction Card(props: Props) {\n  const {\n    className,\n    stack,\n    direction,\n    spacing,\n    innerSpace,\n    alignSelf = 'stretch',\n    divider = 'space',\n    rowGap,\n    responsive = true,\n    filled,\n    title,\n    children,\n    ...rest\n  } = props\n\n  const titleId = useId()\n  const falseWhenSmall = { small: false, medium: true, large: true }\n  const trueWhenSmall = { small: true, medium: false, large: false }\n  const basisSpace = {\n    top: 'medium',\n    right: 'medium',\n    bottom: 'large',\n    left: 'medium',\n  }\n  const smallSpace = responsive\n    ? {\n        ...basisSpace,\n        right: 0,\n        left: 0,\n      }\n    : basisSpace\n\n  const params = SectionParams({\n    className: classnames(\n      'dnb-card',\n      className,\n      responsive && 'dnb-card--responsive',\n      filled && 'dnb-card--filled'\n    ),\n    breakout: responsive ? trueWhenSmall : false,\n    roundedCorner: responsive ? falseWhenSmall : true,\n    outline: true,\n    innerSpace:\n      innerSpace ??\n      ({\n        small: smallSpace,\n        medium: basisSpace,\n        large: basisSpace,\n      } as SpaceTypeMedia),\n    ...(rest as SectionProps),\n    'aria-labelledby': combineLabelledBy(rest, title && titleId),\n  })\n\n  return (\n    <Flex.Item alignSelf={alignSelf} element=\"section\" {...params}>\n      <Flex.Container\n        direction={direction ?? 'vertical'}\n        divider={divider}\n        alignSelf={alignSelf}\n        wrap={!stack}\n        spacing={stack ? 'medium' : spacing || false}\n        rowGap={rowGap || false}\n      >\n        {title && (\n          <Space id={titleId} className=\"dnb-card__title\">\n            {title}\n          </Space>\n        )}\n        {children}\n      </Flex.Container>\n    </Flex.Item>\n  )\n}\n\nCard._supportsSpacingProps = true\n\nexport default Card\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,cAAc;AAC/B,SAASC,aAAa,QAAsB,oBAAoB;AAChE,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,OAAOC,KAAK,MAAM,4BAA4B;AAM9C,OAAOC,KAAK,MAAM,UAAU;AAuB5B,SAASC,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;MACJC,SAAS;MACTC,KAAK;MACLC,SAAS;MACTC,OAAO;MACPC,UAAU;MACVC,SAAS,GAAG,SAAS;MACrBC,OAAO,GAAG,OAAO;MACjBC,MAAM;MACNC,UAAU,GAAG,IAAI;MACjBC,MAAM;MACNC,KAAK;MACLC;IAEF,CAAC,GAAGZ,KAAK;IADJa,IAAI,GAAAC,wBAAA,CACLd,KAAK,EAAAe,SAAA;EAET,MAAMC,OAAO,GAAGnB,KAAK,CAAC,CAAC;EACvB,MAAMoB,cAAc,GAAG;IAAEC,KAAK,EAAE,KAAK;IAAEC,MAAM,EAAE,IAAI;IAAEC,KAAK,EAAE;EAAK,CAAC;EAClE,MAAMC,aAAa,GAAG;IAAEH,KAAK,EAAE,IAAI;IAAEC,MAAM,EAAE,KAAK;IAAEC,KAAK,EAAE;EAAM,CAAC;EAClE,MAAME,UAAU,GAAG;IACjBC,GAAG,EAAE,QAAQ;IACbC,KAAK,EAAE,QAAQ;IACfC,MAAM,EAAE,OAAO;IACfC,IAAI,EAAE;EACR,CAAC;EACD,MAAMC,UAAU,GAAGlB,UAAU,GAAAmB,aAAA,CAAAA,aAAA,KAEpBN,UAAU;IACbE,KAAK,EAAE,CAAC;IACRE,IAAI,EAAE;EAAC,KAETJ,UAAU;EAEd,MAAMO,MAAM,GAAGlC,aAAa,CAAAiC,aAAA,CAAAA,aAAA;IAC1B3B,SAAS,EAAER,UAAU,CACnB,UAAU,EACVQ,SAAS,EACTQ,UAAU,IAAI,sBAAsB,EACpCC,MAAM,IAAI,kBACZ,CAAC;IACDoB,QAAQ,EAAErB,UAAU,GAAGY,aAAa,GAAG,KAAK;IAC5CU,aAAa,EAAEtB,UAAU,GAAGQ,cAAc,GAAG,IAAI;IACjDe,OAAO,EAAE,IAAI;IACb3B,UAAU,EACRA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GACT;MACCa,KAAK,EAAES,UAAU;MACjBR,MAAM,EAAEG,UAAU;MAClBF,KAAK,EAAEE;IACT;EAAoB,GAClBT,IAAI;IACR,iBAAiB,EAAEjB,iBAAiB,CAACiB,IAAI,EAAEF,KAAK,IAAIK,OAAO;EAAC,EAC7D,CAAC;EAEF,OACExB,KAAA,CAAAyC,aAAA,CAACvC,IAAI,CAACwC,IAAI,EAAAC,QAAA;IAAC7B,SAAS,EAAEA,SAAU;IAAC8B,OAAO,EAAC;EAAS,GAAKP,MAAM,GAC3DrC,KAAA,CAAAyC,aAAA,CAACvC,IAAI,CAAC2C,SAAS;IACblC,SAAS,EAAEA,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,UAAW;IACnCI,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAU;IACrBgC,IAAI,EAAE,CAACpC,KAAM;IACbE,OAAO,EAAEF,KAAK,GAAG,QAAQ,GAAGE,OAAO,IAAI,KAAM;IAC7CI,MAAM,EAAEA,MAAM,IAAI;EAAM,GAEvBG,KAAK,IACJnB,KAAA,CAAAyC,aAAA,CAACnC,KAAK;IAACyC,EAAE,EAAEvB,OAAQ;IAACf,SAAS,EAAC;EAAiB,GAC5CU,KACI,CACR,EACAC,QACa,CACP,CAAC;AAEhB;AAEAb,IAAI,CAACyC,qBAAqB,GAAG,IAAI;AAEjC,eAAezC,IAAI"}
+{"version":3,"file":"Card.js","names":["React","classnames","Flex","SectionParams","combineLabelledBy","useId","Space","Card","props","className","stack","direction","gap","spacing","innerSpace","alignSelf","divider","rowGap","responsive","filled","title","children","rest","_objectWithoutProperties","_excluded","titleId","falseWhenSmall","small","medium","large","trueWhenSmall","basisSpace","top","right","bottom","left","smallSpace","_objectSpread","params","breakout","roundedCorner","outline","createElement","Item","_extends","element","Container","wrap","id","_supportsSpacingProps"],"sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Flex from '../flex/Flex'\nimport { SectionParams, SectionProps } from '../section/Section'\nimport { combineLabelledBy } from '../../shared/component-helper'\nimport useId from '../../shared/helpers/useId'\n\nimport type { BasicProps as FlexContainerProps } from '../flex/Container'\nimport type { BasicProps as FlexItemProps } from '../flex/Item'\nimport type { SpaceTypeMedia } from '../../shared/types'\nimport type { SpaceProps } from '../Space'\nimport Space from '../Space'\n\nexport type Props = {\n  /**\n   * Define a title that appears on top of the Card\n   */\n  title?: React.ReactNode\n\n  /**\n   * Define if the Card should behave responsive. Defaults to `true`\n   */\n  responsive?: boolean\n\n  /**\n   * Define if the Card should get the same background color as the outline border\n   */\n  filled?: boolean\n} & FlexContainerProps &\n  FlexItemProps & {\n    stack?: boolean\n  } & SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'size'>\n\nfunction Card(props: Props) {\n  const {\n    className,\n    stack,\n    direction,\n    gap,\n    spacing,\n    innerSpace,\n    alignSelf = 'stretch',\n    divider = 'space',\n    rowGap,\n    responsive = true,\n    filled,\n    title,\n    children,\n    ...rest\n  } = props\n\n  const titleId = useId()\n  const falseWhenSmall = { small: false, medium: true, large: true }\n  const trueWhenSmall = { small: true, medium: false, large: false }\n  const basisSpace = {\n    top: 'medium',\n    right: 'medium',\n    bottom: 'large',\n    left: 'medium',\n  }\n  const smallSpace = responsive\n    ? {\n        ...basisSpace,\n        right: 0,\n        left: 0,\n      }\n    : basisSpace\n\n  const params = SectionParams({\n    className: classnames(\n      'dnb-card',\n      className,\n      responsive && 'dnb-card--responsive',\n      filled && 'dnb-card--filled'\n    ),\n    breakout: responsive ? trueWhenSmall : false,\n    roundedCorner: responsive ? falseWhenSmall : true,\n    outline: true,\n    innerSpace:\n      innerSpace ??\n      ({\n        small: smallSpace,\n        medium: basisSpace,\n        large: basisSpace,\n      } as SpaceTypeMedia),\n    ...(rest as SectionProps),\n    'aria-labelledby': combineLabelledBy(rest, title && titleId),\n  })\n\n  return (\n    <Flex.Item alignSelf={alignSelf} element=\"section\" {...params}>\n      <Flex.Container\n        direction={direction ?? 'vertical'}\n        divider={divider}\n        alignSelf={alignSelf}\n        wrap={!stack}\n        gap={stack ? 'medium' : (gap ?? spacing) || false}\n        rowGap={rowGap || false}\n      >\n        {title && (\n          <Space id={titleId} className=\"dnb-card__title\">\n            {title}\n          </Space>\n        )}\n        {children}\n      </Flex.Container>\n    </Flex.Item>\n  )\n}\n\nCard._supportsSpacingProps = true\n\nexport default Card\n"],"mappings":"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"}

package/es/components/card/style/dnb-card.css

@@ -59,8 +59,7 @@
   flex-wrap: nowrap;
 }
 .dnb-card--filled .dnb-scroll-view {
-  -webkit-clip-path: inset(0 0 0 0 round var(--rounded-corner) var(--rounded-corner) var(--rounded-corner) var(--rounded-corner));
-          clip-path: inset(0 0 0 0 round var(--rounded-corner) var(--rounded-corner) var(--rounded-corner) var(--rounded-corner));
+  clip-path: inset(0 0 0 0 round var(--rounded-corner) var(--rounded-corner) var(--rounded-corner) var(--rounded-corner));
 }
 .dnb-card > .dnb-flex-container > .dnb-space:has(> .dnb-scroll-view) {
   width: 100%;