@dnb/eufemia 10.7.0 → 10.9.0

package/es/components/radio/Radio.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _AlignmentHelper, _span, _span2;
-const _excluded = ["status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "element", "label", "label_sr_only", "label_position", "size", "readOnly", "skeleton", "className", "class", "id", "group", "value", "checked", "disabled", "children", "on_change", "on_state_update"];
+const _excluded = ["status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "element", "label", "label_sr_only", "label_position", "size", "readOnly", "skeleton", "className", "class", "id", "group", "value", "checked", "disabled", "children", "on_change", "on_state_update", "innerRef"];
 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 from 'react';
@@ -154,7 +154,7 @@ export default class Radio extends React.PureComponent {
         this._refInput.current.focus();
       }
     });
-    this._refInput = React.createRef();
+    this._refInput = props.innerRef || React.createRef();
     this._id = props.id || makeUniqueId();
     this.state = {
       _listenForPropChanges: true
@@ -189,7 +189,8 @@ export default class Radio extends React.PureComponent {
           disabled: _disabled,
           children,
           on_change,
-          on_state_update
+          on_state_update,
+          innerRef
         } = props,
         rest = _objectWithoutProperties(props, _excluded);
       let {
@@ -344,7 +345,8 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes = _objectSpread(_objectS
   value: PropTypes.string,
   attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
+  readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  innerRef: PropTypes.object
 }, spacingPropTypes), {}, {
   class: PropTypes.string,
   className: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["React","PropTypes","classnames","keycode","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","FormLabel","FormStatus","RadioGroup","RadioGroupContext","Context","Suffix","includeValidProps","Radio","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","constructor","_defineProperty","event","key","isInNoGroup","onChangeHandler","isContextGroupOrSingle","value","context","preventDefault","setState","_event","readOnly","target","isPlainGroup","setTimeout","callOnChange","group","onChange","_refInput","current","focus","createRef","_id","id","render","createElement","Consumer","contextProps","defaultProps","skeleton","FormRow","status","status_state","status_props","status_no_animation","globalStatus","suffix","element","label","label_sr_only","label_position","size","className","class","_className","_group","_value","disabled","_disabled","children","on_change","on_state_update","rest","_objectWithoutProperties","_excluded","hasContext","name","showStatus","mainParams","inputParams","role","type","Object","assign","labelComp","for_id","text","sr_only","Element","_AlignmentHelper","_extends","show","text_id","width_selector","no_animation","undefined","ref","onClick","onClickHandler","onKeyDown","onKeyDownHandler","_span","_span2","attributes","test","String","process","env","NODE_ENV","propTypes","_objectSpread","oneOfType","string","func","node","bool","oneOf","object","shape","message"],"sources":["../../../../src/components/radio/Radio.js"],"sourcesContent":["/**\n * Web Radio Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  getStatusState,\n  combineDescribedBy,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport RadioGroup from './RadioGroup'\nimport RadioGroupContext from './RadioGroupContext'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\n\n/**\n * The radio component is our enhancement of the classic radio button.\n */\nexport default class Radio extends React.PureComponent {\n  static contextType = RadioGroupContext\n\n  static propTypes = {\n    label: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    label_position: PropTypes.oneOf(['left', 'right']),\n    checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    id: PropTypes.string,\n    element: PropTypes.node,\n    group: PropTypes.string,\n    size: PropTypes.oneOf(['default', 'medium', 'large']),\n    status: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    status_state: PropTypes.string,\n    status_props: PropTypes.object,\n    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    suffix: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    value: PropTypes.string,\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n    on_change: PropTypes.func,\n    on_state_update: PropTypes.func,\n  }\n\n  static defaultProps = {\n    label: null,\n    label_sr_only: null,\n    label_position: null,\n    checked: null,\n    disabled: null,\n    id: null,\n    size: null,\n    element: 'input',\n    group: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    value: '',\n    attributes: null,\n    readOnly: false,\n    skeleton: null,\n    class: null,\n\n    className: null,\n    children: null,\n\n    on_change: null,\n    on_state_update: null,\n  }\n\n  static Group = RadioGroup\n\n  static parseChecked = (state) => /true|on/.test(String(state))\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._listenForPropChanges) {\n      if (props.checked !== state._checked) {\n        state.checked = Radio.parseChecked(props.checked)\n      }\n    }\n    state._listenForPropChanges = true\n\n    if (state.checked !== state.__checked) {\n      dispatchCustomElementEvent({ props }, 'on_state_update', {\n        checked: state.checked,\n      })\n    }\n\n    state._checked = props.checked\n    state.__checked = state.checked\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n    this._refInput = React.createRef()\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n    this.state = {\n      _listenForPropChanges: true,\n    }\n  }\n\n  onKeyDownHandler = (event) => {\n    const key = keycode(event)\n    // only have key support if there is only a single radio\n    if (this.isInNoGroup()) {\n      switch (key) {\n        case 'enter':\n          this.onChangeHandler(event)\n          break\n      }\n    } else if (this.isContextGroupOrSingle()) {\n      switch (key) {\n        case 'space':\n        case 'enter': {\n          const { value } = this.context\n          if (value !== null && typeof value !== 'undefined') {\n            event.preventDefault()\n          }\n          if (key === 'enter') {\n            const checked = !this.state.checked\n            this.setState({ checked, _listenForPropChanges: false })\n          }\n          break\n        }\n      }\n    } else {\n      // else we only use the native support, and don't want space support\n      // because only arrow keys has to be used\n      switch (key) {\n        case 'space': {\n          event.preventDefault()\n          break\n        }\n      }\n    }\n    dispatchCustomElementEvent(this, 'on_key_down', { event })\n  }\n\n  onChangeHandler = (_event) => {\n    const event = _event\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    const value = event.target.value\n    const checked = !this.state.checked\n\n    // delay in case we have a props group only\n    if (this.isPlainGroup()) {\n      // in case we have a false \"hasContext\" but a \"group\"\n      // then we have to use a delay, to overwrite the uncontrolled state\n      setTimeout(() => {\n        this.setState({ checked, _listenForPropChanges: false }, () =>\n          this.callOnChange({ value, checked, event })\n        )\n      }, 1)\n    } else {\n      this.setState({ checked, _listenForPropChanges: false })\n      this.callOnChange({ value, checked, event })\n    }\n  }\n\n  // only support on change if there is either:\n  // 1. context group usage\n  // 2. or a single, no group usage\n  isContextGroupOrSingle = () =>\n    typeof this.context.value !== 'undefined' && !this.props.group\n  isPlainGroup = () =>\n    typeof this.context.value === 'undefined' && this.props.group\n  isInNoGroup = () =>\n    typeof this.context.value === 'undefined' && !this.props.group\n\n  onClickHandler = (event) => {\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    // only have click support if there are more plain radio\n    if (!this.isPlainGroup()) {\n      return\n    }\n    const value = event.target.value\n    const checked = event.target.checked\n    this.callOnChange({ value, checked, event })\n  }\n\n  callOnChange = ({ value, checked, event }) => {\n    const { group } = this.props\n    if (this.context.onChange) {\n      this.context.onChange({\n        value,\n      })\n    }\n    dispatchCustomElementEvent(this, 'on_change', {\n      group,\n      checked,\n      value,\n      event,\n    })\n\n    // help firefox and safari to have an correct state after a click\n    if (this._refInput.current) {\n      this._refInput.current.focus()\n    }\n  }\n\n  render() {\n    return (\n      <Context.Consumer>\n        {(context) => {\n          // from internal context\n          const contextProps = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            this.context\n          )\n\n          // use only the props from context, who are available here anyway\n          const props = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            contextProps,\n            { skeleton: context?.skeleton },\n            includeValidProps(context.FormRow),\n            context.Radio\n          )\n\n          const {\n            status,\n            status_state,\n            status_props,\n            status_no_animation,\n            globalStatus,\n            suffix,\n            element,\n            label,\n            label_sr_only,\n            label_position,\n            size,\n            readOnly,\n            skeleton,\n            className,\n            class: _className,\n            id: _id, // eslint-disable-line\n            group: _group, // eslint-disable-line\n            value: _value, // eslint-disable-line\n            checked: _checked, // eslint-disable-line\n            disabled: _disabled, // eslint-disable-line\n            children, // eslint-disable-line\n            on_change, // eslint-disable-line\n            on_state_update, // eslint-disable-line\n\n            ...rest\n          } = props\n\n          let { checked } = this.state\n          let { value, group, disabled } = props // get it from context also\n\n          const hasContext = typeof this.context.name !== 'undefined'\n\n          if (hasContext) {\n            if (typeof this.context.value !== 'undefined') {\n              checked = this.context.value === value\n            }\n            group = this.context.name\n            if (isTrue(this.context.disabled) && disabled !== false) {\n              disabled = true\n            }\n          } else if (typeof rest.name !== 'undefined') {\n            group = rest.name\n          }\n\n          const id = this._id\n          const showStatus = getStatusState(status)\n\n          const mainParams = {\n            className: classnames(\n              'dnb-radio',\n              status && `dnb-radio__status--${status_state}`,\n              size && `dnb-radio--${size}`,\n              label &&\n                `dnb-radio--label-position-${label_position || 'right'}`,\n              createSpacingClasses(props),\n              className,\n              _className\n            ),\n          }\n\n          let inputParams = {\n            role: hasContext || group ? 'radio' : null,\n            type: hasContext || group ? 'radio' : 'checkbox', // overwriting the type\n          }\n\n          if (!group) {\n            inputParams.type = 'checkbox'\n            inputParams.role = 'radio' // breaks axe test\n          }\n\n          if (showStatus || suffix) {\n            inputParams['aria-describedby'] = combineDescribedBy(\n              inputParams,\n              showStatus ? id + '-status' : null,\n              suffix ? id + '-suffix' : null\n            )\n          }\n          if (readOnly) {\n            inputParams['aria-readonly'] = inputParams.readOnly = true\n          }\n\n          inputParams = Object.assign(inputParams, rest)\n\n          skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n          // also used for code markup simulation\n          validateDOMAttributes(this.props, inputParams)\n\n          const labelComp = label && (\n            <FormLabel\n              id={id + '-label'}\n              for_id={id}\n              text={label}\n              disabled={disabled}\n              skeleton={skeleton}\n              sr_only={label_sr_only}\n            />\n          )\n\n          const Element = element || 'input'\n\n          return (\n            <span {...mainParams}>\n              <span className=\"dnb-radio__order\">\n                {label_position === 'left' && labelComp}\n\n                <span className=\"dnb-radio__inner\">\n                  <AlignmentHelper />\n\n                  <FormStatus\n                    show={showStatus}\n                    id={id + '-form-status'}\n                    globalStatus={globalStatus}\n                    label={label}\n                    text_id={id + '-status'} // used for \"aria-describedby\"\n                    width_selector={id + ', ' + id + '-label'}\n                    text={status}\n                    state={status_state}\n                    no_animation={status_no_animation}\n                    skeleton={skeleton}\n                    {...status_props}\n                  />\n\n                  <span className=\"dnb-radio__row\">\n                    <span className=\"dnb-radio__shell\">\n                      <Element\n                        type=\"radio\"\n                        value={value}\n                        id={id}\n                        name={group}\n                        className=\"dnb-radio__input\"\n                        checked={checked}\n                        aria-checked={\n                          this.isPlainGroup() ? undefined : checked\n                        }\n                        disabled={isTrue(disabled)}\n                        ref={this._refInput}\n                        {...inputParams}\n                        onChange={this.onChangeHandler}\n                        onClick={this.onClickHandler}\n                        onKeyDown={this.onKeyDownHandler}\n                      />\n\n                      <span\n                        className={classnames(\n                          'dnb-radio__button',\n                          createSkeletonClass(\n                            'shape',\n                            skeleton,\n                            this.context\n                          )\n                        )}\n                        aria-hidden\n                      />\n                      <span className=\"dnb-radio__focus\" aria-hidden />\n                      <span className=\"dnb-radio__dot\" aria-hidden />\n                    </span>\n\n                    {label_position !== 'left' && labelComp}\n\n                    {suffix && (\n                      <Suffix\n                        className=\"dnb-radio__suffix\"\n                        id={id + '-suffix'} // used for \"aria-describedby\"\n                        context={props}\n                      >\n                        {suffix}\n                      </Suffix>\n                    )}\n                  </span>\n                </span>\n              </span>\n            </span>\n          )\n        }}\n      </Context.Consumer>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Radio.js","names":["React","PropTypes","classnames","keycode","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","FormLabel","FormStatus","RadioGroup","RadioGroupContext","Context","Suffix","includeValidProps","Radio","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","constructor","_defineProperty","event","key","isInNoGroup","onChangeHandler","isContextGroupOrSingle","value","context","preventDefault","setState","_event","readOnly","target","isPlainGroup","setTimeout","callOnChange","group","onChange","_refInput","current","focus","innerRef","createRef","_id","id","render","createElement","Consumer","contextProps","defaultProps","skeleton","FormRow","status","status_state","status_props","status_no_animation","globalStatus","suffix","element","label","label_sr_only","label_position","size","className","class","_className","_group","_value","disabled","_disabled","children","on_change","on_state_update","rest","_objectWithoutProperties","_excluded","hasContext","name","showStatus","mainParams","inputParams","role","type","Object","assign","labelComp","for_id","text","sr_only","Element","_AlignmentHelper","_extends","show","text_id","width_selector","no_animation","undefined","ref","onClick","onClickHandler","onKeyDown","onKeyDownHandler","_span","_span2","attributes","test","String","process","env","NODE_ENV","propTypes","_objectSpread","oneOfType","string","func","node","bool","oneOf","object","shape","message"],"sources":["../../../../src/components/radio/Radio.js"],"sourcesContent":["/**\n * Web Radio Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  getStatusState,\n  combineDescribedBy,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport RadioGroup from './RadioGroup'\nimport RadioGroupContext from './RadioGroupContext'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\n\n/**\n * The radio component is our enhancement of the classic radio button.\n */\nexport default class Radio extends React.PureComponent {\n  static contextType = RadioGroupContext\n\n  static propTypes = {\n    label: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    label_position: PropTypes.oneOf(['left', 'right']),\n    checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    id: PropTypes.string,\n    element: PropTypes.node,\n    group: PropTypes.string,\n    size: PropTypes.oneOf(['default', 'medium', 'large']),\n    status: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    status_state: PropTypes.string,\n    status_props: PropTypes.object,\n    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    suffix: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    value: PropTypes.string,\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    innerRef: PropTypes.object,\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n    on_change: PropTypes.func,\n    on_state_update: PropTypes.func,\n  }\n\n  static defaultProps = {\n    label: null,\n    label_sr_only: null,\n    label_position: null,\n    checked: null,\n    disabled: null,\n    id: null,\n    size: null,\n    element: 'input',\n    group: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    value: '',\n    attributes: null,\n    readOnly: false,\n    skeleton: null,\n    class: null,\n\n    className: null,\n    children: null,\n\n    on_change: null,\n    on_state_update: null,\n  }\n\n  static Group = RadioGroup\n\n  static parseChecked = (state) => /true|on/.test(String(state))\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._listenForPropChanges) {\n      if (props.checked !== state._checked) {\n        state.checked = Radio.parseChecked(props.checked)\n      }\n    }\n    state._listenForPropChanges = true\n\n    if (state.checked !== state.__checked) {\n      dispatchCustomElementEvent({ props }, 'on_state_update', {\n        checked: state.checked,\n      })\n    }\n\n    state._checked = props.checked\n    state.__checked = state.checked\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n    this._refInput = props.innerRef || React.createRef()\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n    this.state = {\n      _listenForPropChanges: true,\n    }\n  }\n\n  onKeyDownHandler = (event) => {\n    const key = keycode(event)\n    // only have key support if there is only a single radio\n    if (this.isInNoGroup()) {\n      switch (key) {\n        case 'enter':\n          this.onChangeHandler(event)\n          break\n      }\n    } else if (this.isContextGroupOrSingle()) {\n      switch (key) {\n        case 'space':\n        case 'enter': {\n          const { value } = this.context\n          if (value !== null && typeof value !== 'undefined') {\n            event.preventDefault()\n          }\n          if (key === 'enter') {\n            const checked = !this.state.checked\n            this.setState({ checked, _listenForPropChanges: false })\n          }\n          break\n        }\n      }\n    } else {\n      // else we only use the native support, and don't want space support\n      // because only arrow keys has to be used\n      switch (key) {\n        case 'space': {\n          event.preventDefault()\n          break\n        }\n      }\n    }\n    dispatchCustomElementEvent(this, 'on_key_down', { event })\n  }\n\n  onChangeHandler = (_event) => {\n    const event = _event\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    const value = event.target.value\n    const checked = !this.state.checked\n\n    // delay in case we have a props group only\n    if (this.isPlainGroup()) {\n      // in case we have a false \"hasContext\" but a \"group\"\n      // then we have to use a delay, to overwrite the uncontrolled state\n      setTimeout(() => {\n        this.setState({ checked, _listenForPropChanges: false }, () =>\n          this.callOnChange({ value, checked, event })\n        )\n      }, 1)\n    } else {\n      this.setState({ checked, _listenForPropChanges: false })\n      this.callOnChange({ value, checked, event })\n    }\n  }\n\n  // only support on change if there is either:\n  // 1. context group usage\n  // 2. or a single, no group usage\n  isContextGroupOrSingle = () =>\n    typeof this.context.value !== 'undefined' && !this.props.group\n  isPlainGroup = () =>\n    typeof this.context.value === 'undefined' && this.props.group\n  isInNoGroup = () =>\n    typeof this.context.value === 'undefined' && !this.props.group\n\n  onClickHandler = (event) => {\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    // only have click support if there are more plain radio\n    if (!this.isPlainGroup()) {\n      return\n    }\n    const value = event.target.value\n    const checked = event.target.checked\n    this.callOnChange({ value, checked, event })\n  }\n\n  callOnChange = ({ value, checked, event }) => {\n    const { group } = this.props\n    if (this.context.onChange) {\n      this.context.onChange({\n        value,\n      })\n    }\n    dispatchCustomElementEvent(this, 'on_change', {\n      group,\n      checked,\n      value,\n      event,\n    })\n\n    // help firefox and safari to have an correct state after a click\n    if (this._refInput.current) {\n      this._refInput.current.focus()\n    }\n  }\n\n  render() {\n    return (\n      <Context.Consumer>\n        {(context) => {\n          // from internal context\n          const contextProps = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            this.context\n          )\n\n          // use only the props from context, who are available here anyway\n          const props = extendPropsWithContextInClassComponent(\n            this.props,\n            Radio.defaultProps,\n            contextProps,\n            { skeleton: context?.skeleton },\n            includeValidProps(context.FormRow),\n            context.Radio\n          )\n\n          const {\n            status,\n            status_state,\n            status_props,\n            status_no_animation,\n            globalStatus,\n            suffix,\n            element,\n            label,\n            label_sr_only,\n            label_position,\n            size,\n            readOnly,\n            skeleton,\n            className,\n            class: _className,\n            id: _id, // eslint-disable-line\n            group: _group, // eslint-disable-line\n            value: _value, // eslint-disable-line\n            checked: _checked, // eslint-disable-line\n            disabled: _disabled, // eslint-disable-line\n            children, // eslint-disable-line\n            on_change, // eslint-disable-line\n            on_state_update, // eslint-disable-line\n            innerRef, // eslint-disable-line\n\n            ...rest\n          } = props\n\n          let { checked } = this.state\n          let { value, group, disabled } = props // get it from context also\n\n          const hasContext = typeof this.context.name !== 'undefined'\n\n          if (hasContext) {\n            if (typeof this.context.value !== 'undefined') {\n              checked = this.context.value === value\n            }\n            group = this.context.name\n            if (isTrue(this.context.disabled) && disabled !== false) {\n              disabled = true\n            }\n          } else if (typeof rest.name !== 'undefined') {\n            group = rest.name\n          }\n\n          const id = this._id\n          const showStatus = getStatusState(status)\n\n          const mainParams = {\n            className: classnames(\n              'dnb-radio',\n              status && `dnb-radio__status--${status_state}`,\n              size && `dnb-radio--${size}`,\n              label &&\n                `dnb-radio--label-position-${label_position || 'right'}`,\n              createSpacingClasses(props),\n              className,\n              _className\n            ),\n          }\n\n          let inputParams = {\n            role: hasContext || group ? 'radio' : null,\n            type: hasContext || group ? 'radio' : 'checkbox', // overwriting the type\n          }\n\n          if (!group) {\n            inputParams.type = 'checkbox'\n            inputParams.role = 'radio' // breaks axe test\n          }\n\n          if (showStatus || suffix) {\n            inputParams['aria-describedby'] = combineDescribedBy(\n              inputParams,\n              showStatus ? id + '-status' : null,\n              suffix ? id + '-suffix' : null\n            )\n          }\n          if (readOnly) {\n            inputParams['aria-readonly'] = inputParams.readOnly = true\n          }\n\n          inputParams = Object.assign(inputParams, rest)\n\n          skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n          // also used for code markup simulation\n          validateDOMAttributes(this.props, inputParams)\n\n          const labelComp = label && (\n            <FormLabel\n              id={id + '-label'}\n              for_id={id}\n              text={label}\n              disabled={disabled}\n              skeleton={skeleton}\n              sr_only={label_sr_only}\n            />\n          )\n\n          const Element = element || 'input'\n\n          return (\n            <span {...mainParams}>\n              <span className=\"dnb-radio__order\">\n                {label_position === 'left' && labelComp}\n\n                <span className=\"dnb-radio__inner\">\n                  <AlignmentHelper />\n\n                  <FormStatus\n                    show={showStatus}\n                    id={id + '-form-status'}\n                    globalStatus={globalStatus}\n                    label={label}\n                    text_id={id + '-status'} // used for \"aria-describedby\"\n                    width_selector={id + ', ' + id + '-label'}\n                    text={status}\n                    state={status_state}\n                    no_animation={status_no_animation}\n                    skeleton={skeleton}\n                    {...status_props}\n                  />\n\n                  <span className=\"dnb-radio__row\">\n                    <span className=\"dnb-radio__shell\">\n                      <Element\n                        type=\"radio\"\n                        value={value}\n                        id={id}\n                        name={group}\n                        className=\"dnb-radio__input\"\n                        checked={checked}\n                        aria-checked={\n                          this.isPlainGroup() ? undefined : checked\n                        }\n                        disabled={isTrue(disabled)}\n                        ref={this._refInput}\n                        {...inputParams}\n                        onChange={this.onChangeHandler}\n                        onClick={this.onClickHandler}\n                        onKeyDown={this.onKeyDownHandler}\n                      />\n\n                      <span\n                        className={classnames(\n                          'dnb-radio__button',\n                          createSkeletonClass(\n                            'shape',\n                            skeleton,\n                            this.context\n                          )\n                        )}\n                        aria-hidden\n                      />\n                      <span className=\"dnb-radio__focus\" aria-hidden />\n                      <span className=\"dnb-radio__dot\" aria-hidden />\n                    </span>\n\n                    {label_position !== 'left' && labelComp}\n\n                    {suffix && (\n                      <Suffix\n                        className=\"dnb-radio__suffix\"\n                        id={id + '-suffix'} // used for \"aria-describedby\"\n                        context={props}\n                      >\n                        {suffix}\n                      </Suffix>\n                    )}\n                  </span>\n                </span>\n              </span>\n            </span>\n          )\n        }}\n      </Context.Consumer>\n    )\n  }\n}\n"],"mappings":"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"}

package/es/components/radio/style/themes/dnb-radio-theme-ui.scss

@@ -8,7 +8,9 @@
 .dnb-radio {
   &__dot {
     background-color: var(--color-sea-green);
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transition:
+      opacity 200ms ease-out,
+      transform 200ms ease-out;
   }
 
   // When radio is ON
@@ -62,7 +64,9 @@
   }
 
   // On hover
-  &__input:not([disabled]):not(:focus):not(:checked):not([data-checked='true']):hover
+  &__input:not([disabled]):not(:focus):not(:checked):not(
+      [data-checked='true']
+    ):hover
     ~ &__button {
     background-color: var(--color-mint-green-50);
   }
@@ -112,7 +116,9 @@
     @include fakeBorder(var(--color-fire-red), var(--focus-ring-width));
   }
   &__status--error
-    &__input:not([disabled]):not(:focus):not(:checked):not([data-checked='true']):hover
+    &__input:not([disabled]):not(:focus):not(:checked):not(
+      [data-checked='true']
+    ):hover
     ~ &__button {
     background-color: var(--color-fire-red-8);
   }
@@ -120,7 +126,9 @@
     &__input:not([disabled]):not(:focus):not(:active):not(:hover):checked
     ~ &__dot,
   &__status--error
-    &__input:not([disabled]):not(:focus):not(:active):not(:hover)[data-checked='true']
+    &__input:not([disabled]):not(:focus):not(:active):not(
+      :hover
+    )[data-checked='true']
     ~ &__dot {
     background-color: var(--color-fire-red);
   }
@@ -128,7 +136,9 @@
     &__input:not([disabled]):not(:focus):not(:active):checked:hover
     ~ &__dot,
   &__status--error
-    &__input:not([disabled]):not(:focus):not(:active)[data-checked='true']:hover
+    &__input:not([disabled]):not(:focus):not(
+      :active
+    )[data-checked='true']:hover
     ~ &__dot {
     background-color: var(--color-fire-red-8);
   }

package/es/components/section/Section.d.ts

@@ -5,7 +5,27 @@
 import React from 'react';
 import type { DynamicElement, SpacingProps } from '../../shared/types';
 export type SectionVariants = 'error' | 'info' | 'warning' | 'success';
-export type SectionStyleTypes = 'divider' | 'white' | 'transparent' | 'lavender' | 'pistachio' | 'emerald-green' | 'sea-green' | 'fire-red' | 'fire-red-8' | 'sand-yellow' | 'black-3' | 'mint-green' | 'mint-green-12';
+export type SectionStyleTypes = 'divider' | 'white' | 'transparent'
+/** @deprecated in v11 use "variant" prop instead */
+ | 'lavender'
+/** @deprecated in v11 use "variant" prop instead */
+ | 'pistachio'
+/** @deprecated in v11 use "variant" prop instead */
+ | 'emerald-green'
+/** @deprecated in v11 use "variant" prop instead */
+ | 'sea-green'
+/** @deprecated in v11 use "variant" prop instead */
+ | 'fire-red'
+/** @deprecated in v11 use "variant" prop instead */
+ | 'fire-red-8'
+/** @deprecated in v11 use "variant" prop instead */
+ | 'sand-yellow'
+/** @deprecated in v11 use "variant" prop instead */
+ | 'black-3'
+/** @deprecated in v11 use "variant" prop instead */
+ | 'mint-green'
+/** @deprecated in v11 use "variant" prop instead */
+ | 'mint-green-12';
 export type SectionSpacing = boolean | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
 export type SectionProps = {
     /**

package/es/components/section/Section.js

@@ -25,7 +25,7 @@ export default function Section(localProps) {
     } = props,
     attributes = _objectWithoutProperties(props, _excluded);
   const params = _objectSpread({
-    className: classnames(`dnb-section dnb-section--${variant ?? (style_type || 'default')}`, createSpacingClasses(props), className, spacing && `dnb-section--spacing-${isTrue(spacing) ? 'large' : spacing}`)
+    className: classnames(`dnb-section dnb-section--${variant ? variant : style_type || 'default'}`, createSpacingClasses(props), className, spacing && `dnb-section--spacing-${isTrue(spacing) ? 'large' : spacing}`)
   }, attributes);
   const internalRef = React.useRef();
   const elementRef = inner_ref || internalRef;

package/es/components/section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","names":["React","classnames","Context","isTrue","validateDOMAttributes","extendPropsWithContext","createSpacingClasses","defaultProps","element","Section","localProps","context","useContext","props","variant","style_type","spacing","inner_ref","className","children","attributes","_objectWithoutProperties","_excluded","params","_objectSpread","internalRef","useRef","elementRef","Element","createElement"],"sources":["../../../../src/components/section/Section.tsx"],"sourcesContent":["/**\n * Web Section Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport type { DynamicElement, SpacingProps } from '../../shared/types'\n\nexport type SectionVariants =\n  | 'error'\n  | 'info'\n  | 'warning'\n  | 'success'\n\nexport type SectionStyleTypes =\n  | 'divider'\n  | 'white'\n  | 'transparent'\n  | 'lavender'\n  | 'pistachio'\n  | 'emerald-green'\n  | 'sea-green'\n  | 'fire-red'\n  | 'fire-red-8'\n  | 'sand-yellow'\n  | 'black-3'\n  | 'mint-green'\n  | 'mint-green-12'\n\nexport type SectionSpacing =\n  | boolean\n  | 'x-small'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\n\nexport type SectionProps = {\n  /**\n   * Defines the semantic purpose and subsequently the style of the visual helper. Will take precedence over the style_type prop\n   */\n  variant?: SectionVariants | string\n\n  /**\n   * To define the style of the visual helper. Use and `Style ID` from below. Defaults to `mint-green-12`.\n   */\n  style_type?: SectionStyleTypes | string\n\n  /**\n   * Will add spacing around the given content. If `true`, then `large` is used. See the [available sizes](/uilib/usage/layout/spacing#spacing-helpers). Defaults to `false`.\n   */\n  spacing?: SectionSpacing\n\n  /**\n   * Define what HTML element should be used. Defaults to `<section>`.\n   */\n  element?: DynamicElement\n\n  inner_ref?: React.RefObject<HTMLElement>\n  className?: string\n  children?: React.ReactNode\n}\n\nexport type SectionAllProps = SectionProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\nconst defaultProps = {\n  element: 'section',\n}\n\nexport default function Section(localProps: SectionAllProps) {\n  const context = React.useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context.Section\n  )\n\n  const {\n    element,\n    variant,\n    style_type,\n    spacing,\n    inner_ref,\n\n    className,\n    children,\n\n    ...attributes\n  } = props\n\n  const params = {\n    className: classnames(\n      'dnb-section',\n      `dnb-section--${variant ?? (style_type || 'default')}`,\n      spacing &&\n        `dnb-section--spacing-${isTrue(spacing) ? 'large' : spacing}`,\n      createSpacingClasses(props),\n      className\n    ),\n    ...(attributes as Record<string, unknown>),\n  }\n\n  const internalRef = React.useRef<HTMLElement>()\n  const elementRef = inner_ref || internalRef\n  params['ref'] = elementRef\n\n  validateDOMAttributes(props, params)\n\n  const Element = element || 'section'\n\n  return <Element {...params}>{children}</Element>\n}\n"],"mappings":";;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SACEC,MAAM,EACNC,qBAAqB,EACrBC,sBAAsB,QACjB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AA+D7D,MAAMC,YAAY,GAAG;EACnBC,OAAO,EAAE;AACX,CAAC;AAED,eAAe,SAASC,OAAOA,CAACC,UAA2B,EAAE;EAC3D,MAAMC,OAAO,GAAGX,KAAK,CAACY,UAAU,CAACV,OAAO,CAAC;EAGzC,MAAMW,KAAK,GAAGR,sBAAsB,CAClCK,UAAU,EACVH,YAAY,EACZI,OAAO,CAACF,OACV,CAAC;EAED,MAAM;MACJD,OAAO;MACPM,OAAO;MACPC,UAAU;MACVC,OAAO;MACPC,SAAS;MAETC,SAAS;MACTC;IAGF,CAAC,GAAGN,KAAK;IADJO,UAAU,GAAAC,wBAAA,CACXR,KAAK,EAAAS,SAAA;EAET,MAAMC,MAAM,GAAAC,aAAA;IACVN,SAAS,EAAEjB,UAAU,6BAEHa,OAAO,KAAKC,UAAU,IAAI,SAAS,CAAE,IAGrDT,oBAAoB,CAACO,KAAK,CAAC,EAC3BK,SAAS,EAHTF,OAAO,IACJ,wBAAuBb,MAAM,CAACa,OAAO,CAAC,GAAG,OAAO,GAAGA,OAAQ,EAGhE;EAAC,GACGI,UAAU,CACf;EAED,MAAMK,WAAW,GAAGzB,KAAK,CAAC0B,MAAM,CAAc,CAAC;EAC/C,MAAMC,UAAU,GAAGV,SAAS,IAAIQ,WAAW;EAC3CF,MAAM,CAAC,KAAK,CAAC,GAAGI,UAAU;EAE1BvB,qBAAqB,CAACS,KAAK,EAAEU,MAAM,CAAC;EAEpC,MAAMK,OAAO,GAAGpB,OAAO,IAAI,SAAS;EAEpC,OAAOR,KAAA,CAAA6B,aAAA,CAACD,OAAO,EAAKL,MAAM,EAAGJ,QAAkB,CAAC;AAClD"}
+{"version":3,"file":"Section.js","names":["React","classnames","Context","isTrue","validateDOMAttributes","extendPropsWithContext","createSpacingClasses","defaultProps","element","Section","localProps","context","useContext","props","variant","style_type","spacing","inner_ref","className","children","attributes","_objectWithoutProperties","_excluded","params","_objectSpread","internalRef","useRef","elementRef","Element","createElement"],"sources":["../../../../src/components/section/Section.tsx"],"sourcesContent":["/**\n * Web Section Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport type { DynamicElement, SpacingProps } from '../../shared/types'\n\nexport type SectionVariants = 'error' | 'info' | 'warning' | 'success'\n\nexport type SectionStyleTypes =\n  | 'divider'\n  | 'white'\n  | 'transparent'\n\n  /** @deprecated in v11 use \"variant\" prop instead */\n  | 'lavender'\n  /** @deprecated in v11 use \"variant\" prop instead */\n  | 'pistachio'\n  /** @deprecated in v11 use \"variant\" prop instead */\n  | 'emerald-green'\n  /** @deprecated in v11 use \"variant\" prop instead */\n  | 'sea-green'\n  /** @deprecated in v11 use \"variant\" prop instead */\n  | 'fire-red'\n  /** @deprecated in v11 use \"variant\" prop instead */\n  | 'fire-red-8'\n  /** @deprecated in v11 use \"variant\" prop instead */\n  | 'sand-yellow'\n  /** @deprecated in v11 use \"variant\" prop instead */\n  | 'black-3'\n  /** @deprecated in v11 use \"variant\" prop instead */\n  | 'mint-green'\n  /** @deprecated in v11 use \"variant\" prop instead */\n  | 'mint-green-12'\n\nexport type SectionSpacing =\n  | boolean\n  | 'x-small'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\n\nexport type SectionProps = {\n  /**\n   * Defines the semantic purpose and subsequently the style of the visual helper. Will take precedence over the style_type prop\n   */\n  variant?: SectionVariants | string\n\n  /**\n   * To define the style of the visual helper. Use and `Style ID` from below. Defaults to `mint-green-12`.\n   */\n  style_type?: SectionStyleTypes | string\n\n  /**\n   * Will add spacing around the given content. If `true`, then `large` is used. See the [available sizes](/uilib/usage/layout/spacing#spacing-helpers). Defaults to `false`.\n   */\n  spacing?: SectionSpacing\n\n  /**\n   * Define what HTML element should be used. Defaults to `<section>`.\n   */\n  element?: DynamicElement\n\n  inner_ref?: React.RefObject<HTMLElement>\n  className?: string\n  children?: React.ReactNode\n}\n\nexport type SectionAllProps = SectionProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\nconst defaultProps = {\n  element: 'section',\n}\n\nexport default function Section(localProps: SectionAllProps) {\n  const context = React.useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context.Section\n  )\n\n  const {\n    element,\n    variant,\n    style_type,\n    spacing,\n    inner_ref,\n\n    className,\n    children,\n\n    ...attributes\n  } = props\n\n  const params = {\n    className: classnames(\n      'dnb-section',\n      `dnb-section--${variant ? variant : style_type || 'default'}`,\n      spacing &&\n        `dnb-section--spacing-${isTrue(spacing) ? 'large' : spacing}`,\n      createSpacingClasses(props),\n      className\n    ),\n    ...(attributes as Record<string, unknown>),\n  }\n\n  const internalRef = React.useRef<HTMLElement>()\n  const elementRef = inner_ref || internalRef\n  params['ref'] = elementRef\n\n  validateDOMAttributes(props, params)\n\n  const Element = element || 'section'\n\n  return <Element {...params}>{children}</Element>\n}\n"],"mappings":";;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SACEC,MAAM,EACNC,qBAAqB,EACrBC,sBAAsB,QACjB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAsE7D,MAAMC,YAAY,GAAG;EACnBC,OAAO,EAAE;AACX,CAAC;AAED,eAAe,SAASC,OAAOA,CAACC,UAA2B,EAAE;EAC3D,MAAMC,OAAO,GAAGX,KAAK,CAACY,UAAU,CAACV,OAAO,CAAC;EAGzC,MAAMW,KAAK,GAAGR,sBAAsB,CAClCK,UAAU,EACVH,YAAY,EACZI,OAAO,CAACF,OACV,CAAC;EAED,MAAM;MACJD,OAAO;MACPM,OAAO;MACPC,UAAU;MACVC,OAAO;MACPC,SAAS;MAETC,SAAS;MACTC;IAGF,CAAC,GAAGN,KAAK;IADJO,UAAU,GAAAC,wBAAA,CACXR,KAAK,EAAAS,SAAA;EAET,MAAMC,MAAM,GAAAC,aAAA;IACVN,SAAS,EAAEjB,UAAU,6BAEHa,OAAO,GAAGA,OAAO,GAAGC,UAAU,IAAI,SAAU,IAG5DT,oBAAoB,CAACO,KAAK,CAAC,EAC3BK,SAAS,EAHTF,OAAO,IACJ,wBAAuBb,MAAM,CAACa,OAAO,CAAC,GAAG,OAAO,GAAGA,OAAQ,EAGhE;EAAC,GACGI,UAAU,CACf;EAED,MAAMK,WAAW,GAAGzB,KAAK,CAAC0B,MAAM,CAAc,CAAC;EAC/C,MAAMC,UAAU,GAAGV,SAAS,IAAIQ,WAAW;EAC3CF,MAAM,CAAC,KAAK,CAAC,GAAGI,UAAU;EAE1BvB,qBAAqB,CAACS,KAAK,EAAEU,MAAM,CAAC;EAEpC,MAAMK,OAAO,GAAGpB,OAAO,IAAI,SAAS;EAEpC,OAAOR,KAAA,CAAA6B,aAAA,CAACD,OAAO,EAAKL,MAAM,EAAGJ,QAAkB,CAAC;AAClD"}

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

@@ -17,7 +17,7 @@
   top: 0;
   width: 100vw;
   height: 100%;
-  color: var(--color-mint-green-12);
+  color: var(--color-mint-green-12); /** deprecated: should be white in v11 */
   background-color: currentcolor;
   box-shadow: 99vw 0 0 0 currentcolor, 198vw 0 0 0 currentcolor, 297vw 0 0 0 currentcolor, 396vw 0 0 0 currentcolor;
 }

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

@@ -20,13 +20,18 @@
     top: 0;
     width: 100vw;
     height: 100%;
-    color: var(--color-mint-green-12);
+    color: var(
+      --color-mint-green-12
+    ); /** deprecated: should be white in v11 */
     background-color: currentcolor;
 
     // we use box-shadow to avoid a horizontal scrollbar
     // We lower the left position, so we get an overlap
-    box-shadow: 99vw 0 0 0 currentcolor, 198vw 0 0 0 currentcolor,
-      297vw 0 0 0 currentcolor, 396vw 0 0 0 currentcolor;
+    box-shadow:
+      99vw 0 0 0 currentcolor,
+      198vw 0 0 0 currentcolor,
+      297vw 0 0 0 currentcolor,
+      396vw 0 0 0 currentcolor;
   }
 
   & &::after {

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

@@ -1,5 +1,3 @@
-
-
 .dnb-section {
   &--transparent {
     &::after {
@@ -7,7 +5,8 @@
     }
   }
 
-  &--default, &--divider {
+  &--default,
+  &--divider {
     color: var(--sb-color-text);
 
     &::after {
@@ -54,4 +53,4 @@
       color: var(--sb-color-green-light-2);
     }
   }
-}
+}

package/es/components/section/style/themes/dnb-section-theme-ui.css

@@ -9,6 +9,15 @@
 /*
  * Utilities
  */
+.dnb-section {
+  /** deprecated: default should be white in v11 */
+  /** deprecated */
+  /** deprecated */
+  /** deprecated */
+  /** deprecated */
+  /** deprecated */
+  /** deprecated */
+}
 .dnb-section--divider {
   color: var(--color-black-80);
 }

package/es/components/section/style/themes/dnb-section-theme-ui.scss

@@ -11,8 +11,11 @@
 
     &::after {
       color: var(--color-white);
-      box-shadow: 99vw 0 0 0 currentcolor, 198vw 0 0 0 currentcolor,
-        297vw 0 0 0 currentcolor, 396vw 0 0 0 currentcolor,
+      box-shadow:
+        99vw 0 0 0 currentcolor,
+        198vw 0 0 0 currentcolor,
+        297vw 0 0 0 currentcolor,
+        396vw 0 0 0 currentcolor,
         0 0.0625rem 0 0 var(--color-mint-green-50),
         99vw 0.0625rem 0 0 var(--color-mint-green-50),
         0 -0.0625rem 0 0 var(--color-mint-green-50),
@@ -28,7 +31,9 @@
     }
   }
 
-  &--mint-green-12, &--default {
+  /** deprecated: default should be white in v11 */
+  &--mint-green-12,
+  &--default {
     color: var(--color-black-80);
 
     &::after {
@@ -44,6 +49,7 @@
     }
   }
 
+  /** deprecated */
   &--mint-green {
     color: var(--color-black-80);
 
@@ -52,6 +58,7 @@
     }
   }
 
+  /** deprecated */
   &--lavender {
     color: var(--color-black-80);
 
@@ -60,7 +67,8 @@
     }
   }
 
-  &--sand-yellow, &--warning {
+  &--sand-yellow,/** deprecated */
+  &--warning {
     color: var(--color-black-80);
 
     &::after {
@@ -68,7 +76,8 @@
     }
   }
 
-  &--pistachio, &--info {
+  &--pistachio,/** deprecated */
+  &--info {
     color: var(--color-black-80);
 
     &::after {
@@ -76,6 +85,7 @@
     }
   }
 
+  /** deprecated */
   &--black-3 {
     color: var(--color-black-80);
 
@@ -84,6 +94,7 @@
     }
   }
 
+  /** deprecated */
   &--emerald-green {
     color: var(--color-mint-green);
 
@@ -92,6 +103,7 @@
     }
   }
 
+  /** deprecated */
   &--sea-green {
     color: var(--color-white);
 
@@ -100,6 +112,7 @@
     }
   }
 
+  /** deprecated */
   &--fire-red {
     color: var(--color-white);
 
@@ -108,7 +121,8 @@
     }
   }
 
-  &--fire-red-8, &--error {
+  &--fire-red-8,/** deprecated */
+  &--error {
     color: var(--color-black-80);
 
     &::after {
@@ -125,16 +139,16 @@
   }
 
   // Contrast styles
-  &--fire-red .dnb-anchor,
-  &--emerald-green .dnb-anchor,
-  &--sea-green .dnb-anchor,
+  &--fire-red .dnb-anchor,/** deprecated */
+  &--emerald-green .dnb-anchor,/** deprecated */
+  &--sea-green .dnb-anchor,/** deprecated */
   &--success .dnb-anchor {
     @include useAnchorContrastStyle();
   }
 
-  &--fire-red .dnb-button--tertiary,
-  &--emerald-green .dnb-button--tertiary,
-  &--sea-green .dnb-button--tertiary {
+  &--fire-red .dnb-button--tertiary,/** deprecated */
+  &--emerald-green .dnb-button--tertiary,/** deprecated */
+  &--sea-green .dnb-button--tertiary /** deprecated */ {
     color: var(--color-white);
 
     &:hover {
@@ -155,8 +169,8 @@
   }
 
   // contrast color
-  &--fire-red,
-  &--mint-green {
+  &--fire-red,/** deprecated */
+  &--mint-green /** deprecated */ {
     ::selection {
       background-color: var(--color-white);
     }

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

@@ -7,6 +7,13 @@
 /*
  * Utilities
  */
+.dnb-skeleton {
+  --skeleton-delay: 5s;
+}
+.dnb-skeleton img,
+.dnb-skeleton video {
+  filter: brightness(0%) contrast(0%) opacity(0.5);
+}
 .dnb-skeleton--block {
   display: block;
 }
@@ -40,6 +47,18 @@
   background: none !important;
   box-shadow: none !important;
 }
+.dnb-skeleton--shape.dnb-skeleton::before {
+  background-color: var(--skeleton-color) !important;
+}
+.dnb-skeleton--shape.dnb-skeleton::after {
+  background-image: repeating-linear-gradient(-45deg, var(--skeleton-color--contrast) 1px, var(--skeleton-color--contrast) 2px, transparent 0, transparent 6px) !important;
+  background-image: repeating-linear-gradient(-45deg, var(--skeleton-color--contrast) 1px 2px, transparent 0 6px) !important;
+  background-repeat: repeat !important;
+  background-size: 100% !important;
+  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
+          clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
+  animation: skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay);
+}
 .dnb-skeleton--code pre,
 .dnb-skeleton--code pre *,
 .dnb-skeleton--code code,
@@ -57,6 +76,9 @@
   font-family: var(--font-family-default) !important;
   font-style: unset !important;
 }
+.dnb-skeleton--font-only::marker, .dnb-skeleton--font::marker, .dnb-skeleton--font .dnb-skeleton--show-font::marker, .dnb-skeleton--font .dnb-p::marker {
+  color: var(--skeleton-color);
+}
 .dnb-skeleton--font, .dnb-skeleton--font .dnb-skeleton--show-font, .dnb-skeleton--font .dnb-p {
   background-position-y: 50% !important;
   background-repeat: no-repeat !important;
@@ -64,6 +86,12 @@
   -webkit-text-fill-color: transparent !important;
   -webkit-background-clip: text !important;
           background-clip: text !important;
+  background-image: repeating-linear-gradient(-45deg, var(--skeleton-color--contrast) 1px, var(--skeleton-color--contrast) 2px, transparent 0, transparent 6px) !important;
+  background-image: repeating-linear-gradient(-45deg, var(--skeleton-color--contrast) 1px 2px, transparent 0 6px) !important;
+  --border-color: var(--skeleton-color);
+  background-color: var(--skeleton-color) !important;
+  background-position-x: 30rem;
+  animation: skeletonFontAnimation 5s linear infinite var(--skeleton-delay);
 }
 html[data-visual-test] .dnb-skeleton--font, html[data-visual-test] .dnb-skeleton--font .dnb-skeleton--show-font, html[data-visual-test] .dnb-skeleton--font .dnb-p {
   animation: none !important;
@@ -89,6 +117,28 @@ html[data-visual-test] .dnb-skeleton--font, html[data-visual-test] .dnb-skeleton
   animation: none !important;
 }
 
+@keyframes skeletonLinearAnimation {
+  0% {
+    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
+            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
+  }
+  50% {
+    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
+            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
+  }
+  100% {
+    -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
+            clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
+  }
+}
+@keyframes skeletonFontAnimation {
+  0% {
+    background-position-x: 30rem;
+  }
+  100% {
+    background-position-x: -30rem;
+  }
+}
 @font-face {
   font-family: DNBSkeleton;
   src: url("../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff2") format("woff2"), url("../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff") format("woff"), url("../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.ttf") format("truetype");

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

@@ -1 +1 @@
-.dnb-skeleton--block{display:block}.dnb-skeleton--overflow{overflow:hidden}.dnb-skeleton--grey{filter:grayscale(100%)}.dnb-skeleton--shape{background:transparent;box-shadow:none!important;color:transparent;overflow-x:hidden;pointer-events:none;position:relative}.dnb-skeleton--shape.dnb-skeleton:after,.dnb-skeleton--shape.dnb-skeleton:before{background:none!important;border-radius:inherit;bottom:0!important;box-shadow:none!important;content:""!important;height:auto!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:100!important}.dnb-skeleton--code code,.dnb-skeleton--code code *,.dnb-skeleton--code pre,.dnb-skeleton--code pre *,.dnb-skeleton--font code,.dnb-skeleton--font code *,.dnb-skeleton--font pre,.dnb-skeleton--font pre *{--font-family-monospace:"DNBMonoSkeleton"!important;font-family:var(--font-family-monospace)!important;font-style:unset!important}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font,.dnb-skeleton--font-only{--font-family-default:"DNBSkeleton"!important;font-family:var(--font-family-default)!important;font-style:unset!important;pointer-events:none}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;background-position-y:50%!important;background-repeat:no-repeat!important;background-size:30rem 100%!important}html[data-visual-test] .dnb-skeleton--font,html[data-visual-test] .dnb-skeleton--font .dnb-p,html[data-visual-test] .dnb-skeleton--font .dnb-skeleton--show-font{animation:none!important}.dnb-skeleton__figure{border-radius:.25rem;position:relative}.dnb-skeleton__figure--circle{border-radius:50%;height:4rem;width:4rem}.dnb-skeleton__figure--product{align-items:center;display:flex}.dnb-skeleton__figure--product .dnb-skeleton__figure--circle+div{margin-left:1rem;width:50%}.dnb-skeleton--no-animation * .dnb-skeleton:after,.dnb-skeleton--no-animation .dnb-skeleton,.dnb-skeleton--no-animation .dnb-skeleton:after{animation:none!important}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:500;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:600;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBMonoSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.ttf) format("truetype")}
+.dnb-skeleton{--skeleton-delay:5s}.dnb-skeleton img,.dnb-skeleton video{filter:brightness(0) contrast(0) opacity(.5)}.dnb-skeleton--block{display:block}.dnb-skeleton--overflow{overflow:hidden}.dnb-skeleton--grey{filter:grayscale(100%)}.dnb-skeleton--shape{background:transparent;box-shadow:none!important;color:transparent;overflow-x:hidden;pointer-events:none;position:relative}.dnb-skeleton--shape.dnb-skeleton:after,.dnb-skeleton--shape.dnb-skeleton:before{background:none!important;border-radius:inherit;bottom:0!important;box-shadow:none!important;content:""!important;height:auto!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:100!important}.dnb-skeleton--shape.dnb-skeleton:before{background-color:var(--skeleton-color)!important}.dnb-skeleton--shape.dnb-skeleton:after{animation:skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay);background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px,var(--skeleton-color--contrast) 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-repeat:repeat!important;background-size:100%!important;-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.dnb-skeleton--code code,.dnb-skeleton--code code *,.dnb-skeleton--code pre,.dnb-skeleton--code pre *,.dnb-skeleton--font code,.dnb-skeleton--font code *,.dnb-skeleton--font pre,.dnb-skeleton--font pre *{--font-family-monospace:"DNBMonoSkeleton"!important;font-family:var(--font-family-monospace)!important;font-style:unset!important}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font,.dnb-skeleton--font-only{--font-family-default:"DNBSkeleton"!important;font-family:var(--font-family-default)!important;font-style:unset!important;pointer-events:none}.dnb-skeleton--font .dnb-p::marker,.dnb-skeleton--font .dnb-skeleton--show-font::marker,.dnb-skeleton--font-only::marker,.dnb-skeleton--font::marker{color:var(--skeleton-color)}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{-webkit-text-fill-color:transparent!important;--border-color:var(--skeleton-color);animation:skeletonFontAnimation 5s linear infinite var(--skeleton-delay);-webkit-background-clip:text!important;background-clip:text!important;background-color:var(--skeleton-color)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px,var(--skeleton-color--contrast) 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-position-x:30rem;background-position-y:50%!important;background-repeat:no-repeat!important;background-size:30rem 100%!important}html[data-visual-test] .dnb-skeleton--font,html[data-visual-test] .dnb-skeleton--font .dnb-p,html[data-visual-test] .dnb-skeleton--font .dnb-skeleton--show-font{animation:none!important}.dnb-skeleton__figure{border-radius:.25rem;position:relative}.dnb-skeleton__figure--circle{border-radius:50%;height:4rem;width:4rem}.dnb-skeleton__figure--product{align-items:center;display:flex}.dnb-skeleton__figure--product .dnb-skeleton__figure--circle+div{margin-left:1rem;width:50%}.dnb-skeleton--no-animation * .dnb-skeleton:after,.dnb-skeleton--no-animation .dnb-skeleton,.dnb-skeleton--no-animation .dnb-skeleton:after{animation:none!important}@keyframes skeletonLinearAnimation{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes skeletonFontAnimation{0%{background-position-x:30rem}to{background-position-x:-30rem}}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:500;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:600;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBMonoSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.ttf) format("truetype")}