@dnb/eufemia 10.32.0 → 10.34.0

package/components/grid/style/grid-container.scss

@@ -7,6 +7,9 @@
   row-gap: var(--row-gap, 0);
   column-gap: var(--column-gap, 0);
 
+  &--row-gap-x-small {
+    --row-gap: var(--spacing-x-small);
+  }
   &--row-gap-small {
     --row-gap: var(--spacing-small);
   }
@@ -17,6 +20,9 @@
     --row-gap: var(--spacing-large);
   }
 
+  &--column-gap-x-small {
+    --column-gap: var(--spacing-x-small);
+  }
   &--column-gap-small {
     --column-gap: var(--spacing-small);
   }

package/components/number-format/NumberFormat.js

@@ -10,7 +10,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Context from '../../shared/Context';
-import { warn, isTrue, makeUniqueId, validateDOMAttributes, convertJsxToString, extendPropsWithContextInClassComponent, extend, detectOutsideClick } from '../../shared/component-helper';
+import { warn, isTrue, makeUniqueId, validateDOMAttributes, convertJsxToString, extendPropsWithContextInClassComponent, extendDeep, detectOutsideClick } from '../../shared/component-helper';
 import { hasSelectedText, IS_IOS } from '../../shared/helpers';
 import { spacingPropTypes, createSpacingClasses } from '../space/SpacingHelper';
 import { skeletonDOMAttributes, createSkeletonClass } from '../skeleton/SkeletonHelper';
@@ -172,7 +172,7 @@ export default class NumberFormat extends React.PureComponent {
       clean_copy_value: isTrue(clean_copy_value),
       returnAria: true
     };
-    const useContext = extend(true, {
+    const useContext = extendDeep({
       locale: null,
       currency: null
     }, this.context);

package/components/number-format/NumberFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFormat.js","names":["React","PropTypes","classnames","Context","warn","isTrue","makeUniqueId","validateDOMAttributes","convertJsxToString","extendPropsWithContextInClassComponent","extend","detectOutsideClick","hasSelectedText","IS_IOS","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","Tooltip","injectTooltipSemantic","format","showSelectionNotice","runIOSSelectionFix","NumberFormat","PureComponent","constructor","props","_defineProperty","_this$context$getTran","_this$context$getTran2","value","cleanedValue","label","context","getTranslation","clipboard_copy","run","_ref","current","setState","selected","clearTimeout","_selectAllTimeout","setTimeout","setFocus","selectall","always_selectall","hover","createRef","_selectionRef","_id","tooltip","id","undefined","state","omitCurrencySign","componentDidMount","hasiOSFix","componentWillUnmount","_this$outsideClick","outsideClick","remove","_this$_selectionRef$c","focus","selectAll","copy_selection","onBlurHandler","elem","selection","window","getSelection","range","document","createRange","selectNodeContents","removeAllRanges","addRange","e","runFix","comp","className","isValidElement","cloneElement","createElement","render","defaultProps","_value","prefix","suffix","children","currency","currency_display","currency_position","compact","ban","nin","phone","org","percent","link","_link","skeleton","options","locale","decimals","omit_rounding","clean","clean_copy_value","srLabel","element","class","_className","_rest","_objectWithoutProperties","_excluded","rest","formatOptions","omit_currency_sign","returnAria","useContext","_objectSpread","number","display","aria","lang","Fragment","String","attributes","ref","onMouseEnter","onMouseLeave","displayParams","onClick","onClickHandler","onContextMenu","onContextMenuHandler","_extends","href","Element","tabIndex","onBlur","onCopy","shortcutHandler","targetElement","process","env","NODE_ENV","propTypes","string","oneOfType","node","func","bool","oneOf","object","_supportsSpacingProps"],"sources":["../../../../src/components/number-format/NumberFormat.js"],"sourcesContent":["/**\n * Web NumberFormat Component\n *\n * This is a legacy component.\n * For refferencing 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 Context from '../../shared/Context'\nimport {\n  warn,\n  isTrue,\n  makeUniqueId,\n  validateDOMAttributes,\n  convertJsxToString,\n  extendPropsWithContextInClassComponent,\n  extend,\n  detectOutsideClick,\n} from '../../shared/component-helper'\nimport { hasSelectedText, IS_IOS } from '../../shared/helpers'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport Tooltip, { injectTooltipSemantic } from '../tooltip/Tooltip'\nimport {\n  format,\n  showSelectionNotice,\n  runIOSSelectionFix,\n} from './NumberUtils'\n\nexport default class NumberFormat extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    id: PropTypes.string,\n    value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    locale: PropTypes.string,\n    prefix: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n    suffix: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n    // currency\n    currency: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    currency_display: PropTypes.oneOfType([\n      PropTypes.bool,\n      PropTypes.oneOf(['code', 'name', 'symbol', 'narrowSymbol', '']),\n    ]),\n    currency_position: PropTypes.oneOf(['auto', 'before', 'after']),\n\n    // shortens any number or currency including an abbreviation\n    compact: PropTypes.oneOfType([\n      PropTypes.oneOf(['short', 'long']),\n      PropTypes.bool,\n    ]),\n\n    // bank account number\n    ban: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    // national identification number\n    nin: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    // phone number\n    phone: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    // organization number\n    org: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    // percentage\n    percent: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    // can be tel or sms\n    link: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    options: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n    decimals: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    selectall: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    always_selectall: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    copy_selection: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    clean_copy_value: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    omit_rounding: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    clean: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    srLabel: PropTypes.node,\n    element: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    tooltip: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  }\n  static defaultProps = {\n    id: null,\n    value: null,\n    locale: null,\n    prefix: null,\n    suffix: null,\n    currency: null,\n    currency_display: null, // code, name, symbol\n    currency_position: null, // null, before, after\n    compact: null,\n    ban: null,\n    nin: null,\n    phone: null,\n    org: null,\n    percent: null,\n    link: null,\n    options: null,\n    decimals: null,\n    selectall: true,\n    always_selectall: false,\n    copy_selection: true,\n    clean_copy_value: false,\n    omit_rounding: null,\n    clean: null,\n    srLabel: null,\n    element: 'span', // span or abbr\n    tooltip: null,\n    skeleton: null,\n    class: null,\n\n    className: null,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n    this._ref = React.createRef()\n    this._selectionRef = React.createRef()\n\n    this._id = props.tooltip ? props.id || makeUniqueId() : undefined\n    this.state = { selected: false, omitCurrencySign: false, hover: false }\n  }\n\n  componentDidMount() {\n    clearTimeout(this._selectAllTimeout)\n\n    // NB: This hack may be removed in future iOS versions\n    // in order that iOS v13 can select something on the first try, we run this add range trick\n    if (IS_IOS && !hasiOSFix) {\n      hasiOSFix = true\n      runIOSSelectionFix()\n    }\n  }\n\n  shortcutHandler = () => {\n    showSelectionNotice({\n      value: this.cleanedValue,\n      label: this.context.getTranslation(this.props)?.NumberFormat\n        ?.clipboard_copy,\n    }).run(this._ref.current)\n  }\n\n  onBlurHandler = () => {\n    this.setState({ selected: false })\n  }\n\n  onContextMenuHandler = () => {\n    if (!hasSelectedText()) {\n      clearTimeout(this._selectAllTimeout)\n      this._selectAllTimeout = setTimeout(() => {\n        this.setFocus()\n      }, 1)\n    }\n  }\n\n  onClickHandler = () => {\n    if (\n      (isTrue(this.props.selectall) ||\n        isTrue(this.props.always_selectall)) &&\n      !hasSelectedText()\n    ) {\n      this.setFocus()\n    }\n  }\n\n  componentWillUnmount() {\n    this.outsideClick?.remove()\n  }\n\n  setFocus() {\n    this.setState({ selected: true }, () => {\n      this._selectionRef.current?.focus()\n      this.selectAll()\n\n      if (!isTrue(this.props.copy_selection)) {\n        this.outsideClick = detectOutsideClick(\n          this._ref.current,\n          this.onBlurHandler\n        )\n      }\n    })\n  }\n\n  selectAll() {\n    try {\n      const elem = this._selectionRef.current || this._ref.current\n      if (elem) {\n        const selection = window.getSelection()\n        const range = document.createRange()\n        range.selectNodeContents(elem)\n        selection.removeAllRanges()\n        selection.addRange(range)\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  runFix(comp, className) {\n    if (typeof comp === 'function') {\n      comp = comp()\n    }\n    if (React.isValidElement(comp)) {\n      return React.cloneElement(comp, {\n        className: classnames(comp.props.className, className),\n      })\n    }\n    return <span className={className}>{comp}</span>\n  }\n\n  onMouseEnter = () => {\n    this.setState({ hover: true })\n  }\n\n  onMouseLeave = () => {\n    this.setState({ hover: false })\n  }\n\n  render() {\n    // consume the global context\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      NumberFormat.defaultProps,\n      this.context.getTranslation(this.props).NumberFormat,\n      this.context.NumberFormat\n    )\n\n    const {\n      id, // eslint-disable-line\n      value: _value,\n      prefix,\n      suffix,\n      children,\n      currency,\n      currency_display,\n      currency_position,\n      compact,\n      ban,\n      nin,\n      phone,\n      org,\n      percent,\n      link: _link,\n      tooltip,\n      skeleton,\n      options,\n      locale,\n      decimals,\n      omit_rounding,\n      clean,\n      selectall,\n      copy_selection,\n      clean_copy_value,\n      srLabel,\n      element,\n      class: _className,\n      className,\n      ..._rest\n    } = props\n    let rest = _rest\n\n    let link = _link\n    let value = _value\n\n    if (value === null && children !== null) {\n      value = children\n    }\n\n    const formatOptions = {\n      locale,\n      currency,\n      currency_display,\n      currency_position,\n      omit_currency_sign: this.state.omitCurrencySign,\n      compact,\n      ban,\n      nin,\n      phone,\n      org,\n      percent,\n      decimals,\n      omit_rounding: isTrue(omit_rounding),\n      options,\n      clean: isTrue(clean),\n      clean_copy_value: isTrue(clean_copy_value),\n      returnAria: true,\n    }\n\n    // use only the props from context, who are available here anyway\n    const useContext = extend(\n      true,\n      { locale: null, currency: null },\n      this.context\n    )\n\n    if (useContext) {\n      if (useContext.locale && !locale) {\n        formatOptions.locale = useContext.locale\n      }\n\n      // only replace if the prop is \"true\" and not actually a currency\n      if (useContext.currency && isTrue(currency)) {\n        formatOptions.options = formatOptions.options\n          ? { ...formatOptions.options }\n          : {}\n        formatOptions.options.currency = useContext.currency\n      }\n    }\n\n    let {\n      cleanedValue,\n      number: display,\n      aria,\n      locale: lang,\n    } = format(value, formatOptions)\n    this.cleanedValue = cleanedValue\n\n    if (prefix) {\n      display = (\n        <>\n          {this.runFix(prefix, 'dnb-number-format__prefix')} {display}\n        </>\n      )\n      aria = String(\n        `${convertJsxToString(\n          this.runFix(prefix, 'dnb-number-format__prefix')\n        )} ${aria}`\n      )\n    }\n    if (suffix) {\n      display = (\n        <>\n          {display} {this.runFix(suffix, 'dnb-number-format__suffix')}\n        </>\n      )\n      aria = `${aria} ${convertJsxToString(\n        this.runFix(suffix, 'dnb-number-format__suffix')\n      )}`\n    }\n\n    if (tooltip) {\n      rest = injectTooltipSemantic(rest)\n    }\n\n    const attributes = {\n      lang,\n      ref: this._ref,\n      className: classnames(\n        'dnb-number-format',\n        className,\n        _className,\n        (isTrue(currency) || typeof currency === 'string') &&\n          'dnb-number-format--currency',\n        isTrue(selectall) && 'dnb-number-format--selectall',\n        this.state.selected && 'dnb-number-format--selected',\n        link && 'dnb-anchor',\n        createSpacingClasses(this.props)\n      ),\n\n      // Makes it possible for NVDA to read on mouse over\n      onMouseEnter: this.onMouseEnter,\n      onMouseLeave: this.onMouseLeave,\n\n      ...rest,\n    }\n\n    /**\n     * Works in VoiceOver and NVDA\n     * Makes the span with it's roles etc. appear as text.\n     * Special useful if a number is in side e.g. a paragraph alongside with numbers\n     */\n    attributes['role'] = 'text' // role=\"text\"\n\n    const displayParams = {}\n    if (isTrue(selectall) || isTrue(copy_selection)) {\n      displayParams.onClick = this.onClickHandler\n      displayParams.onContextMenu = this.onContextMenuHandler\n    }\n\n    validateDOMAttributes(this.props, attributes)\n    skeletonDOMAttributes(attributes, skeleton, this.context)\n\n    if (link) {\n      if (isTrue(link)) {\n        link = 'tel'\n      }\n      return (\n        <a href={`${link}:${display}`} {...attributes}>\n          {display}\n        </a>\n      )\n    }\n\n    const Element = element\n\n    return (\n      <Element {...attributes}>\n        <span\n          className={classnames(\n            'dnb-number-format__visible',\n            createSkeletonClass('font', skeleton, this.context)\n          )}\n          // Makes it possible for NVDA to read on mouse over\n          aria-hidden={!this.state.hover}\n          {...displayParams}\n        >\n          {display}\n        </span>\n\n        {/* Used for VoiceOver and NVDA when navigating with arrow keys */}\n        <span\n          className=\"dnb-sr-only\"\n          // Use \"data-text\" so Chrome does not copy the HTML as content, when pasting it in Outlook etc.\n          data-text={\n            srLabel ? `${convertJsxToString(srLabel)}${' '}${aria}` : aria\n          }\n        />\n\n        {isTrue(copy_selection) && (\n          <span\n            className=\"dnb-number-format__selection dnb-no-focus\"\n            ref={this._selectionRef}\n            tabIndex={-1}\n            onBlur={this.onBlurHandler}\n            onCopy={this.shortcutHandler}\n            aria-hidden\n          >\n            {this.state.selected && cleanedValue}\n          </span>\n        )}\n\n        {tooltip && (\n          <Tooltip\n            id={this._id + '-tooltip'}\n            targetElement={this._ref}\n            tooltip={tooltip}\n          />\n        )}\n      </Element>\n    )\n  }\n}\n\nlet hasiOSFix = false\n\nNumberFormat._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"NumberFormat.js","names":["React","PropTypes","classnames","Context","warn","isTrue","makeUniqueId","validateDOMAttributes","convertJsxToString","extendPropsWithContextInClassComponent","extendDeep","detectOutsideClick","hasSelectedText","IS_IOS","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","Tooltip","injectTooltipSemantic","format","showSelectionNotice","runIOSSelectionFix","NumberFormat","PureComponent","constructor","props","_defineProperty","_this$context$getTran","_this$context$getTran2","value","cleanedValue","label","context","getTranslation","clipboard_copy","run","_ref","current","setState","selected","clearTimeout","_selectAllTimeout","setTimeout","setFocus","selectall","always_selectall","hover","createRef","_selectionRef","_id","tooltip","id","undefined","state","omitCurrencySign","componentDidMount","hasiOSFix","componentWillUnmount","_this$outsideClick","outsideClick","remove","_this$_selectionRef$c","focus","selectAll","copy_selection","onBlurHandler","elem","selection","window","getSelection","range","document","createRange","selectNodeContents","removeAllRanges","addRange","e","runFix","comp","className","isValidElement","cloneElement","createElement","render","defaultProps","_value","prefix","suffix","children","currency","currency_display","currency_position","compact","ban","nin","phone","org","percent","link","_link","skeleton","options","locale","decimals","omit_rounding","clean","clean_copy_value","srLabel","element","class","_className","_rest","_objectWithoutProperties","_excluded","rest","formatOptions","omit_currency_sign","returnAria","useContext","_objectSpread","number","display","aria","lang","Fragment","String","attributes","ref","onMouseEnter","onMouseLeave","displayParams","onClick","onClickHandler","onContextMenu","onContextMenuHandler","_extends","href","Element","tabIndex","onBlur","onCopy","shortcutHandler","targetElement","process","env","NODE_ENV","propTypes","string","oneOfType","node","func","bool","oneOf","object","_supportsSpacingProps"],"sources":["../../../../src/components/number-format/NumberFormat.js"],"sourcesContent":["/**\n * Web NumberFormat Component\n *\n * This is a legacy component.\n * For refferencing 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 Context from '../../shared/Context'\nimport {\n  warn,\n  isTrue,\n  makeUniqueId,\n  validateDOMAttributes,\n  convertJsxToString,\n  extendPropsWithContextInClassComponent,\n  extendDeep,\n  detectOutsideClick,\n} from '../../shared/component-helper'\nimport { hasSelectedText, IS_IOS } from '../../shared/helpers'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport Tooltip, { injectTooltipSemantic } from '../tooltip/Tooltip'\nimport {\n  format,\n  showSelectionNotice,\n  runIOSSelectionFix,\n} from './NumberUtils'\n\nexport default class NumberFormat extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    id: PropTypes.string,\n    value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    locale: PropTypes.string,\n    prefix: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n    suffix: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n    // currency\n    currency: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    currency_display: PropTypes.oneOfType([\n      PropTypes.bool,\n      PropTypes.oneOf(['code', 'name', 'symbol', 'narrowSymbol', '']),\n    ]),\n    currency_position: PropTypes.oneOf(['auto', 'before', 'after']),\n\n    // shortens any number or currency including an abbreviation\n    compact: PropTypes.oneOfType([\n      PropTypes.oneOf(['short', 'long']),\n      PropTypes.bool,\n    ]),\n\n    // bank account number\n    ban: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    // national identification number\n    nin: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    // phone number\n    phone: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    // organization number\n    org: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    // percentage\n    percent: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    // can be tel or sms\n    link: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    options: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n    decimals: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    selectall: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    always_selectall: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    copy_selection: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    clean_copy_value: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    omit_rounding: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    clean: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    srLabel: PropTypes.node,\n    element: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    tooltip: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  }\n  static defaultProps = {\n    id: null,\n    value: null,\n    locale: null,\n    prefix: null,\n    suffix: null,\n    currency: null,\n    currency_display: null, // code, name, symbol\n    currency_position: null, // null, before, after\n    compact: null,\n    ban: null,\n    nin: null,\n    phone: null,\n    org: null,\n    percent: null,\n    link: null,\n    options: null,\n    decimals: null,\n    selectall: true,\n    always_selectall: false,\n    copy_selection: true,\n    clean_copy_value: false,\n    omit_rounding: null,\n    clean: null,\n    srLabel: null,\n    element: 'span', // span or abbr\n    tooltip: null,\n    skeleton: null,\n    class: null,\n\n    className: null,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n    this._ref = React.createRef()\n    this._selectionRef = React.createRef()\n\n    this._id = props.tooltip ? props.id || makeUniqueId() : undefined\n    this.state = { selected: false, omitCurrencySign: false, hover: false }\n  }\n\n  componentDidMount() {\n    clearTimeout(this._selectAllTimeout)\n\n    // NB: This hack may be removed in future iOS versions\n    // in order that iOS v13 can select something on the first try, we run this add range trick\n    if (IS_IOS && !hasiOSFix) {\n      hasiOSFix = true\n      runIOSSelectionFix()\n    }\n  }\n\n  shortcutHandler = () => {\n    showSelectionNotice({\n      value: this.cleanedValue,\n      label: this.context.getTranslation(this.props)?.NumberFormat\n        ?.clipboard_copy,\n    }).run(this._ref.current)\n  }\n\n  onBlurHandler = () => {\n    this.setState({ selected: false })\n  }\n\n  onContextMenuHandler = () => {\n    if (!hasSelectedText()) {\n      clearTimeout(this._selectAllTimeout)\n      this._selectAllTimeout = setTimeout(() => {\n        this.setFocus()\n      }, 1)\n    }\n  }\n\n  onClickHandler = () => {\n    if (\n      (isTrue(this.props.selectall) ||\n        isTrue(this.props.always_selectall)) &&\n      !hasSelectedText()\n    ) {\n      this.setFocus()\n    }\n  }\n\n  componentWillUnmount() {\n    this.outsideClick?.remove()\n  }\n\n  setFocus() {\n    this.setState({ selected: true }, () => {\n      this._selectionRef.current?.focus()\n      this.selectAll()\n\n      if (!isTrue(this.props.copy_selection)) {\n        this.outsideClick = detectOutsideClick(\n          this._ref.current,\n          this.onBlurHandler\n        )\n      }\n    })\n  }\n\n  selectAll() {\n    try {\n      const elem = this._selectionRef.current || this._ref.current\n      if (elem) {\n        const selection = window.getSelection()\n        const range = document.createRange()\n        range.selectNodeContents(elem)\n        selection.removeAllRanges()\n        selection.addRange(range)\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  runFix(comp, className) {\n    if (typeof comp === 'function') {\n      comp = comp()\n    }\n    if (React.isValidElement(comp)) {\n      return React.cloneElement(comp, {\n        className: classnames(comp.props.className, className),\n      })\n    }\n    return <span className={className}>{comp}</span>\n  }\n\n  onMouseEnter = () => {\n    this.setState({ hover: true })\n  }\n\n  onMouseLeave = () => {\n    this.setState({ hover: false })\n  }\n\n  render() {\n    // consume the global context\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      NumberFormat.defaultProps,\n      this.context.getTranslation(this.props).NumberFormat,\n      this.context.NumberFormat\n    )\n\n    const {\n      id, // eslint-disable-line\n      value: _value,\n      prefix,\n      suffix,\n      children,\n      currency,\n      currency_display,\n      currency_position,\n      compact,\n      ban,\n      nin,\n      phone,\n      org,\n      percent,\n      link: _link,\n      tooltip,\n      skeleton,\n      options,\n      locale,\n      decimals,\n      omit_rounding,\n      clean,\n      selectall,\n      copy_selection,\n      clean_copy_value,\n      srLabel,\n      element,\n      class: _className,\n      className,\n      ..._rest\n    } = props\n    let rest = _rest\n\n    let link = _link\n    let value = _value\n\n    if (value === null && children !== null) {\n      value = children\n    }\n\n    const formatOptions = {\n      locale,\n      currency,\n      currency_display,\n      currency_position,\n      omit_currency_sign: this.state.omitCurrencySign,\n      compact,\n      ban,\n      nin,\n      phone,\n      org,\n      percent,\n      decimals,\n      omit_rounding: isTrue(omit_rounding),\n      options,\n      clean: isTrue(clean),\n      clean_copy_value: isTrue(clean_copy_value),\n      returnAria: true,\n    }\n\n    // use only the props from context, who are available here anyway\n    const useContext = extendDeep(\n      { locale: null, currency: null },\n      this.context\n    )\n\n    if (useContext) {\n      if (useContext.locale && !locale) {\n        formatOptions.locale = useContext.locale\n      }\n\n      // only replace if the prop is \"true\" and not actually a currency\n      if (useContext.currency && isTrue(currency)) {\n        formatOptions.options = formatOptions.options\n          ? { ...formatOptions.options }\n          : {}\n        formatOptions.options.currency = useContext.currency\n      }\n    }\n\n    let {\n      cleanedValue,\n      number: display,\n      aria,\n      locale: lang,\n    } = format(value, formatOptions)\n    this.cleanedValue = cleanedValue\n\n    if (prefix) {\n      display = (\n        <>\n          {this.runFix(prefix, 'dnb-number-format__prefix')} {display}\n        </>\n      )\n      aria = String(\n        `${convertJsxToString(\n          this.runFix(prefix, 'dnb-number-format__prefix')\n        )} ${aria}`\n      )\n    }\n    if (suffix) {\n      display = (\n        <>\n          {display} {this.runFix(suffix, 'dnb-number-format__suffix')}\n        </>\n      )\n      aria = `${aria} ${convertJsxToString(\n        this.runFix(suffix, 'dnb-number-format__suffix')\n      )}`\n    }\n\n    if (tooltip) {\n      rest = injectTooltipSemantic(rest)\n    }\n\n    const attributes = {\n      lang,\n      ref: this._ref,\n      className: classnames(\n        'dnb-number-format',\n        className,\n        _className,\n        (isTrue(currency) || typeof currency === 'string') &&\n          'dnb-number-format--currency',\n        isTrue(selectall) && 'dnb-number-format--selectall',\n        this.state.selected && 'dnb-number-format--selected',\n        link && 'dnb-anchor',\n        createSpacingClasses(this.props)\n      ),\n\n      // Makes it possible for NVDA to read on mouse over\n      onMouseEnter: this.onMouseEnter,\n      onMouseLeave: this.onMouseLeave,\n\n      ...rest,\n    }\n\n    /**\n     * Works in VoiceOver and NVDA\n     * Makes the span with it's roles etc. appear as text.\n     * Special useful if a number is in side e.g. a paragraph alongside with numbers\n     */\n    attributes['role'] = 'text' // role=\"text\"\n\n    const displayParams = {}\n    if (isTrue(selectall) || isTrue(copy_selection)) {\n      displayParams.onClick = this.onClickHandler\n      displayParams.onContextMenu = this.onContextMenuHandler\n    }\n\n    validateDOMAttributes(this.props, attributes)\n    skeletonDOMAttributes(attributes, skeleton, this.context)\n\n    if (link) {\n      if (isTrue(link)) {\n        link = 'tel'\n      }\n      return (\n        <a href={`${link}:${display}`} {...attributes}>\n          {display}\n        </a>\n      )\n    }\n\n    const Element = element\n\n    return (\n      <Element {...attributes}>\n        <span\n          className={classnames(\n            'dnb-number-format__visible',\n            createSkeletonClass('font', skeleton, this.context)\n          )}\n          // Makes it possible for NVDA to read on mouse over\n          aria-hidden={!this.state.hover}\n          {...displayParams}\n        >\n          {display}\n        </span>\n\n        {/* Used for VoiceOver and NVDA when navigating with arrow keys */}\n        <span\n          className=\"dnb-sr-only\"\n          // Use \"data-text\" so Chrome does not copy the HTML as content, when pasting it in Outlook etc.\n          data-text={\n            srLabel ? `${convertJsxToString(srLabel)}${' '}${aria}` : aria\n          }\n        />\n\n        {isTrue(copy_selection) && (\n          <span\n            className=\"dnb-number-format__selection dnb-no-focus\"\n            ref={this._selectionRef}\n            tabIndex={-1}\n            onBlur={this.onBlurHandler}\n            onCopy={this.shortcutHandler}\n            aria-hidden\n          >\n            {this.state.selected && cleanedValue}\n          </span>\n        )}\n\n        {tooltip && (\n          <Tooltip\n            id={this._id + '-tooltip'}\n            targetElement={this._ref}\n            tooltip={tooltip}\n          />\n        )}\n      </Element>\n    )\n  }\n}\n\nlet hasiOSFix = false\n\nNumberFormat._supportsSpacingProps = true\n"],"mappings":"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"}

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

@@ -11,14 +11,17 @@
 }
 
 .dnb-radio {
+  --radio-dot--medium: 0.75rem;
+  --radio-dot--large: 1.125rem;
   --radio-width--large: 2rem;
   --radio-height--large: 2rem;
-  --radio-border-width: 0.125rem;
+  --radio-border-width: 0.09375rem;
   --radio-color-dot-on: black;
   --radio-color-background-on: white;
   --radio-color-border-on: black;
   --radio-color-background-off: white;
   --radio-color-border-off: black;
+  --radio-border-width--disabled: 0.125rem;
   --radio-color-dot-on--disabled: lightgrey;
   --radio-color-background--disabled: white;
   --radio-color-border-on--disabled: lightgrey;
@@ -27,9 +30,12 @@
   --radio-color-border-on--active: lightgrey;
   --radio-color-background-off--active: lightgrey;
   --radio-color-border-off--active: transparent;
+  --radio-border-width--hover: 0.125rem;
+  --radio-border-width-on--hover: 0.125rem;
   --radio-color-dot-on--hover: lightgrey;
   --radio-color-background-on--hover: lightgrey;
   --radio-color-background-off--hover: lightgrey;
+  --radio-border-width--focus: 0.125rem;
   --radio-color-background-on--focus: var(--color-white);
   --radio-color-background-off--focus: lightgrey;
   --radio-color-dot-on--error: red;
@@ -94,19 +100,19 @@ html[data-whatinput=keyboard] .dnb-radio__focus {
   border-radius: 50%;
 }
 .dnb-radio--large .dnb-radio__focus, .dnb-radio--large .dnb-radio__button {
-  width: calc(var(--radio-width--large) - 0.125rem);
-  height: calc(var(--radio-height--large) - 0.125rem);
+  width: var(--radio-width--large);
+  height: var(--radio-height--large);
 }
 .dnb-radio__dot {
-  width: calc(var(--radio-width--medium) - 0.75rem);
-  height: calc(var(--radio-height--medium) - 0.75rem);
+  width: var(--radio-dot--medium);
+  height: var(--radio-dot--medium);
   border-radius: 50%;
   background-color: var(--radio-color-dot-on);
   transition: opacity 200ms ease-out, transform 200ms ease-out;
 }
 .dnb-radio--large .dnb-radio__dot {
-  width: calc(var(--radio-width--large) - 0.875rem);
-  height: calc(var(--radio-height--large) - 0.875rem);
+  width: var(--radio-dot--large);
+  height: var(--radio-dot--large);
 }
 .dnb-radio__input {
   opacity: 0;
@@ -240,6 +246,9 @@ html[data-whatinput=keyboard] .dnb-radio__focus {
   background-color: var(--radio-color-background-off);
   border-color: var(--radio-color-border-off);
 }
+.dnb-radio__input[disabled] ~ .dnb-radio__button {
+  border-width: var(--radio-border-width--disabled);
+}
 .dnb-radio__input[disabled]:checked ~ .dnb-radio__button, .dnb-radio__input[disabled][data-checked=true] ~ .dnb-radio__button {
   border-color: var(--radio-color-border-on--disabled);
   background-color: var(--radio-color-background--disabled);
@@ -272,11 +281,14 @@ html[data-whatinput=keyboard] .dnb-radio__focus {
 }
 .dnb-radio__input:not([disabled]):not(:focus):checked:hover ~ .dnb-radio__button, .dnb-radio__input:not([disabled]):not(:focus)[data-checked=true]:hover ~ .dnb-radio__button {
   background-color: var(--radio-color-background-on--hover);
+  border-width: var(--radio-border-width-on--hover);
 }
 .dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover ~ .dnb-radio__button {
   background-color: var(--radio-color-background-off--hover);
+  border-width: var(--radio-border-width--hover);
 }
 html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):focus ~ .dnb-radio__button {
+  border-width: var(--radio-border-width--focus);
   border: none;
 }
 .dnb-radio__input:not([disabled]):focus ~ .dnb-radio__focus, .dnb-radio__input:not([disabled]):active ~ .dnb-radio__focus {

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

@@ -1 +1 @@
-:root{--radio-width--medium:1.5rem;--radio-height--medium:1.5rem}.dnb-radio{--radio-width--large:2rem;--radio-height--large:2rem;--radio-border-width:0.125rem;--radio-color-dot-on:#000;--radio-color-background-on:#fff;--radio-color-border-on:#000;--radio-color-background-off:#fff;--radio-color-border-off:#000;--radio-color-dot-on--disabled:#d3d3d3;--radio-color-background--disabled:#fff;--radio-color-border-on--disabled:#d3d3d3;--radio-color-border-off--disabled:#d3d3d3;--radio-color-dot-on--active:#d3d3d3;--radio-color-border-on--active:#d3d3d3;--radio-color-background-off--active:#d3d3d3;--radio-color-border-off--active:transparent;--radio-color-dot-on--hover:#d3d3d3;--radio-color-background-on--hover:#d3d3d3;--radio-color-background-off--hover:#d3d3d3;--radio-color-background-on--focus:var(--color-white);--radio-color-background-off--focus:#d3d3d3;--radio-color-dot-on--error:red;--radio-color-border-on--error:red;--radio-color-border--error-hover:red;--radio-color-background-off--error-hover:#fff0f5;--radio-color-background-on--error-hover:#fff0f5;--radio-color-dot-on--error-hover:#fff0f5;--radio-focus-ring-width--error:var(--focus-ring-width);--radio-bounding--medium:1.75,1.5;--radio-bounding--large:1.25,1.12;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-radio,.dnb-radio__inner{display:inline-flex;flex-direction:column}.dnb-radio__inner{align-self:center}.dnb-radio__shell{align-items:center;display:flex;flex-shrink:0;height:var(--radio-height--medium);justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:var(--radio-width--medium)}.dnb-radio__button,.dnb-radio__dot,.dnb-radio__focus{position:absolute;z-index:4}.dnb-radio__button{border:var(--radio-border-width) solid transparent}.dnb-radio__focus{display:none;outline:none}html[data-whatinput=keyboard] .dnb-radio__focus{--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-radio__button,.dnb-radio__focus{border-radius:50%;height:calc(var(--radio-height--medium) - .25rem);width:calc(var(--radio-width--medium) - .25rem)}.dnb-radio--large .dnb-radio__button,.dnb-radio--large .dnb-radio__focus{height:calc(var(--radio-height--large) - .125rem);width:calc(var(--radio-width--large) - .125rem)}.dnb-radio__dot{background-color:var(--radio-color-dot-on);border-radius:50%;height:calc(var(--radio-height--medium) - .75rem);transition:opacity .2s ease-out,transform .2s ease-out;width:calc(var(--radio-width--medium) - .75rem)}.dnb-radio--large .dnb-radio__dot{height:calc(var(--radio-height--large) - .875rem);width:calc(var(--radio-width--large) - .875rem)}.dnb-radio__input{border:0;height:var(--radio-height--medium);left:auto;margin:0;opacity:0;padding:0;position:absolute;top:auto;transform:scale(var(--radio-bounding--medium));width:var(--radio-width--medium);z-index:5}.dnb-radio--large .dnb-radio__input{height:var(--radio-height--large);transform:scale(var(--radio-bounding--large));width:var(--radio-width--large)}.dnb-radio__input:not([disabled]){cursor:pointer}.dnb-radio__order{align-items:baseline;display:inline-flex}.dnb-radio-group--column .dnb-radio__order{display:flex}.dnb-radio__row{display:inline-flex}.dnb-radio__suffix{order:3}.dnb-radio__suffix .dnb-modal__trigger{margin-bottom:-.25rem;margin-top:-.25rem}.dnb-radio-group__suffix{font-size:var(--font-size-basis)}.dnb-radio--large,.dnb-radio--large .dnb-radio__suffix{line-height:var(--radio-height--large)}.dnb-radio--large .dnb-radio__shell{height:var(--radio-height--large);width:var(--radio-width--large)}.dnb-radio .dnb-form-label{margin-bottom:0;margin-left:0;margin-right:0}.dnb-radio--label-position-left .dnb-radio__order .dnb-radio__inner{order:2}.dnb-radio--label-position-left .dnb-radio__order .dnb-form-label{order:1;padding-right:.5rem}.dnb-radio--label-position-right .dnb-radio__order .dnb-radio__inner{order:1}.dnb-radio--label-position-right .dnb-radio__order .dnb-form-label{order:2;padding-left:.5rem}:not(.dnb-radio-group)>.dnb-form-label+.dnb-radio{vertical-align:top}.dnb-radio .dnb-form-status{margin-bottom:0;margin-top:.375rem;order:4}.dnb-radio+.dnb-form-status{margin-bottom:1rem;margin-top:.5rem}.dnb-radio>.dnb-form-status{transform:translateY(.25rem)}.dnb-radio-group{--radio-group-margin-bottom:0.5rem;--radio-group-margin-right:1rem;display:inline-flex}.dnb-radio-group fieldset{border:none;margin:0;padding:0}.dnb-radio-group--column .dnb-radio{display:flex;margin-right:0}.dnb-radio-group .dnb-radio:last-of-type{margin-right:0}.dnb-radio-group [role=radiogroup],.dnb-radio-group__shell{-moz-column-gap:var(--radio-group-margin-right);column-gap:var(--radio-group-margin-right);display:flex;flex-wrap:wrap;row-gap:var(--radio-group-margin-bottom)}.dnb-radio-group__shell>.dnb-form-status{margin-bottom:0;margin-top:0}.dnb-radio-group--column .dnb-radio-group__shell{flex-direction:column}.dnb-radio__input:checked~.dnb-radio__button,.dnb-radio__input[data-checked=true]~.dnb-radio__button{background-color:var(--radio-color-background-on);border-color:var(--radio-color-border-on)}.dnb-radio__input:checked~.dnb-radio__dot,.dnb-radio__input[data-checked=true]~.dnb-radio__dot{opacity:1;transform:scale(1)}.dnb-radio__input:not(:checked):not([data-checked=true])~.dnb-radio__dot{opacity:0;transform:scale(.8)}.dnb-radio__input:not(:checked):not([data-checked=true])~.dnb-radio__button{background-color:var(--radio-color-background-off);border-color:var(--radio-color-border-off)}.dnb-radio__input[disabled]:checked~.dnb-radio__button,.dnb-radio__input[disabled][data-checked=true]~.dnb-radio__button{background-color:var(--radio-color-background--disabled);border-color:var(--radio-color-border-on--disabled)}.dnb-radio__input[disabled]:checked~.dnb-radio__dot,.dnb-radio__input[disabled][data-checked=true]~.dnb-radio__dot{background-color:var(--radio-color-dot-on--disabled)}.dnb-radio__input[disabled]:not(:checked):not([data-checked=true])~.dnb-radio__button:not(.dnb-skeleton){background-color:var(--radio-color-background--disabled);border-color:var(--radio-color-border-off--disabled)}.dnb-radio__input[disabled]~.dnb-radio__button.dnb-skeleton{border-color:var(--skeleton-color)}.dnb-radio__input[disabled]~.dnb-radio__button.dnb-skeleton:before{border-radius:0}.dnb-radio__input:not([disabled]):checked:active~.dnb-radio__button,.dnb-radio__input:not([disabled])[data-checked=true]:active~.dnb-radio__button{border-color:var(--radio-color-border-on--active)}.dnb-radio__input:not([disabled]):checked:active~.dnb-radio__dot,.dnb-radio__input:not([disabled])[data-checked=true]:active~.dnb-radio__dot{background-color:var(--radio-color-dot-on--active)}.dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):active~.dnb-radio__button{background-color:var(--radio-color-background-off--active);border-color:var(--radio-color-border-off--active)}.dnb-radio__input:not([disabled]):not(:focus):checked:hover~.dnb-radio__dot,.dnb-radio__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-radio__dot{background-color:var(--radio-color-dot-on--hover)}.dnb-radio__input:not([disabled]):not(:focus):checked:hover~.dnb-radio__button,.dnb-radio__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-radio__button{background-color:var(--radio-color-background-on--hover)}.dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover~.dnb-radio__button{background-color:var(--radio-color-background-off--hover)}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):focus~.dnb-radio__button{border:none}.dnb-radio__input:not([disabled]):active~.dnb-radio__focus,.dnb-radio__input:not([disabled]):focus~.dnb-radio__focus{display:block}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover):checked:focus~.dnb-radio__button,html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover)[data-checked=true]:focus~.dnb-radio__button{background-color:var(--radio-color-background-on--focus)}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover):checked:focus~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover)[data-checked=true]:focus~.dnb-radio__dot{background-color:var(--radio-color-dot-on--focus,var(--focus-ring-color))}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):focus~.dnb-radio__button{background-color:var(--radio-color-background-off--focus)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)~.dnb-radio__button{border:none}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)~.dnb-radio__focus{--border-color:var(--radio-color-border-on--error);--border-width:var(--radio-focus-ring-width--error);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);display:block}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):hover~.dnb-radio__focus{--border-color:var(--radio-color-border--error-hover);--border-width:var(--radio-focus-ring-width--error);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-radio__dot,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover)[data-checked=true]~.dnb-radio__dot{background-color:var(--radio-color-dot-on--error)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover~.dnb-radio__dot,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)[data-checked=true]:hover~.dnb-radio__dot{background-color:var(--radio-color-dot-on--error-hover)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover~.dnb-radio__button,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)[data-checked=true]:hover~.dnb-radio__button{background-color:var(--radio-color-background-on--error-hover)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover~.dnb-radio__button{background-color:var(--radio-color-background-off--error-hover)}
+:root{--radio-width--medium:1.5rem;--radio-height--medium:1.5rem}.dnb-radio{--radio-dot--medium:0.75rem;--radio-dot--large:1.125rem;--radio-width--large:2rem;--radio-height--large:2rem;--radio-border-width:0.09375rem;--radio-color-dot-on:#000;--radio-color-background-on:#fff;--radio-color-border-on:#000;--radio-color-background-off:#fff;--radio-color-border-off:#000;--radio-border-width--disabled:0.125rem;--radio-color-dot-on--disabled:#d3d3d3;--radio-color-background--disabled:#fff;--radio-color-border-on--disabled:#d3d3d3;--radio-color-border-off--disabled:#d3d3d3;--radio-color-dot-on--active:#d3d3d3;--radio-color-border-on--active:#d3d3d3;--radio-color-background-off--active:#d3d3d3;--radio-color-border-off--active:transparent;--radio-border-width--hover:0.125rem;--radio-border-width-on--hover:0.125rem;--radio-color-dot-on--hover:#d3d3d3;--radio-color-background-on--hover:#d3d3d3;--radio-color-background-off--hover:#d3d3d3;--radio-border-width--focus:0.125rem;--radio-color-background-on--focus:var(--color-white);--radio-color-background-off--focus:#d3d3d3;--radio-color-dot-on--error:red;--radio-color-border-on--error:red;--radio-color-border--error-hover:red;--radio-color-background-off--error-hover:#fff0f5;--radio-color-background-on--error-hover:#fff0f5;--radio-color-dot-on--error-hover:#fff0f5;--radio-focus-ring-width--error:var(--focus-ring-width);--radio-bounding--medium:1.75,1.5;--radio-bounding--large:1.25,1.12;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-radio,.dnb-radio__inner{display:inline-flex;flex-direction:column}.dnb-radio__inner{align-self:center}.dnb-radio__shell{align-items:center;display:flex;flex-shrink:0;height:var(--radio-height--medium);justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:var(--radio-width--medium)}.dnb-radio__button,.dnb-radio__dot,.dnb-radio__focus{position:absolute;z-index:4}.dnb-radio__button{border:var(--radio-border-width) solid transparent}.dnb-radio__focus{display:none;outline:none}html[data-whatinput=keyboard] .dnb-radio__focus{--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-radio__button,.dnb-radio__focus{border-radius:50%;height:calc(var(--radio-height--medium) - .25rem);width:calc(var(--radio-width--medium) - .25rem)}.dnb-radio--large .dnb-radio__button,.dnb-radio--large .dnb-radio__focus{height:var(--radio-height--large);width:var(--radio-width--large)}.dnb-radio__dot{background-color:var(--radio-color-dot-on);border-radius:50%;height:var(--radio-dot--medium);transition:opacity .2s ease-out,transform .2s ease-out;width:var(--radio-dot--medium)}.dnb-radio--large .dnb-radio__dot{height:var(--radio-dot--large);width:var(--radio-dot--large)}.dnb-radio__input{border:0;height:var(--radio-height--medium);left:auto;margin:0;opacity:0;padding:0;position:absolute;top:auto;transform:scale(var(--radio-bounding--medium));width:var(--radio-width--medium);z-index:5}.dnb-radio--large .dnb-radio__input{height:var(--radio-height--large);transform:scale(var(--radio-bounding--large));width:var(--radio-width--large)}.dnb-radio__input:not([disabled]){cursor:pointer}.dnb-radio__order{align-items:baseline;display:inline-flex}.dnb-radio-group--column .dnb-radio__order{display:flex}.dnb-radio__row{display:inline-flex}.dnb-radio__suffix{order:3}.dnb-radio__suffix .dnb-modal__trigger{margin-bottom:-.25rem;margin-top:-.25rem}.dnb-radio-group__suffix{font-size:var(--font-size-basis)}.dnb-radio--large,.dnb-radio--large .dnb-radio__suffix{line-height:var(--radio-height--large)}.dnb-radio--large .dnb-radio__shell{height:var(--radio-height--large);width:var(--radio-width--large)}.dnb-radio .dnb-form-label{margin-bottom:0;margin-left:0;margin-right:0}.dnb-radio--label-position-left .dnb-radio__order .dnb-radio__inner{order:2}.dnb-radio--label-position-left .dnb-radio__order .dnb-form-label{order:1;padding-right:.5rem}.dnb-radio--label-position-right .dnb-radio__order .dnb-radio__inner{order:1}.dnb-radio--label-position-right .dnb-radio__order .dnb-form-label{order:2;padding-left:.5rem}:not(.dnb-radio-group)>.dnb-form-label+.dnb-radio{vertical-align:top}.dnb-radio .dnb-form-status{margin-bottom:0;margin-top:.375rem;order:4}.dnb-radio+.dnb-form-status{margin-bottom:1rem;margin-top:.5rem}.dnb-radio>.dnb-form-status{transform:translateY(.25rem)}.dnb-radio-group{--radio-group-margin-bottom:0.5rem;--radio-group-margin-right:1rem;display:inline-flex}.dnb-radio-group fieldset{border:none;margin:0;padding:0}.dnb-radio-group--column .dnb-radio{display:flex;margin-right:0}.dnb-radio-group .dnb-radio:last-of-type{margin-right:0}.dnb-radio-group [role=radiogroup],.dnb-radio-group__shell{-moz-column-gap:var(--radio-group-margin-right);column-gap:var(--radio-group-margin-right);display:flex;flex-wrap:wrap;row-gap:var(--radio-group-margin-bottom)}.dnb-radio-group__shell>.dnb-form-status{margin-bottom:0;margin-top:0}.dnb-radio-group--column .dnb-radio-group__shell{flex-direction:column}.dnb-radio__input:checked~.dnb-radio__button,.dnb-radio__input[data-checked=true]~.dnb-radio__button{background-color:var(--radio-color-background-on);border-color:var(--radio-color-border-on)}.dnb-radio__input:checked~.dnb-radio__dot,.dnb-radio__input[data-checked=true]~.dnb-radio__dot{opacity:1;transform:scale(1)}.dnb-radio__input:not(:checked):not([data-checked=true])~.dnb-radio__dot{opacity:0;transform:scale(.8)}.dnb-radio__input:not(:checked):not([data-checked=true])~.dnb-radio__button{background-color:var(--radio-color-background-off);border-color:var(--radio-color-border-off)}.dnb-radio__input[disabled]~.dnb-radio__button{border-width:var(--radio-border-width--disabled)}.dnb-radio__input[disabled]:checked~.dnb-radio__button,.dnb-radio__input[disabled][data-checked=true]~.dnb-radio__button{background-color:var(--radio-color-background--disabled);border-color:var(--radio-color-border-on--disabled)}.dnb-radio__input[disabled]:checked~.dnb-radio__dot,.dnb-radio__input[disabled][data-checked=true]~.dnb-radio__dot{background-color:var(--radio-color-dot-on--disabled)}.dnb-radio__input[disabled]:not(:checked):not([data-checked=true])~.dnb-radio__button:not(.dnb-skeleton){background-color:var(--radio-color-background--disabled);border-color:var(--radio-color-border-off--disabled)}.dnb-radio__input[disabled]~.dnb-radio__button.dnb-skeleton{border-color:var(--skeleton-color)}.dnb-radio__input[disabled]~.dnb-radio__button.dnb-skeleton:before{border-radius:0}.dnb-radio__input:not([disabled]):checked:active~.dnb-radio__button,.dnb-radio__input:not([disabled])[data-checked=true]:active~.dnb-radio__button{border-color:var(--radio-color-border-on--active)}.dnb-radio__input:not([disabled]):checked:active~.dnb-radio__dot,.dnb-radio__input:not([disabled])[data-checked=true]:active~.dnb-radio__dot{background-color:var(--radio-color-dot-on--active)}.dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):active~.dnb-radio__button{background-color:var(--radio-color-background-off--active);border-color:var(--radio-color-border-off--active)}.dnb-radio__input:not([disabled]):not(:focus):checked:hover~.dnb-radio__dot,.dnb-radio__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-radio__dot{background-color:var(--radio-color-dot-on--hover)}.dnb-radio__input:not([disabled]):not(:focus):checked:hover~.dnb-radio__button,.dnb-radio__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-radio__button{background-color:var(--radio-color-background-on--hover);border-width:var(--radio-border-width-on--hover)}.dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover~.dnb-radio__button{background-color:var(--radio-color-background-off--hover);border-width:var(--radio-border-width--hover)}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):focus~.dnb-radio__button{border:none}.dnb-radio__input:not([disabled]):active~.dnb-radio__focus,.dnb-radio__input:not([disabled]):focus~.dnb-radio__focus{display:block}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover):checked:focus~.dnb-radio__button,html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover)[data-checked=true]:focus~.dnb-radio__button{background-color:var(--radio-color-background-on--focus)}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover):checked:focus~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover)[data-checked=true]:focus~.dnb-radio__dot{background-color:var(--radio-color-dot-on--focus,var(--focus-ring-color))}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):focus~.dnb-radio__button{background-color:var(--radio-color-background-off--focus)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)~.dnb-radio__button{border:none}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)~.dnb-radio__focus{--border-color:var(--radio-color-border-on--error);--border-width:var(--radio-focus-ring-width--error);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);display:block}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):hover~.dnb-radio__focus{--border-color:var(--radio-color-border--error-hover);--border-width:var(--radio-focus-ring-width--error);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-radio__dot,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover)[data-checked=true]~.dnb-radio__dot{background-color:var(--radio-color-dot-on--error)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover~.dnb-radio__dot,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)[data-checked=true]:hover~.dnb-radio__dot{background-color:var(--radio-color-dot-on--error-hover)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover~.dnb-radio__button,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)[data-checked=true]:hover~.dnb-radio__button{background-color:var(--radio-color-background-on--error-hover)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover~.dnb-radio__button{background-color:var(--radio-color-background-off--error-hover)}

package/components/radio/style/dnb-radio.scss

@@ -11,16 +11,19 @@
 }
 
 .dnb-radio {
+  --radio-dot--medium: 0.75rem;
+  --radio-dot--large: 1.125rem;
   --radio-width--large: 2rem;
   --radio-height--large: 2rem;
-  --radio-border-width: 0.125rem;
   // Normal state
+  --radio-border-width: 0.09375rem;
   --radio-color-dot-on: black;
   --radio-color-background-on: white;
   --radio-color-border-on: black;
   --radio-color-background-off: white;
   --radio-color-border-off: black;
   // Disabled state
+  --radio-border-width--disabled: 0.125rem;
   --radio-color-dot-on--disabled: lightgrey;
   --radio-color-background--disabled: white;
   --radio-color-border-on--disabled: lightgrey;
@@ -31,10 +34,13 @@
   --radio-color-background-off--active: lightgrey;
   --radio-color-border-off--active: transparent;
   // Hover state
+  --radio-border-width--hover: 0.125rem;
+  --radio-border-width-on--hover: 0.125rem;
   --radio-color-dot-on--hover: lightgrey;
   --radio-color-background-on--hover: lightgrey;
   --radio-color-background-off--hover: lightgrey;
   // Focus state
+  --radio-border-width--focus: 0.125rem;
   --radio-color-background-on--focus: var(--color-white);
   --radio-color-background-off--focus: lightgrey;
   // Error state
@@ -98,14 +104,14 @@
     border-radius: 50%;
 
     .dnb-radio--large & {
-      width: calc(var(--radio-width--large) - 0.125rem);
-      height: calc(var(--radio-height--large) - 0.125rem);
+      width: var(--radio-width--large);
+      height: var(--radio-height--large);
     }
   }
 
   &__dot {
-    width: calc(var(--radio-width--medium) - 0.75rem);
-    height: calc(var(--radio-height--medium) - 0.75rem);
+    width: var(--radio-dot--medium);
+    height: var(--radio-dot--medium);
     border-radius: 50%;
     background-color: var(--radio-color-dot-on);
     transition:
@@ -113,8 +119,8 @@
       transform 200ms ease-out;
 
     .dnb-radio--large & {
-      width: calc(var(--radio-width--large) - 0.875rem);
-      height: calc(var(--radio-height--large) - 0.875rem);
+      width: var(--radio-dot--large);
+      height: var(--radio-dot--large);
     }
   }
 
@@ -321,6 +327,11 @@
 
   /** Disabled state **/
 
+  // General
+  &__input[disabled] ~ &__button {
+    border-width: var(--radio-border-width--disabled);
+  }
+
   // On
   &__input[disabled]:checked ~ &__button,
   &__input[disabled][data-checked='true'] ~ &__button {
@@ -380,6 +391,7 @@
   &__input:not([disabled]):not(:focus)[data-checked='true']:hover
     ~ &__button {
     background-color: var(--radio-color-background-on--hover);
+    border-width: var(--radio-border-width-on--hover);
   }
 
   // Off
@@ -388,6 +400,7 @@
     ):hover
     ~ &__button {
     background-color: var(--radio-color-background-off--hover);
+    border-width: var(--radio-border-width--hover);
   }
 
   /** Focus state **/
@@ -395,6 +408,7 @@
   // General
   &__input:not([disabled]):focus ~ &__button {
     html[data-whatinput='keyboard'] & {
+      border-width: var(--radio-border-width--focus);
       border: none;
     }
   }

package/components/radio/style/themes/dnb-radio-theme-sbanken.css

@@ -3,11 +3,15 @@
 *
 */
 .dnb-radio {
+  --radio-dot--medium: 0.875rem;
+  --radio-dot--large: 1.5rem;
+  --radio-border-width: 0.0625rem;
   --radio-color-dot-on: var(--sb-color-violet);
   --radio-color-background-on: var(--sb-color-white);
   --radio-color-border-on: var(--sb-color-violet);
   --radio-color-background-off: var(--sb-color-white);
   --radio-color-border-off: var(--sb-color-violet);
+  --radio-border-width--disabled: 0.0625rem;
   --radio-color-dot-on--disabled: var(--sb-color-gray-dark);
   --radio-color-background--disabled: var(--sb-color-gray-light);
   --radio-color-border-on--disabled: var(--sb-color-gray-dark);
@@ -17,8 +21,10 @@
   --radio-color-background-off--active: var(--sb-color-white);
   --radio-color-border-off--active: var(--sb-color-gray);
   --radio-color-dot-on--hover: var(--sb-color-violet);
+  --radio-border-width-on--hover: 0.0625rem;
   --radio-color-background-on--hover: var(--sb-color-violet-light-3);
   --radio-color-background-off--hover: var(--sb-color-violet-light-3);
+  --radio-border-width--focus: 0.1875rem;
   --radio-color-background-on--focus: var(--sb-color-blue-light-3);
   --radio-color-background-off--focus: var(--sb-color-blue-light-3);
   --radio-color-dot-on--error: var(--sb-color-magenta);

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

@@ -1,4 +1,4 @@
-.dnb-radio{--radio-color-dot-on:var(--sb-color-violet);--radio-color-background-on:var(--sb-color-white);--radio-color-border-on:var(--sb-color-violet);--radio-color-background-off:var(--sb-color-white);--radio-color-border-off:var(--sb-color-violet);--radio-color-dot-on--disabled:var(--sb-color-gray-dark);--radio-color-background--disabled:var(--sb-color-gray-light);--radio-color-border-on--disabled:var(--sb-color-gray-dark);--radio-color-border-off--disabled:var(--sb-color-gray-dark);--radio-color-dot-on--active:var(--sb-color-violet-light);--radio-color-border-on--active:var(--sb-color-gray-dark-2-neutral);--radio-color-background-off--active:var(--sb-color-white);--radio-color-border-off--active:var(--sb-color-gray);--radio-color-dot-on--hover:var(--sb-color-violet);--radio-color-background-on--hover:var(--sb-color-violet-light-3);--radio-color-background-off--hover:var(--sb-color-violet-light-3);--radio-color-background-on--focus:var(--sb-color-blue-light-3);--radio-color-background-off--focus:var(--sb-color-blue-light-3);--radio-color-dot-on--error:var(--sb-color-magenta);--radio-color-border-on--error:var(--sb-color-magenta);--radio-color-border--error-hover:var(--sb-color-red);--radio-color-background-off--error-hover:var(
+.dnb-radio{--radio-dot--medium:0.875rem;--radio-dot--large:1.5rem;--radio-border-width:0.0625rem;--radio-color-dot-on:var(--sb-color-violet);--radio-color-background-on:var(--sb-color-white);--radio-color-border-on:var(--sb-color-violet);--radio-color-background-off:var(--sb-color-white);--radio-color-border-off:var(--sb-color-violet);--radio-border-width--disabled:0.0625rem;--radio-color-dot-on--disabled:var(--sb-color-gray-dark);--radio-color-background--disabled:var(--sb-color-gray-light);--radio-color-border-on--disabled:var(--sb-color-gray-dark);--radio-color-border-off--disabled:var(--sb-color-gray-dark);--radio-color-dot-on--active:var(--sb-color-violet-light);--radio-color-border-on--active:var(--sb-color-gray-dark-2-neutral);--radio-color-background-off--active:var(--sb-color-white);--radio-color-border-off--active:var(--sb-color-gray);--radio-color-dot-on--hover:var(--sb-color-violet);--radio-border-width-on--hover:0.0625rem;--radio-color-background-on--hover:var(--sb-color-violet-light-3);--radio-color-background-off--hover:var(--sb-color-violet-light-3);--radio-border-width--focus:0.1875rem;--radio-color-background-on--focus:var(--sb-color-blue-light-3);--radio-color-background-off--focus:var(--sb-color-blue-light-3);--radio-color-dot-on--error:var(--sb-color-magenta);--radio-color-border-on--error:var(--sb-color-magenta);--radio-color-border--error-hover:var(--sb-color-red);--radio-color-background-off--error-hover:var(
     --sb-color-magenta-light-2
   );--radio-color-background-on--error-hover:var(
     --sb-color-magenta-light-2

package/components/radio/style/themes/dnb-radio-theme-sbanken.scss

@@ -4,13 +4,17 @@
 */
 
 .dnb-radio {
+  --radio-dot--medium: 0.875rem;
+  --radio-dot--large: 1.5rem;
   // Normal state
+  --radio-border-width: 0.0625rem;
   --radio-color-dot-on: var(--sb-color-violet);
   --radio-color-background-on: var(--sb-color-white);
   --radio-color-border-on: var(--sb-color-violet);
   --radio-color-background-off: var(--sb-color-white);
   --radio-color-border-off: var(--sb-color-violet);
   // Disabled state
+  --radio-border-width--disabled: 0.0625rem;
   --radio-color-dot-on--disabled: var(--sb-color-gray-dark);
   --radio-color-background--disabled: var(--sb-color-gray-light);
   --radio-color-border-on--disabled: var(--sb-color-gray-dark);
@@ -22,9 +26,11 @@
   --radio-color-border-off--active: var(--sb-color-gray);
   // Hover state
   --radio-color-dot-on--hover: var(--sb-color-violet);
+  --radio-border-width-on--hover: 0.0625rem;
   --radio-color-background-on--hover: var(--sb-color-violet-light-3);
   --radio-color-background-off--hover: var(--sb-color-violet-light-3);
   // Focus state
+  --radio-border-width--focus: 0.1875rem;
   --radio-color-background-on--focus: var(--sb-color-blue-light-3);
   --radio-color-background-off--focus: var(--sb-color-blue-light-3);
   // Error state

package/components/section/style/themes/dnb-section-theme-sbanken.css

@@ -22,7 +22,7 @@
 }
 .dnb-section--info {
   --text-color: var(--sb-color-text);
-  --background-color: var(--sb-color-gray-light-2);
+  --background-color: var(--sb-color-violet-light-4);
 }
 .dnb-section--warning {
   --text-color: var(--sb-color-text);

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

@@ -1,3 +1,3 @@
 .dnb-section{--background-color:var(--sb-color-white);--outline-color--value:var(--sb-color-gray-light-2)}.dnb-section--transparent{--background-color:transparent}.dnb-section--default,.dnb-section--divider{--text-color:var(--text-color--value,var(--sb-color-text));--background-color:var(
     --background-color--value,var(--sb-color-violet-light-4)
-  )}.dnb-section--white{--text-color:var(--sb-color-text);--background-color:var(--sb-color-white)}.dnb-section--error{--text-color:var(--sb-color-text);--background-color:var(--sb-color-magenta-light-2)}.dnb-section--info{--text-color:var(--sb-color-text);--background-color:var(--sb-color-gray-light-2)}.dnb-section--warning{--text-color:var(--sb-color-text);--background-color:var(--sb-color-yellow-light-3)}.dnb-section--success{--text-color:var(--sb-color-text);--background-color:var(--sb-color-green-light-2)}
+  )}.dnb-section--white{--text-color:var(--sb-color-text);--background-color:var(--sb-color-white)}.dnb-section--error{--text-color:var(--sb-color-text);--background-color:var(--sb-color-magenta-light-2)}.dnb-section--info{--text-color:var(--sb-color-text);--background-color:var(--sb-color-violet-light-4)}.dnb-section--warning{--text-color:var(--sb-color-text);--background-color:var(--sb-color-yellow-light-3)}.dnb-section--success{--text-color:var(--sb-color-text);--background-color:var(--sb-color-green-light-2)}

package/components/section/style/themes/dnb-section-theme-sbanken.scss

@@ -27,7 +27,7 @@
 
   &--info {
     --text-color: var(--sb-color-text);
-    --background-color: var(--sb-color-gray-light-2);
+    --background-color: var(--sb-color-violet-light-4);
   }
 
   &--warning {

package/components/slider/SliderDocs.d.ts

@@ -0,0 +1,3 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const SliderProperties: PropertiesTableProps;
+export declare const SliderEvents: PropertiesTableProps;