@dnb/eufemia 9.42.0 → 9.44.0

package/es/components/button/Button.js

@@ -225,6 +225,7 @@ process.env.NODE_ENV !== "production" ? Button.propTypes = _objectSpread(_object
   id: PropTypes.string,
   class: PropTypes.string,
   href: PropTypes.string,
+  target: PropTypes.string,
   to: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]),
   custom_content: PropTypes.node,
   wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
@@ -252,6 +253,7 @@ Button.defaultProps = {
   icon_position: 'right',
   icon_size: null,
   href: null,
+  target: null,
   to: null,
   id: null,
   class: null,

package/es/components/table/TableAccordion.d.ts

@@ -1,10 +1,13 @@
 /// <reference types="react" />
-export declare function useTableAccordion({ children, className, props, expanded, disabled, noAnimation, }: {
+export declare function useTableAccordion({ children, className, props, expanded, disabled, noAnimation, onClick, onOpened, onClosed, }: {
     children: any;
     className: any;
     props: any;
     expanded: any;
     disabled: any;
     noAnimation: any;
+    onClick: any;
+    onOpened: any;
+    onClosed: any;
 }): JSX.Element;
 export declare function TableAccordionToggleButton(): JSX.Element;

package/es/components/table/TableAccordion.js

@@ -18,7 +18,10 @@ export function useTableAccordion({
   props,
   expanded,
   disabled,
-  noAnimation
+  noAnimation,
+  onClick,
+  onOpened,
+  onClosed
 }) {
   var _tableContext$allProp, _tableContext$allProp2;
 
@@ -97,7 +100,9 @@ export function useTableAccordion({
       trIsOpen,
       noAnimation,
       countTds,
-      hasAccordionContent
+      hasAccordionContent,
+      onOpened,
+      onClosed
     }
   }, React.createElement("tr", _extends({
     tabIndex: accordionContent && !disabled ? 0 : undefined,
@@ -135,6 +140,7 @@ export function useTableAccordion({
     if (document.activeElement !== target && target.tagName !== 'INPUT' && !hasSelectedText()) {
       setOpen(!trIsOpen);
       setHadClick(true);
+      onClick === null || onClick === void 0 ? void 0 : onClick(event);
     }
   }
 }

package/es/components/table/TableAccordionContent.js

@@ -21,6 +21,7 @@ export default function TableAccordionContent(componentProps) {
   const allProps = (_React$useContext = React.useContext(TableContext)) === null || _React$useContext === void 0 ? void 0 : _React$useContext.allProps;
   const trContext = React.useContext(TrContext);
   const innerRef = React.useRef(null);
+  const trRef = React.useRef(null);
   const [ariaLive, setAriaLive] = React.useState(null);
   const {
     isInDOM,
@@ -29,14 +30,34 @@ export default function TableAccordionContent(componentProps) {
   } = useHeightAnimation(innerRef, {
     open: Boolean(expanded || (trContext === null || trContext === void 0 ? void 0 : trContext.trIsOpen)),
     animate: Boolean(!noAnimation && !(trContext !== null && trContext !== void 0 && trContext.noAnimation)),
-    onOpen: state => setAriaLive(state ? true : null)
+    onOpen: state => {
+      setAriaLive(state ? true : null);
+    },
+    onAnimationEnd: state => {
+      var _trContext$onOpened, _trContext$onClosed;
+
+      const event = {
+        target: trRef.current
+      };
+
+      switch (state) {
+        case 'opened':
+          (_trContext$onOpened = trContext.onOpened) === null || _trContext$onOpened === void 0 ? void 0 : _trContext$onOpened.call(trContext, event);
+          break;
+
+        case 'closed':
+          (_trContext$onClosed = trContext.onClosed) === null || _trContext$onClosed === void 0 ? void 0 : _trContext$onClosed.call(trContext, event);
+          break;
+      }
+    }
   });
   const countTds = (trContext === null || trContext === void 0 ? void 0 : trContext.countTds) || colSpan;
   return React.createElement("tr", _extends({
     "aria-hidden": !isInDOM,
     hidden: isInDOM ? undefined : true,
     role: isInDOM ? 'row' : undefined,
-    className: classnames('dnb-table__tr__accordion_content', className, isInDOM && "dnb-table__tr dnb-table__tr__accordion_content--expanded", isAnimating && 'dnb-table__tr__accordion_content--animating', isVisibleParallax && 'dnb-table__tr__accordion_content--parallax')
+    className: classnames('dnb-table__tr__accordion_content', className, isInDOM && "dnb-table__tr dnb-table__tr__accordion_content--expanded", isAnimating && 'dnb-table__tr__accordion_content--animating', isVisibleParallax && 'dnb-table__tr__accordion_content--parallax'),
+    ref: trRef
   }, props), React.createElement("td", {
     role: isInDOM ? 'cell' : undefined,
     colSpan: countTds,

package/es/components/table/TableTr.d.ts

@@ -12,19 +12,37 @@ export declare type TableTrProps = {
     noWrap?: boolean;
     /**
      * Set true to render the tr initially as expanded
+     * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
      * Default: false
      */
     expanded?: boolean;
     /**
      * Set true to disable the tr to be accessible as an interactive element
+     * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
      * Default: false
      */
     disabled?: boolean;
     /**
      * Set to true to skip animation
+     * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
      * Default: false
      */
     noAnimation?: boolean;
+    /**
+     * Will emit when user clicks/expands the table row
+     * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
+     */
+    onClick?: (event?: React.SyntheticEvent) => void;
+    /**
+     * Will emit when table row is expanded
+     * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
+     */
+    onOpened?: (event?: React.SyntheticEvent) => void;
+    /**
+     * Will emit when table row is closed (after it was open)
+     * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
+     */
+    onClosed?: (event?: React.SyntheticEvent) => void;
     /**
      * The content of the component.
      */

package/es/components/table/TableTr.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["variant", "noWrap", "expanded", "disabled", "noAnimation", "children", "className"];
+const _excluded = ["variant", "noWrap", "expanded", "disabled", "noAnimation", "onClick", "onOpened", "onClosed", "children", "className"];
 import React from 'react';
 import classnames from 'classnames';
 import { useTableAccordion } from './TableAccordion';
@@ -12,6 +12,9 @@ export default function Tr(componentProps) {
     expanded,
     disabled,
     noAnimation,
+    onClick,
+    onOpened,
+    onClosed,
     children,
     className: _className
   } = componentProps,
@@ -29,7 +32,10 @@ export default function Tr(componentProps) {
     props,
     expanded,
     disabled,
-    noAnimation
+    noAnimation,
+    onClick,
+    onOpened,
+    onClosed
   });
 
   if (accordionTr) {

package/es/components/table/index.d.ts

@@ -1,4 +1,3 @@
-export { useHandleSortState } from "./useHandleSortState";
 export default Table;
 export * from "./Table";
 import Table from "./Table";

package/es/components/table/index.js

@@ -1,4 +1,3 @@
 import Table from './Table';
-export { useHandleSortState } from './useHandleSortState';
 export default Table;
 export * from './Table';

package/es/components/table/style/_table-accordion.scss

@@ -197,7 +197,14 @@
     }
 
     td {
-      width: 100%;
+      width: calc(100% - 3.5rem);
+
+      .dnb-table__size--medium & {
+        width: calc(100% - 3rem);
+      }
+      .dnb-table__size--small & {
+        width: calc(100% - 2.5rem);
+      }
     }
 
     td::before {
@@ -243,7 +250,6 @@
       }
     }
 
-    > td,
     > td.dnb-table__td {
       padding: 0;
 
@@ -253,7 +259,6 @@
       }
     }
 
-    &--expanded > td,
     &--expanded > td.dnb-table__td {
       background-color: var(--color-white);
     }
@@ -274,7 +279,7 @@
     cursor: pointer;
   }
   // prevent selection while animating – useful when user double-clicks
-  // TODO: Our SASS version doe sot support :has – so we may use this in future
+  // TODO: Our SASS version does not support :has – so we may use this in future
   // &__tr--has-accordion-content:has(& + &__tr__accordion_content--animating) {
   //   user-select: none;
   // }

package/es/components/table/style/_table-container.scss

@@ -49,13 +49,33 @@
     }
   }
   &__foot {
-    padding: 1rem 1rem 1.5rem;
+    padding: 1rem;
+    padding-bottom: 1.25rem; // because of 8px scrollbar
 
     &--empty {
-      padding: 0 0 1rem;
+      padding-bottom: 1.5rem;
     }
   }
 
+  .dnb-table__scroll-view {
+    // Clip the native Scrollbar as per defined by UX
+    clip-path: inset(0 round 0 0 0.5rem 0.5rem);
+  }
+
+  // Ensure our outline on bottom is not overlaying the scrollbar on webkit
+  // We also need to escape the "selector" because its not supported by "node-sass".
+  @supports (-webkit-appearance: none) and
+    (not (-moz-appearance: meterbar)) {
+    &::after {
+      bottom: calc(var(--outline-width) * -1);
+    }
+
+    // TODO: Our SASS version c support :has – so we may use this in future
+    // &:has(#{&}__foot--empty)::after {
+    //   bottom: 0;
+    // }
+  }
+
   // When placed inside a Modal/Drawer, let the parent scroll-bar do its job.
   .dnb-modal__content & .dnb-table__scroll-view {
     overflow: visible;

package/es/components/table/style/_table-header-buttons.scss

@@ -198,4 +198,8 @@
       margin-left: 0.5rem;
     }
   }
+
+  & > thead > &--no-wrap &__sort-button {
+    white-space: nowrap;
+  }
 }

package/es/components/table/style/_table-sticky.scss

@@ -12,18 +12,14 @@
     height: 0;
   }
 
-  // Target th because of Safari transparent issue
-  tr.sticky:not(.css-position) th {
-    position: relative;
-    z-index: 3; // over borders and TDs
+  tr.sticky {
+    position: sticky;
+    z-index: 4; // over borders and TDs
 
-    will-change: transform;
     transform: translate3d(0, var(--table-offset, 0), 0);
   }
 
   tr.sticky.css-position {
-    position: sticky;
-    z-index: 3; // over borders and TDs
     top: var(--table-top, 0); // is set by "stickyOffset" prop
   }
 

package/es/components/table/style/_table-tr.scss

@@ -25,7 +25,8 @@
     tbody
     &__tr#{&}__tr--has-accordion-content:not(#{&}__tr--expanded):nth-last-child(2) {
     // use clip-path, because border-radius does not clip on tr's
-    clip-path: inset(0 round 0.5rem 0.5rem 0 0);
+    // use "-1rem" to add room for sticky shadow
+    clip-path: inset(0 0 -1rem 0 round 0.5rem 0.5rem 0 0);
   }
   &--outline tbody &__tr:last-of-type,
   &--outline

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

@@ -374,6 +374,8 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
   .dnb-table .dnb-table__th .dnb-table__help-button,
   .dnb-table > thead > tr > th .dnb-table__help-button {
     margin-left: 0.5rem; }
+  .dnb-table > thead > .dnb-table--no-wrap .dnb-table__sort-button {
+    white-space: nowrap; }
 
 /*
 * Table component
@@ -567,8 +569,8 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
 .dnb-table--outline thead .dnb-table__tr:first-of-type,
 .dnb-table--outline tbody
 .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) {
-  -webkit-clip-path: inset(0 round 0.5rem 0.5rem 0 0);
-          clip-path: inset(0 round 0.5rem 0.5rem 0 0); }
+  -webkit-clip-path: inset(0 0 -1rem 0 round 0.5rem 0.5rem 0 0);
+          clip-path: inset(0 0 -1rem 0 round 0.5rem 0.5rem 0 0); }
 
 .dnb-table--outline tbody .dnb-table__tr:last-of-type,
 .dnb-table--outline tbody
@@ -598,18 +600,15 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
   padding: 0 !important;
   height: 0; }
 
-.dnb-table tr.sticky:not(.css-position) th {
-  position: relative;
-  z-index: 3;
-  will-change: transform;
+.dnb-table tr.sticky {
+  position: sticky;
+  z-index: 4;
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, var(--table-offset, 0), 0);
           transform: translate3d(0, var(--table-offset, 0), 0); }
 
 .dnb-table tr.sticky.css-position {
-  position: sticky;
-  z-index: 3;
   top: 0;
   top: var(--table-top, 0); }
 
@@ -665,9 +664,17 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
     .dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*='space__top']) {
       margin: 0; }
   .dnb-table__container__foot {
-    padding: 1rem 1rem 1.5rem; }
+    padding: 1rem;
+    padding-bottom: 1.25rem; }
     .dnb-table__container__foot--empty {
-      padding: 0 0 1rem; }
+      padding-bottom: 1.5rem; }
+  .dnb-table__container .dnb-table__scroll-view {
+    -webkit-clip-path: inset(0 round 0 0 0.5rem 0.5rem);
+            clip-path: inset(0 round 0 0 0.5rem 0.5rem); }
+  @supports (-webkit-appearance: none) and (not (-moz-appearance: meterbar)) {
+    .dnb-table__container::after {
+      bottom: calc(var(--outline-width)*-1);
+      bottom: calc(var(--outline-width) * -1); } }
   .dnb-modal__content .dnb-table__container .dnb-table__scroll-view {
     overflow: visible; }
 
@@ -853,7 +860,11 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
           */
       display: block; } }
   .dnb-table__tr__accordion_content td {
-    width: 100%; }
+    width: calc(100% - 3.5rem); }
+    .dnb-table__size--medium .dnb-table__tr__accordion_content td {
+      width: calc(100% - 3rem); }
+    .dnb-table__size--small .dnb-table__tr__accordion_content td {
+      width: calc(100% - 2.5rem); }
   .dnb-table__tr__accordion_content td::before {
     content: '';
     position: absolute;
@@ -893,15 +904,11 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
   .dnb-table__tr__accordion_content--parallax .dnb-table__tr__accordion_content__inner__spacing {
     -webkit-transform: translateY(0);
             transform: translateY(0); }
-  .dnb-table__tr__accordion_content > td,
   .dnb-table__tr__accordion_content > td.dnb-table__td {
     padding: 0; }
-    .dnb-table__tr__accordion_content > td .dnb-dl,
-    .dnb-table__tr__accordion_content > td .dnb-dl dt,
     .dnb-table__tr__accordion_content > td.dnb-table__td .dnb-dl,
     .dnb-table__tr__accordion_content > td.dnb-table__td .dnb-dl dt {
       margin: 0; }
-  .dnb-table__tr__accordion_content--expanded > td,
   .dnb-table__tr__accordion_content--expanded > td.dnb-table__td {
     background-color: #fff;
     background-color: var(--color-white); }

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

@@ -1,11 +1,11 @@
 .dnb-table{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-table *,.dnb-table :after,.dnb-table :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-table :after,.dnb-table :before{text-decoration:inherit;vertical-align:inherit}.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{caption-side:bottom;font-size:1.125rem;font-size:var(--font-size-basis);margin-top:.5rem}.dnb-table.dnb-skeleton>*{-webkit-text-fill-color:#ebebeb;-webkit-text-fill-color:var(--skeleton-color)}.dnb-table .dnb-table__th.dnb-table--sortable,.dnb-table>thead>tr>th.dnb-table--sortable{color:#007272;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{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-shadow:none;box-shadow:none;color:inherit;font-size:inherit;font-weight:500;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;-webkit-transition:opacity .2s ease-out,-webkit-transform .5s ease-out;transition:opacity .2s ease-out,-webkit-transform .5s ease-out;transition:opacity .2s ease-out,transform .5s ease-out;transition:opacity .2s ease-out,transform .5s ease-out,-webkit-transform .5s ease-out}[data-visual-test-wrapper] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,[data-visual-test-wrapper] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{-webkit-transition:none;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:1rem}.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{-ms-flex-item-align:end;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:#007272;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:#007272;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:#007272;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(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){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{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.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(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){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{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.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{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;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__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:#007272;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{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;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__th__horizontal{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-table--outline thead .dnb-table__th:after{border-top:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline thead .dnb-table__th:first-of-type:after{border-left:var(--outline)}.dnb-table--outline thead .dnb-table__th:last-of-type:after{border-right:var(--outline)}.dnb-table--outline tbody .dnb-table__th:first-of-type:after{border-left:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th:after{border-bottom:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th:first-of-type:after{border-radius:0 0 0 .5rem}.dnb-table--border tbody .dnb-table__td:after{border:var(--border);border-bottom:none;border-right:none;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--border tbody .dnb-table__td:first-of-type:after{border-left:none}.dnb-table:not(.dnb-table--outline) tbody .dnb-table__tr:last-of-type .dnb-table__td:after{border-bottom:var(--border)}.dnb-table--outline tbody .dnb-table__td:first-of-type:after,.dnb-table--outline tbody .dnb-table__td:last-of-type:after{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__td:first-of-type:after{border-left:var(--outline)}.dnb-table--outline tbody .dnb-table__td:last-of-type:after{border-right:var(--outline)}.dnb-table--outline tbody .dnb-table__td,.dnb-table--outline tbody .dnb-table__td:after,.dnb-table--outline tbody .dnb-table__td:before{-webkit-transition:border-radius .4s cubic-bezier(.42,0,0,1);transition:border-radius .4s cubic-bezier(.42,0,0,1);-webkit-transition:border-radius .4s var(--easing-default);transition:border-radius .4s var(--easing-default)}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:after{border-bottom:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline thead .dnb-table__th:first-of-type,.dnb-table--outline thead .dnb-table__th:first-of-type:after{border-radius:.5rem 0 0 0}.dnb-table--outline thead .dnb-table__th:last-of-type,.dnb-table--outline thead .dnb-table__th:last-of-type:after{border-radius:0 .5rem 0 0}.dnb-table--outline tbody
+.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{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;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{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-table--outline thead .dnb-table__th:after{border-top:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline thead .dnb-table__th:first-of-type:after{border-left:var(--outline)}.dnb-table--outline thead .dnb-table__th:last-of-type:after{border-right:var(--outline)}.dnb-table--outline tbody .dnb-table__th:first-of-type:after{border-left:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th:after{border-bottom:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th:first-of-type:after{border-radius:0 0 0 .5rem}.dnb-table--border tbody .dnb-table__td:after{border:var(--border);border-bottom:none;border-right:none;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--border tbody .dnb-table__td:first-of-type:after{border-left:none}.dnb-table:not(.dnb-table--outline) tbody .dnb-table__tr:last-of-type .dnb-table__td:after{border-bottom:var(--border)}.dnb-table--outline tbody .dnb-table__td:first-of-type:after,.dnb-table--outline tbody .dnb-table__td:last-of-type:after{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline tbody .dnb-table__td:first-of-type:after{border-left:var(--outline)}.dnb-table--outline tbody .dnb-table__td:last-of-type:after{border-right:var(--outline)}.dnb-table--outline tbody .dnb-table__td,.dnb-table--outline tbody .dnb-table__td:after,.dnb-table--outline tbody .dnb-table__td:before{-webkit-transition:border-radius .4s cubic-bezier(.42,0,0,1);transition:border-radius .4s cubic-bezier(.42,0,0,1);-webkit-transition:border-radius .4s var(--easing-default);transition:border-radius .4s var(--easing-default)}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:after{border-bottom:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline thead .dnb-table__th:first-of-type,.dnb-table--outline thead .dnb-table__th:first-of-type:after{border-radius:.5rem 0 0 0}.dnb-table--outline thead .dnb-table__th:last-of-type,.dnb-table--outline thead .dnb-table__th:last-of-type:after{border-radius:0 .5rem 0 0}.dnb-table--outline tbody
 .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type,.dnb-table--outline tbody
 .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type:after,.dnb-table--outline tbody
 .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type:before,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:first-of-type,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:first-of-type:after,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:first-of-type:before{border-radius:0 0 0 .5rem}.dnb-table--outline tbody
 .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type,.dnb-table--outline tbody
 .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type:after,.dnb-table--outline tbody
 .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type:before,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type:after,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type:before{border-radius:0 0 .5rem 0}.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td,.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td:after,.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td:before{border-radius:0 0 .5rem .5rem}.dnb-table--outline tbody .dnb-table__tr .dnb-table__th~.dnb-table__td:first-of-type:first-of-type:after{border-left:none}.dnb-table--border tbody .dnb-table__tr .dnb-table__th~.dnb-table__td:first-of-type:first-of-type:after{border-left:var(--border)}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th~.dnb-table__td:first-of-type,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th~.dnb-table__td:first-of-type:after,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th~.dnb-table__td:first-of-type:before{border-radius:0 0 0 0}.dnb-table__td--no-spacing,.dnb-table td.dnb-table__td--no-spacing{padding:0}.dnb-table__td--spacing-horizontal,.dnb-table td.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:#f8f8f8;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:#fff;background-color:var(--color-white)}.dnb-table--outline tbody
-.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline thead .dnb-table__tr:first-of-type{-webkit-clip-path:inset(0 round .5rem .5rem 0 0);clip-path:inset(0 round .5rem .5rem 0 0)}.dnb-table--outline tbody
-.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline tbody .dnb-table__tr:last-of-type{-webkit-clip-path:inset(0 round 0 0 .5rem .5rem);clip-path:inset(0 round 0 0 .5rem .5rem)}.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table__td,.dnb-table__th{border-spacing:0;position:relative;word-break:keep-all}.dnb-table__sticky-helper>td{display:block;height:0;overflow:hidden;padding:0!important}.dnb-table tr.sticky:not(.css-position) th{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0,var(--table-offset,0),0);transform:translate3d(0,var(--table-offset,0),0);will-change:transform;z-index:3}.dnb-table tr.sticky.css-position{position:sticky;top:0;top:var(--table-top,0);z-index:3}.dnb-table tr.sticky.is-sticky th:before{bottom:0;-webkit-box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);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(--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:.5rem}.dnb-table__container,.dnb-table__container__body,.dnb-table__container__foot,.dnb-table__container__head{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.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__head{padding:2rem 1rem 0}.dnb-table__container__head--empty{padding:.5rem 0 0}.dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*=space__top]){margin:0}.dnb-table__container__foot{padding:1rem 1rem 1.5rem}.dnb-table__container__foot--empty{padding:0 0 1rem}.dnb-modal__content .dnb-table__container .dnb-table__scroll-view{overflow:visible}.dnb-table,.dnb-table--left{text-align:left}.dnb-table--right{text-align:right}.dnb-table--center{text-align:center}.dnb-table--small,.dnb-table--small>tbody>tr>td,.dnb-table--small>thead>tr>th,.dnb-table--small>tr>td,.dnb-table--small>tr>th,.dnb-table>tbody>tr.dnb-table--small>td,.dnb-table>tbody>tr>td.dnb-table--small,.dnb-table>thead>tr.dnb-table--small>th,.dnb-table>thead>tr>th.dnb-table--small,.dnb-table>tr.dnb-table--small>td,.dnb-table>tr.dnb-table--small>th,.dnb-table>tr>td.dnb-table--small,.dnb-table>tr>th.dnb-table--small,.dnb-table__td.dnb-table--small,.dnb-table__th.dnb-table--small{font-size:1rem;font-size:var(--font-size-small)}.dnb-table--x-small,.dnb-table--x-small>tbody>tr>td,.dnb-table--x-small>thead>tr>th,.dnb-table--x-small>tr>td,.dnb-table--x-small>tr>th,.dnb-table>tbody>tr.dnb-table--x-small>td,.dnb-table>tbody>tr>td.dnb-table--x-small,.dnb-table>thead>tr.dnb-table--x-small>th,.dnb-table>thead>tr>th.dnb-table--x-small,.dnb-table>tr.dnb-table--x-small>td,.dnb-table>tr.dnb-table--x-small>th,.dnb-table>tr>td.dnb-table--x-small,.dnb-table>tr>th.dnb-table--x-small,.dnb-table__td.dnb-table--x-small,.dnb-table__th.dnb-table--x-small{font-size:.875rem;font-size:var(--font-size-x-small)}.dnb-table{--accordion-background:var(--color-white);--accordion-border-width:0.0625rem;--accordion-border:var(--accordion-border-width) solid var(--color-black-20)}.dnb-table__th.dnb-table__th__accordion-icon{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{padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{color:#007272;color:var(--color-sea-green);-webkit-transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1),-webkit-transform .5s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .5s var(--accordion-easing);transition:-webkit-transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing),-webkit-transform .5s var(--accordion-easing)}.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{-webkit-transition:none!important;transition:none!important}.dnb-table__tr--has-accordion-content,.dnb-table__tr__accordion_content{position:relative;z-index:2}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded,.dnb-table__tr--has-accordion-content:active,.dnb-table__tr--has-accordion-content:focus,.dnb-table__tr--has-accordion-content:hover,.dnb-table__tr__accordion_content{z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded .dnb-table__toggle-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:after{border-bottom:none}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:not(:first-of-type):after{border-left: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:.125rem solid transparent;bottom:0;content:"";inset:0;left:0;pointer-events:none;position:absolute;right:0;top:0;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:#14555a;border-color:var(--color-emerald-green)}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:#14555a;color:var(--color-emerald-green)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td{background-color:#fff;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:#14555a;border-color:var(--color-emerald-green);bottom:0;top:0}.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:#14555a;border-color:var(--color-emerald-green);border-width:.0625rem}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td{background-color:#f2f4ec;background-color:var(--color-pistachio)}.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:#14555a;color:var(--color-emerald-green)}.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(--accordion-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(--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(--accordion-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(--accordion-border)}.dnb-table__tr--has-accordion-content.dnb-table__tr--disabled .dnb-table__td__accordion-icon .dnb-icon{color:#b3dada;color:var(--color-sea-green-30)}@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 td{width:100%}.dnb-table__tr__accordion_content td:before{border-bottom:var(--accordion-border);bottom:-.0625rem;bottom:calc(var(--accordion-border-width)*-1);content:"";left:0;pointer-events:none;position:absolute;right:0;top:auto}.dnb-table--outline .dnb-table__tr__accordion_content:last-of-type td:before{border-bottom:none}.dnb-table--border .dnb-table__tr__accordion_content td:after{border-top:none}.dnb-table__tr__accordion_content__inner{overflow:hidden;position:relative;-webkit-transition:height .4s cubic-bezier(.42,0,0,1);transition:height .4s cubic-bezier(.42,0,0,1);-webkit-transition:height .4s var(--accordion-easing);transition:height .4s var(--accordion-easing);will-change:height}.dnb-table__tr__accordion_content__inner__spacing{padding:1rem;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1),-webkit-transform .5s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .5s var(--accordion-easing);transition:-webkit-transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing),-webkit-transform .5s var(--accordion-easing)}.dnb-table__tr__accordion_content--parallax .dnb-table__tr__accordion_content__inner__spacing{-webkit-transform:translateY(0);transform:translateY(0)}.dnb-table__tr__accordion_content>td,.dnb-table__tr__accordion_content>td.dnb-table__td{padding:0}.dnb-table__tr__accordion_content>td .dnb-dl,.dnb-table__tr__accordion_content>td .dnb-dl dt,.dnb-table__tr__accordion_content>td.dnb-table__td .dnb-dl,.dnb-table__tr__accordion_content>td.dnb-table__td .dnb-dl dt{margin:0}.dnb-table__tr__accordion_content--expanded>td,.dnb-table__tr__accordion_content--expanded>td.dnb-table__td{background-color:#fff;background-color:var(--color-white)}.dnb-table__tr__accordion_content.dnb-table__tr .dnb-table__td{background-color:var(--accordion-background);vertical-align:top}.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--disabled){cursor:pointer}.dnb-table__td-wrapper{display:-webkit-box;display:-ms-flexbox;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__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline thead .dnb-table__tr:first-of-type{-webkit-clip-path:inset(0 0 -1rem 0 round .5rem .5rem 0 0);clip-path:inset(0 0 -1rem 0 round .5rem .5rem 0 0)}.dnb-table--outline tbody
+.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline tbody .dnb-table__tr:last-of-type{-webkit-clip-path:inset(0 round 0 0 .5rem .5rem);clip-path:inset(0 round 0 0 .5rem .5rem)}.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table__td,.dnb-table__th{border-spacing:0;position:relative;word-break:keep-all}.dnb-table__sticky-helper>td{display:block;height:0;overflow:hidden;padding:0!important}.dnb-table tr.sticky{position:sticky;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0,var(--table-offset,0),0);transform:translate3d(0,var(--table-offset,0),0);z-index:4}.dnb-table tr.sticky.css-position{top:0;top:var(--table-top,0)}.dnb-table tr.sticky.is-sticky th:before{bottom:0;-webkit-box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);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(--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:.5rem}.dnb-table__container,.dnb-table__container__body,.dnb-table__container__foot,.dnb-table__container__head{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.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__head{padding:2rem 1rem 0}.dnb-table__container__head--empty{padding:.5rem 0 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{padding-bottom:1.5rem}.dnb-table__container .dnb-table__scroll-view{-webkit-clip-path:inset(0 round 0 0 .5rem .5rem);clip-path:inset(0 round 0 0 .5rem .5rem)}@supports (-webkit-appearance:none) and (not (-moz-appearance:meterbar)){.dnb-table__container:after{bottom:calc(var(--outline-width)*-1)}}.dnb-modal__content .dnb-table__container .dnb-table__scroll-view{overflow:visible}.dnb-table,.dnb-table--left{text-align:left}.dnb-table--right{text-align:right}.dnb-table--center{text-align:center}.dnb-table--small,.dnb-table--small>tbody>tr>td,.dnb-table--small>thead>tr>th,.dnb-table--small>tr>td,.dnb-table--small>tr>th,.dnb-table>tbody>tr.dnb-table--small>td,.dnb-table>tbody>tr>td.dnb-table--small,.dnb-table>thead>tr.dnb-table--small>th,.dnb-table>thead>tr>th.dnb-table--small,.dnb-table>tr.dnb-table--small>td,.dnb-table>tr.dnb-table--small>th,.dnb-table>tr>td.dnb-table--small,.dnb-table>tr>th.dnb-table--small,.dnb-table__td.dnb-table--small,.dnb-table__th.dnb-table--small{font-size:1rem;font-size:var(--font-size-small)}.dnb-table--x-small,.dnb-table--x-small>tbody>tr>td,.dnb-table--x-small>thead>tr>th,.dnb-table--x-small>tr>td,.dnb-table--x-small>tr>th,.dnb-table>tbody>tr.dnb-table--x-small>td,.dnb-table>tbody>tr>td.dnb-table--x-small,.dnb-table>thead>tr.dnb-table--x-small>th,.dnb-table>thead>tr>th.dnb-table--x-small,.dnb-table>tr.dnb-table--x-small>td,.dnb-table>tr.dnb-table--x-small>th,.dnb-table>tr>td.dnb-table--x-small,.dnb-table>tr>th.dnb-table--x-small,.dnb-table__td.dnb-table--x-small,.dnb-table__th.dnb-table--x-small{font-size:.875rem;font-size:var(--font-size-x-small)}.dnb-table{--accordion-background:var(--color-white);--accordion-border-width:0.0625rem;--accordion-border:var(--accordion-border-width) solid var(--color-black-20)}.dnb-table__th.dnb-table__th__accordion-icon{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{padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{color:#007272;color:var(--color-sea-green);-webkit-transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1),-webkit-transform .5s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .5s var(--accordion-easing);transition:-webkit-transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing),-webkit-transform .5s var(--accordion-easing)}.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{-webkit-transition:none!important;transition:none!important}.dnb-table__tr--has-accordion-content,.dnb-table__tr__accordion_content{position:relative;z-index:2}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded,.dnb-table__tr--has-accordion-content:active,.dnb-table__tr--has-accordion-content:focus,.dnb-table__tr--has-accordion-content:hover,.dnb-table__tr__accordion_content{z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded .dnb-table__toggle-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:after{border-bottom:none}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:not(:first-of-type):after{border-left: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:.125rem solid transparent;bottom:0;content:"";inset:0;left:0;pointer-events:none;position:absolute;right:0;top:0;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:#14555a;border-color:var(--color-emerald-green)}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:#14555a;color:var(--color-emerald-green)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td{background-color:#fff;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:#14555a;border-color:var(--color-emerald-green);bottom:0;top:0}.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:#14555a;border-color:var(--color-emerald-green);border-width:.0625rem}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td{background-color:#f2f4ec;background-color:var(--color-pistachio)}.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:#14555a;color:var(--color-emerald-green)}.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(--accordion-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(--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(--accordion-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(--accordion-border)}.dnb-table__tr--has-accordion-content.dnb-table__tr--disabled .dnb-table__td__accordion-icon .dnb-icon{color:#b3dada;color:var(--color-sea-green-30)}@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 td{width:calc(100% - 3.5rem)}.dnb-table__size--medium .dnb-table__tr__accordion_content td{width:calc(100% - 3rem)}.dnb-table__size--small .dnb-table__tr__accordion_content td{width:calc(100% - 2.5rem)}.dnb-table__tr__accordion_content td:before{border-bottom:var(--accordion-border);bottom:-.0625rem;bottom:calc(var(--accordion-border-width)*-1);content:"";left:0;pointer-events:none;position:absolute;right:0;top:auto}.dnb-table--outline .dnb-table__tr__accordion_content:last-of-type td:before{border-bottom:none}.dnb-table--border .dnb-table__tr__accordion_content td:after{border-top:none}.dnb-table__tr__accordion_content__inner{overflow:hidden;position:relative;-webkit-transition:height .4s cubic-bezier(.42,0,0,1);transition:height .4s cubic-bezier(.42,0,0,1);-webkit-transition:height .4s var(--accordion-easing);transition:height .4s var(--accordion-easing);will-change:height}.dnb-table__tr__accordion_content__inner__spacing{padding:1rem;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1),-webkit-transform .5s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .5s var(--accordion-easing);transition:-webkit-transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing),-webkit-transform .5s var(--accordion-easing)}.dnb-table__tr__accordion_content--parallax .dnb-table__tr__accordion_content__inner__spacing{-webkit-transform:translateY(0);transform:translateY(0)}.dnb-table__tr__accordion_content>td.dnb-table__td{padding:0}.dnb-table__tr__accordion_content>td.dnb-table__td .dnb-dl,.dnb-table__tr__accordion_content>td.dnb-table__td .dnb-dl dt{margin:0}.dnb-table__tr__accordion_content--expanded>td.dnb-table__td{background-color:#fff;background-color:var(--color-white)}.dnb-table__tr__accordion_content.dnb-table__tr .dnb-table__td{background-color:var(--accordion-background);vertical-align:top}.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--disabled){cursor:pointer}.dnb-table__td-wrapper{display:-webkit-box;display:-ms-flexbox;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/es/components/table/style/themes/dnb-table-theme-ui.css

@@ -95,8 +95,10 @@
 
 .dnb-table,
 .dnb-table__container {
-  --border: 0.0625rem solid var(--color-black-8);
-  --outline: 0.0625rem solid var(--color-black-8); }
+  --border-width: 0.0625rem;
+  --outline-width: 0.0625rem;
+  --border: var(--border-width) solid var(--color-black-8);
+  --outline: var(--outline-width) solid var(--color-black-8); }
   html[data-visual-test] .dnb-table, html[data-visual-test]
   .dnb-table__container {
     --border: 0.0625rem solid blue;

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

@@ -1 +1 @@
-.dnb-table{text-align:left}.dnb-table>thead>tr>th,.dnb-table>tr>th,.dnb-table__th{background-color:#fff;background-color:var(--color-white);font-weight:500;font-weight:var(--font-weight-medium);padding:2rem 1rem 1rem;vertical-align:bottom}.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table>tr>th[scope=row],.dnb-table__td,.dnb-table__th,tbody>tr>.dnb-table__th{color:currentColor;color:var(--theme-color-black-80,currentColor);font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-table>tbody>tr>td,.dnb-table>tr>td,.dnb-table>tr>th[scope=row],.dnb-table__td,tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.375rem 1rem .875rem}.dnb-table__size--medium .dnb-table__th .dnb-button__text{line-height:inherit}.dnb-table__size--small .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.25rem 1rem .5rem}tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium tbody>tr>.dnb-table__td,.dnb-table__size--medium tbody>tr>.dnb-table__th{padding:.875rem 1rem}.dnb-table__size--medium tbody>tr>.dnb-table__td,.dnb-table__size--medium tbody>tr>.dnb-table__td .dnb-p,.dnb-table__size--medium tbody>tr>.dnb-table__th,.dnb-table__size--medium tbody>tr>.dnb-table__th .dnb-p{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-table__size--small tbody>tr>.dnb-table__td,.dnb-table__size--small tbody>tr>.dnb-table__th{padding:.625rem 1rem}.dnb-table__size--small tbody>tr>.dnb-table__td,.dnb-table__size--small tbody>tr>.dnb-table__td .dnb-p,.dnb-table__size--small tbody>tr>.dnb-table__th,.dnb-table__size--small tbody>tr>.dnb-table__th .dnb-p{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-table>tbody>.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) td:after,.dnb-table>tbody>.dnb-table__tr:last-of-type>.dnb-table__td:after{border-bottom:var(--outline);bottom:0;content:"";left:0;position:absolute;right:0}.dnb-table__container{background-color:#fff;background-color:var(--color-white)}.dnb-table,.dnb-table__container{--border:0.0625rem solid var(--color-black-8);--outline:0.0625rem solid var(--color-black-8)}html[data-visual-test] .dnb-table,html[data-visual-test] .dnb-table__container{--border:0.0625rem solid blue;--outline:0.0625rem solid red}
+.dnb-table{text-align:left}.dnb-table>thead>tr>th,.dnb-table>tr>th,.dnb-table__th{background-color:#fff;background-color:var(--color-white);font-weight:500;font-weight:var(--font-weight-medium);padding:2rem 1rem 1rem;vertical-align:bottom}.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table>tr>th[scope=row],.dnb-table__td,.dnb-table__th,tbody>tr>.dnb-table__th{color:currentColor;color:var(--theme-color-black-80,currentColor);font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-table>tbody>tr>td,.dnb-table>tr>td,.dnb-table>tr>th[scope=row],.dnb-table__td,tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.375rem 1rem .875rem}.dnb-table__size--medium .dnb-table__th .dnb-button__text{line-height:inherit}.dnb-table__size--small .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.25rem 1rem .5rem}tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium tbody>tr>.dnb-table__td,.dnb-table__size--medium tbody>tr>.dnb-table__th{padding:.875rem 1rem}.dnb-table__size--medium tbody>tr>.dnb-table__td,.dnb-table__size--medium tbody>tr>.dnb-table__td .dnb-p,.dnb-table__size--medium tbody>tr>.dnb-table__th,.dnb-table__size--medium tbody>tr>.dnb-table__th .dnb-p{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-table__size--small tbody>tr>.dnb-table__td,.dnb-table__size--small tbody>tr>.dnb-table__th{padding:.625rem 1rem}.dnb-table__size--small tbody>tr>.dnb-table__td,.dnb-table__size--small tbody>tr>.dnb-table__td .dnb-p,.dnb-table__size--small tbody>tr>.dnb-table__th,.dnb-table__size--small tbody>tr>.dnb-table__th .dnb-p{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-table>tbody>.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) td:after,.dnb-table>tbody>.dnb-table__tr:last-of-type>.dnb-table__td:after{border-bottom:var(--outline);bottom:0;content:"";left:0;position:absolute;right:0}.dnb-table__container{background-color:#fff;background-color:var(--color-white)}.dnb-table,.dnb-table__container{--border-width:0.0625rem;--outline-width:0.0625rem;--border:var(--border-width) solid var(--color-black-8);--outline:var(--outline-width) solid var(--color-black-8)}html[data-visual-test] .dnb-table,html[data-visual-test] .dnb-table__container{--border:0.0625rem solid blue;--outline:0.0625rem solid red}

package/es/components/table/style/themes/dnb-table-theme-ui.scss

@@ -129,11 +129,14 @@
 
 .dnb-table,
 .dnb-table__container {
+  --border-width: 0.0625rem;
+  --outline-width: 0.0625rem;
+
   // table border
-  --border: 0.0625rem solid var(--color-black-8);
+  --border: var(--border-width) solid var(--color-black-8);
 
   // table outline
-  --outline: 0.0625rem solid var(--color-black-8);
+  --outline: var(--outline-width) solid var(--color-black-8);
 
   html[data-visual-test] & {
     --border: 0.0625rem solid blue;

package/es/components/table/useHandleSortState.d.ts

@@ -5,8 +5,8 @@ export declare type useHandleSortStateOptions = {
      */
     active?: boolean;
     /**
-     * Define the sorting direction. Can be "asc" or "desc".
-     * Defaults to "asc".
+     * Define the sorting direction. Can be "asc", "desc" or "off".
+     * Defaults to "off".
      */
     direction?: useHandleSortStateDirection;
     /**
@@ -15,7 +15,7 @@ export declare type useHandleSortStateOptions = {
      */
     modes?: Array<useHandleSortStateMode>;
 };
-export declare type useHandleSortStateDirection = 'asc' | 'desc';
+export declare type useHandleSortStateDirection = 'asc' | 'desc' | 'off';
 export declare type useHandleSortStateMode = 'asc' | 'desc' | 'off';
 export declare type useHandleSortStateName = string;
 export declare type useHandleSortStateConfig = Record<useHandleSortStateName, useHandleSortStateOptions>;