@dnb/eufemia 9.35.0 → 9.37.0

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to @dnb/eufemia will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [9.37.0](https://github.com/dnbexperience/eufemia/compare/v9.36.0...v9.37.0) (2022-11-07)
+
+
+### Bug Fixes
+
+* **InputMasked:** fix integerLimit to work during typing ([#1694](https://github.com/dnbexperience/eufemia/issues/1694)) ([0fb697d](https://github.com/dnbexperience/eufemia/commit/0fb697df82f8717312f484b42ab14a28da6c7665))
+* **Table:** remove usage of pseudo elements inside table rows ([#1704](https://github.com/dnbexperience/eufemia/issues/1704)) ([3f678bd](https://github.com/dnbexperience/eufemia/commit/3f678bd5de334a4743f08f8801ba8d2b84e43c3d))
+* **Td:** fix children and add tests ([#1703](https://github.com/dnbexperience/eufemia/issues/1703)) ([060e84f](https://github.com/dnbexperience/eufemia/commit/060e84f4dc32427271c3159a3e3c207c40f59d5f))
+
+
+### Features
+
+* add e_scooter icon ([#1701](https://github.com/dnbexperience/eufemia/issues/1701)) ([c7024e2](https://github.com/dnbexperience/eufemia/commit/c7024e2c31a4ab1c0fe5467be5a4c46184f020f1))
+
+# [9.36.0](https://github.com/dnbexperience/eufemia/compare/v9.35.0...v9.36.0) (2022-11-02)
+
+
+### Bug Fixes
+
+* **Section:** add official support for x-large and xx-large spacing ([#1672](https://github.com/dnbexperience/eufemia/issues/1672)) ([0c0e7c2](https://github.com/dnbexperience/eufemia/commit/0c0e7c2936b029d9b919619b1667ed4eb310e98d))
+* **StepIndicator:** add example on how to use it with a router (browser location) ([9e7e708](https://github.com/dnbexperience/eufemia/commit/9e7e708ea6f34c72a821e53ce1865db294a6f542))
+* **StepIndicator:** support spacing in Sidebar ([#1681](https://github.com/dnbexperience/eufemia/issues/1681)) ([de9735f](https://github.com/dnbexperience/eufemia/commit/de9735fab1bb4ad6a2086c6f848a104a2f1b3024))
+* **Tabs:** align styles to properly function side by side with Section component in content ([#1671](https://github.com/dnbexperience/eufemia/issues/1671)) ([a607b5f](https://github.com/dnbexperience/eufemia/commit/a607b5ff70e39644e2640674a0322eac55914a32))
+* **useMediaQuery:**  remove warning and handle environments without breaking ([#1685](https://github.com/dnbexperience/eufemia/issues/1685)) ([480c509](https://github.com/dnbexperience/eufemia/commit/480c5096f21bafb932c74af4df91f530278ff374))
+
+
+### Features
+
+* **Tabs:** make tabs content animate its height ([#1667](https://github.com/dnbexperience/eufemia/issues/1667)) ([3f1bf5e](https://github.com/dnbexperience/eufemia/commit/3f1bf5e81aa1520cb5363c5ec26c9dba7b43949f))
+* **Upload:** accept jpeg when only jpg is defined ([#1677](https://github.com/dnbexperience/eufemia/issues/1677)) ([b5eb00b](https://github.com/dnbexperience/eufemia/commit/b5eb00bf63592e69ebbc864c3f053f18a19d6adc))
+* **Upload:** highlight existing files visually ([#1657](https://github.com/dnbexperience/eufemia/issues/1657)) ([e17f66d](https://github.com/dnbexperience/eufemia/commit/e17f66d918860c6e529f44267b628e9ec901f800))
+
 # [9.35.0](https://github.com/dnbexperience/eufemia/compare/v9.34.3...v9.35.0) (2022-10-28)
 
 

package/assets/icons/e_scooter.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.647 10.593a2.61 2.61 0 0 1 1.15.165.75.75 0 1 0 .537-1.401 4.117 4.117 0 0 0-1.808-.26c-1.232.1-2.29.734-2.994 1.653H6.214a4.154 4.154 0 0 0-3.4-1.43c-.85.05-1.627.35-2.26.823a.75.75 0 1 0 .898 1.201c.404-.301.9-.494 1.45-.526a2.648 2.648 0 0 1 2.315 1.088.748.748 0 0 0 .566.312.74.74 0 0 0 .217.032h4.9a.748.748 0 0 0 .561-.253.742.742 0 0 0 .132-.152c.464-.71 1.203-1.184 2.054-1.252Zm-10.59 2.24a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm-2 .5a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm12.693-.5a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm-2 .5a2 2 0 1 1 4 0 2 2 0 0 1-4 0Z" fill="#000"/><path d="m12.5 9.5-1-8M10 1h3" stroke="#000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/assets/icons/e_scooter_medium.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.291 21.061a1.469 1.469 0 1 0 0-2.938 1.469 1.469 0 0 0 0 2.938Zm-18.612 0a1.469 1.469 0 1 0 0-2.938 1.469 1.469 0 0 0 0 2.938ZM.75 16.2a3.917 3.917 0 0 1 5.85 2.9h10.8a3.917 3.917 0 0 1 5.847-2.9M20 15.5 17.806 2.939m-2.393 0h4.898" stroke="#000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/cjs/components/input-masked/addons/createNumberMask.d.ts

@@ -1,4 +1,4 @@
-export default function createNumberMask({ prefix, suffix, includeThousandsSeparator, thousandsSeparatorSymbol, allowDecimal, decimalSymbol, decimalLimit, requireDecimal, allowNegative, }?: {
+export default function createNumberMask({ prefix, suffix, includeThousandsSeparator, thousandsSeparatorSymbol, allowDecimal, decimalSymbol, decimalLimit, integerLimit, requireDecimal, allowNegative, }?: {
     prefix?: string;
     suffix?: string;
     includeThousandsSeparator?: boolean;
@@ -6,6 +6,7 @@ export default function createNumberMask({ prefix, suffix, includeThousandsSepar
     allowDecimal?: boolean;
     decimalSymbol?: string;
     decimalLimit?: number;
+    integerLimit?: boolean;
     requireDecimal?: boolean;
     allowNegative?: boolean;
 }): {

package/cjs/components/input-masked/addons/createNumberMask.js

@@ -71,6 +71,8 @@ function createNumberMask() {
       decimalSymbol = _ref$decimalSymbol === void 0 ? ',' : _ref$decimalSymbol,
       _ref$decimalLimit = _ref.decimalLimit,
       decimalLimit = _ref$decimalLimit === void 0 ? 2 : _ref$decimalLimit,
+      _ref$integerLimit = _ref.integerLimit,
+      integerLimit = _ref$integerLimit === void 0 ? false : _ref$integerLimit,
       _ref$requireDecimal = _ref.requireDecimal,
       requireDecimal = _ref$requireDecimal === void 0 ? false : _ref$requireDecimal,
       _ref$allowNegative = _ref.allowNegative,
@@ -122,6 +124,11 @@ function createNumberMask() {
     }
 
     integer = integer.replace(nonDigitsRegExp, emptyString);
+
+    if (_typeof(integerLimit) === number) {
+      integer = integer.slice(0, integerLimit);
+    }
+
     integer = includeThousandsSeparator ? addThousandsSeparator(integer, thousandsSeparatorSymbol) : integer;
     mask = convertToMask(integer);
 

package/cjs/components/space/Space.js

@@ -122,9 +122,9 @@ function Element(_ref) {
   }
 
   if ((0, _componentHelper.isTrue)(no_collapse)) {
-    var R = E === 'span' || (0, _SpacingUtils.isInline)(Element) ? 'span' : 'div';
+    var R = E === 'span' || (0, _SpacingUtils.isInline)(element) ? 'span' : 'div';
     return _react.default.createElement(R, {
-      className: 'dnb-space--no-collapse' + ((0, _SpacingUtils.isInline)(Element) ? " dnb-space--inline" : "")
+      className: 'dnb-space--no-collapse' + ((0, _SpacingUtils.isInline)(element) ? " dnb-space--inline" : "")
     }, component);
   }
 

package/cjs/components/space/SpacingUtils.d.ts

@@ -2,6 +2,14 @@
  * Space helper
  *
  */
+import type { SpacingProps } from './types';
+declare type Props = SpacingProps | Record<string, unknown>;
+declare type StyleObjectProps = {
+    maxWidth?: string;
+    maxHeight?: string;
+    width?: string;
+    height?: string;
+};
 export declare const spacingDefaultProps: {
     space: any;
     top: any;
@@ -27,12 +35,9 @@ export declare const findType: (num: any, { returnObject }?: {
     returnObject?: boolean;
 }) => string | [string, number];
 export declare const findNearestTypes: (num: any) => any[];
-export declare const isValidSpaceProp: (prop: any) => boolean;
-export declare const removeSpaceProps: ({ ...props }: {
-    [x: string]: any;
-}) => {
-    [x: string]: any;
-};
-export declare const createSpacingClasses: (props: any, Element?: any) => any[];
-export declare const createStyleObject: (props: any) => {};
-export declare const isInline: (Element: any) => boolean;
+export declare const isValidSpaceProp: (propName: string) => boolean;
+export declare const removeSpaceProps: (props: Props) => Props;
+export declare const createSpacingClasses: (props: Props, Element?: any) => any[];
+export declare const createStyleObject: (props: Props & StyleObjectProps) => {};
+export declare const isInline: (elementName: string) => boolean;
+export {};

package/cjs/components/space/SpacingUtils.js

@@ -18,7 +18,11 @@ require("core-js/modules/es.function.name.js");
 
 require("core-js/modules/es.array.from.js");
 
-require("core-js/modules/es.object.assign.js");
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -55,11 +59,19 @@ require("core-js/modules/es.array.concat.js");
 
 require("core-js/modules/es.array.includes.js");
 
+require("core-js/modules/es.object.is-frozen.js");
+
 require("core-js/modules/es.array.join.js");
 
 var _componentHelper = require("../../shared/component-helper");
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -243,47 +255,50 @@ var findNearestTypes = function findNearestTypes(num) {
 
 exports.findNearestTypes = findNearestTypes;
 
-var isValidSpaceProp = function isValidSpaceProp(prop) {
-  return prop && ['top', 'right', 'bottom', 'left'].includes(prop);
+var isValidSpaceProp = function isValidSpaceProp(propName) {
+  return propName && ['top', 'right', 'bottom', 'left'].includes(propName);
 };
 
 exports.isValidSpaceProp = isValidSpaceProp;
 
-var removeSpaceProps = function removeSpaceProps(_ref6) {
-  var props = _extends({}, _ref6);
+var removeSpaceProps = function removeSpaceProps(props) {
+  var p = Object.isFrozen(props) ? _objectSpread({}, props) : props;
 
-  for (var i in props) {
+  for (var i in p) {
     if (isValidSpaceProp(i)) {
-      delete props[i];
+      delete p[i];
     }
   }
 
-  return props;
+  return p;
 };
 
 exports.removeSpaceProps = removeSpaceProps;
 
 var createSpacingClasses = function createSpacingClasses(props) {
   var Element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var p = Object.isFrozen(props) ? _objectSpread({}, props) : props;
 
-  if (typeof props.space !== 'undefined') {
-    if (typeof props.space === 'string' || typeof props.space === 'number' || typeof props.space === 'boolean' && props.space) {
-      props.top = props.right = props.bottom = props.left = props.space;
+  if (typeof p.space !== 'undefined') {
+    if (typeof p.space === 'string' || typeof p.space === 'number' || typeof p.space === 'boolean' && p.space) {
+      p.top = p.right = p.bottom = p.left = p.space;
     }
 
-    for (var i in props.space) {
-      if (!props[i] && isValidSpaceProp(i)) {
-        props[i] = props.space[i];
+    if (_typeof(p.space) === 'object') {
+      for (var i in p.space) {
+        if (!p[i] && isValidSpaceProp(i)) {
+          p[i] = p.space[i];
+        }
       }
     }
 
-    delete props.space;
+    delete p.space;
   }
 
-  return Object.entries(props).reduce(function (acc, _ref7) {
-    var _ref8 = _slicedToArray(_ref7, 2),
-        direction = _ref8[0],
-        cur = _ref8[1];
+  return Object.entries(p).reduce(function (acc, _ref6) {
+    var _ref7 = _slicedToArray(_ref6, 2),
+        direction = _ref7[0],
+        cur = _ref7[1];
 
     if (isValidSpaceProp(direction)) {
       if (String(cur) === '0' || String(cur) === 'false') {
@@ -316,33 +331,35 @@ var createSpacingClasses = function createSpacingClasses(props) {
 exports.createSpacingClasses = createSpacingClasses;
 
 var createStyleObject = function createStyleObject(props) {
-  if (props.top && !(parseFloat(props.top) > 0)) {
-    props.top = sumTypes(props.top);
+  var p = Object.isFrozen(props) ? _objectSpread({}, props) : props;
+
+  if (p.top && !(parseFloat(String(p.top)) > 0)) {
+    p.top = sumTypes(p.top);
   }
 
-  if (props.bottom && !(parseFloat(props.bottom) > 0)) {
-    props.bottom = sumTypes(props.bottom);
+  if (p.bottom && !(parseFloat(String(p.bottom)) > 0)) {
+    p.bottom = sumTypes(p.bottom);
   }
 
-  if (props.left && !(parseFloat(props.left) > 0)) {
-    props.left = sumTypes(props.left);
+  if (p.left && !(parseFloat(String(p.left)) > 0)) {
+    p.left = sumTypes(p.left);
   }
 
-  if (props.right && !(parseFloat(props.right) > 0)) {
-    props.right = sumTypes(props.right);
+  if (p.right && !(parseFloat(String(p.right)) > 0)) {
+    p.right = sumTypes(p.right);
   }
 
   return Object.entries({
-    marginTop: props.top && "".concat(props.top, "rem"),
-    marginBottom: props.bottom && "".concat(props.bottom, "rem"),
-    maxWidth: props.maxWidth && "".concat(props.maxWidth, "rem"),
-    maxHeight: props.maxHeight && "".concat(props.maxHeight, "rem"),
-    width: props.width && "".concat(props.width, "rem"),
-    height: props.height && "".concat(props.height, "rem")
-  }).reduce(function (acc, _ref9) {
-    var _ref10 = _slicedToArray(_ref9, 2),
-        key = _ref10[0],
-        val = _ref10[1];
+    marginTop: p.top && "".concat(p.top, "rem"),
+    marginBottom: p.bottom && "".concat(p.bottom, "rem"),
+    maxWidth: p.maxWidth && "".concat(p.maxWidth, "rem"),
+    maxHeight: p.maxHeight && "".concat(p.maxHeight, "rem"),
+    width: p.width && "".concat(p.width, "rem"),
+    height: p.height && "".concat(p.height, "rem")
+  }).reduce(function (acc, _ref8) {
+    var _ref9 = _slicedToArray(_ref8, 2),
+        key = _ref9[0],
+        val = _ref9[1];
 
     if (typeof val !== 'undefined') {
       acc[key] = val;
@@ -354,10 +371,8 @@ var createStyleObject = function createStyleObject(props) {
 
 exports.createStyleObject = createStyleObject;
 
-var isInline = function isInline(Element) {
-  var inline = false;
-
-  switch (Element) {
+var isInline = function isInline(elementName) {
+  switch (elementName) {
     case 'h1':
     case 'h2':
     case 'h3':
@@ -365,11 +380,10 @@ var isInline = function isInline(Element) {
     case 'h5':
     case 'h6':
     case 'p':
-      inline = true;
-      break;
+      return true;
   }
 
-  return inline;
+  return false;
 };
 
 exports.isInline = isInline;

package/cjs/components/step-indicator/StepIndicatorSidebar.js

@@ -33,6 +33,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _componentHelper = require("../../shared/component-helper");
 
 var _Context = _interopRequireDefault(require("../../shared/Context"));
@@ -43,6 +45,8 @@ var _StepIndicatorProps = require("./StepIndicatorProps");
 
 var _StepIndicatorContext = require("./StepIndicatorContext");
 
+var _SpacingHelper = require("../space/SpacingHelper");
+
 var _StepIndicatorList;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -133,7 +137,7 @@ var StepIndicatorSidebar = function (_React$PureComponent) {
       var providerProps = this.state.showInitialData ? this.getContextAndProps() : null;
       return _react.default.createElement("div", {
         id: 'sidebar__' + this.props.sidebar_id,
-        className: "dnb-step-indicator-v2 dnb-step-indicator__sidebar" + (this._hasSkeletonData && providerProps !== null && providerProps !== void 0 && providerProps.skeleton ? " dnb-step-indicator__sidebar--ssr-skeleton" : "")
+        className: (0, _classnames.default)("dnb-step-indicator-v2 dnb-step-indicator__sidebar", (0, _SpacingHelper.createSpacingClasses)(this.props), this._hasSkeletonData && (providerProps === null || providerProps === void 0 ? void 0 : providerProps.skeleton) && 'dnb-step-indicator__sidebar--ssr-skeleton')
       }, providerProps && _react.default.createElement(_StepIndicatorContext.StepIndicatorProvider, _extends({
         isSidebar: true,
         sidebar_id: this.props.internalId || this.props.sidebar_id

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

@@ -2,8 +2,8 @@ import React from 'react';
 import { SkeletonShow } from '../skeleton/Skeleton';
 import { SpacingProps } from '../../shared/types';
 import { StickyHelper, StickyTableHeaderProps } from './TableStickyHeader';
-export declare type TableSizes = 'medium' | 'large';
-export declare type TableVariants = 'basis' | 'not-defined-yet';
+export declare type TableSizes = 'large' | 'medium';
+export declare type TableVariants = 'generic';
 export { StickyHelper };
 export interface TableProps extends StickyTableHeaderProps {
     /**
@@ -24,8 +24,8 @@ export interface TableProps extends StickyTableHeaderProps {
      */
     size?: TableSizes;
     /**
-     * The variant of the component.
-     * Default: basis.
+     * The style variant of the component.
+     * Default: generic.
      */
     variant?: TableVariants;
 }

package/cjs/components/table/Table.js

@@ -19,8 +19,6 @@ Object.defineProperty(exports, "StickyHelper", {
 });
 exports.defaultProps = exports.default = void 0;
 
-require("core-js/modules/es.array.concat.js");
-
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -35,6 +33,8 @@ var _SkeletonHelper = require("../skeleton/SkeletonHelper");
 
 var _componentHelper = require("../../shared/component-helper");
 
+var _TableContext = _interopRequireDefault(require("./TableContext"));
+
 var _TableStickyHeader = require("./TableStickyHeader");
 
 var _excluded = ["className", "children", "size", "skeleton", "variant", "sticky", "stickyOffset"];
@@ -49,7 +49,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var defaultProps = {
   size: 'large',
-  variant: 'basis'
+  variant: 'generic'
 };
 exports.defaultProps = defaultProps;
 
@@ -75,13 +75,25 @@ var Table = function Table(componentProps) {
   var _useStickyHeader = (0, _TableStickyHeader.useStickyHeader)(allProps),
       elementRef = _useStickyHeader.elementRef;
 
+  var trTmpRef = _react.default.useRef({
+    count: 0
+  });
+
+  _react.default.useLayoutEffect(function () {
+    trTmpRef.current.count = 0;
+  });
+
   (0, _componentHelper.validateDOMAttributes)(allProps, props);
   return _react.default.createElement(_Provider.default, {
     skeleton: Boolean(skeleton)
+  }, _react.default.createElement(_TableContext.default.Provider, {
+    value: {
+      trTmpRef: trTmpRef
+    }
   }, _react.default.createElement("table", _extends({
-    className: (0, _classnames.default)("dnb-table dnb-table__variant--".concat(variant || 'basis', " dnb-table__size--").concat(size || 'large'), spacingClasses, skeletonClasses, className, sticky && "dnb-table--sticky"),
+    className: (0, _classnames.default)('dnb-table', spacingClasses, skeletonClasses, className, variant && "dnb-table__variant--".concat(variant), size && "dnb-table__size--".concat(size), sticky && "dnb-table--sticky"),
     ref: elementRef
-  }, props), children));
+  }, props), children)));
 };
 
 var _default = Table;

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

@@ -0,0 +1,7 @@
+/**
+ * Web TableContext Context
+ *
+ */
+import React from 'react';
+declare const TableContext: React.Context<any>;
+export default TableContext;

package/cjs/components/table/TableContext.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TableContext = _react.default.createContext(null);
+
+var _default = TableContext;
+exports.default = _default;

package/cjs/components/table/TableTd.js

@@ -35,7 +35,7 @@ var Td = function Td(componentProps) {
   return _react.default.createElement("td", _extends({
     role: "cell",
     className: (0, _classnames.default)('dnb-table__td', className)
-  }, props));
+  }, props), children);
 };
 
 var _default = Td;

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

@@ -25,6 +25,7 @@
   .dnb-table > tr > td,
   .dnb-table > thead > tr > th,
   .dnb-table > tbody > tr > td, .dnb-table__th, .dnb-table__td {
+    position: relative;
     font-size: 1.125rem;
     font-size: var(--font-size-basis);
     line-height: 1.5rem;
@@ -76,19 +77,15 @@
   .dnb-table .dnb-table__tr--even {
     background-color: #f2f2f5;
     background-color: var(--color-lavender); }
-  .dnb-table > thead > tr,
-  .dnb-table > tbody > tr,
-  .dnb-table .dnb-table__tr {
-    position: relative; }
-  .dnb-table > thead > tr:last-of-type::after,
-  .dnb-table > tbody > tr:last-of-type::after,
-  .dnb-table > .dnb-table__tr:last-of-type::after {
+  .dnb-table > thead > tr > th::after,
+  .dnb-table > tbody > tr:last-of-type > td::after,
+  .dnb-table > thead > .dnb-table__tr > .dnb-table__th::after,
+  .dnb-table > tbody > .dnb-table__tr:last-of-type > .dnb-table__td::after {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: -1px;
-    z-index: 1;
     height: 1px;
     background-color: #ebebeb;
     background-color: var(--color-black-8); }

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

@@ -1,2 +1,2 @@
-.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;font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis);word-break:keep-all}.dnb-table>thead>tr>th,.dnb-table>tr>th,.dnb-table__th{background-color:#fff;background-color:var(--color-white);color:#000;color:var(--color-black);font-weight:500;font-weight:var(--font-weight-medium);padding:3rem 1rem .5rem;padding:var(--spacing-x-large) var(--spacing-small) var(--spacing-x-small);vertical-align:bottom}.dnb-table>thead>tr>th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),.dnb-table>tr>th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),.dnb-table__th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center){text-align:inherit}@supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal){.dnb-table>thead>tr>th,.dnb-table>tr>th,.dnb-table__th{padding-bottom:calc(.5rem - .5px);padding-bottom:calc(var(--spacing-x-small) - .5px)}}.dnb-table>tbody>tr>td,.dnb-table>tr>td,.dnb-table>tr>th[scope=row],.dnb-table__td{color:currentColor;color:var(--theme-color-black-80,currentColor);padding:1rem;padding:var(--spacing-small);padding-bottom:1.188rem;padding-bottom:calc(var(--spacing-small)*1.188);padding-top:1.25rem;padding-top:calc(var(--spacing-small)*1.25)}.dnb-table .dnb-table__tr,.dnb-table .dnb-table__tr--odd,.dnb-table>tbody>tr{background-color:#fff;background-color:var(--color-white)}.dnb-table .dnb-table__tr--even,.dnb-table .dnb-table__tr:not(.dnb-table__tr--odd):nth-of-type(2n),.dnb-table>tbody>tr:not(.dnb-table__tr--odd):nth-of-type(2n){background-color:#f2f2f5;background-color:var(--color-lavender)}.dnb-table .dnb-table__tr,.dnb-table>tbody>tr,.dnb-table>thead>tr{position:relative}.dnb-table>.dnb-table__tr:last-of-type:after,.dnb-table>tbody>tr:last-of-type:after,.dnb-table>thead>tr:last-of-type:after{background-color:#ebebeb;background-color:var(--color-black-8);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable,.dnb-table>thead>tr>th.dnb-table--sortable{color:#14555a;color:var(--color-emerald-green)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor,.dnb-table>thead>tr>th.dnb-table--sortable .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:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0 .5rem 0 0;position:relative;text-align:inherit;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor>.dnb-icon,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .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-anchor>.dnb-icon,[data-visual-test-wrapper] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button>.dnb-icon,[data-visual-test-wrapper] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor>.dnb-icon,[data-visual-test-wrapper] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button>.dnb-icon{-webkit-transition:none;transition:none}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button .dnb-button__text{font-size:inherit;margin:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button .dnb-button__text:after{right:1rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__icon,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:not(:focus) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text:after{color:#14555a;color:var(--color-emerald-green);opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus: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-anchor:focus:not([disabled]) .dnb-icon,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon{opacity:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]){color:#14555a;color:var(--color-emerald-green)}html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:active:not([disabled]):before,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:active:not([disabled]):before,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-anchor .dnb-icon,.dnb-table .dnb-table__th.dnb-table--active .dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-anchor .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-button .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .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-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .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-anchor:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard]
+.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;font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis);position:relative;word-break:keep-all}.dnb-table>thead>tr>th,.dnb-table>tr>th,.dnb-table__th{background-color:#fff;background-color:var(--color-white);color:#000;color:var(--color-black);font-weight:500;font-weight:var(--font-weight-medium);padding:3rem 1rem .5rem;padding:var(--spacing-x-large) var(--spacing-small) var(--spacing-x-small);vertical-align:bottom}.dnb-table>thead>tr>th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),.dnb-table>tr>th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),.dnb-table__th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center){text-align:inherit}@supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal){.dnb-table>thead>tr>th,.dnb-table>tr>th,.dnb-table__th{padding-bottom:calc(.5rem - .5px);padding-bottom:calc(var(--spacing-x-small) - .5px)}}.dnb-table>tbody>tr>td,.dnb-table>tr>td,.dnb-table>tr>th[scope=row],.dnb-table__td{color:currentColor;color:var(--theme-color-black-80,currentColor);padding:1rem;padding:var(--spacing-small);padding-bottom:1.188rem;padding-bottom:calc(var(--spacing-small)*1.188);padding-top:1.25rem;padding-top:calc(var(--spacing-small)*1.25)}.dnb-table .dnb-table__tr,.dnb-table .dnb-table__tr--odd,.dnb-table>tbody>tr{background-color:#fff;background-color:var(--color-white)}.dnb-table .dnb-table__tr--even,.dnb-table .dnb-table__tr:not(.dnb-table__tr--odd):nth-of-type(2n),.dnb-table>tbody>tr:not(.dnb-table__tr--odd):nth-of-type(2n){background-color:#f2f2f5;background-color:var(--color-lavender)}.dnb-table>tbody>.dnb-table__tr:last-of-type>.dnb-table__td:after,.dnb-table>tbody>tr:last-of-type>td:after,.dnb-table>thead>.dnb-table__tr>.dnb-table__th:after,.dnb-table>thead>tr>th:after{background-color:#ebebeb;background-color:var(--color-black-8);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.dnb-table .dnb-table__th.dnb-table--sortable,.dnb-table>thead>tr>th.dnb-table--sortable{color:#14555a;color:var(--color-emerald-green)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor,.dnb-table>thead>tr>th.dnb-table--sortable .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:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0 .5rem 0 0;position:relative;text-align:inherit;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor>.dnb-icon,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .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-anchor>.dnb-icon,[data-visual-test-wrapper] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button>.dnb-icon,[data-visual-test-wrapper] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor>.dnb-icon,[data-visual-test-wrapper] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button>.dnb-icon{-webkit-transition:none;transition:none}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button .dnb-button__text{font-size:inherit;margin:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button .dnb-button__text:after{right:1rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__icon,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:not(:focus) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text:after{color:#14555a;color:var(--color-emerald-green);opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus: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-anchor:focus:not([disabled]) .dnb-icon,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon{opacity:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]){color:#14555a;color:var(--color-emerald-green)}html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:active:not([disabled]):before,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:active:not([disabled]):before,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .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-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-anchor .dnb-icon,.dnb-table .dnb-table__th.dnb-table--active .dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-anchor .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-button .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .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-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .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-anchor:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard]
 .dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard] .dnb-table>thead>tr>th.dnb-table--active .dnb-button:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--reversed .dnb-anchor .dnb-icon,.dnb-table .dnb-table__th.dnb-table--reversed .dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-anchor .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .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--no-wrap,.dnb-table>tbody>tr>th.dnb-table--no-wrap,.dnb-table>thead>tr>th.dnb-table--no-wrap{white-space:nowrap}