@dnb/eufemia 10.32.0 → 10.34.0

package/cjs/components/grid/ContainerDocs.d.ts

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

package/cjs/components/grid/ContainerDocs.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridContainerProperties = void 0;
+const GridContainerProperties = {
+  columns: {
+    doc: 'Define how many columns your layout should be divided in. Can be just a number `columns={12}` or an object with media query sizes like `columns={{ small: 4, medium: 6, large: 12 }}` (default values). You can also disabled CSS Grid by providing `false` for one size, like so `columns={{ small: 4, medium: false, large: 12 }}`.',
+    type: ['number', 'object'],
+    status: 'optional'
+  },
+  rowGap: {
+    doc: 'Defines how much the gap between rows should be. Can be `large`, `medium`, `small`, `x-small` or `false` for no gap. Defaults to `false`.',
+    type: ['string', 'false'],
+    status: 'optional'
+  },
+  columnGap: {
+    doc: 'Defines how much the gap between columns should be. Can be `large`, `medium`, `small`, `x-small` or `false` for no gap. Defaults to `false`.',
+    type: ['string', 'false'],
+    status: 'optional'
+  },
+  element: {
+    doc: 'Define the type of element. Defaults to `div`.',
+    type: ['string', 'React.Element'],
+    status: 'optional'
+  }
+};
+exports.GridContainerProperties = GridContainerProperties;
+//# sourceMappingURL=ContainerDocs.js.map

package/cjs/components/grid/ContainerDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerDocs.js","names":["GridContainerProperties","columns","doc","type","status","rowGap","columnGap","element","exports"],"sources":["../../../../src/components/grid/ContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const GridContainerProperties: PropertiesTableProps = {\n  columns: {\n    doc: 'Define how many columns your layout should be divided in. Can be just a number `columns={12}` or an object with media query sizes like `columns={{ small: 4, medium: 6, large: 12 }}` (default values). You can also disabled CSS Grid by providing `false` for one size, like so `columns={{ small: 4, medium: false, large: 12 }}`.',\n    type: ['number', 'object'],\n    status: 'optional',\n  },\n  rowGap: {\n    doc: 'Defines how much the gap between rows should be. Can be `large`, `medium`, `small`, `x-small` or `false` for no gap. Defaults to `false`.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  columnGap: {\n    doc: 'Defines how much the gap between columns should be. Can be `large`, `medium`, `small`, `x-small` or `false` for no gap. Defaults to `false`.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  element: {\n    doc: 'Define the type of element. Defaults to `div`.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,uBAA6C,GAAG;EAC3DC,OAAO,EAAE;IACPC,GAAG,EAAE,uUAAuU;IAC5UC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNH,GAAG,EAAE,2IAA2I;IAChJC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDE,SAAS,EAAE;IACTJ,GAAG,EAAE,8IAA8I;IACnJC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC;IACjCC,MAAM,EAAE;EACV;AACF,CAAC;AAAAI,OAAA,CAAAR,uBAAA,GAAAA,uBAAA"}

package/cjs/components/grid/style/dnb-grid.css

@@ -10,6 +10,9 @@
        column-gap: var(--column-gap, 0);
   --grid-columns: var(--small-columns, 4);
 }
+.dnb-grid-container--row-gap-x-small {
+  --row-gap: var(--spacing-x-small);
+}
 .dnb-grid-container--row-gap-small {
   --row-gap: var(--spacing-small);
 }
@@ -19,6 +22,9 @@
 .dnb-grid-container--row-gap-large {
   --row-gap: var(--spacing-large);
 }
+.dnb-grid-container--column-gap-x-small {
+  --column-gap: var(--spacing-x-small);
+}
 .dnb-grid-container--column-gap-small {
   --column-gap: var(--spacing-small);
 }

package/cjs/components/grid/style/dnb-grid.min.css

@@ -1 +1 @@
-.dnb-grid-container{--grid-columns:var(--small-columns,4);-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:grid;grid-auto-flow:dense;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));row-gap:var(--row-gap,0)}.dnb-grid-container--row-gap-small{--row-gap:var(--spacing-small)}.dnb-grid-container--row-gap-medium{--row-gap:var(--spacing-medium)}.dnb-grid-container--row-gap-large{--row-gap:var(--spacing-large)}.dnb-grid-container--column-gap-small{--column-gap:var(--spacing-small)}.dnb-grid-container--column-gap-medium{--column-gap:var(--spacing-medium)}.dnb-grid-container--column-gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:40em){.dnb-grid-container{--grid-columns:var(--medium-columns,6)}}@media screen and (min-width:60em){.dnb-grid-container{--grid-columns:var(--large-columns,12)}}@media screen and (max-width:60em){.dnb-grid-container__disabled--small{display:unset}}@media screen and (min-width:40em) and (max-width:60em){.dnb-grid-container__disabled--medium{display:unset}}@media screen and (min-width:72em){.dnb-grid-container{--grid-columns:var(--large-columns,12)}.dnb-grid-container__disabled--large{display:unset}}.dnb-grid-item{--start-c:var(--small-c-s,1);--end-c:var(--small-c-e,calc(var(--grid-columns) + 1));grid-column:var(--start-c)/var(--end-c)}@media screen and (min-width:40em){.dnb-grid-item{--start-c:var(--medium-c-s,1);--end-c:var(--medium-c-e,calc(var(--grid-columns) + 1))}}@media screen and (min-width:60em){.dnb-grid-item{--start-c:var(--large-c-s,1);--end-c:var(--large-c-e,calc(var(--grid-columns) + 1))}}.dnb-grid-item--full-width{--start-c:0;--end-c:var(--grid-columns)}
+.dnb-grid-container{--grid-columns:var(--small-columns,4);-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:grid;grid-auto-flow:dense;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));row-gap:var(--row-gap,0)}.dnb-grid-container--row-gap-x-small{--row-gap:var(--spacing-x-small)}.dnb-grid-container--row-gap-small{--row-gap:var(--spacing-small)}.dnb-grid-container--row-gap-medium{--row-gap:var(--spacing-medium)}.dnb-grid-container--row-gap-large{--row-gap:var(--spacing-large)}.dnb-grid-container--column-gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-grid-container--column-gap-small{--column-gap:var(--spacing-small)}.dnb-grid-container--column-gap-medium{--column-gap:var(--spacing-medium)}.dnb-grid-container--column-gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:40em){.dnb-grid-container{--grid-columns:var(--medium-columns,6)}}@media screen and (min-width:60em){.dnb-grid-container{--grid-columns:var(--large-columns,12)}}@media screen and (max-width:60em){.dnb-grid-container__disabled--small{display:unset}}@media screen and (min-width:40em) and (max-width:60em){.dnb-grid-container__disabled--medium{display:unset}}@media screen and (min-width:72em){.dnb-grid-container{--grid-columns:var(--large-columns,12)}.dnb-grid-container__disabled--large{display:unset}}.dnb-grid-item{--start-c:var(--small-c-s,1);--end-c:var(--small-c-e,calc(var(--grid-columns) + 1));grid-column:var(--start-c)/var(--end-c)}@media screen and (min-width:40em){.dnb-grid-item{--start-c:var(--medium-c-s,1);--end-c:var(--medium-c-e,calc(var(--grid-columns) + 1))}}@media screen and (min-width:60em){.dnb-grid-item{--start-c:var(--large-c-s,1);--end-c:var(--large-c-e,calc(var(--grid-columns) + 1))}}.dnb-grid-item--full-width{--start-c:0;--end-c:var(--grid-columns)}

package/cjs/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/cjs/components/number-format/NumberFormat.js

@@ -183,7 +183,7 @@ class NumberFormat extends _react.default.PureComponent {
       clean_copy_value: (0, _componentHelper.isTrue)(clean_copy_value),
       returnAria: true
     };
-    const useContext = (0, _componentHelper.extend)(true, {
+    const useContext = (0, _componentHelper.extendDeep)({
       locale: null,
       currency: null
     }, this.context);

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

@@ -1 +1 @@
-{"version":3,"file":"NumberFormat.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_Context","_componentHelper","_helpers","_SpacingHelper","_SkeletonHelper","_Tooltip","_interopRequireWildcard","_NumberUtils","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","NumberFormat","React","PureComponent","constructor","props","_this$context$getTran","_this$context$getTran2","showSelectionNotice","cleanedValue","label","context","getTranslation","clipboard_copy","run","_ref","current","setState","selected","hasSelectedText","clearTimeout","_selectAllTimeout","setTimeout","setFocus","isTrue","selectall","always_selectall","hover","createRef","_selectionRef","_id","tooltip","id","makeUniqueId","state","omitCurrencySign","componentDidMount","IS_IOS","hasiOSFix","runIOSSelectionFix","componentWillUnmount","_this$outsideClick","outsideClick","remove","_this$_selectionRef$c","focus","selectAll","copy_selection","detectOutsideClick","onBlurHandler","elem","selection","window","getSelection","range","document","createRange","selectNodeContents","removeAllRanges","addRange","e","warn","runFix","comp","className","isValidElement","cloneElement","classnames","createElement","render","extendPropsWithContextInClassComponent","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","rest","formatOptions","omit_currency_sign","returnAria","useContext","extend","number","display","aria","lang","format","Fragment","convertJsxToString","injectTooltipSemantic","attributes","ref","createSpacingClasses","onMouseEnter","onMouseLeave","displayParams","onClick","onClickHandler","onContextMenu","onContextMenuHandler","validateDOMAttributes","skeletonDOMAttributes","href","Element","createSkeletonClass","tabIndex","onBlur","onCopy","shortcutHandler","targetElement","exports","Context","process","env","NODE_ENV","propTypes","PropTypes","string","oneOfType","node","func","bool","oneOf","spacingPropTypes","_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","_interopRequireDefault","require","_propTypes","_classnames","_Context","_componentHelper","_helpers","_SpacingHelper","_SkeletonHelper","_Tooltip","_interopRequireWildcard","_NumberUtils","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","NumberFormat","React","PureComponent","constructor","props","_this$context$getTran","_this$context$getTran2","showSelectionNotice","cleanedValue","label","context","getTranslation","clipboard_copy","run","_ref","current","setState","selected","hasSelectedText","clearTimeout","_selectAllTimeout","setTimeout","setFocus","isTrue","selectall","always_selectall","hover","createRef","_selectionRef","_id","tooltip","id","makeUniqueId","state","omitCurrencySign","componentDidMount","IS_IOS","hasiOSFix","runIOSSelectionFix","componentWillUnmount","_this$outsideClick","outsideClick","remove","_this$_selectionRef$c","focus","selectAll","copy_selection","detectOutsideClick","onBlurHandler","elem","selection","window","getSelection","range","document","createRange","selectNodeContents","removeAllRanges","addRange","e","warn","runFix","comp","className","isValidElement","cloneElement","classnames","createElement","render","extendPropsWithContextInClassComponent","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","rest","formatOptions","omit_currency_sign","returnAria","useContext","extendDeep","number","display","aria","lang","format","Fragment","convertJsxToString","injectTooltipSemantic","attributes","ref","createSpacingClasses","onMouseEnter","onMouseLeave","displayParams","onClick","onClickHandler","onContextMenu","onContextMenuHandler","validateDOMAttributes","skeletonDOMAttributes","href","Element","createSkeletonClass","tabIndex","onBlur","onCopy","shortcutHandler","targetElement","exports","Context","process","env","NODE_ENV","propTypes","PropTypes","string","oneOfType","node","func","bool","oneOf","spacingPropTypes","_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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/slider/SliderDocs.d.ts

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