@dnb/eufemia 10.53.0 → 10.54.1

package/es/components/radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["React","PropTypes","classnames","keycode","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","FormLabel","FormStatus","RadioGroup","RadioGroupContext","Context","Suffix","pickFormElementProps","Radio","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","constructor","_defineProperty","event","key","isInNoGroup","onChangeHandler","isContextGroupOrSingle","value","context","preventDefault","setState","_event","readOnly","target","isPlainGroup","setTimeout","callOnChange","group","onChange","_refInput","current","focus","createRef","_id","id","componentDidMount","innerRef","render","createElement","Consumer","contextProps","defaultProps","skeleton","FormRow","formElement","status","status_state","status_props","status_no_animation","globalStatus","suffix","element","label","label_sr_only","label_position","size","className","_group","_value","disabled","_disabled","children","on_change","on_state_update","rest","_objectWithoutProperties","_excluded","hasContext","name","showStatus","mainParams","inputParams","role","type","Object","assign","labelComp","forId","text","srOnly","Element","_AlignmentHelper","_extends","show","text_id","width_selector","no_animation","undefined","ref","onClick","onClickHandler","onKeyDown","onKeyDownHandler","_span","attributes","test","String","process","env","NODE_ENV","propTypes","_objectSpread","oneOfType","string","func","node","bool","oneOf","object","shape","message","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/radio/Radio.js"],"sourcesContent":["/**\n * Web Radio Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  getStatusState,\n  combineDescribedBy,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport RadioGroup from './RadioGroup'\nimport RadioGroupContext from './RadioGroupContext'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\n\n/**\n * The radio component is our enhancement of the classic radio button.\n */\nexport default class Radio extends React.PureComponent {\n  static contextType = RadioGroupContext\n\n  static propTypes = {\n    label: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    label_position: PropTypes.oneOf(['left', 'right']),\n    checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    id: PropTypes.string,\n    element: PropTypes.node,\n    group: PropTypes.string,\n    size: PropTypes.oneOf(['default', 'medium', 'large']),\n    status: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    status_state: PropTypes.string,\n    status_props: PropTypes.object,\n    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    suffix: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    value: PropTypes.string,\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n    on_change: PropTypes.func,\n    on_state_update: PropTypes.func,\n  }\n\n  static defaultProps = {\n    label: null,\n    label_sr_only: null,\n    label_position: null,\n    checked: null,\n    disabled: null,\n    id: null,\n    size: null,\n    element: 'input',\n    group: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    value: '',\n    attributes: null,\n    readOnly: false,\n    skeleton: null,\n\n    className: null,\n    children: null,\n\n    on_change: null,\n    on_state_update: null,\n\n    innerRef: null,\n  }\n\n  static Group = RadioGroup\n\n  static parseChecked = (state) => /true|on/.test(String(state))\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._listenForPropChanges) {\n      if (props.checked !== state._checked) {\n        state.checked = Radio.parseChecked(props.checked)\n      }\n    }\n    state._listenForPropChanges = true\n\n    if (state.checked !== state.__checked) {\n      dispatchCustomElementEvent({ props }, 'on_state_update', {\n        checked: state.checked,\n      })\n    }\n\n    state._checked = props.checked\n    state.__checked = state.checked\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n    this._refInput = React.createRef()\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n    this.state = {\n      _listenForPropChanges: true,\n    }\n  }\n\n  componentDidMount() {\n    if (this.props.innerRef) {\n      typeof this.props.innerRef === 'function'\n        ? this.props.innerRef(this._refInput.current)\n        : (this.props.innerRef.current = this._refInput.current)\n    }\n  }\n\n  onKeyDownHandler = (event) => {\n    const key = keycode(event)\n    // only have key support if there is only a single radio\n    if (this.isInNoGroup()) {\n      switch (key) {\n        case 'enter':\n          this.onChangeHandler(event)\n          break\n      }\n    } else if (this.isContextGroupOrSingle()) {\n      switch (key) {\n        case 'space':\n        case 'enter': {\n          const { value } = this.context\n          if (value !== null && typeof value !== 'undefined') {\n            event.preventDefault()\n          }\n          if (key === 'enter') {\n            const checked = !this.state.checked\n            this.setState({ checked, _listenForPropChanges: false })\n          }\n          break\n        }\n      }\n    } else {\n      // else we only use the native support, and don't want space support\n      // because only arrow keys has to be used\n      switch (key) {\n        case 'space': {\n          event.preventDefault()\n          break\n        }\n      }\n    }\n    dispatchCustomElementEvent(this, 'on_key_down', { event })\n  }\n\n  onChangeHandler = (_event) => {\n    const event = _event\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    const value = event.target.value\n    const checked = !this.state.checked\n\n    // delay in case we have a props group only\n    if (this.isPlainGroup()) {\n      // in case we have a false \"hasContext\" but a \"group\"\n      // then we have to use a delay, to overwrite the uncontrolled state\n      setTimeout(() => {\n        this.setState({ checked, _listenForPropChanges: false }, () =>\n          this.callOnChange({ value, checked, event })\n        )\n      }, 1)\n    } else {\n      this.setState({ checked, _listenForPropChanges: false })\n      this.callOnChange({ value, checked, event })\n    }\n  }\n\n  // only support on change if there is either:\n  // 1. context group usage\n  // 2. or a single, no group usage\n  isContextGroupOrSingle = () =>\n    typeof this.context.value !== 'undefined' && !this.props.group\n  isPlainGroup = () =>\n    typeof this.context.value === 'undefined' && this.props.group\n  isInNoGroup = () =>\n    typeof this.context.value === 'undefined' && !this.props.group\n\n  onClickHandler = (event) => {\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    // only have click support if there are more plain radio\n    if (!this.isPlainGroup()) {\n      return\n    }\n    const value = event.target.value\n    const checked = event.target.checked\n    this.callOnChange({ value, checked, event })\n  }\n\n  callOnChange = ({ value, checked, event }) => {\n    const { group } = this.props\n    if (this.context.onChange) {\n      this.context.onChange({\n        value,\n      })\n    }\n    dispatchCustomElementEvent(this, 'on_change', {\n      group,\n      checked,\n      value,\n      event,\n    })\n\n    // help firefox and safari to have an correct state after a click\n    if (this._refInput.current) {\n      this._refInput.current.focus()\n    }\n  }\n\n  render() {\n    return (\n      <Context.Consumer>\n        {(context) => {\n          // from internal context\n          const contextProps = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            this.context\n          )\n\n          // use only the props from context, who are available here anyway\n          const props = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            contextProps,\n            { skeleton: context?.skeleton },\n            // Deprecated – can be removed in v11\n            pickFormElementProps(context.FormRow),\n            pickFormElementProps(context.formElement),\n            context.Radio\n          )\n\n          const {\n            status,\n            status_state,\n            status_props,\n            status_no_animation,\n            globalStatus,\n            suffix,\n            element,\n            label,\n            label_sr_only,\n            label_position,\n            size,\n            readOnly,\n            skeleton,\n            className,\n            id: _id, // eslint-disable-line\n            group: _group, // eslint-disable-line\n            value: _value, // eslint-disable-line\n            checked: _checked, // eslint-disable-line\n            disabled: _disabled, // eslint-disable-line\n            children, // eslint-disable-line\n            on_change, // eslint-disable-line\n            on_state_update, // eslint-disable-line\n            innerRef, // eslint-disable-line\n\n            ...rest\n          } = props\n\n          let { checked } = this.state\n          let { value, group, disabled } = props // get it from context also\n\n          const hasContext = typeof this.context.name !== 'undefined'\n\n          if (hasContext) {\n            if (typeof this.context.value !== 'undefined') {\n              checked = this.context.value === value\n            }\n            group = this.context.name\n            if (isTrue(this.context.disabled) && disabled !== false) {\n              disabled = true\n            }\n          } else if (typeof rest.name !== 'undefined') {\n            group = rest.name\n          }\n\n          const id = this._id\n          const showStatus = getStatusState(status)\n\n          const mainParams = {\n            className: classnames(\n              'dnb-radio',\n              status && `dnb-radio__status--${status_state}`,\n              size && `dnb-radio--${size}`,\n              label &&\n                `dnb-radio--label-position-${label_position || 'right'}`,\n              createSpacingClasses(props),\n              className\n            ),\n          }\n\n          let inputParams = {\n            role: hasContext || group ? 'radio' : null,\n            type: hasContext || group ? 'radio' : 'checkbox', // overwriting the type\n          }\n\n          if (!group) {\n            inputParams.type = 'checkbox'\n            inputParams.role = 'radio' // breaks axe test\n          }\n\n          if (showStatus || suffix) {\n            inputParams['aria-describedby'] = combineDescribedBy(\n              inputParams,\n              showStatus ? id + '-status' : null,\n              suffix ? id + '-suffix' : null\n            )\n          }\n          if (readOnly) {\n            inputParams['aria-readonly'] = inputParams.readOnly = true\n          }\n\n          inputParams = Object.assign(inputParams, rest)\n\n          skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n          // also used for code markup simulation\n          validateDOMAttributes(this.props, inputParams)\n\n          const labelComp = label && (\n            <FormLabel\n              id={id + '-label'}\n              forId={id}\n              text={label}\n              disabled={disabled}\n              skeleton={skeleton}\n              srOnly={label_sr_only}\n            />\n          )\n\n          const Element = element || 'input'\n\n          return (\n            <span {...mainParams}>\n              <span className=\"dnb-radio__order\">\n                {label_position === 'left' && labelComp}\n\n                <span className=\"dnb-radio__inner\">\n                  <AlignmentHelper />\n\n                  <FormStatus\n                    show={showStatus}\n                    id={id + '-form-status'}\n                    globalStatus={globalStatus}\n                    label={label}\n                    text_id={id + '-status'} // used for \"aria-describedby\"\n                    width_selector={id + ', ' + id + '-label'}\n                    text={status}\n                    state={status_state}\n                    no_animation={status_no_animation}\n                    skeleton={skeleton}\n                    {...status_props}\n                  />\n\n                  <span className=\"dnb-radio__row\">\n                    <span className=\"dnb-radio__shell\">\n                      <Element\n                        type=\"radio\"\n                        value={value}\n                        id={id}\n                        name={group}\n                        className=\"dnb-radio__input\"\n                        checked={checked}\n                        aria-checked={\n                          this.isPlainGroup() ? undefined : checked\n                        }\n                        disabled={isTrue(disabled)}\n                        ref={this._refInput}\n                        {...inputParams}\n                        onChange={this.onChangeHandler}\n                        onClick={this.onClickHandler}\n                        onKeyDown={this.onKeyDownHandler}\n                      />\n\n                      <span\n                        className={classnames(\n                          'dnb-radio__button',\n                          createSkeletonClass(\n                            'shape',\n                            skeleton,\n                            this.context\n                          )\n                        )}\n                        aria-hidden\n                      />\n                      <span className=\"dnb-radio__focus\" aria-hidden />\n                      <span\n                        className={classnames(\n                          'dnb-radio__dot',\n                          createSkeletonClass(\n                            'font',\n                            skeleton,\n                            this.context\n                          )\n                        )}\n                        aria-hidden\n                      />\n                    </span>\n\n                    {label_position !== 'left' && labelComp}\n\n                    {suffix && (\n                      <Suffix\n                        className=\"dnb-radio__suffix\"\n                        id={id + '-suffix'} // used for \"aria-describedby\"\n                        context={props}\n                      >\n                        {suffix}\n                      </Suffix>\n                    )}\n                  </span>\n                </span>\n              </span>\n            </span>\n          )\n        }}\n      </Context.Consumer>\n    )\n  }\n}\n\nRadio._formElement = true\nRadio._supportsSpacingProps = true\n"],"mappings":";;;;;;;;;AAOA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,SAAS;AAC7B,SACEC,MAAM,EACNC,YAAY,EACZC,sCAAsC,EACtCC,qBAAqB,EACrBC,cAAc,EACdC,kBAAkB,EAClBC,0BAA0B,QACrB,+BAA+B;AACtC,OAAOC,eAAe,MAAM,8BAA8B;AAC1D,SACEC,gBAAgB,EAChBC,oBAAoB,QACf,wBAAwB;AAC/B,SACEC,qBAAqB,EACrBC,mBAAmB,QACd,4BAA4B;AAEnC,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,UAAU,MAAM,2BAA2B;AAClD,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,OAAOC,MAAM,MAAM,6BAA6B;AAChD,SAASC,oBAAoB,QAAQ,uCAAuC;AAK5E,eAAe,MAAMC,KAAK,SAASvB,KAAK,CAACwB,aAAa,CAAC;EAuFrD,OAAOC,wBAAwBA,CAACC,KAAK,EAAEC,KAAK,EAAE;IAC5C,IAAIA,KAAK,CAACC,qBAAqB,EAAE;MAC/B,IAAIF,KAAK,CAACG,OAAO,KAAKF,KAAK,CAACG,QAAQ,EAAE;QACpCH,KAAK,CAACE,OAAO,GAAGN,KAAK,CAACQ,YAAY,CAACL,KAAK,CAACG,OAAO,CAAC;MACnD;IACF;IACAF,KAAK,CAACC,qBAAqB,GAAG,IAAI;IAElC,IAAID,KAAK,CAACE,OAAO,KAAKF,KAAK,CAACK,SAAS,EAAE;MACrCtB,0BAA0B,CAAC;QAAEgB;MAAM,CAAC,EAAE,iBAAiB,EAAE;QACvDG,OAAO,EAAEF,KAAK,CAACE;MACjB,CAAC,CAAC;IACJ;IAEAF,KAAK,CAACG,QAAQ,GAAGJ,KAAK,CAACG,OAAO;IAC9BF,KAAK,CAACK,SAAS,GAAGL,KAAK,CAACE,OAAO;IAE/B,OAAOF,KAAK;EACd;EAEAM,WAAWA,CAACP,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAAQ,eAAA,2BAgBMC,KAAK,IAAK;MAC5B,MAAMC,GAAG,GAAGjC,OAAO,CAACgC,KAAK,CAAC;MAE1B,IAAI,IAAI,CAACE,WAAW,CAAC,CAAC,EAAE;QACtB,QAAQD,GAAG;UACT,KAAK,OAAO;YACV,IAAI,CAACE,eAAe,CAACH,KAAK,CAAC;YAC3B;QACJ;MACF,CAAC,MAAM,IAAI,IAAI,CAACI,sBAAsB,CAAC,CAAC,EAAE;QACxC,QAAQH,GAAG;UACT,KAAK,OAAO;UACZ,KAAK,OAAO;YAAE;cACZ,MAAM;gBAAEI;cAAM,CAAC,GAAG,IAAI,CAACC,OAAO;cAC9B,IAAID,KAAK,KAAK,IAAI,IAAI,OAAOA,KAAK,KAAK,WAAW,EAAE;gBAClDL,KAAK,CAACO,cAAc,CAAC,CAAC;cACxB;cACA,IAAIN,GAAG,KAAK,OAAO,EAAE;gBACnB,MAAMP,OAAO,GAAG,CAAC,IAAI,CAACF,KAAK,CAACE,OAAO;gBACnC,IAAI,CAACc,QAAQ,CAAC;kBAAEd,OAAO;kBAAED,qBAAqB,EAAE;gBAAM,CAAC,CAAC;cAC1D;cACA;YACF;QACF;MACF,CAAC,MAAM;QAGL,QAAQQ,GAAG;UACT,KAAK,OAAO;YAAE;cACZD,KAAK,CAACO,cAAc,CAAC,CAAC;cACtB;YACF;QACF;MACF;MACAhC,0BAA0B,CAAC,IAAI,EAAE,aAAa,EAAE;QAAEyB;MAAM,CAAC,CAAC;IAC5D,CAAC;IAAAD,eAAA,0BAEkBU,MAAM,IAAK;MAC5B,MAAMT,KAAK,GAAGS,MAAM;MACpB,IAAIxC,MAAM,CAAC,IAAI,CAACsB,KAAK,CAACmB,QAAQ,CAAC,EAAE;QAC/B,OAAOV,KAAK,CAACO,cAAc,CAAC,CAAC;MAC/B;MACA,MAAMF,KAAK,GAAGL,KAAK,CAACW,MAAM,CAACN,KAAK;MAChC,MAAMX,OAAO,GAAG,CAAC,IAAI,CAACF,KAAK,CAACE,OAAO;MAGnC,IAAI,IAAI,CAACkB,YAAY,CAAC,CAAC,EAAE;QAGvBC,UAAU,CAAC,MAAM;UACf,IAAI,CAACL,QAAQ,CAAC;YAAEd,OAAO;YAAED,qBAAqB,EAAE;UAAM,CAAC,EAAE,MACvD,IAAI,CAACqB,YAAY,CAAC;YAAET,KAAK;YAAEX,OAAO;YAAEM;UAAM,CAAC,CAC7C,CAAC;QACH,CAAC,EAAE,CAAC,CAAC;MACP,CAAC,MAAM;QACL,IAAI,CAACQ,QAAQ,CAAC;UAAEd,OAAO;UAAED,qBAAqB,EAAE;QAAM,CAAC,CAAC;QACxD,IAAI,CAACqB,YAAY,CAAC;UAAET,KAAK;UAAEX,OAAO;UAAEM;QAAM,CAAC,CAAC;MAC9C;IACF,CAAC;IAAAD,eAAA,iCAKwB,MACvB,OAAO,IAAI,CAACO,OAAO,CAACD,KAAK,KAAK,WAAW,IAAI,CAAC,IAAI,CAACd,KAAK,CAACwB,KAAK;IAAAhB,eAAA,uBACjD,MACb,OAAO,IAAI,CAACO,OAAO,CAACD,KAAK,KAAK,WAAW,IAAI,IAAI,CAACd,KAAK,CAACwB,KAAK;IAAAhB,eAAA,sBACjD,MACZ,OAAO,IAAI,CAACO,OAAO,CAACD,KAAK,KAAK,WAAW,IAAI,CAAC,IAAI,CAACd,KAAK,CAACwB,KAAK;IAAAhB,eAAA,yBAE9CC,KAAK,IAAK;MAC1B,IAAI/B,MAAM,CAAC,IAAI,CAACsB,KAAK,CAACmB,QAAQ,CAAC,EAAE;QAC/B,OAAOV,KAAK,CAACO,cAAc,CAAC,CAAC;MAC/B;MAEA,IAAI,CAAC,IAAI,CAACK,YAAY,CAAC,CAAC,EAAE;QACxB;MACF;MACA,MAAMP,KAAK,GAAGL,KAAK,CAACW,MAAM,CAACN,KAAK;MAChC,MAAMX,OAAO,GAAGM,KAAK,CAACW,MAAM,CAACjB,OAAO;MACpC,IAAI,CAACoB,YAAY,CAAC;QAAET,KAAK;QAAEX,OAAO;QAAEM;MAAM,CAAC,CAAC;IAC9C,CAAC;IAAAD,eAAA,uBAEc,CAAC;MAAEM,KAAK;MAAEX,OAAO;MAAEM;IAAM,CAAC,KAAK;MAC5C,MAAM;QAAEe;MAAM,CAAC,GAAG,IAAI,CAACxB,KAAK;MAC5B,IAAI,IAAI,CAACe,OAAO,CAACU,QAAQ,EAAE;QACzB,IAAI,CAACV,OAAO,CAACU,QAAQ,CAAC;UACpBX;QACF,CAAC,CAAC;MACJ;MACA9B,0BAA0B,CAAC,IAAI,EAAE,WAAW,EAAE;QAC5CwC,KAAK;QACLrB,OAAO;QACPW,KAAK;QACLL;MACF,CAAC,CAAC;MAGF,IAAI,IAAI,CAACiB,SAAS,CAACC,OAAO,EAAE;QAC1B,IAAI,CAACD,SAAS,CAACC,OAAO,CAACC,KAAK,CAAC,CAAC;MAChC;IACF,CAAC;IApHC,IAAI,CAACF,SAAS,GAAGpD,KAAK,CAACuD,SAAS,CAAC,CAAC;IAClC,IAAI,CAACC,GAAG,GAAG9B,KAAK,CAAC+B,EAAE,IAAIpD,YAAY,CAAC,CAAC;IACrC,IAAI,CAACsB,KAAK,GAAG;MACXC,qBAAqB,EAAE;IACzB,CAAC;EACH;EAEA8B,iBAAiBA,CAAA,EAAG;IAClB,IAAI,IAAI,CAAChC,KAAK,CAACiC,QAAQ,EAAE;MACvB,OAAO,IAAI,CAACjC,KAAK,CAACiC,QAAQ,KAAK,UAAU,GACrC,IAAI,CAACjC,KAAK,CAACiC,QAAQ,CAAC,IAAI,CAACP,SAAS,CAACC,OAAO,CAAC,GAC1C,IAAI,CAAC3B,KAAK,CAACiC,QAAQ,CAACN,OAAO,GAAG,IAAI,CAACD,SAAS,CAACC,OAAQ;IAC5D;EACF;EAyGAO,MAAMA,CAAA,EAAG;IACP,OACE5D,KAAA,CAAA6D,aAAA,CAACzC,OAAO,CAAC0C,QAAQ,QACbrB,OAAO,IAAK;MAEZ,MAAMsB,YAAY,GAAGzD,sCAAsC,CACzD,IAAI,CAACoB,KAAK,EACVH,KAAK,CAACyC,YAAY,EAClB,IAAI,CAACvB,OACP,CAAC;MAGD,MAAMf,KAAK,GAAGpB,sCAAsC,CAClD,IAAI,CAACoB,KAAK,EACVH,KAAK,CAACyC,YAAY,EAClBD,YAAY,EACZ;QAAEE,QAAQ,EAAExB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEwB;MAAS,CAAC,EAE/B3C,oBAAoB,CAACmB,OAAO,CAACyB,OAAO,CAAC,EACrC5C,oBAAoB,CAACmB,OAAO,CAAC0B,WAAW,CAAC,EACzC1B,OAAO,CAAClB,KACV,CAAC;MAED,MAAM;UACJ6C,MAAM;UACNC,YAAY;UACZC,YAAY;UACZC,mBAAmB;UACnBC,YAAY;UACZC,MAAM;UACNC,OAAO;UACPC,KAAK;UACLC,aAAa;UACbC,cAAc;UACdC,IAAI;UACJjC,QAAQ;UACRoB,QAAQ;UACRc,SAAS;UACTtB,EAAE,EAAED,GAAG;UACPN,KAAK,EAAE8B,MAAM;UACbxC,KAAK,EAAEyC,MAAM;UACbpD,OAAO,EAAEC,QAAQ;UACjBoD,QAAQ,EAAEC,SAAS;UACnBC,QAAQ;UACRC,SAAS;UACTC,eAAe;UACf3B;QAGF,CAAC,GAAGjC,KAAK;QADJ6D,IAAI,GAAAC,wBAAA,CACL9D,KAAK,EAAA+D,SAAA;MAET,IAAI;QAAE5D;MAAQ,CAAC,GAAG,IAAI,CAACF,KAAK;MAC5B,IAAI;QAAEa,KAAK;QAAEU,KAAK;QAAEgC;MAAS,CAAC,GAAGxD,KAAK;MAEtC,MAAMgE,UAAU,GAAG,OAAO,IAAI,CAACjD,OAAO,CAACkD,IAAI,KAAK,WAAW;MAE3D,IAAID,UAAU,EAAE;QACd,IAAI,OAAO,IAAI,CAACjD,OAAO,CAACD,KAAK,KAAK,WAAW,EAAE;UAC7CX,OAAO,GAAG,IAAI,CAACY,OAAO,CAACD,KAAK,KAAKA,KAAK;QACxC;QACAU,KAAK,GAAG,IAAI,CAACT,OAAO,CAACkD,IAAI;QACzB,IAAIvF,MAAM,CAAC,IAAI,CAACqC,OAAO,CAACyC,QAAQ,CAAC,IAAIA,QAAQ,KAAK,KAAK,EAAE;UACvDA,QAAQ,GAAG,IAAI;QACjB;MACF,CAAC,MAAM,IAAI,OAAOK,IAAI,CAACI,IAAI,KAAK,WAAW,EAAE;QAC3CzC,KAAK,GAAGqC,IAAI,CAACI,IAAI;MACnB;MAEA,MAAMlC,EAAE,GAAG,IAAI,CAACD,GAAG;MACnB,MAAMoC,UAAU,GAAGpF,cAAc,CAAC4D,MAAM,CAAC;MAEzC,MAAMyB,UAAU,GAAG;QACjBd,SAAS,EAAE7E,UAAU,CACnB,WAAW,EAKXW,oBAAoB,CAACa,KAAK,CAAC,EAC3BqD,SAAS,EALTX,MAAM,IAAK,sBAAqBC,YAAa,EAAC,EAC9CS,IAAI,IAAK,cAAaA,IAAK,EAAC,EAC5BH,KAAK,IACF,6BAA4BE,cAAc,IAAI,OAAQ,EAG3D;MACF,CAAC;MAED,IAAIiB,WAAW,GAAG;QAChBC,IAAI,EAAEL,UAAU,IAAIxC,KAAK,GAAG,OAAO,GAAG,IAAI;QAC1C8C,IAAI,EAAEN,UAAU,IAAIxC,KAAK,GAAG,OAAO,GAAG;MACxC,CAAC;MAED,IAAI,CAACA,KAAK,EAAE;QACV4C,WAAW,CAACE,IAAI,GAAG,UAAU;QAC7BF,WAAW,CAACC,IAAI,GAAG,OAAO;MAC5B;MAEA,IAAIH,UAAU,IAAInB,MAAM,EAAE;QACxBqB,WAAW,CAAC,kBAAkB,CAAC,GAAGrF,kBAAkB,CAClDqF,WAAW,EACXF,UAAU,GAAGnC,EAAE,GAAG,SAAS,GAAG,IAAI,EAClCgB,MAAM,GAAGhB,EAAE,GAAG,SAAS,GAAG,IAC5B,CAAC;MACH;MACA,IAAIZ,QAAQ,EAAE;QACZiD,WAAW,CAAC,eAAe,CAAC,GAAGA,WAAW,CAACjD,QAAQ,GAAG,IAAI;MAC5D;MAEAiD,WAAW,GAAGG,MAAM,CAACC,MAAM,CAACJ,WAAW,EAAEP,IAAI,CAAC;MAE9CzE,qBAAqB,CAACgF,WAAW,EAAE7B,QAAQ,EAAE,IAAI,CAACxB,OAAO,CAAC;MAG1DlC,qBAAqB,CAAC,IAAI,CAACmB,KAAK,EAAEoE,WAAW,CAAC;MAE9C,MAAMK,SAAS,GAAGxB,KAAK,IACrB3E,KAAA,CAAA6D,aAAA,CAAC7C,SAAS;QACRyC,EAAE,EAAEA,EAAE,GAAG,QAAS;QAClB2C,KAAK,EAAE3C,EAAG;QACV4C,IAAI,EAAE1B,KAAM;QACZO,QAAQ,EAAEA,QAAS;QACnBjB,QAAQ,EAAEA,QAAS;QACnBqC,MAAM,EAAE1B;MAAc,CACvB,CACF;MAED,MAAM2B,OAAO,GAAG7B,OAAO,IAAI,OAAO;MAElC,OACE1E,KAAA,CAAA6D,aAAA,SAAUgC,UAAU,EAClB7F,KAAA,CAAA6D,aAAA;QAAMkB,SAAS,EAAC;MAAkB,GAC/BF,cAAc,KAAK,MAAM,IAAIsB,SAAS,EAEvCnG,KAAA,CAAA6D,aAAA;QAAMkB,SAAS,EAAC;MAAkB,GAAAyB,gBAAA,KAAAA,gBAAA,GAChCxG,KAAA,CAAA6D,aAAA,CAAClD,eAAe,MAAE,CAAC,GAEnBX,KAAA,CAAA6D,aAAA,CAAC5C,UAAU,EAAAwF,QAAA;QACTC,IAAI,EAAEd,UAAW;QACjBnC,EAAE,EAAEA,EAAE,GAAG,cAAe;QACxBe,YAAY,EAAEA,YAAa;QAC3BG,KAAK,EAAEA,KAAM;QACbgC,OAAO,EAAElD,EAAE,GAAG,SAAU;QACxBmD,cAAc,EAAEnD,EAAE,GAAG,IAAI,GAAGA,EAAE,GAAG,QAAS;QAC1C4C,IAAI,EAAEjC,MAAO;QACbzC,KAAK,EAAE0C,YAAa;QACpBwC,YAAY,EAAEtC,mBAAoB;QAClCN,QAAQ,EAAEA;MAAS,GACfK,YAAY,CACjB,CAAC,EAEFtE,KAAA,CAAA6D,aAAA;QAAMkB,SAAS,EAAC;MAAgB,GAC9B/E,KAAA,CAAA6D,aAAA;QAAMkB,SAAS,EAAC;MAAkB,GAChC/E,KAAA,CAAA6D,aAAA,CAAC0C,OAAO,EAAAE,QAAA;QACNT,IAAI,EAAC,OAAO;QACZxD,KAAK,EAAEA,KAAM;QACbiB,EAAE,EAAEA,EAAG;QACPkC,IAAI,EAAEzC,KAAM;QACZ6B,SAAS,EAAC,kBAAkB;QAC5BlD,OAAO,EAAEA,OAAQ;QACjB,gBACE,IAAI,CAACkB,YAAY,CAAC,CAAC,GAAG+D,SAAS,GAAGjF,OACnC;QACDqD,QAAQ,EAAE9E,MAAM,CAAC8E,QAAQ,CAAE;QAC3B6B,GAAG,EAAE,IAAI,CAAC3D;MAAU,GAChB0C,WAAW;QACf3C,QAAQ,EAAE,IAAI,CAACb,eAAgB;QAC/B0E,OAAO,EAAE,IAAI,CAACC,cAAe;QAC7BC,SAAS,EAAE,IAAI,CAACC;MAAiB,EAClC,CAAC,EAEFnH,KAAA,CAAA6D,aAAA;QACEkB,SAAS,EAAE7E,UAAU,CACnB,mBAAmB,EACnBa,mBAAmB,CACjB,OAAO,EACPkD,QAAQ,EACR,IAAI,CAACxB,OACP,CACF,CAAE;QACF;MAAW,CACZ,CAAC,EAAA2E,KAAA,KAAAA,KAAA,GACFpH,KAAA,CAAA6D,aAAA;QAAMkB,SAAS,EAAC,kBAAkB;QAAC;MAAW,CAAE,CAAC,GACjD/E,KAAA,CAAA6D,aAAA;QACEkB,SAAS,EAAE7E,UAAU,CACnB,gBAAgB,EAChBa,mBAAmB,CACjB,MAAM,EACNkD,QAAQ,EACR,IAAI,CAACxB,OACP,CACF,CAAE;QACF;MAAW,CACZ,CACG,CAAC,EAENoC,cAAc,KAAK,MAAM,IAAIsB,SAAS,EAEtC1B,MAAM,IACLzE,KAAA,CAAA6D,aAAA,CAACxC,MAAM;QACL0D,SAAS,EAAC,mBAAmB;QAC7BtB,EAAE,EAAEA,EAAE,GAAG,SAAU;QACnBhB,OAAO,EAAEf;MAAM,GAEd+C,MACK,CAEN,CACF,CACF,CACF,CAAC;IAEX,CACgB,CAAC;EAEvB;AACF;AAACvC,eAAA,CAtboBX,KAAK,iBACHJ,iBAAiB;AAAAe,eAAA,CADnBX,KAAK,kBAqDF;EACpBoD,KAAK,EAAE,IAAI;EACXC,aAAa,EAAE,IAAI;EACnBC,cAAc,EAAE,IAAI;EACpBhD,OAAO,EAAE,IAAI;EACbqD,QAAQ,EAAE,IAAI;EACdzB,EAAE,EAAE,IAAI;EACRqB,IAAI,EAAE,IAAI;EACVJ,OAAO,EAAE,OAAO;EAChBxB,KAAK,EAAE,IAAI;EACXkB,MAAM,EAAE,IAAI;EACZC,YAAY,EAAE,OAAO;EACrBC,YAAY,EAAE,IAAI;EAClBC,mBAAmB,EAAE,IAAI;EACzBC,YAAY,EAAE,IAAI;EAClBC,MAAM,EAAE,IAAI;EACZjC,KAAK,EAAE,EAAE;EACT6E,UAAU,EAAE,IAAI;EAChBxE,QAAQ,EAAE,KAAK;EACfoB,QAAQ,EAAE,IAAI;EAEdc,SAAS,EAAE,IAAI;EACfK,QAAQ,EAAE,IAAI;EAEdC,SAAS,EAAE,IAAI;EACfC,eAAe,EAAE,IAAI;EAErB3B,QAAQ,EAAE;AACZ,CAAC;AAAAzB,eAAA,CAjFkBX,KAAK,WAmFTL,UAAU;AAAAgB,eAAA,CAnFNX,KAAK,kBAqFDI,KAAK,IAAK,SAAS,CAAC2F,IAAI,CAACC,MAAM,CAAC5F,KAAK,CAAC,CAAC;AAAA6F,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBArF3CnG,KAAK,CAGjBoG,SAAS,GAAAC,aAAA,CAAAA,aAAA;EACdjD,KAAK,EAAE1E,SAAS,CAAC4H,SAAS,CAAC,CACzB5H,SAAS,CAAC6H,MAAM,EAChB7H,SAAS,CAAC8H,IAAI,EACd9H,SAAS,CAAC+H,IAAI,CACf,CAAC;EACFpD,aAAa,EAAE3E,SAAS,CAAC4H,SAAS,CAAC,CAAC5H,SAAS,CAAC6H,MAAM,EAAE7H,SAAS,CAACgI,IAAI,CAAC,CAAC;EACtEpD,cAAc,EAAE5E,SAAS,CAACiI,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAClDrG,OAAO,EAAE5B,SAAS,CAAC4H,SAAS,CAAC,CAAC5H,SAAS,CAAC6H,MAAM,EAAE7H,SAAS,CAACgI,IAAI,CAAC,CAAC;EAChE/C,QAAQ,EAAEjF,SAAS,CAAC4H,SAAS,CAAC,CAAC5H,SAAS,CAAC6H,MAAM,EAAE7H,SAAS,CAACgI,IAAI,CAAC,CAAC;EACjExE,EAAE,EAAExD,SAAS,CAAC6H,MAAM;EACpBpD,OAAO,EAAEzE,SAAS,CAAC+H,IAAI;EACvB9E,KAAK,EAAEjD,SAAS,CAAC6H,MAAM;EACvBhD,IAAI,EAAE7E,SAAS,CAACiI,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACrD9D,MAAM,EAAEnE,SAAS,CAAC4H,SAAS,CAAC,CAC1B5H,SAAS,CAAC6H,MAAM,EAChB7H,SAAS,CAACgI,IAAI,EACdhI,SAAS,CAAC8H,IAAI,EACd9H,SAAS,CAAC+H,IAAI,CACf,CAAC;EACF3D,YAAY,EAAEpE,SAAS,CAAC6H,MAAM;EAC9BxD,YAAY,EAAErE,SAAS,CAACkI,MAAM;EAC9B5D,mBAAmB,EAAEtE,SAAS,CAAC4H,SAAS,CAAC,CACvC5H,SAAS,CAAC6H,MAAM,EAChB7H,SAAS,CAACgI,IAAI,CACf,CAAC;EACFzD,YAAY,EAAEvE,SAAS,CAACmI,KAAK,CAAC;IAC5B3E,EAAE,EAAExD,SAAS,CAAC6H,MAAM;IACpBO,OAAO,EAAEpI,SAAS,CAAC4H,SAAS,CAAC,CAAC5H,SAAS,CAAC6H,MAAM,EAAE7H,SAAS,CAAC+H,IAAI,CAAC;EACjE,CAAC,CAAC;EACFvD,MAAM,EAAExE,SAAS,CAAC4H,SAAS,CAAC,CAC1B5H,SAAS,CAAC6H,MAAM,EAChB7H,SAAS,CAAC8H,IAAI,EACd9H,SAAS,CAAC+H,IAAI,CACf,CAAC;EACFxF,KAAK,EAAEvC,SAAS,CAAC6H,MAAM;EACvBT,UAAU,EAAEpH,SAAS,CAAC4H,SAAS,CAAC,CAAC5H,SAAS,CAAC6H,MAAM,EAAE7H,SAAS,CAACkI,MAAM,CAAC,CAAC;EACrElE,QAAQ,EAAEhE,SAAS,CAAC4H,SAAS,CAAC,CAAC5H,SAAS,CAAC6H,MAAM,EAAE7H,SAAS,CAACgI,IAAI,CAAC,CAAC;EACjEpF,QAAQ,EAAE5C,SAAS,CAAC4H,SAAS,CAAC,CAAC5H,SAAS,CAAC6H,MAAM,EAAE7H,SAAS,CAACgI,IAAI,CAAC,CAAC;EACjEtE,QAAQ,EAAE1D,SAAS,CAAC4H,SAAS,CAAC,CAAC5H,SAAS,CAAC8H,IAAI,EAAE9H,SAAS,CAACkI,MAAM,CAAC;AAAC,GAE9DvH,gBAAgB;EAEnBmE,SAAS,EAAE9E,SAAS,CAAC6H,MAAM;EAC3B1C,QAAQ,EAAEnF,SAAS,CAAC4H,SAAS,CAAC,CAAC5H,SAAS,CAAC6H,MAAM,EAAE7H,SAAS,CAAC8H,IAAI,CAAC,CAAC;EAEjE1C,SAAS,EAAEpF,SAAS,CAAC8H,IAAI;EACzBzC,eAAe,EAAErF,SAAS,CAAC8H;AAAI;AAsYnCxG,KAAK,CAAC+G,YAAY,GAAG,IAAI;AACzB/G,KAAK,CAACgH,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"Radio.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","keycode","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","FormLabel","FormStatus","RadioGroup","RadioGroupContext","Context","Suffix","pickFormElementProps","Radio","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","constructor","_defineProperty","event","key","isInNoGroup","onChangeHandler","isContextGroupOrSingle","value","context","preventDefault","setState","_event","readOnly","target","isPlainGroup","setTimeout","callOnChange","group","onChange","_refInput","current","focus","createRef","_id","id","componentDidMount","innerRef","render","createElement","Consumer","contextProps","defaultProps","skeleton","FormRow","formElement","status","status_state","status_props","status_no_animation","globalStatus","suffix","element","label","label_sr_only","label_position","size","className","_group","_value","disabled","_disabled","children","on_change","on_state_update","rest","_objectWithoutProperties","_excluded","hasContext","name","showStatus","mainParams","inputParams","role","type","Object","assign","labelComp","forId","text","srOnly","Element","_AlignmentHelper","_extends","show","text_id","width_selector","no_animation","undefined","ref","onClick","onClickHandler","onKeyDown","onKeyDownHandler","_span","attributes","test","String","process","env","NODE_ENV","propTypes","_objectSpread","oneOfType","string","func","node","bool","oneOf","object","shape","message","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/radio/Radio.js"],"sourcesContent":["/**\n * Web Radio Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  getStatusState,\n  combineDescribedBy,\n  dispatchCustomElementEvent,\n  keycode,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport RadioGroup from './RadioGroup'\nimport RadioGroupContext from './RadioGroupContext'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\n\n/**\n * The radio component is our enhancement of the classic radio button.\n */\nexport default class Radio extends React.PureComponent {\n  static contextType = RadioGroupContext\n\n  static propTypes = {\n    label: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    label_position: PropTypes.oneOf(['left', 'right']),\n    checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    id: PropTypes.string,\n    element: PropTypes.node,\n    group: PropTypes.string,\n    size: PropTypes.oneOf(['default', 'medium', 'large']),\n    status: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    status_state: PropTypes.string,\n    status_props: PropTypes.object,\n    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    suffix: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    value: PropTypes.string,\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n    on_change: PropTypes.func,\n    on_state_update: PropTypes.func,\n  }\n\n  static defaultProps = {\n    label: null,\n    label_sr_only: null,\n    label_position: null,\n    checked: null,\n    disabled: null,\n    id: null,\n    size: null,\n    element: 'input',\n    group: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    value: '',\n    attributes: null,\n    readOnly: false,\n    skeleton: null,\n\n    className: null,\n    children: null,\n\n    on_change: null,\n    on_state_update: null,\n\n    innerRef: null,\n  }\n\n  static Group = RadioGroup\n\n  static parseChecked = (state) => /true|on/.test(String(state))\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._listenForPropChanges) {\n      if (props.checked !== state._checked) {\n        state.checked = Radio.parseChecked(props.checked)\n      }\n    }\n    state._listenForPropChanges = true\n\n    if (state.checked !== state.__checked) {\n      dispatchCustomElementEvent({ props }, 'on_state_update', {\n        checked: state.checked,\n      })\n    }\n\n    state._checked = props.checked\n    state.__checked = state.checked\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n    this._refInput = React.createRef()\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n    this.state = {\n      _listenForPropChanges: true,\n    }\n  }\n\n  componentDidMount() {\n    if (this.props.innerRef) {\n      typeof this.props.innerRef === 'function'\n        ? this.props.innerRef(this._refInput.current)\n        : (this.props.innerRef.current = this._refInput.current)\n    }\n  }\n\n  onKeyDownHandler = (event) => {\n    const key = keycode(event)\n    // only have key support if there is only a single radio\n    if (this.isInNoGroup()) {\n      switch (key) {\n        case 'enter':\n          this.onChangeHandler(event)\n          break\n      }\n    } else if (this.isContextGroupOrSingle()) {\n      switch (key) {\n        case 'space':\n        case 'enter': {\n          const { value } = this.context\n          if (value !== null && typeof value !== 'undefined') {\n            event.preventDefault()\n          }\n          if (key === 'enter') {\n            const checked = !this.state.checked\n            this.setState({ checked, _listenForPropChanges: false })\n          }\n          break\n        }\n      }\n    } else {\n      // else we only use the native support, and don't want space support\n      // because only arrow keys has to be used\n      switch (key) {\n        case 'space': {\n          event.preventDefault()\n          break\n        }\n      }\n    }\n    dispatchCustomElementEvent(this, 'on_key_down', { event })\n  }\n\n  onChangeHandler = (_event) => {\n    const event = _event\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    const value = event.target.value\n    const checked = !this.state.checked\n\n    // delay in case we have a props group only\n    if (this.isPlainGroup()) {\n      // in case we have a false \"hasContext\" but a \"group\"\n      // then we have to use a delay, to overwrite the uncontrolled state\n      setTimeout(() => {\n        this.setState({ checked, _listenForPropChanges: false }, () =>\n          this.callOnChange({ value, checked, event })\n        )\n      }, 1)\n    } else {\n      this.setState({ checked, _listenForPropChanges: false })\n      this.callOnChange({ value, checked, event })\n    }\n  }\n\n  // only support on change if there is either:\n  // 1. context group usage\n  // 2. or a single, no group usage\n  isContextGroupOrSingle = () =>\n    typeof this.context.value !== 'undefined' && !this.props.group\n  isPlainGroup = () =>\n    typeof this.context.value === 'undefined' && this.props.group\n  isInNoGroup = () =>\n    typeof this.context.value === 'undefined' && !this.props.group\n\n  onClickHandler = (event) => {\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    // only have click support if there are more plain radio\n    if (!this.isPlainGroup()) {\n      return\n    }\n    const value = event.target.value\n    const checked = event.target.checked\n    this.callOnChange({ value, checked, event })\n  }\n\n  callOnChange = ({ value, checked, event }) => {\n    const { group } = this.props\n    if (this.context.onChange) {\n      this.context.onChange({\n        value,\n      })\n    }\n    dispatchCustomElementEvent(this, 'on_change', {\n      group,\n      checked,\n      value,\n      event,\n    })\n\n    // help firefox and safari to have an correct state after a click\n    if (this._refInput.current) {\n      this._refInput.current.focus()\n    }\n  }\n\n  render() {\n    return (\n      <Context.Consumer>\n        {(context) => {\n          // from internal context\n          const contextProps = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            this.context\n          )\n\n          // use only the props from context, who are available here anyway\n          const props = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            contextProps,\n            { skeleton: context?.skeleton },\n            // Deprecated – can be removed in v11\n            pickFormElementProps(context.FormRow),\n            pickFormElementProps(context.formElement),\n            context.Radio\n          )\n\n          const {\n            status,\n            status_state,\n            status_props,\n            status_no_animation,\n            globalStatus,\n            suffix,\n            element,\n            label,\n            label_sr_only,\n            label_position,\n            size,\n            readOnly,\n            skeleton,\n            className,\n            id: _id, // eslint-disable-line\n            group: _group, // eslint-disable-line\n            value: _value, // eslint-disable-line\n            checked: _checked, // eslint-disable-line\n            disabled: _disabled, // eslint-disable-line\n            children, // eslint-disable-line\n            on_change, // eslint-disable-line\n            on_state_update, // eslint-disable-line\n            innerRef, // eslint-disable-line\n\n            ...rest\n          } = props\n\n          let { checked } = this.state\n          let { value, group, disabled } = props // get it from context also\n\n          const hasContext = typeof this.context.name !== 'undefined'\n\n          if (hasContext) {\n            if (typeof this.context.value !== 'undefined') {\n              checked = this.context.value === value\n            }\n            group = this.context.name\n            if (isTrue(this.context.disabled) && disabled !== false) {\n              disabled = true\n            }\n          } else if (typeof rest.name !== 'undefined') {\n            group = rest.name\n          }\n\n          const id = this._id\n          const showStatus = getStatusState(status)\n\n          const mainParams = {\n            className: classnames(\n              'dnb-radio',\n              status && `dnb-radio__status--${status_state}`,\n              size && `dnb-radio--${size}`,\n              label &&\n                `dnb-radio--label-position-${label_position || 'right'}`,\n              createSpacingClasses(props),\n              className\n            ),\n          }\n\n          let inputParams = {\n            role: hasContext || group ? 'radio' : null,\n            type: hasContext || group ? 'radio' : 'checkbox', // overwriting the type\n          }\n\n          if (!group) {\n            inputParams.type = 'checkbox'\n            inputParams.role = 'radio' // breaks axe test\n          }\n\n          if (showStatus || suffix) {\n            inputParams['aria-describedby'] = combineDescribedBy(\n              inputParams,\n              showStatus ? id + '-status' : null,\n              suffix ? id + '-suffix' : null\n            )\n          }\n          if (readOnly) {\n            inputParams['aria-readonly'] = inputParams.readOnly = true\n          }\n\n          inputParams = Object.assign(inputParams, rest)\n\n          skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n          // also used for code markup simulation\n          validateDOMAttributes(this.props, inputParams)\n\n          const labelComp = label && (\n            <FormLabel\n              id={id + '-label'}\n              forId={id}\n              text={label}\n              disabled={disabled}\n              skeleton={skeleton}\n              srOnly={label_sr_only}\n            />\n          )\n\n          const Element = element || 'input'\n\n          return (\n            <span {...mainParams}>\n              <span className=\"dnb-radio__order\">\n                {label_position === 'left' && labelComp}\n\n                <span className=\"dnb-radio__inner\">\n                  <AlignmentHelper />\n\n                  <FormStatus\n                    show={showStatus}\n                    id={id + '-form-status'}\n                    globalStatus={globalStatus}\n                    label={label}\n                    text_id={id + '-status'} // used for \"aria-describedby\"\n                    width_selector={id + ', ' + id + '-label'}\n                    text={status}\n                    state={status_state}\n                    no_animation={status_no_animation}\n                    skeleton={skeleton}\n                    {...status_props}\n                  />\n\n                  <span className=\"dnb-radio__row\">\n                    <span className=\"dnb-radio__shell\">\n                      <Element\n                        type=\"radio\"\n                        value={value}\n                        id={id}\n                        name={group}\n                        className=\"dnb-radio__input\"\n                        checked={checked}\n                        aria-checked={\n                          this.isPlainGroup() ? undefined : checked\n                        }\n                        disabled={isTrue(disabled)}\n                        ref={this._refInput}\n                        {...inputParams}\n                        onChange={this.onChangeHandler}\n                        onClick={this.onClickHandler}\n                        onKeyDown={this.onKeyDownHandler}\n                      />\n\n                      <span\n                        className={classnames(\n                          'dnb-radio__button',\n                          createSkeletonClass(\n                            'shape',\n                            skeleton,\n                            this.context\n                          )\n                        )}\n                        aria-hidden\n                      />\n                      <span className=\"dnb-radio__focus\" aria-hidden />\n                      <span\n                        className={classnames(\n                          'dnb-radio__dot',\n                          createSkeletonClass(\n                            'font',\n                            skeleton,\n                            this.context\n                          )\n                        )}\n                        aria-hidden\n                      />\n                    </span>\n\n                    {label_position !== 'left' && labelComp}\n\n                    {suffix && (\n                      <Suffix\n                        className=\"dnb-radio__suffix\"\n                        id={id + '-suffix'} // used for \"aria-describedby\"\n                        context={props}\n                      >\n                        {suffix}\n                      </Suffix>\n                    )}\n                  </span>\n                </span>\n              </span>\n            </span>\n          )\n        }}\n      </Context.Consumer>\n    )\n  }\n}\n\nRadio._formElement = true\nRadio._supportsSpacingProps = true\n"],"mappings":"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"}

package/es/components/table/TableClickableHead.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["children", "className", "disabled", "onClick", "onOpened", "onClosed", "trIsOpen", "trIsHover", "trHadClick", "clickable", "noAnimation", "onMouseEnter", "onMouseLeave", "onKeyDown", "ariaLabel"];
 import React from 'react';
 import classnames from 'classnames';
-import keycode from 'keycode';
+import keycode from '../../shared/keycode';
 import { hasSelectedText } from '../../shared/helpers';
 import Button from '../button/Button';
 import IconPrimary from '../icon/IconPrimary';

package/es/components/table/TableClickableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableClickableHead.js","names":["React","classnames","keycode","hasSelectedText","Button","IconPrimary","Th","Td","TableContext","TableClickableHead","allProps","children","className","disabled","onClick","onOpened","onClosed","trIsOpen","trIsHover","trHadClick","clickable","noAnimation","onMouseEnter","onMouseLeave","onKeyDown","ariaLabel","props","_objectWithoutProperties","_excluded","trParams","onKeydownHandler","createElement","_extends","tabIndex","undefined","event","nativeEvent","target","document","activeElement","tagName","preventDefault","onClickTr","allowInteractiveElement","TableClickableButtonTd","_React$useContext","icon","tableContextAllProps","useContext","iconSize","size","Boolean","on_click","TableIconSrTh","text","isTableHead","some","element","type"],"sources":["../../../../src/components/table/TableClickableHead.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport { hasSelectedText } from '../../shared/helpers'\nimport Button from '../button/Button'\nimport IconPrimary from '../icon/IconPrimary'\nimport Th from './TableTh'\nimport Td from './TableTd'\nimport { TableContext } from './TableContext'\nimport type { TableTrProps } from './TableTr'\n\nexport type TableClickableHeadProps = {\n  trIsOpen?: boolean\n  trIsHover?: boolean\n  trHadClick?: boolean\n  clickable: boolean\n  noAnimation?: boolean\n  ariaLabel: string\n} & TableTrProps &\n  React.TableHTMLAttributes<HTMLTableRowElement>\n\nexport function TableClickableHead(allProps: TableClickableHeadProps) {\n  const {\n    children,\n    className,\n    disabled,\n    onClick,\n    onOpened,\n    onClosed,\n\n    trIsOpen,\n    trIsHover,\n    trHadClick,\n    clickable,\n    noAnimation,\n    onMouseEnter,\n    onMouseLeave,\n    onKeyDown,\n    ariaLabel,\n    ...props\n  } = allProps\n\n  const trParams =\n    !disabled && clickable\n      ? {\n          onClick: onClick,\n          onMouseEnter: onMouseEnter,\n          onMouseLeave: onMouseLeave,\n          onKeyDown: onKeydownHandler,\n        }\n      : {}\n\n  return (\n    <tr\n      tabIndex={clickable && !disabled ? 0 : undefined}\n      className={classnames(\n        className,\n        clickable && 'dnb-table__tr--clickable',\n        trIsOpen && 'dnb-table__tr--expanded',\n        disabled && 'dnb-table__tr--disabled',\n        noAnimation && 'dnb-table__tr--no-animation',\n        trIsHover && trHadClick && 'dnb-table__tr--hover'\n      )}\n      {...trParams}\n      {...props}\n    >\n      {children}\n    </tr>\n  )\n\n  function onKeydownHandler(\n    event: React.KeyboardEvent<HTMLTableRowElement>\n  ) {\n    switch (keycode(event.nativeEvent)) {\n      case 'space':\n      case 'enter':\n        {\n          const target = event.target as HTMLElement\n          if (\n            document.activeElement !== target ||\n            target.tagName === 'TR'\n          ) {\n            onKeyDown(event)\n            event.preventDefault()\n          }\n        }\n        break\n    }\n  }\n}\n\nexport function onClickTr(\n  event: React.SyntheticEvent,\n  allowInteractiveElement = false,\n  onClick?: (event: React.SyntheticEvent) => void\n) {\n  const target = event.target as HTMLElement\n  if (\n    /**\n     * Do not toggle if user clicked an interactive element (input, button, etc.).\n     * Interactive to set activeElement on mouseDown, we we can check against it.\n     */\n    ((document.activeElement !== target &&\n      /**\n       * Safari on macOS needs this extra check:\n       *\n       * > For example, on macOS systems, elements that aren't text input elements are not typically focusable by default.\n       * https://developer.mozilla.org/en-US/docs/Web/API/Document/activeElement\n       */\n      target.tagName !== 'INPUT' &&\n      target.tagName !== 'LABEL') ||\n      allowInteractiveElement) &&\n    /**\n     * Let the user select text,\n     * without triggering the onclick.\n     */\n    !hasSelectedText()\n  ) {\n    onClick?.(event)\n  }\n}\n\nexport function TableClickableButtonTd(props: {\n  trIsOpen?: boolean\n  ariaLabel: string\n  icon: 'chevron_down' | 'chevron_right'\n  onClick: (\n    event: React.SyntheticEvent,\n    allowInteractiveElement: boolean\n  ) => void\n}) {\n  const { trIsOpen, ariaLabel, icon, onClick } = props\n\n  const tableContextAllProps = React.useContext(TableContext)?.allProps\n  const iconSize =\n    tableContextAllProps?.size === 'medium' ||\n    tableContextAllProps?.size === 'small'\n      ? 'basis'\n      : 'medium'\n\n  return (\n    <Td className=\"dnb-table__td__button-icon\">\n      <span className=\"dnb-table__button\">\n        <IconPrimary icon={icon} size={iconSize} />\n        <Button\n          className=\"dnb-sr-only\"\n          tabIndex={-1}\n          aria-label={ariaLabel}\n          aria-expanded={Boolean(trIsOpen)}\n          {...(trIsOpen != null\n            ? { 'aria-expanded': Boolean(trIsOpen) }\n            : {})}\n          on_click={(event) => onClick(event, true)}\n        />\n      </span>\n    </Td>\n  )\n}\n\nexport function TableIconSrTh(props: { text: string }) {\n  const { text } = props\n\n  return (\n    <Th aria-hidden className=\"dnb-table__th__button-icon\">\n      <div>{text}</div>\n    </Th>\n  )\n}\n\nexport const isTableHead = (children: React.ReactNode[]) =>\n  children.some((element: React.ReactElement) => element.type === Th)\n"],"mappings":"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"}
+{"version":3,"file":"TableClickableHead.js","names":["React","classnames","keycode","hasSelectedText","Button","IconPrimary","Th","Td","TableContext","TableClickableHead","allProps","children","className","disabled","onClick","onOpened","onClosed","trIsOpen","trIsHover","trHadClick","clickable","noAnimation","onMouseEnter","onMouseLeave","onKeyDown","ariaLabel","props","_objectWithoutProperties","_excluded","trParams","onKeydownHandler","createElement","_extends","tabIndex","undefined","event","nativeEvent","target","document","activeElement","tagName","preventDefault","onClickTr","allowInteractiveElement","TableClickableButtonTd","_React$useContext","icon","tableContextAllProps","useContext","iconSize","size","Boolean","on_click","TableIconSrTh","text","isTableHead","some","element","type"],"sources":["../../../../src/components/table/TableClickableHead.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport keycode from '../../shared/keycode'\nimport { hasSelectedText } from '../../shared/helpers'\nimport Button from '../button/Button'\nimport IconPrimary from '../icon/IconPrimary'\nimport Th from './TableTh'\nimport Td from './TableTd'\nimport { TableContext } from './TableContext'\nimport type { TableTrProps } from './TableTr'\n\nexport type TableClickableHeadProps = {\n  trIsOpen?: boolean\n  trIsHover?: boolean\n  trHadClick?: boolean\n  clickable: boolean\n  noAnimation?: boolean\n  ariaLabel: string\n} & TableTrProps &\n  React.TableHTMLAttributes<HTMLTableRowElement>\n\nexport function TableClickableHead(allProps: TableClickableHeadProps) {\n  const {\n    children,\n    className,\n    disabled,\n    onClick,\n    onOpened,\n    onClosed,\n\n    trIsOpen,\n    trIsHover,\n    trHadClick,\n    clickable,\n    noAnimation,\n    onMouseEnter,\n    onMouseLeave,\n    onKeyDown,\n    ariaLabel,\n    ...props\n  } = allProps\n\n  const trParams =\n    !disabled && clickable\n      ? {\n          onClick: onClick,\n          onMouseEnter: onMouseEnter,\n          onMouseLeave: onMouseLeave,\n          onKeyDown: onKeydownHandler,\n        }\n      : {}\n\n  return (\n    <tr\n      tabIndex={clickable && !disabled ? 0 : undefined}\n      className={classnames(\n        className,\n        clickable && 'dnb-table__tr--clickable',\n        trIsOpen && 'dnb-table__tr--expanded',\n        disabled && 'dnb-table__tr--disabled',\n        noAnimation && 'dnb-table__tr--no-animation',\n        trIsHover && trHadClick && 'dnb-table__tr--hover'\n      )}\n      {...trParams}\n      {...props}\n    >\n      {children}\n    </tr>\n  )\n\n  function onKeydownHandler(\n    event: React.KeyboardEvent<HTMLTableRowElement>\n  ) {\n    switch (keycode(event.nativeEvent)) {\n      case 'space':\n      case 'enter':\n        {\n          const target = event.target as HTMLElement\n          if (\n            document.activeElement !== target ||\n            target.tagName === 'TR'\n          ) {\n            onKeyDown(event)\n            event.preventDefault()\n          }\n        }\n        break\n    }\n  }\n}\n\nexport function onClickTr(\n  event: React.SyntheticEvent,\n  allowInteractiveElement = false,\n  onClick?: (event: React.SyntheticEvent) => void\n) {\n  const target = event.target as HTMLElement\n  if (\n    /**\n     * Do not toggle if user clicked an interactive element (input, button, etc.).\n     * Interactive to set activeElement on mouseDown, we we can check against it.\n     */\n    ((document.activeElement !== target &&\n      /**\n       * Safari on macOS needs this extra check:\n       *\n       * > For example, on macOS systems, elements that aren't text input elements are not typically focusable by default.\n       * https://developer.mozilla.org/en-US/docs/Web/API/Document/activeElement\n       */\n      target.tagName !== 'INPUT' &&\n      target.tagName !== 'LABEL') ||\n      allowInteractiveElement) &&\n    /**\n     * Let the user select text,\n     * without triggering the onclick.\n     */\n    !hasSelectedText()\n  ) {\n    onClick?.(event)\n  }\n}\n\nexport function TableClickableButtonTd(props: {\n  trIsOpen?: boolean\n  ariaLabel: string\n  icon: 'chevron_down' | 'chevron_right'\n  onClick: (\n    event: React.SyntheticEvent,\n    allowInteractiveElement: boolean\n  ) => void\n}) {\n  const { trIsOpen, ariaLabel, icon, onClick } = props\n\n  const tableContextAllProps = React.useContext(TableContext)?.allProps\n  const iconSize =\n    tableContextAllProps?.size === 'medium' ||\n    tableContextAllProps?.size === 'small'\n      ? 'basis'\n      : 'medium'\n\n  return (\n    <Td className=\"dnb-table__td__button-icon\">\n      <span className=\"dnb-table__button\">\n        <IconPrimary icon={icon} size={iconSize} />\n        <Button\n          className=\"dnb-sr-only\"\n          tabIndex={-1}\n          aria-label={ariaLabel}\n          aria-expanded={Boolean(trIsOpen)}\n          {...(trIsOpen != null\n            ? { 'aria-expanded': Boolean(trIsOpen) }\n            : {})}\n          on_click={(event) => onClick(event, true)}\n        />\n      </span>\n    </Td>\n  )\n}\n\nexport function TableIconSrTh(props: { text: string }) {\n  const { text } = props\n\n  return (\n    <Th aria-hidden className=\"dnb-table__th__button-icon\">\n      <div>{text}</div>\n    </Th>\n  )\n}\n\nexport const isTableHead = (children: React.ReactNode[]) =>\n  children.some((element: React.ReactElement) => element.type === Th)\n"],"mappings":"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"}

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

@@ -706,15 +706,6 @@ html:not([data-whatinput=keyboard]) .dnb-table__tr--clickable.dnb-table__tr.dnb-
 .dnb-table__tr--clickable.dnb-table__tr--disabled .dnb-table__td__button-icon .dnb-icon {
   color: var(--table-accordion-icon-color--disabled);
 }
-@supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
-  .dnb-table__tr__accordion-content[hidden] {
-    /**
-    * By reverting the display from "none" to "block",
-    * we trick VoiceOver to not make this row as the end of the table. We still need "hidden" to get the correct number of rows (childCount).
-    */
-    display: block;
-  }
-}
 .dnb-table__tr__accordion-content__inner {
   overflow: hidden;
   will-change: height;

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

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

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

@@ -59,8 +59,10 @@
 
   &--outline {
     position: relative;
-    // add extra room in bottom for caption
+
+    // Add extra room (-10rem) in bottom for caption,
     // because firefox clip-path ignores caption
+    // Use "clip-path" instead of "overflow" because display=table-row does not give the expected/same result like display=block would.
     clip-path: inset(
       0 0 -10rem 0 round var(--table-outline-radius) var(
           --table-outline-radius

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

@@ -210,16 +210,6 @@
   }
 
   &__tr__accordion-content {
-    @include IS_SAFARI_DESKTOP() {
-      &[hidden] {
-        /**
-        * By reverting the display from "none" to "block",
-        * we trick VoiceOver to not make this row as the end of the table. We still need "hidden" to get the correct number of rows (childCount).
-        */
-        display: block;
-      }
-    }
-
     &__inner {
       overflow: hidden;
       will-change: height;

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

@@ -74,14 +74,15 @@
   }
 
   .dnb-table__scroll-view {
-    // Clip the native Scrollbar as per defined by UX
+    // Clip the native Scrollbar as per defined by UX.
+    // We can't use "overflow: clip" here, because we want overflow to be auto/scroll.
     clip-path: inset(
       0 round 0 0 var(--table-outline-radius) var(--table-outline-radius)
     );
   }
 
   // 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".
+  // We also need to escape the "selector" because it's not supported by "node-sass".
   @supports (-webkit-appearance: none) and
     (not (-moz-appearance: meterbar)) {
     &::after {

package/es/components/table/style/table-td.scss

@@ -70,12 +70,13 @@
     }
   }
 
-  //last row must be rounded
+  // last row must be rounded
   &--outline tbody:last-child {
     .dnb-table__tr:last-child,
     .dnb-table__tr--clickable:not(
         .dnb-table__tr--expanded
       ).dnb-table__tr--last {
+      // Use "clip-path" instead of "overflow" because display=table-row does not give the expected/same result like display=block would.
       clip-path: inset(
         0 round 0 0 var(--table-outline-radius) var(--table-outline-radius)
       );

package/es/components/tabs/Tabs.js

@@ -12,9 +12,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import keycode from 'keycode';
 import Context from '../../shared/Context';
-import { warn, slugify, isTrue, makeUniqueId, extendPropsWithContextInClassComponent, validateDOMAttributes, dispatchCustomElementEvent, getPreviousSibling, filterProps, combineLabelledBy } from '../../shared/component-helper';
+import { warn, slugify, isTrue, makeUniqueId, extendPropsWithContextInClassComponent, validateDOMAttributes, dispatchCustomElementEvent, getPreviousSibling, filterProps, combineLabelledBy, keycode } from '../../shared/component-helper';
 import { spacingPropTypes, createSpacingClasses } from '../space/SpacingHelper';
 import { createSkeletonClass, skeletonDOMAttributes } from '../skeleton/SkeletonHelper';
 import Button from '../button/Button';