npm - @dnb/eufemia - Versions diffs - 10.33.0 → 10.34.0 - Mend

@dnb/eufemia 10.33.0 → 10.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (692) hide show

package/es/components/number-format/NumberFormat.js.map CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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/es/components/radio/style/dnb-radio.css CHANGED Viewed

@@ -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/es/components/radio/style/dnb-radio.min.css CHANGED Viewed

	@@ -1 +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)}
1	+ :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/es/components/radio/style/dnb-radio.scss CHANGED Viewed

@@ -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/es/components/radio/style/themes/dnb-radio-theme-sbanken.css CHANGED Viewed

@@ -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/es/components/radio/style/themes/dnb-radio-theme-sbanken.min.css CHANGED Viewed

@@ -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/es/components/radio/style/themes/dnb-radio-theme-sbanken.scss CHANGED Viewed

@@ -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/es/components/section/style/themes/dnb-section-theme-sbanken.css CHANGED Viewed

@@ -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/es/components/section/style/themes/dnb-section-theme-sbanken.min.css CHANGED Viewed

@@ -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/es/components/section/style/themes/dnb-section-theme-sbanken.scss CHANGED Viewed

@@ -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/es/components/step-indicator/StepIndicator.js CHANGED Viewed

@@ -1,5 +1,3 @@
-"use client";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
@@ -7,8 +5,7 @@ var _div;
 const _excluded = ["data", "skeleton", "current_step", "hide_numbers", "no_animation"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useEffect } from 'react';
-import { warn } from '../../shared/component-helper';
+import React from 'react';
 import StepIndicatorSidebar from './StepIndicatorSidebar';
 import StepIndicatorModal from './StepIndicatorModal';
 import { StepIndicatorProvider } from './StepIndicatorContext';
@@ -31,11 +28,6 @@ function StepIndicator(_ref) {
     no_animation
   }, restOfProps);
   const sidebarId = useId(props.sidebar_id);
-  useEffect(() => {
-    if (!props.sidebar_id && props.mode) {
-      warn('StepIndicator needs an unique "sidebar_id" property, also on the <StepIndicator.Sidebar... />');
-    }
-  }, [props.mode, props.sidebar_id]);
   return React.createElement(StepIndicatorProvider, _extends({}, props, {
     sidebar_id: sidebarId
   }), _div || (_div = React.createElement("div", {

package/es/components/step-indicator/StepIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepIndicator.js","names":["React","~~useEffect","warn","~~StepIndicatorSidebar","StepIndicatorModal","StepIndicatorProvider","stepIndicatorDefaultProps","useId","StepIndicator","_ref","data","skeleton","current_step","hide_numbers","no_animation","restOfProps","_objectWithoutProperties","_excluded","props","_objectSpread","sidebarId","sidebar_id","~~mode","~~createElement","_extends","_div","className","Sidebar","_supportsSpacingProps"],"sources":["../../../../src/components/step-indicator/StepIndicator.tsx"],"sourcesContent":["/*\n Web StepIndicator Component\n \n /\n\nimport React, ~~{ useEffect }~~ from 'react'\n\nimport ~~{ warn } from '../../shared/component-helper'\nimport~~ StepIndicatorSidebar from './StepIndicatorSidebar'\n\nimport StepIndicatorModal from './StepIndicatorModal'\nimport {\n StepIndicatorContextValues,\n StepIndicatorProvider,\n} from './StepIndicatorContext'\n\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\nimport type {\n StepIndicatorItemProps,\n StepItemWrapper,\n} from './StepIndicatorItem'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport useId from '../../shared/helpers/useId'\n\nexport type StepIndicatorMode = 'static' \| 'strict' \| 'loose'\nexport type StepIndicatorDataItem = Pick<\n StepIndicatorItemProps,\n \| 'title'\n \| 'is_current'\n \| 'inactive'\n \| 'disabled'\n \| 'status'\n \| 'status_state'\n \| 'on_click'\n \| 'on_render'\n>\nexport type StepIndicatorData = string \| string[] \| StepIndicatorDataItem[]\n\nexport type StepIndicatorMouseEvent = {\n event: React.MouseEvent<HTMLButtonElement>\n item: StepIndicatorItemProps\n currentStep: number\n current_step: number\n}\n\nexport type StepIndicatorRenderCallback = {\n StepItem: typeof StepItemWrapper\n element: React.ReactNode\n attributes: React.HTMLProps<HTMLElement>\n props: StepIndicatorItemProps\n context: StepIndicatorContextValues\n}\n\nexport type StepIndicatorProps = Omit<\n React.HTMLProps<HTMLAnchorElement>,\n 'ref' \| 'data'\n> &\n SpacingProps & {\n /*\n <em>(required with `<StepIndicator.Sidebar />`)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.\n /\n sidebar_id?: string\n /\n <em>(required)</em> defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.\n /\n mode: StepIndicatorMode\n /\n <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.\n /\n data: StepIndicatorData\n /\n The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`\n * Defaults to `Steps Overview`\n /\n overview_title?: string\n /\n The label for `<StepIndicatorTriggerButton />` and supplemental screen reader text for `<StepIndicatorItem />`\n * This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n * `%step` is used to place the current step into the text\n * `%count` is used to place the step total into the text\n * Defaults to `Step %step of %count`\n /\n step_title?: string\n /\n A descriptive label used in `<StepIndicatorModal />`\n * This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n * `%step` is used to place the current step into the text\n * `%count` is used to place the step total into the text\n * Defaults to `You are on step %step of %count`\n /\n step_title_extended?: string\n /\n Defines the active number marked step starting by 0. Defaults to `0`.\n /\n current_step?: number\n /\n Define whether to show automatically counted numbers or not. Defaults to `false`.\n /\n hide_numbers?: boolean\n /\n Will be called once the user clicks on the current or another step. Will be emitted on every click. Returns an object `{ event, item, current_step, currentStep }`.\n /\n on_click?: ({\n event,\n item,\n current_step,\n currentStep,\n }: StepIndicatorMouseEvent) => void\n /\n Callback function to manipulate or wrap every item. Has to return a React Node. You receive an object you can use in your custom HOC `{ StepItem, element, attributes, props, context }`.\n /\n on_item_render?: ({\n StepItem,\n element,\n attributes,\n props,\n context,\n }: StepIndicatorRenderCallback) => React.ReactNode\n /\n Will be called once the user visits actively a new step. Will be emitted only once. Returns an object `{ event, item, current_step, currentStep }`.\n /\n on_change?: ({\n event,\n item,\n current_step,\n currentStep,\n }: StepIndicatorMouseEvent) => void\n\n /\n If set to `true`, the height animation on the step items and the drawer button will be omitted. Defaults to `false`.\n */\n no_animation?: boolean\n skeleton?: SkeletonShow\n className?: string\n children?: React.ReactNode\n }\n\nfunction StepIndicator({\n data = stepIndicatorDefaultProps.data,\n skeleton = stepIndicatorDefaultProps.skeleton,\n current_step = stepIndicatorDefaultProps.current_step,\n hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n no_animation = stepIndicatorDefaultProps.no_animation,\n ...restOfProps\n}: StepIndicatorProps) {\n const props = {\n data,\n skeleton,\n current_step,\n hide_numbers,\n no_animation,\n ...restOfProps,\n }\n\n const sidebarId = useId(props.sidebar_id)\n\n useEffect(() => {\n if (!props.sidebar_id && props.mode) {\n warn(\n 'StepIndicator needs an unique \"sidebar_id\" property, also on the <StepIndicator.Sidebar... />'\n )\n }\n }, [props.mode, props.sidebar_id])\n\n return (\n <StepIndicatorProvider {...props} sidebar_id={sidebarId}>\n <div className=\"dnb-step-indicator-wrapper\">\n <StepIndicatorModal />\n </div>\n </StepIndicatorProvider>\n )\n}\n\nStepIndicator.Sidebar = StepIndicatorSidebar\n\nStepIndicator._supportsSpacingProps = true\n\nexport default StepIndicator\n"],"mappings":"~~;;;;;;;;;~~AAKA,OAAOA,KAAK,~~IAAIC~~,~~SAAS,QAAQ,~~OAAO;~~AAExC~~,~~SAASC,IAAI,QAAQ,+BAA+B;AACpD,~~OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAEEC,qBAAqB,QAChB,wBAAwB;AAQ/B,SAASC,yBAAyB,QAAQ,sBAAsB;AAChE,OAAOC,KAAK,MAAM,4BAA4B;AAmH9C,SAASC,aAAaA,CAAAC,IAAA,EAOC;EAAA,IAPA;MACrBC,IAAI,GAAGJ,yBAAyB,CAACI,IAAI;MACrCC,QAAQ,GAAGL,yBAAyB,CAACK,QAAQ;MAC7CC,YAAY,GAAGN,yBAAyB,CAACM,YAAY;MACrDC,YAAY,GAAGP,yBAAyB,CAACO,YAAY;MACrDC,YAAY,GAAGR,yBAAyB,CAACQ;IAEvB,CAAC,GAAAL,IAAA;IADhBM,WAAW,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEd,MAAMC,KAAK,GAAAC,aAAA;IACTT,IAAI;IACJC,QAAQ;IACRC,YAAY;IACZC,YAAY;IACZC;EAAY,GACTC,WAAW,CACf;EAED,MAAMK,SAAS,GAAGb,KAAK,CAACW,KAAK,CAACG,UAAU,CAAC;~~EAEzCpB~~,~~SAAS~~,~~CAAC,MAAM;IACd,IAAI,CAACiB,KAAK,CAACG,UAAU,IAAIH,KAAK,CAACI,IAAI,EAAE;MACnCpB,IAAI,CACF,+FACF,CAAC;IACH;EACF,CAAC,EAAE,CAACgB,KAAK,CAACI,IAAI,EAAEJ,KAAK,CAACG,UAAU,CAAC,CAAC;EAElC,OACErB,~~KAAA,~~CAAAuB~~,aAAA,~~CAAClB~~,qBAAqB,~~EAAAmB~~,QAAA,~~KAAKN~~,KAAK;IAAEG,UAAU,EAAED;EAAU,~~IAAAK~~,IAAA,KAAAA,IAAA,~~GACtDzB~~,KAAA,~~CAAAuB~~,aAAA;IAAKG,SAAS,EAAC;EAA4B,~~GACzC1B~~,KAAA,~~CAAAuB~~,aAAA,~~CAACnB~~,kBAAkB,MAAE,CAClB,CAAC,CACe,CAAC;AAE5B;AAEAI,aAAa,~~CAACmB~~,OAAO,~~GAAGxB~~,oBAAoB;AAE5CK,aAAa,~~CAACoB~~,qBAAqB,GAAG,IAAI;AAE1C,~~eAAepB~~,aAAa"}
1	+ {"version":3,"file":"StepIndicator.js","names":["React","StepIndicatorSidebar","StepIndicatorModal","StepIndicatorProvider","stepIndicatorDefaultProps","useId","StepIndicator","_ref","data","skeleton","current_step","hide_numbers","no_animation","restOfProps","_objectWithoutProperties","_excluded","props","_objectSpread","sidebarId","sidebar_id","createElement","_extends","_div","className","Sidebar","_supportsSpacingProps"],"sources":["../../../../src/components/step-indicator/StepIndicator.tsx"],"sourcesContent":["/*\n Web StepIndicator Component\n \n /\n\nimport React from 'react'\n\nimport StepIndicatorSidebar from './StepIndicatorSidebar'\n\nimport StepIndicatorModal from './StepIndicatorModal'\nimport {\n StepIndicatorContextValues,\n StepIndicatorProvider,\n} from './StepIndicatorContext'\n\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\nimport type {\n StepIndicatorItemProps,\n StepItemWrapper,\n} from './StepIndicatorItem'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport useId from '../../shared/helpers/useId'\n\nexport type StepIndicatorMode = 'static' \| 'strict' \| 'loose'\nexport type StepIndicatorDataItem = Pick<\n StepIndicatorItemProps,\n \| 'title'\n \| 'is_current'\n \| 'inactive'\n \| 'disabled'\n \| 'status'\n \| 'status_state'\n \| 'on_click'\n \| 'on_render'\n>\nexport type StepIndicatorData = string \| string[] \| StepIndicatorDataItem[]\n\nexport type StepIndicatorMouseEvent = {\n event: React.MouseEvent<HTMLButtonElement>\n item: StepIndicatorItemProps\n currentStep: number\n current_step: number\n}\n\nexport type StepIndicatorRenderCallback = {\n StepItem: typeof StepItemWrapper\n element: React.ReactNode\n attributes: React.HTMLProps<HTMLElement>\n props: StepIndicatorItemProps\n context: StepIndicatorContextValues\n}\n\nexport type StepIndicatorProps = Omit<\n React.HTMLProps<HTMLAnchorElement>,\n 'ref' \| 'data'\n> &\n SpacingProps & {\n /*\n <em>(required with `<StepIndicator.Sidebar />`)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.\n /\n sidebar_id?: string\n /\n <em>(required)</em> defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.\n /\n mode: StepIndicatorMode\n /\n <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.\n /\n data: StepIndicatorData\n /\n The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`\n * Defaults to `Steps Overview`\n /\n overview_title?: string\n /\n The label for `<StepIndicatorTriggerButton />` and supplemental screen reader text for `<StepIndicatorItem />`\n * This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n * `%step` is used to place the current step into the text\n * `%count` is used to place the step total into the text\n * Defaults to `Step %step of %count`\n /\n step_title?: string\n /\n A descriptive label used in `<StepIndicatorModal />`\n * This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n * `%step` is used to place the current step into the text\n * `%count` is used to place the step total into the text\n * Defaults to `You are on step %step of %count`\n /\n step_title_extended?: string\n /\n Defines the active number marked step starting by 0. Defaults to `0`.\n /\n current_step?: number\n /\n Define whether to show automatically counted numbers or not. Defaults to `false`.\n /\n hide_numbers?: boolean\n /\n Will be called once the user clicks on the current or another step. Will be emitted on every click. Returns an object `{ event, item, current_step, currentStep }`.\n /\n on_click?: ({\n event,\n item,\n current_step,\n currentStep,\n }: StepIndicatorMouseEvent) => void\n /\n Callback function to manipulate or wrap every item. Has to return a React Node. You receive an object you can use in your custom HOC `{ StepItem, element, attributes, props, context }`.\n /\n on_item_render?: ({\n StepItem,\n element,\n attributes,\n props,\n context,\n }: StepIndicatorRenderCallback) => React.ReactNode\n /\n Will be called once the user visits actively a new step. Will be emitted only once. Returns an object `{ event, item, current_step, currentStep }`.\n /\n on_change?: ({\n event,\n item,\n current_step,\n currentStep,\n }: StepIndicatorMouseEvent) => void\n\n /\n If set to `true`, the height animation on the step items and the drawer button will be omitted. Defaults to `false`.\n */\n no_animation?: boolean\n skeleton?: SkeletonShow\n className?: string\n children?: React.ReactNode\n }\n\nfunction StepIndicator({\n data = stepIndicatorDefaultProps.data,\n skeleton = stepIndicatorDefaultProps.skeleton,\n current_step = stepIndicatorDefaultProps.current_step,\n hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n no_animation = stepIndicatorDefaultProps.no_animation,\n ...restOfProps\n}: StepIndicatorProps) {\n const props = {\n data,\n skeleton,\n current_step,\n hide_numbers,\n no_animation,\n ...restOfProps,\n }\n\n const sidebarId = useId(props.sidebar_id)\n\n return (\n <StepIndicatorProvider {...props} sidebar_id={sidebarId}>\n <div className=\"dnb-step-indicator-wrapper\">\n <StepIndicatorModal />\n </div>\n </StepIndicatorProvider>\n )\n}\n\nStepIndicator.Sidebar = StepIndicatorSidebar\n\nStepIndicator._supportsSpacingProps = true\n\nexport default StepIndicator\n"],"mappings":";;;;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAEEC,qBAAqB,QAChB,wBAAwB;AAQ/B,SAASC,yBAAyB,QAAQ,sBAAsB;AAChE,OAAOC,KAAK,MAAM,4BAA4B;AAmH9C,SAASC,aAAaA,CAAAC,IAAA,EAOC;EAAA,IAPA;MACrBC,IAAI,GAAGJ,yBAAyB,CAACI,IAAI;MACrCC,QAAQ,GAAGL,yBAAyB,CAACK,QAAQ;MAC7CC,YAAY,GAAGN,yBAAyB,CAACM,YAAY;MACrDC,YAAY,GAAGP,yBAAyB,CAACO,YAAY;MACrDC,YAAY,GAAGR,yBAAyB,CAACQ;IAEvB,CAAC,GAAAL,IAAA;IADhBM,WAAW,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEd,MAAMC,KAAK,GAAAC,aAAA;IACTT,IAAI;IACJC,QAAQ;IACRC,YAAY;IACZC,YAAY;IACZC;EAAY,GACTC,WAAW,CACf;EAED,MAAMK,SAAS,GAAGb,KAAK,CAACW,KAAK,CAACG,UAAU,CAAC;EAEzC,OACEnB,KAAA,CAAAoB,aAAA,CAACjB,qBAAqB,EAAAkB,QAAA,KAAKL,KAAK;IAAEG,UAAU,EAAED;EAAU,IAAAI,IAAA,KAAAA,IAAA,GACtDtB,KAAA,CAAAoB,aAAA;IAAKG,SAAS,EAAC;EAA4B,GACzCvB,KAAA,CAAAoB,aAAA,CAAClB,kBAAkB,MAAE,CAClB,CAAC,CACe,CAAC;AAE5B;AAEAI,aAAa,CAACkB,OAAO,GAAGvB,oBAAoB;AAE5CK,aAAa,CAACmB,qBAAqB,GAAG,IAAI;AAE1C,eAAenB,aAAa"}

package/es/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.css CHANGED Viewed

@@ -52,7 +52,7 @@
 }
 .dnb-step-indicator-wrapper .dnb-step-indicator__button__status--info.dnb-button--secondary {
   color: var(--sb-color-text);
-  background-color: var(--sb-color-gray-light-2);
+  background-color: var(--sb-color-violet-light-4);
 }
 .dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-button__icon {
   align-self: flex-start;

package/es/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button{--border-color:var(--sb-color-gray-light)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--current .dnb-button{--border-color:var(--sb-color-purple-alternative);background-color:var(--sb-color-purple-alternative);color:var(--sb-color-white)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--visited .dnb-button{--border-color:var(--sb-color-purple-alternative);background-color:var(--sb-color-green-light-2);color:var(--sb-color-purple-alternative)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button{cursor:text;pointer-events:auto;-webkit-user-select:initial;user-select:auto}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-20);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-80)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-80);--border-width:0.125rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-step-indicator-wrapper .dnb-step-indicator__label,.dnb-step-indicator-wrapper .dnb-step-indicator__label.dnb-p{font-size:var(--font-size-small);margin-bottom:.5rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status.dnb-button--secondary{background-color:var(--sb-color-yellow-light-3);color:var(--sb-color-text)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--error.dnb-button--secondary{background-color:var(--sb-color-magenta-light-2);color:var(--sb-color-text)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--info.dnb-button--secondary{background-color:var(--sb-color-~~gray~~-light-2);color:var(--sb-color-text)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-button__icon{align-self:flex-start;margin-right:.25rem;margin-top:1rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number,.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{font-weight:var(--font-weight-basis)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{color:var(--color-black-80);font-size:var(--font-size-x-small);line-height:var(--font-size-basis);margin-top:.5rem}
1	+ .dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button{--border-color:var(--sb-color-gray-light)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--current .dnb-button{--border-color:var(--sb-color-purple-alternative);background-color:var(--sb-color-purple-alternative);color:var(--sb-color-white)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--visited .dnb-button{--border-color:var(--sb-color-purple-alternative);background-color:var(--sb-color-green-light-2);color:var(--sb-color-purple-alternative)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button{cursor:text;pointer-events:auto;-webkit-user-select:initial;user-select:auto}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-20);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-80)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-80);--border-width:0.125rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-step-indicator-wrapper .dnb-step-indicator__label,.dnb-step-indicator-wrapper .dnb-step-indicator__label.dnb-p{font-size:var(--font-size-small);margin-bottom:.5rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status.dnb-button--secondary{background-color:var(--sb-color-yellow-light-3);color:var(--sb-color-text)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--error.dnb-button--secondary{background-color:var(--sb-color-magenta-light-2);color:var(--sb-color-text)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--info.dnb-button--secondary{background-color:var(--sb-color-violet-light-4);color:var(--sb-color-text)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-button__icon{align-self:flex-start;margin-right:.25rem;margin-top:1rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number,.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{font-weight:var(--font-weight-basis)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{color:var(--color-black-80);font-size:var(--font-size-x-small);line-height:var(--font-size-basis);margin-top:.5rem}

package/es/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.scss CHANGED Viewed

@@ -70,7 +70,7 @@
     &--info.dnb-button--secondary {
       color: var(--sb-color-text);
-      background-color: var(--sb-color-gray-light-2);
+      background-color: var(--sb-color-violet-light-4);
     }
     .dnb-button__icon {

package/es/components/table/TableContainer.d.ts CHANGED Viewed

@@ -17,6 +17,7 @@ declare namespace TableContainer {
     var Body: typeof TableContainerBody;
     var Head: typeof TableContainerHead;
     var Foot: typeof TableContainerFoot;
+    var _supportsSpacingProps: boolean;
 }
 export default TableContainer;
 export type TableContainerBodyProps = {

package/es/components/table/TableContainer.js CHANGED Viewed

@@ -69,4 +69,5 @@ export function TableContainerFoot(props) {
 TableContainer.Body = TableContainerBody;
 TableContainer.Head = TableContainerHead;
 TableContainer.Foot = TableContainerFoot;
+TableContainer._supportsSpacingProps = true;
 //# sourceMappingURL=TableContainer.js.map