@dnb/eufemia 9.42.0 → 9.44.0

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to @dnb/eufemia will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [9.44.0](https://github.com/dnbexperience/eufemia/compare/v9.43.0...v9.44.0) (2022-12-20)
+
+
+### Bug Fixes
+
+* **Table:** inherit Tr noWrap to Th.SortButton ([#1836](https://github.com/dnbexperience/eufemia/issues/1836)) ([0ce4763](https://github.com/dnbexperience/eufemia/commit/0ce4763d1baf687d6d71f16b0732f5480b747342))
+* **Table:** make sticky header work when used in combination with accordion rows ([#1835](https://github.com/dnbexperience/eufemia/issues/1835)) ([dec1ddb](https://github.com/dnbexperience/eufemia/commit/dec1ddb9e87632a3e9c478b836ea8b6111f52061))
+
+
+### Features
+
+* **Table:** add accordion row events ([#1834](https://github.com/dnbexperience/eufemia/issues/1834)) ([c7be834](https://github.com/dnbexperience/eufemia/commit/c7be834f7daf7708cec25906a03caef1a1366554))
+
+# [9.43.0](https://github.com/dnbexperience/eufemia/compare/v9.42.0...v9.43.0) (2022-12-19)
+
+
+### Bug Fixes
+
+* **Button:** support target property ([#1817](https://github.com/dnbexperience/eufemia/issues/1817)) ([71f5ee3](https://github.com/dnbexperience/eufemia/commit/71f5ee3746f6381eeb72221bac013126a5ea84ad))
+* **TableContainer:** align always visible scrollbar ([#1819](https://github.com/dnbexperience/eufemia/issues/1819)) ([c16519d](https://github.com/dnbexperience/eufemia/commit/c16519d136228e0ec9e246b13e4aba4c9972329d))
+* **TableContainer:** no space on empty foot + clip scrollbar ([#1827](https://github.com/dnbexperience/eufemia/issues/1827)) ([04dd93b](https://github.com/dnbexperience/eufemia/commit/04dd93bba6c7d92778b2c3a16e4046263edbb5f0))
+* **Table:** prevent expanded row to not change column width ([#1816](https://github.com/dnbexperience/eufemia/issues/1816)) ([bbf94a8](https://github.com/dnbexperience/eufemia/commit/bbf94a86850b09fb7bf028c8d5365a2df2b43ad2))
+* **useHandleSortState:** change default direction from asc to off ([#1826](https://github.com/dnbexperience/eufemia/issues/1826)) ([c7e4d6f](https://github.com/dnbexperience/eufemia/commit/c7e4d6f44be68a139ff59b6520a4a6da95533264))
+* **useHandleSortState:** fix import issue ([#1823](https://github.com/dnbexperience/eufemia/issues/1823)) ([c595ff1](https://github.com/dnbexperience/eufemia/commit/c595ff1c51b59cc0ec275b571fbbbee3b0c02910))
+
+
+### Features
+
+* **Scrollbar:** add new look to scrollbars ([#1815](https://github.com/dnbexperience/eufemia/issues/1815)) ([a590b50](https://github.com/dnbexperience/eufemia/commit/a590b5081fae29140846e054d4a2d4bbebf2eccd))
+
 # [9.42.0](https://github.com/dnbexperience/eufemia/compare/v9.41.0...v9.42.0) (2022-12-14)
 
 

package/cjs/components/button/Button.d.ts

@@ -149,6 +149,11 @@ export type ButtonProps = {
    */
   href?: string;
 
+  /**
+   * When button behaves as a link. Used to specifiy where to open the linked document, specified by `href`. Possible values are `_self`, `_blank`, `_parent` and `_top`.
+   */
+  target?: string;
+
   /**
    * Use this prop only if you are using a router Link component as the `element` that uses the `to` property to declare the navigation url.
    */

package/cjs/components/button/Button.js

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

package/cjs/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/cjs/components/table/TableAccordion.js

@@ -92,7 +92,10 @@ function useTableAccordion(_ref) {
       props = _ref.props,
       expanded = _ref.expanded,
       disabled = _ref.disabled,
-      noAnimation = _ref.noAnimation;
+      noAnimation = _ref.noAnimation,
+      onClick = _ref.onClick,
+      onOpened = _ref.onOpened,
+      onClosed = _ref.onClosed;
 
   var tableContext = _react.default.useContext(_TableContext.default);
 
@@ -184,7 +187,9 @@ function useTableAccordion(_ref) {
       trIsOpen: trIsOpen,
       noAnimation: noAnimation,
       countTds: countTds,
-      hasAccordionContent: hasAccordionContent
+      hasAccordionContent: hasAccordionContent,
+      onOpened: onOpened,
+      onClosed: onClosed
     }
   }, _react.default.createElement("tr", _extends({
     tabIndex: accordionContent && !disabled ? 0 : undefined,
@@ -222,6 +227,7 @@ function useTableAccordion(_ref) {
     if (document.activeElement !== target && target.tagName !== 'INPUT' && !(0, _helpers.hasSelectedText)()) {
       setOpen(!trIsOpen);
       setHadClick(true);
+      onClick === null || onClick === void 0 ? void 0 : onClick(event);
     }
   }
 }

package/cjs/components/table/TableAccordionContent.js

@@ -87,6 +87,8 @@ function TableAccordionContent(componentProps) {
 
   var innerRef = _react.default.useRef(null);
 
+  var trRef = _react.default.useRef(null);
+
   var _React$useState = _react.default.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       ariaLive = _React$useState2[0],
@@ -96,7 +98,24 @@ function TableAccordionContent(componentProps) {
     open: Boolean(expanded || (trContext === null || trContext === void 0 ? void 0 : trContext.trIsOpen)),
     animate: Boolean(!noAnimation && !(trContext !== null && trContext !== void 0 && trContext.noAnimation)),
     onOpen: function onOpen(state) {
-      return setAriaLive(state ? true : null);
+      setAriaLive(state ? true : null);
+    },
+    onAnimationEnd: function onAnimationEnd(state) {
+      var _trContext$onOpened, _trContext$onClosed;
+
+      var 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;
+      }
     }
   }),
       isInDOM = _useHeightAnimation.isInDOM,
@@ -108,7 +127,8 @@ function TableAccordionContent(componentProps) {
     "aria-hidden": !isInDOM,
     hidden: isInDOM ? undefined : true,
     role: isInDOM ? 'row' : undefined,
-    className: (0, _classnames.default)('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: (0, _classnames.default)('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.default.createElement("td", {
     role: isInDOM ? 'cell' : undefined,
     colSpan: countTds,

package/cjs/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/cjs/components/table/TableTr.js

@@ -42,7 +42,7 @@ var _TableAccordion = require("./TableAccordion");
 
 var _TableContext = _interopRequireDefault(require("./TableContext"));
 
-var _excluded = ["variant", "noWrap", "expanded", "disabled", "noAnimation", "children", "className"];
+var _excluded = ["variant", "noWrap", "expanded", "disabled", "noAnimation", "onClick", "onOpened", "onClosed", "children", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -70,6 +70,9 @@ function Tr(componentProps) {
       expanded = componentProps.expanded,
       disabled = componentProps.disabled,
       noAnimation = componentProps.noAnimation,
+      onClick = componentProps.onClick,
+      onOpened = componentProps.onOpened,
+      onClosed = componentProps.onClosed,
       children = componentProps.children,
       _className = componentProps.className,
       props = _objectWithoutProperties(componentProps, _excluded);
@@ -86,7 +89,10 @@ function Tr(componentProps) {
     props: props,
     expanded: expanded,
     disabled: disabled,
-    noAnimation: noAnimation
+    noAnimation: noAnimation,
+    onClick: onClick,
+    onOpened: onOpened,
+    onClosed: onClosed
   });
 
   if (accordionTr) {

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

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

package/cjs/components/table/index.js

@@ -27,16 +27,8 @@ require("core-js/modules/es.symbol.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  useHandleSortState: true
-};
+var _exportNames = {};
 exports.default = void 0;
-Object.defineProperty(exports, "useHandleSortState", {
-  enumerable: true,
-  get: function get() {
-    return _useHandleSortState.useHandleSortState;
-  }
-});
 
 var _Table = _interopRequireWildcard(require("./Table"));
 
@@ -52,8 +44,6 @@ Object.keys(_Table).forEach(function (key) {
   });
 });
 
-var _useHandleSortState = require("./useHandleSortState");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/cjs/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/cjs/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/cjs/components/table/style/_table-header-buttons.scss

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

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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}