@dnb/eufemia 10.14.0 → 10.15.1

package/es/components/global-status/GlobalStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStatus.js","names":["React","PropTypes","classnames","keycode","Context","warn","isTrue","makeUniqueId","validateDOMAttributes","dispatchCustomElementEvent","processChildren","extendPropsWithContextInClassComponent","HeightAnimationInstance","skeletonDOMAttributes","createSkeletonClass","spacingPropTypes","createSpacingClasses","Hr","GlobalStatusController","GlobalStatusInterceptor","GlobalStatusProvider","Icon","InfoIcon","ErrorIcon","WarnIcon","Section","Button","GlobalStatus","PureComponent","getContent","props","text","getIcon","state","icon","icon_size","theme","IconToLoad","createElement","size","inherit_color","getDerivedStateFromProps","_items","items","globalStatus","combineMessages","constructor","_defineProperty","isActive","isAnimating","keepContentVisible","show","delay","parseFloat","isPassive","run","setState","anim","open","clearTimeout","_visibleTimeout","setTimeout","isClosing","close","_hiddenTimeout","e","preventDefault","closeHandler","provider","add","status_id","initialActiveElement","focus","_globalStatus","event","item","persist","keyCode","item_id","document","window","element","getElementById","isElementVisible","elem","addEventListener","target","classList","removeAttribute","setAttribute","preventScroll","scrollIntoView","block","behavior","status_anchor_text","lang","i","id","anchorText","isValidElement","status_anchor_label","Fragment","replace","trim","String","useAutolink","status_anchor_url","key","className","href","onClick","gotoItem","onKeyDown","_wrapperRef","createRef","_shellRef","animate","no_animation","onStart","scrollToStatus","onEnd","setFocus","omit_set_focus_on_update","create","init","onUpdate","on_close","height","adjustFrom","adjustHeight","autoclose","_hadContent","hasContent","setHidden","adjustTo","setVisible","componentDidMount","setElement","current","componentWillUnmount","remove","_scrollToStatusTimeout","empty","componentDidUpdate","prevProps","defaultProps","context","_globalStatus$items","Boolean","length","correctStatus","activeElement","omit_set_focus","isDone","autoscroll","top","offsetTop","scrollTo","scrollTop","render","_this$context","_this$context$theme","fallbackProps","getTranslation","locale","title","default_title","rawState","hide_close_button","close_text","class","_className","skeleton","children","attributes","_objectWithoutProperties","_excluded","wrapperParams","onKeyDownHandler","tabIndex","iconToRender","name","titleToRender","noAnimation","itemsToRender","contentToRender","params","_objectSpread","renderedItems","map","itemsRenderHandler","renderedContent","variant","role","type","undefined","on_click","icon_position","_Hr","fullscreen","_extends","ref","on_adjust","on_open","on_show","on_hide","process","env","NODE_ENV","propTypes","string","oneOfType","node","bool","func","array","oneOf","number","args","Update","Add","Remove","callback","delayFallback","IntersectionObserver","intersectionObserver","entries","entry","isIntersecting","unobserve","observe","_supportsSpacingProps"],"sources":["../../../../src/components/global-status/GlobalStatus.js"],"sourcesContent":["/**\n * Web GlobalStatus Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport Context from '../../shared/Context'\nimport {\n  warn,\n  isTrue,\n  makeUniqueId,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n  processChildren,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport HeightAnimationInstance from '../height-animation/HeightAnimationInstance'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport Hr from '../../elements/hr/Hr'\nimport GlobalStatusController, {\n  GlobalStatusInterceptor,\n} from './GlobalStatusController'\nimport GlobalStatusProvider from './GlobalStatusProvider'\nimport Icon from '../icon/Icon'\nimport { InfoIcon, ErrorIcon, WarnIcon } from '../form-status/FormStatus'\nimport Section from '../section/Section'\nimport Button from '../button/Button'\n\nexport default class GlobalStatus extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    id: PropTypes.string,\n    status_id: PropTypes.string,\n    title: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),\n    default_title: PropTypes.string,\n    text: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    items: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.array,\n    ]),\n    icon: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    icon_size: PropTypes.string,\n    state: PropTypes.oneOf(['error', 'info', 'warning', 'success']),\n    show: PropTypes.oneOf(['auto', true, false, 'true', 'false']),\n    autoscroll: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    autoclose: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    delay: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    close_text: PropTypes.node,\n    hide_close_button: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    omit_set_focus: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    omit_set_focus_on_update: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    status_anchor_text: PropTypes.node,\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n\n    on_adjust: PropTypes.func,\n    on_open: PropTypes.func,\n    on_show: PropTypes.func,\n    on_close: PropTypes.func,\n    on_hide: PropTypes.func,\n  }\n\n  static defaultProps = {\n    id: 'main',\n    status_id: 'status-main',\n    title: null,\n    default_title: null,\n    text: null,\n    items: [],\n    icon: 'error',\n    icon_size: 'medium',\n    state: 'error',\n    show: 'auto',\n    autoscroll: true,\n    autoclose: true,\n    no_animation: false,\n    close_text: 'Lukk',\n    hide_close_button: false,\n    omit_set_focus: false,\n    omit_set_focus_on_update: true,\n    delay: 0,\n    status_anchor_text: null,\n    skeleton: null,\n    class: null,\n\n    className: null,\n    children: null,\n\n    on_adjust: null,\n    on_open: null,\n    on_show: null,\n    on_close: null,\n    on_hide: null,\n  }\n\n  static getContent(props) {\n    if (props.text) return props.text\n    return processChildren(props)\n  }\n\n  static getIcon({ state, icon, icon_size, theme }) {\n    if (typeof icon === 'string') {\n      let IconToLoad = icon\n\n      switch (state) {\n        case 'info':\n        case 'information':\n        case 'success':\n          IconToLoad = InfoIcon\n          break\n        case 'warning':\n        case 'warn':\n          IconToLoad = WarnIcon\n          break\n        case 'error':\n        default:\n          IconToLoad = ErrorIcon\n      }\n\n      icon = (\n        <Icon\n          icon={<IconToLoad state={state} theme={theme} />}\n          size={icon_size}\n          inherit_color={false}\n        />\n      )\n    }\n\n    return icon\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._items !== props.items) {\n      state.globalStatus = GlobalStatusProvider.combineMessages([\n        state.globalStatus,\n        props,\n      ])\n    }\n\n    state._items = props.items\n\n    return state\n  }\n\n  state = {\n    globalStatus: null,\n    isActive: false,\n    isAnimating: false,\n    keepContentVisible: false,\n  }\n\n  constructor(props) {\n    super(props)\n\n    this._wrapperRef = React.createRef()\n    this._shellRef = React.createRef()\n\n    this.anim = new HeightAnimationInstance({\n      animate: !isTrue(props.no_animation),\n    })\n\n    this.anim.onStart((state) => {\n      this.setState({\n        isAnimating: true,\n      })\n      if (state === 'opening') {\n        this.scrollToStatus()\n      }\n    })\n\n    this.anim.onEnd((state) => {\n      this.setState({\n        isAnimating: false,\n      })\n\n      if (this.state.isActive) {\n        this.setState({\n          keepContentVisible: true,\n        })\n\n        dispatchCustomElementEvent(\n          this._globalStatus,\n          'on_show',\n          this._globalStatus\n        )\n\n        if (state === 'opened') {\n          this.setFocus()\n\n          dispatchCustomElementEvent(\n            this._globalStatus,\n            'on_open',\n            this._globalStatus\n          )\n        }\n\n        if (state === 'adjusted') {\n          if (!isTrue(this.props.omit_set_focus_on_update)) {\n            this.setFocus()\n          }\n\n          dispatchCustomElementEvent(\n            this._globalStatus,\n            'on_adjust',\n            this._globalStatus\n          )\n        }\n      } else {\n        this.setState({\n          keepContentVisible: false,\n        })\n        dispatchCustomElementEvent(\n          this._globalStatus,\n          'on_close',\n          this._globalStatus\n        )\n      }\n    })\n\n    this.provider = GlobalStatusProvider.create(props.id)\n\n    // add the props as the first stack\n    this.state.globalStatus = this._globalStatus =\n      this.provider.init(props)\n\n    // and make it visible from start, if needed\n    if (isTrue(props.show)) {\n      if (isTrue(props.no_animation)) {\n        this.state.isActive = true\n      }\n    }\n\n    this.provider.onUpdate((globalStatus) => {\n      // we need the on_close later during the close process\n      // so we set this here, because it gets removed from the stack\n      if (globalStatus.on_close) {\n        this._globalStatus = globalStatus\n      }\n\n      let height\n      if (this.state.keepContentVisible) {\n        height = this.anim.adjustFrom()\n      }\n\n      // force re-render\n      this.setState({\n        globalStatus,\n      })\n\n      const isActive = isTrue(globalStatus.show)\n      if (isActive) {\n        this.adjustHeight = this.anim.adjustFrom()\n\n        if (!this.isPassive()) {\n          this.setState({ isActive })\n        }\n      }\n\n      // make sure to show the new status, inc. scroll\n      if (\n        (isTrue(this.props.autoclose) &&\n          this._hadContent &&\n          !this.hasContent(globalStatus) &&\n          !isTrue(this.props.show)) ||\n        (typeof globalStatus.show !== 'undefined' &&\n          !isTrue(globalStatus.show))\n      ) {\n        this.setHidden({ delay: 0 })\n      } else if (\n        isTrue(this.props.show) ||\n        (typeof globalStatus.show !== 'undefined' &&\n          isTrue(globalStatus.show))\n      ) {\n        this._hadContent = this.hasContent(globalStatus)\n\n        if (this.state.keepContentVisible) {\n          this.anim.adjustTo(height)\n        } else {\n          this.setVisible({ delay: 0 })\n        }\n      }\n    })\n\n    this.initialActiveElement = null\n  }\n\n  componentDidMount() {\n    this.anim.setElement(this._shellRef.current)\n\n    if (isTrue(this.props.show)) {\n      this.setVisible()\n    }\n  }\n\n  componentWillUnmount() {\n    this.anim.remove()\n    clearTimeout(this._scrollToStatusTimeout)\n    clearTimeout(this._visibleTimeout)\n    clearTimeout(this._hiddenTimeout)\n\n    // NB: Never unbind the provider,\n    // as a new provider else will be set BEFORE thi unmount is called\n    // on the other hand; setting up the provider\n    // at the stage of componentDidMount is too late\n    // this.provider.unbind()\n\n    // so we inly empty the events\n    this.provider.empty()\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps !== this.props) {\n      const globalStatus = extendPropsWithContextInClassComponent(\n        this.props,\n        GlobalStatus.defaultProps,\n        this.context.globalStatus\n      )\n      this.setState({\n        globalStatus,\n      })\n    }\n\n    if (prevProps.show !== this.props.show) {\n      if (isTrue(this.props.show)) {\n        this.setVisible()\n      } else {\n        this.setHidden()\n      }\n    }\n  }\n\n  hasContent(globalStatus) {\n    return Boolean(globalStatus.items?.length > 0 || globalStatus.text)\n  }\n\n  correctStatus(state) {\n    switch (state) {\n      case 'information':\n        state = 'info'\n        break\n    }\n    return state\n  }\n\n  isPassive = () => {\n    return this.props.show !== 'auto' && isTrue(this.props.show) === false\n  }\n\n  setVisible = ({ delay = parseFloat(this.props.delay) } = {}) => {\n    if (this.isPassive()) {\n      return // stop here\n    }\n\n    const run = () => {\n      this.setState(\n        {\n          isActive: true,\n        },\n        () => {\n          this.anim.open()\n        }\n      )\n    }\n\n    if (delay > 0) {\n      clearTimeout(this._visibleTimeout)\n      this._visibleTimeout = setTimeout(() => {\n        run()\n      }, delay)\n    } else {\n      run()\n    }\n  }\n\n  setHidden = ({ delay = parseFloat(this.props.delay) } = {}) => {\n    const { isActive } = this.state\n\n    if (isActive === false) {\n      return // stop here\n    }\n\n    this.setState({\n      isClosing: true,\n    })\n\n    const run = () => {\n      this.setState(\n        {\n          isClosing: false,\n          isActive: false,\n        },\n        () => this.anim.close()\n      )\n    }\n\n    if (delay > 0) {\n      clearTimeout(this._hiddenTimeout)\n      this._hiddenTimeout = setTimeout(() => {\n        run()\n      }, delay)\n    } else {\n      run()\n    }\n  }\n\n  onKeyDownHandler = (e) => {\n    switch (keycode(e)) {\n      case 'esc':\n        e.preventDefault()\n        this.closeHandler()\n        break\n    }\n  }\n\n  setFocus() {\n    if (\n      typeof document !== 'undefined' &&\n      document.activeElement !== this._wrapperRef.current\n    ) {\n      this.initialActiveElement = document.activeElement\n    }\n    if (this._wrapperRef.current && !isTrue(this.props.omit_set_focus)) {\n      this._wrapperRef.current.focus({ preventScroll: true })\n    }\n  }\n\n  closeHandler = () => {\n    this.provider.add({\n      status_id: 'internal-close',\n      show: false,\n    })\n\n    if (this.initialActiveElement) {\n      try {\n        this.initialActiveElement.focus()\n        this.initialActiveElement = null\n      } catch (e) {\n        warn(e)\n      }\n    }\n\n    dispatchCustomElementEvent(\n      this._globalStatus,\n      'on_hide',\n      this._globalStatus\n    )\n  }\n\n  scrollToStatus(isDone = null) {\n    if (\n      typeof window === 'undefined' ||\n      isTrue(this.state.globalStatus.autoscroll) === false\n    ) {\n      return // stop here\n    }\n    try {\n      const element = this._wrapperRef.current\n      this._scrollToStatusTimeout = isElementVisible(element, isDone)\n      if (element && typeof element.scrollIntoView === 'function') {\n        element.scrollIntoView({\n          block: 'center',\n          behavior: 'smooth',\n        })\n      } else {\n        const top = element.offsetTop\n        if (window.scrollTo) {\n          window.scrollTo({\n            top,\n            behavior: 'smooth',\n          })\n        } else {\n          window.scrollTop = top\n        }\n      }\n    } catch (e) {\n      warn('GlobalStatus: Could not scroll into view!', e)\n    }\n  }\n\n  gotoItem = (event, item) => {\n    event.persist()\n    const keyCode = keycode(event)\n    if (\n      (item.item_id &&\n        typeof document !== 'undefined' &&\n        typeof window !== 'undefined' &&\n        keyCode === 'space') ||\n      keyCode === 'enter' ||\n      typeof keyCode === 'undefined'\n    ) {\n      event.preventDefault()\n      try {\n        // find the element\n        const element = document.getElementById(item.item_id)\n\n        if (!element) {\n          return\n        }\n\n        isElementVisible(element, (elem) => {\n          try {\n            // remove the blink animation again\n            elem.addEventListener('blur', (e) => {\n              if (e.target.classList) {\n                e.target.removeAttribute('tabindex')\n              }\n            })\n\n            // we don't want a visual focus style, we have our own\n            elem.classList.add('dnb-no-focus')\n\n            // in order to use the blur event\n            elem.setAttribute('tabindex', '-1')\n\n            // now show the animation\n            // we use \"attention-focus\" in #form-status theme\n            elem.focus({ preventScroll: true })\n          } catch (e) {\n            warn(e)\n          }\n        })\n\n        if (typeof element.scrollIntoView === 'function') {\n          // then go there\n          element.scrollIntoView({\n            block: 'center', // center of page\n            behavior: 'smooth',\n          })\n        }\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n\n  itemsRenderHandler =\n    ({ status_anchor_text, lang }) =>\n    (item, i) => {\n      const text = item?.text\n        ? item.text\n        : typeof item === 'string'\n        ? item\n        : null\n\n      if (!text) {\n        return null // skip this item if no content is given\n      }\n\n      const id =\n        item.id || item.item_id ? `${item.item_id}-${i}` : makeUniqueId()\n\n      let anchorText = status_anchor_text\n\n      if (React.isValidElement(item.status_anchor_label)) {\n        anchorText = (\n          <>\n            {typeof status_anchor_text === 'string'\n              ? status_anchor_text.replace('%s', '').trim()\n              : status_anchor_text}{' '}\n            {item.status_anchor_label}\n          </>\n        )\n      } else {\n        anchorText = String(item.status_anchor_text || status_anchor_text)\n          .replace('%s', item.status_anchor_label || '')\n          .replace(/[: ]$/g, '')\n      }\n\n      const useAutolink = item.item_id && isTrue(item.status_anchor_url)\n\n      return (\n        <li key={i}>\n          <p id={id} className=\"dnb-p\">\n            {text}\n          </p>\n\n          {item && (useAutolink || item.status_anchor_url) && (\n            <a\n              className=\"dnb-anchor\"\n              aria-describedby={id}\n              lang={lang}\n              href={\n                useAutolink ? `#${item.item_id}` : item.status_anchor_url\n              }\n              onClick={(e) => this.gotoItem(e, item)}\n              onKeyDown={(e) => this.gotoItem(e, item)}\n            >\n              {anchorText}\n            </a>\n          )}\n        </li>\n      )\n    }\n\n  render() {\n    const { isActive, isAnimating, keepContentVisible } = this.state\n\n    const fallbackProps = extendPropsWithContextInClassComponent(\n      this.props,\n      GlobalStatus.defaultProps,\n      this.context.getTranslation(this.props).GlobalStatus\n    )\n\n    const props = extendPropsWithContextInClassComponent(\n      GlobalStatusProvider.combineMessages([\n        this.context.globalStatus,\n        this.state.globalStatus,\n      ]),\n      GlobalStatus.defaultProps,\n      fallbackProps\n    )\n\n    const lang = this.context.locale\n\n    const {\n      title,\n      default_title, // eslint-disable-line\n      state: rawState,\n      className,\n      no_animation,\n      hide_close_button,\n      close_text,\n      class: _className,\n      status_anchor_text,\n      skeleton,\n\n      id,\n      item, // eslint-disable-line\n      items, // eslint-disable-line\n      autoclose, // eslint-disable-line\n      show, // eslint-disable-line\n      delay, // eslint-disable-line\n      autoscroll, // eslint-disable-line\n      text, // eslint-disable-line\n      icon,\n      icon_size,\n      children, // eslint-disable-line\n\n      ...attributes\n    } = props\n\n    const wrapperParams = {\n      id,\n      key: 'global-status',\n      className: classnames(\n        'dnb-global-status__wrapper',\n        'dnb-no-focus',\n        createSkeletonClass('font', skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      'aria-live': isActive ? 'assertive' : 'off',\n      onKeyDown: this.onKeyDownHandler,\n      tabIndex: '-1',\n    }\n\n    const state = this.correctStatus(rawState)\n    const iconToRender = GlobalStatus.getIcon({\n      state,\n      icon: icon || fallbackProps.icon,\n      icon_size: icon_size || fallbackProps.icon_size,\n      theme: this.context?.theme?.name || 'ui',\n    })\n    const titleToRender =\n      title || fallbackProps.title || fallbackProps.default_title\n    const noAnimation = isTrue(no_animation)\n    const itemsToRender = props.items || []\n    const contentToRender = GlobalStatus.getContent(props)\n\n    /**\n     * Show aria-live=\"assertive\" when:\n     * 1. once \"show\" is true and before content is applied\n     * so \"isActive\" has to have been false on first render\n     */\n\n    /**\n     * Show aria-live=\"off\" when:\n     * 1. start hiding\n     * 2. \"show\" is true from beginning+\n     * + and \"isActive\" is also true from beginning\n     * NB: This is to avoid SR reading the content once it's appearing\n     */\n\n    const params = {\n      className: classnames(\n        'dnb-global-status',\n        `dnb-global-status--${state}`,\n        !isActive && 'dnb-global-status--hidden',\n        isActive && keepContentVisible && 'dnb-global-status--visible',\n        isAnimating && 'dnb-global-status--is-animating',\n        noAnimation && 'dnb-global-status--no-animation'\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    const renderedItems = itemsToRender.length > 0 && (\n      <ul className=\"dnb-ul\">\n        {itemsToRender.map(\n          this.itemsRenderHandler({ status_anchor_text, lang })\n        )}\n      </ul>\n    )\n\n    const hasContent = renderedItems || contentToRender\n\n    const renderedContent = (\n      <div className=\"dnb-global-status__content\">\n        {title !== false && (\n          <Section element=\"div\" variant={state}>\n            <div\n              className=\"dnb-global-status__title\"\n              role={titleToRender?.type ? undefined : 'paragraph'}\n              lang={lang}\n            >\n              <span className=\"dnb-global-status__icon\">\n                {iconToRender}\n              </span>\n              {titleToRender}\n              {!isTrue(hide_close_button) && (\n                <Button\n                  text={close_text}\n                  title={close_text}\n                  variant=\"tertiary\"\n                  className=\"dnb-global-status__close-button\"\n                  icon=\"close\"\n                  on_click={this.closeHandler}\n                  size=\"medium\"\n                  icon_position=\"left\"\n                />\n              )}\n            </div>\n            {hasContent && (\n              <Section\n                element=\"div\"\n                variant={state}\n                className=\"dnb-global-status__message\"\n              >\n                <div className=\"dnb-global-status__message__content\">\n                  {typeof contentToRender === 'string' ? (\n                    <p className=\"dnb-p\">{contentToRender}</p>\n                  ) : (\n                    contentToRender\n                  )}\n                  {renderedItems}\n                </div>\n              </Section>\n            )}\n            <Hr fullscreen />\n          </Section>\n        )}\n      </div>\n    )\n\n    return (\n      <div {...wrapperParams} ref={this._wrapperRef}>\n        <section {...params}>\n          <div className=\"dnb-global-status__shell\" ref={this._shellRef}>\n            {(isAnimating || keepContentVisible || isActive) &&\n              renderedContent}\n          </div>\n        </section>\n      </div>\n    )\n  }\n}\n\n// Extend our component with controllers\nGlobalStatus.create = (...args) => new GlobalStatusInterceptor(...args)\nGlobalStatus.Update = GlobalStatus.create\nGlobalStatus.Add = GlobalStatusController\nGlobalStatus.Remove = GlobalStatusController.Remove\n\nconst isElementVisible = (elem, callback, delayFallback = 1e3) => {\n  if (typeof IntersectionObserver !== 'undefined') {\n    const intersectionObserver = new IntersectionObserver((entries) => {\n      const [entry] = entries\n      if (entry.isIntersecting) {\n        intersectionObserver.unobserve(elem)\n        if (typeof callback === 'function') {\n          callback(elem)\n        }\n      }\n    })\n    // start observing\n    intersectionObserver.observe(elem)\n  } else {\n    if (typeof callback === 'function') {\n      return setTimeout(() => callback(elem), delayFallback)\n    }\n  }\n  return null\n}\n\nGlobalStatus._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"GlobalStatus.js","names":["React","PropTypes","classnames","keycode","Context","warn","isTrue","makeUniqueId","validateDOMAttributes","dispatchCustomElementEvent","processChildren","extendPropsWithContextInClassComponent","HeightAnimationInstance","skeletonDOMAttributes","createSkeletonClass","spacingPropTypes","createSpacingClasses","Hr","GlobalStatusController","GlobalStatusInterceptor","GlobalStatusProvider","Icon","InfoIcon","ErrorIcon","WarnIcon","Section","Button","GlobalStatus","PureComponent","getContent","props","text","getIcon","state","icon","icon_size","theme","IconToLoad","createElement","size","inherit_color","getDerivedStateFromProps","_items","items","globalStatus","combineMessages","constructor","_defineProperty","isActive","isAnimating","keepContentVisible","show","delay","parseFloat","isPassive","run","setState","anim","open","clearTimeout","_visibleTimeout","setTimeout","isClosing","close","_hiddenTimeout","e","preventDefault","closeHandler","provider","add","status_id","initialActiveElement","focus","_globalStatus","event","item","persist","keyCode","item_id","document","window","element","getElementById","isElementVisible","elem","addEventListener","target","classList","removeAttribute","setAttribute","preventScroll","scrollIntoView","block","behavior","status_anchor_text","lang","i","id","anchorText","isValidElement","status_anchor_label","Fragment","replace","trim","String","useAutolink","status_anchor_url","key","className","href","onClick","gotoItem","onKeyDown","_wrapperRef","createRef","_shellRef","animate","no_animation","onStart","scrollToStatus","onEnd","setFocus","omit_set_focus_on_update","create","init","onUpdate","on_close","height","adjustFrom","adjustHeight","autoclose","_hadContent","hasContent","setHidden","adjustTo","setVisible","componentDidMount","setElement","current","componentWillUnmount","remove","_scrollToStatusTimeout","empty","componentDidUpdate","prevProps","defaultProps","context","_globalStatus$items","Boolean","length","correctStatus","activeElement","omit_set_focus","isDone","autoscroll","top","offsetTop","scrollTo","scrollTop","render","_this$context","_this$context$theme","fallbackProps","getTranslation","locale","title","default_title","rawState","hide_close_button","close_text","class","_className","skeleton","children","attributes","_objectWithoutProperties","_excluded","wrapperParams","onKeyDownHandler","tabIndex","iconToRender","name","titleToRender","noAnimation","itemsToRender","contentToRender","params","_objectSpread","renderedItems","map","itemsRenderHandler","renderedContent","variant","role","type","undefined","on_click","icon_position","_Hr","fullscreen","bottom","left","_extends","ref","on_adjust","on_open","on_show","on_hide","process","env","NODE_ENV","propTypes","string","oneOfType","node","bool","func","array","oneOf","number","args","Update","Add","Remove","callback","delayFallback","IntersectionObserver","intersectionObserver","entries","entry","isIntersecting","unobserve","observe","_supportsSpacingProps"],"sources":["../../../../src/components/global-status/GlobalStatus.js"],"sourcesContent":["/**\n * Web GlobalStatus Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport Context from '../../shared/Context'\nimport {\n  warn,\n  isTrue,\n  makeUniqueId,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n  processChildren,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport HeightAnimationInstance from '../height-animation/HeightAnimationInstance'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport Hr from '../../elements/hr/Hr'\nimport GlobalStatusController, {\n  GlobalStatusInterceptor,\n} from './GlobalStatusController'\nimport GlobalStatusProvider from './GlobalStatusProvider'\nimport Icon from '../icon/Icon'\nimport { InfoIcon, ErrorIcon, WarnIcon } from '../form-status/FormStatus'\nimport Section from '../section/Section'\nimport Button from '../button/Button'\n\nexport default class GlobalStatus extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    id: PropTypes.string,\n    status_id: PropTypes.string,\n    title: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),\n    default_title: PropTypes.string,\n    text: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    items: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.array,\n    ]),\n    icon: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    icon_size: PropTypes.string,\n    state: PropTypes.oneOf(['error', 'info', 'warning', 'success']),\n    show: PropTypes.oneOf(['auto', true, false, 'true', 'false']),\n    autoscroll: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    autoclose: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    delay: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    close_text: PropTypes.node,\n    hide_close_button: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    omit_set_focus: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    omit_set_focus_on_update: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    status_anchor_text: PropTypes.node,\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n\n    on_adjust: PropTypes.func,\n    on_open: PropTypes.func,\n    on_show: PropTypes.func,\n    on_close: PropTypes.func,\n    on_hide: PropTypes.func,\n  }\n\n  static defaultProps = {\n    id: 'main',\n    status_id: 'status-main',\n    title: null,\n    default_title: null,\n    text: null,\n    items: [],\n    icon: 'error',\n    icon_size: 'medium',\n    state: 'error',\n    show: 'auto',\n    autoscroll: true,\n    autoclose: true,\n    no_animation: false,\n    close_text: 'Lukk',\n    hide_close_button: false,\n    omit_set_focus: false,\n    omit_set_focus_on_update: true,\n    delay: 0,\n    status_anchor_text: null,\n    skeleton: null,\n    class: null,\n\n    className: null,\n    children: null,\n\n    on_adjust: null,\n    on_open: null,\n    on_show: null,\n    on_close: null,\n    on_hide: null,\n  }\n\n  static getContent(props) {\n    if (props.text) return props.text\n    return processChildren(props)\n  }\n\n  static getIcon({ state, icon, icon_size, theme }) {\n    if (typeof icon === 'string') {\n      let IconToLoad = icon\n\n      switch (state) {\n        case 'info':\n        case 'information':\n        case 'success':\n          IconToLoad = InfoIcon\n          break\n        case 'warning':\n        case 'warn':\n          IconToLoad = WarnIcon\n          break\n        case 'error':\n        default:\n          IconToLoad = ErrorIcon\n      }\n\n      icon = (\n        <Icon\n          icon={<IconToLoad state={state} theme={theme} />}\n          size={icon_size}\n          inherit_color={false}\n        />\n      )\n    }\n\n    return icon\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._items !== props.items) {\n      state.globalStatus = GlobalStatusProvider.combineMessages([\n        state.globalStatus,\n        props,\n      ])\n    }\n\n    state._items = props.items\n\n    return state\n  }\n\n  state = {\n    globalStatus: null,\n    isActive: false,\n    isAnimating: false,\n    keepContentVisible: false,\n  }\n\n  constructor(props) {\n    super(props)\n\n    this._wrapperRef = React.createRef()\n    this._shellRef = React.createRef()\n\n    this.anim = new HeightAnimationInstance({\n      animate: !isTrue(props.no_animation),\n    })\n\n    this.anim.onStart((state) => {\n      this.setState({\n        isAnimating: true,\n      })\n      if (state === 'opening') {\n        this.scrollToStatus()\n      }\n    })\n\n    this.anim.onEnd((state) => {\n      this.setState({\n        isAnimating: false,\n      })\n\n      if (this.state.isActive) {\n        this.setState({\n          keepContentVisible: true,\n        })\n\n        dispatchCustomElementEvent(\n          this._globalStatus,\n          'on_show',\n          this._globalStatus\n        )\n\n        if (state === 'opened') {\n          this.setFocus()\n\n          dispatchCustomElementEvent(\n            this._globalStatus,\n            'on_open',\n            this._globalStatus\n          )\n        }\n\n        if (state === 'adjusted') {\n          if (!isTrue(this.props.omit_set_focus_on_update)) {\n            this.setFocus()\n          }\n\n          dispatchCustomElementEvent(\n            this._globalStatus,\n            'on_adjust',\n            this._globalStatus\n          )\n        }\n      } else {\n        this.setState({\n          keepContentVisible: false,\n        })\n        dispatchCustomElementEvent(\n          this._globalStatus,\n          'on_close',\n          this._globalStatus\n        )\n      }\n    })\n\n    this.provider = GlobalStatusProvider.create(props.id)\n\n    // add the props as the first stack\n    this.state.globalStatus = this._globalStatus =\n      this.provider.init(props)\n\n    // and make it visible from start, if needed\n    if (isTrue(props.show)) {\n      if (isTrue(props.no_animation)) {\n        this.state.isActive = true\n      }\n    }\n\n    this.provider.onUpdate((globalStatus) => {\n      // we need the on_close later during the close process\n      // so we set this here, because it gets removed from the stack\n      if (globalStatus.on_close) {\n        this._globalStatus = globalStatus\n      }\n\n      let height\n      if (this.state.keepContentVisible) {\n        height = this.anim.adjustFrom()\n      }\n\n      // force re-render\n      this.setState({\n        globalStatus,\n      })\n\n      const isActive = isTrue(globalStatus.show)\n      if (isActive) {\n        this.adjustHeight = this.anim.adjustFrom()\n\n        if (!this.isPassive()) {\n          this.setState({ isActive })\n        }\n      }\n\n      // make sure to show the new status, inc. scroll\n      if (\n        (isTrue(this.props.autoclose) &&\n          this._hadContent &&\n          !this.hasContent(globalStatus) &&\n          !isTrue(this.props.show)) ||\n        (typeof globalStatus.show !== 'undefined' &&\n          !isTrue(globalStatus.show))\n      ) {\n        this.setHidden({ delay: 0 })\n      } else if (\n        isTrue(this.props.show) ||\n        (typeof globalStatus.show !== 'undefined' &&\n          isTrue(globalStatus.show))\n      ) {\n        this._hadContent = this.hasContent(globalStatus)\n\n        if (this.state.keepContentVisible) {\n          this.anim.adjustTo(height)\n        } else {\n          this.setVisible({ delay: 0 })\n        }\n      }\n    })\n\n    this.initialActiveElement = null\n  }\n\n  componentDidMount() {\n    this.anim.setElement(this._shellRef.current)\n\n    if (isTrue(this.props.show)) {\n      this.setVisible()\n    }\n  }\n\n  componentWillUnmount() {\n    this.anim.remove()\n    clearTimeout(this._scrollToStatusTimeout)\n    clearTimeout(this._visibleTimeout)\n    clearTimeout(this._hiddenTimeout)\n\n    // NB: Never unbind the provider,\n    // as a new provider else will be set BEFORE thi unmount is called\n    // on the other hand; setting up the provider\n    // at the stage of componentDidMount is too late\n    // this.provider.unbind()\n\n    // so we inly empty the events\n    this.provider.empty()\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps !== this.props) {\n      const globalStatus = extendPropsWithContextInClassComponent(\n        this.props,\n        GlobalStatus.defaultProps,\n        this.context.globalStatus\n      )\n      this.setState({\n        globalStatus,\n      })\n    }\n\n    if (prevProps.show !== this.props.show) {\n      if (isTrue(this.props.show)) {\n        this.setVisible()\n      } else {\n        this.setHidden()\n      }\n    }\n  }\n\n  hasContent(globalStatus) {\n    return Boolean(globalStatus.items?.length > 0 || globalStatus.text)\n  }\n\n  correctStatus(state) {\n    switch (state) {\n      case 'information':\n        state = 'info'\n        break\n    }\n    return state\n  }\n\n  isPassive = () => {\n    return this.props.show !== 'auto' && isTrue(this.props.show) === false\n  }\n\n  setVisible = ({ delay = parseFloat(this.props.delay) } = {}) => {\n    if (this.isPassive()) {\n      return // stop here\n    }\n\n    const run = () => {\n      this.setState(\n        {\n          isActive: true,\n        },\n        () => {\n          this.anim.open()\n        }\n      )\n    }\n\n    if (delay > 0) {\n      clearTimeout(this._visibleTimeout)\n      this._visibleTimeout = setTimeout(() => {\n        run()\n      }, delay)\n    } else {\n      run()\n    }\n  }\n\n  setHidden = ({ delay = parseFloat(this.props.delay) } = {}) => {\n    const { isActive } = this.state\n\n    if (isActive === false) {\n      return // stop here\n    }\n\n    this.setState({\n      isClosing: true,\n    })\n\n    const run = () => {\n      this.setState(\n        {\n          isClosing: false,\n          isActive: false,\n        },\n        () => this.anim.close()\n      )\n    }\n\n    if (delay > 0) {\n      clearTimeout(this._hiddenTimeout)\n      this._hiddenTimeout = setTimeout(() => {\n        run()\n      }, delay)\n    } else {\n      run()\n    }\n  }\n\n  onKeyDownHandler = (e) => {\n    switch (keycode(e)) {\n      case 'esc':\n        e.preventDefault()\n        this.closeHandler()\n        break\n    }\n  }\n\n  setFocus() {\n    if (\n      typeof document !== 'undefined' &&\n      document.activeElement !== this._wrapperRef.current\n    ) {\n      this.initialActiveElement = document.activeElement\n    }\n    if (this._wrapperRef.current && !isTrue(this.props.omit_set_focus)) {\n      this._wrapperRef.current.focus({ preventScroll: true })\n    }\n  }\n\n  closeHandler = () => {\n    this.provider.add({\n      status_id: 'internal-close',\n      show: false,\n    })\n\n    if (this.initialActiveElement) {\n      try {\n        this.initialActiveElement.focus()\n        this.initialActiveElement = null\n      } catch (e) {\n        warn(e)\n      }\n    }\n\n    dispatchCustomElementEvent(\n      this._globalStatus,\n      'on_hide',\n      this._globalStatus\n    )\n  }\n\n  scrollToStatus(isDone = null) {\n    if (\n      typeof window === 'undefined' ||\n      isTrue(this.state.globalStatus.autoscroll) === false\n    ) {\n      return // stop here\n    }\n    try {\n      const element = this._wrapperRef.current\n      this._scrollToStatusTimeout = isElementVisible(element, isDone)\n      if (element && typeof element.scrollIntoView === 'function') {\n        element.scrollIntoView({\n          block: 'center',\n          behavior: 'smooth',\n        })\n      } else {\n        const top = element.offsetTop\n        if (window.scrollTo) {\n          window.scrollTo({\n            top,\n            behavior: 'smooth',\n          })\n        } else {\n          window.scrollTop = top\n        }\n      }\n    } catch (e) {\n      warn('GlobalStatus: Could not scroll into view!', e)\n    }\n  }\n\n  gotoItem = (event, item) => {\n    event.persist()\n    const keyCode = keycode(event)\n    if (\n      (item.item_id &&\n        typeof document !== 'undefined' &&\n        typeof window !== 'undefined' &&\n        keyCode === 'space') ||\n      keyCode === 'enter' ||\n      typeof keyCode === 'undefined'\n    ) {\n      event.preventDefault()\n      try {\n        // find the element\n        const element = document.getElementById(item.item_id)\n\n        if (!element) {\n          return\n        }\n\n        isElementVisible(element, (elem) => {\n          try {\n            // remove the blink animation again\n            elem.addEventListener('blur', (e) => {\n              if (e.target.classList) {\n                e.target.removeAttribute('tabindex')\n              }\n            })\n\n            // we don't want a visual focus style, we have our own\n            elem.classList.add('dnb-no-focus')\n\n            // in order to use the blur event\n            elem.setAttribute('tabindex', '-1')\n\n            // now show the animation\n            // we use \"attention-focus\" in #form-status theme\n            elem.focus({ preventScroll: true })\n          } catch (e) {\n            warn(e)\n          }\n        })\n\n        if (typeof element.scrollIntoView === 'function') {\n          // then go there\n          element.scrollIntoView({\n            block: 'center', // center of page\n            behavior: 'smooth',\n          })\n        }\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n\n  itemsRenderHandler =\n    ({ status_anchor_text, lang }) =>\n    (item, i) => {\n      const text = item?.text\n        ? item.text\n        : typeof item === 'string'\n        ? item\n        : null\n\n      if (!text) {\n        return null // skip this item if no content is given\n      }\n\n      const id =\n        item.id || item.item_id ? `${item.item_id}-${i}` : makeUniqueId()\n\n      let anchorText = status_anchor_text\n\n      if (React.isValidElement(item.status_anchor_label)) {\n        anchorText = (\n          <>\n            {typeof status_anchor_text === 'string'\n              ? status_anchor_text.replace('%s', '').trim()\n              : status_anchor_text}{' '}\n            {item.status_anchor_label}\n          </>\n        )\n      } else {\n        anchorText = String(item.status_anchor_text || status_anchor_text)\n          .replace('%s', item.status_anchor_label || '')\n          .replace(/[: ]$/g, '')\n      }\n\n      const useAutolink = item.item_id && isTrue(item.status_anchor_url)\n\n      return (\n        <li key={i}>\n          <p id={id} className=\"dnb-p\">\n            {text}\n          </p>\n\n          {item && (useAutolink || item.status_anchor_url) && (\n            <a\n              className=\"dnb-anchor\"\n              aria-describedby={id}\n              lang={lang}\n              href={\n                useAutolink ? `#${item.item_id}` : item.status_anchor_url\n              }\n              onClick={(e) => this.gotoItem(e, item)}\n              onKeyDown={(e) => this.gotoItem(e, item)}\n            >\n              {anchorText}\n            </a>\n          )}\n        </li>\n      )\n    }\n\n  render() {\n    const { isActive, isAnimating, keepContentVisible } = this.state\n\n    const fallbackProps = extendPropsWithContextInClassComponent(\n      this.props,\n      GlobalStatus.defaultProps,\n      this.context.getTranslation(this.props).GlobalStatus\n    )\n\n    const props = extendPropsWithContextInClassComponent(\n      GlobalStatusProvider.combineMessages([\n        this.context.globalStatus,\n        this.state.globalStatus,\n      ]),\n      GlobalStatus.defaultProps,\n      fallbackProps\n    )\n\n    const lang = this.context.locale\n\n    const {\n      title,\n      default_title, // eslint-disable-line\n      state: rawState,\n      className,\n      no_animation,\n      hide_close_button,\n      close_text,\n      class: _className,\n      status_anchor_text,\n      skeleton,\n\n      id,\n      item, // eslint-disable-line\n      items, // eslint-disable-line\n      autoclose, // eslint-disable-line\n      show, // eslint-disable-line\n      delay, // eslint-disable-line\n      autoscroll, // eslint-disable-line\n      text, // eslint-disable-line\n      icon,\n      icon_size,\n      children, // eslint-disable-line\n\n      ...attributes\n    } = props\n\n    const wrapperParams = {\n      id,\n      key: 'global-status',\n      className: classnames(\n        'dnb-global-status__wrapper',\n        'dnb-no-focus',\n        createSkeletonClass('font', skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      'aria-live': isActive ? 'assertive' : 'off',\n      onKeyDown: this.onKeyDownHandler,\n      tabIndex: '-1',\n    }\n\n    const state = this.correctStatus(rawState)\n    const iconToRender = GlobalStatus.getIcon({\n      state,\n      icon: icon || fallbackProps.icon,\n      icon_size: icon_size || fallbackProps.icon_size,\n      theme: this.context?.theme?.name || 'ui',\n    })\n    const titleToRender =\n      title || fallbackProps.title || fallbackProps.default_title\n    const noAnimation = isTrue(no_animation)\n    const itemsToRender = props.items || []\n    const contentToRender = GlobalStatus.getContent(props)\n\n    /**\n     * Show aria-live=\"assertive\" when:\n     * 1. once \"show\" is true and before content is applied\n     * so \"isActive\" has to have been false on first render\n     */\n\n    /**\n     * Show aria-live=\"off\" when:\n     * 1. start hiding\n     * 2. \"show\" is true from beginning+\n     * + and \"isActive\" is also true from beginning\n     * NB: This is to avoid SR reading the content once it's appearing\n     */\n\n    const params = {\n      className: classnames(\n        'dnb-global-status',\n        `dnb-global-status--${state}`,\n        !isActive && 'dnb-global-status--hidden',\n        isActive && keepContentVisible && 'dnb-global-status--visible',\n        isAnimating && 'dnb-global-status--is-animating',\n        noAnimation && 'dnb-global-status--no-animation'\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    const renderedItems = itemsToRender.length > 0 && (\n      <ul className=\"dnb-ul\">\n        {itemsToRender.map(\n          this.itemsRenderHandler({ status_anchor_text, lang })\n        )}\n      </ul>\n    )\n\n    const hasContent = renderedItems || contentToRender\n\n    const renderedContent = (\n      <div className=\"dnb-global-status__content\">\n        {title !== false && (\n          <Section element=\"div\" variant={state}>\n            <div\n              className=\"dnb-global-status__title\"\n              role={titleToRender?.type ? undefined : 'paragraph'}\n              lang={lang}\n            >\n              <span className=\"dnb-global-status__icon\">\n                {iconToRender}\n              </span>\n              {titleToRender}\n              {!isTrue(hide_close_button) && (\n                <Button\n                  text={close_text}\n                  title={close_text}\n                  variant=\"tertiary\"\n                  className=\"dnb-global-status__close-button\"\n                  icon=\"close\"\n                  on_click={this.closeHandler}\n                  size=\"medium\"\n                  icon_position=\"left\"\n                />\n              )}\n            </div>\n            {hasContent && (\n              <Section\n                element=\"div\"\n                variant={state}\n                className=\"dnb-global-status__message\"\n              >\n                <div className=\"dnb-global-status__message__content\">\n                  {typeof contentToRender === 'string' ? (\n                    <p className=\"dnb-p\">{contentToRender}</p>\n                  ) : (\n                    contentToRender\n                  )}\n                  {renderedItems}\n                </div>\n              </Section>\n            )}\n            <Hr fullscreen bottom={0} left={1} />\n          </Section>\n        )}\n      </div>\n    )\n\n    return (\n      <div {...wrapperParams} ref={this._wrapperRef}>\n        <section {...params}>\n          <div className=\"dnb-global-status__shell\" ref={this._shellRef}>\n            {(isAnimating || keepContentVisible || isActive) &&\n              renderedContent}\n          </div>\n        </section>\n      </div>\n    )\n  }\n}\n\n// Extend our component with controllers\nGlobalStatus.create = (...args) => new GlobalStatusInterceptor(...args)\nGlobalStatus.Update = GlobalStatus.create\nGlobalStatus.Add = GlobalStatusController\nGlobalStatus.Remove = GlobalStatusController.Remove\n\nconst isElementVisible = (elem, callback, delayFallback = 1e3) => {\n  if (typeof IntersectionObserver !== 'undefined') {\n    const intersectionObserver = new IntersectionObserver((entries) => {\n      const [entry] = entries\n      if (entry.isIntersecting) {\n        intersectionObserver.unobserve(elem)\n        if (typeof callback === 'function') {\n          callback(elem)\n        }\n      }\n    })\n    // start observing\n    intersectionObserver.observe(elem)\n  } else {\n    if (typeof callback === 'function') {\n      return setTimeout(() => callback(elem), delayFallback)\n    }\n  }\n  return null\n}\n\nGlobalStatus._supportsSpacingProps = true\n"],"mappings":"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"}

package/es/components/global-status/style/dnb-global-status.css

@@ -11,10 +11,6 @@
 .dnb-global-status.dnb-section {
   display: block;
 }
-.dnb-global-status__wrapper {
-  position: relative;
-  z-index: 1;
-}
 .dnb-global-status__shell {
   width: 100%;
   opacity: 1;
@@ -85,7 +81,4 @@
 }
 .dnb-global-status__content .dnb-ul .dnb-anchor:last-of-type, .dnb-spacing .dnb-global-status__content .dnb-ul .dnb-anchor:last-of-type, .dnb-spacing .dnb-global-status__content .dnb-ul:not([class*=dnb-space]) .dnb-anchor:last-of-type {
   margin-left: 0.5rem;
-}
-.dnb-global-status__content .dnb-hr, .dnb-spacing .dnb-global-status__content .dnb-hr, .dnb-spacing .dnb-global-status__content .dnb-hr:not([class*=dnb-space]) {
-  margin: 0;
 }

package/es/components/global-status/style/dnb-global-status.min.css

@@ -1 +1 @@
-.dnb-global-status{--global-status-easing:var(--easing-default)}.dnb-global-status.dnb-section{display:block}.dnb-global-status__wrapper{position:relative;z-index:1}.dnb-global-status__shell{opacity:1;transition:height .8s var(--global-status-easing),opacity .6s var(--global-status-easing);width:100%;will-change:height}.dnb-global-status--hidden .dnb-global-status__shell{height:0;opacity:0}.dnb-global-status--no-animation .dnb-global-status__shell,html[data-visual-test] .dnb-global-status__shell{transition-duration:1ms!important}.dnb-global-status,.dnb-global-status--no-animation.dnb-global-status--visible{display:flex}.dnb-global-status--no-animation.dnb-global-status--hidden{display:none}.dnb-global-status__title{align-items:center;cursor:text;display:flex;font-size:var(--font-size-basis);min-height:4.5rem;padding:1rem 5rem 1rem 2.5rem;position:relative}.dnb-global-status__title .dnb-p,.dnb-spacing .dnb-global-status__title .dnb-p,.dnb-spacing .dnb-global-status__title .dnb-p:not([class*=dnb-space]){margin:0}.dnb-global-status__message{cursor:text;z-index:1}.dnb-global-status__message__content{display:flex;flex-direction:column;padding:.5rem 0 2.5rem 2.5rem}.dnb-global-status__message__content .dnb-p,.dnb-spacing .dnb-global-status__message__content .dnb-p,.dnb-spacing .dnb-global-status__message__content .dnb-p:not([class*=dnb-space]){display:inline-block;margin:0;padding:0}.dnb-global-status__icon{left:0;margin-top:1.5rem;position:absolute;top:0}.dnb-global-status__close-button,.dnb-global-status__close-button.dnb-button--tertiary{left:auto;position:absolute;right:1rem;z-index:1}.dnb-modal__content__inner .dnb-global-status__close-button{right:0}.dnb-global-status__content{width:100%}.dnb-global-status__content .dnb-ul,.dnb-spacing .dnb-global-status__content .dnb-ul,.dnb-spacing .dnb-global-status__content .dnb-ul:not([class*=dnb-space]){margin:.5rem 0 0;padding-left:1rem}.dnb-global-status__content .dnb-ul .dnb-anchor:last-of-type,.dnb-spacing .dnb-global-status__content .dnb-ul .dnb-anchor:last-of-type,.dnb-spacing .dnb-global-status__content .dnb-ul:not([class*=dnb-space]) .dnb-anchor:last-of-type{margin-left:.5rem}.dnb-global-status__content .dnb-hr,.dnb-spacing .dnb-global-status__content .dnb-hr,.dnb-spacing .dnb-global-status__content .dnb-hr:not([class*=dnb-space]){margin:0}
+.dnb-global-status{--global-status-easing:var(--easing-default)}.dnb-global-status.dnb-section{display:block}.dnb-global-status__shell{opacity:1;transition:height .8s var(--global-status-easing),opacity .6s var(--global-status-easing);width:100%;will-change:height}.dnb-global-status--hidden .dnb-global-status__shell{height:0;opacity:0}.dnb-global-status--no-animation .dnb-global-status__shell,html[data-visual-test] .dnb-global-status__shell{transition-duration:1ms!important}.dnb-global-status,.dnb-global-status--no-animation.dnb-global-status--visible{display:flex}.dnb-global-status--no-animation.dnb-global-status--hidden{display:none}.dnb-global-status__title{align-items:center;cursor:text;display:flex;font-size:var(--font-size-basis);min-height:4.5rem;padding:1rem 5rem 1rem 2.5rem;position:relative}.dnb-global-status__title .dnb-p,.dnb-spacing .dnb-global-status__title .dnb-p,.dnb-spacing .dnb-global-status__title .dnb-p:not([class*=dnb-space]){margin:0}.dnb-global-status__message{cursor:text;z-index:1}.dnb-global-status__message__content{display:flex;flex-direction:column;padding:.5rem 0 2.5rem 2.5rem}.dnb-global-status__message__content .dnb-p,.dnb-spacing .dnb-global-status__message__content .dnb-p,.dnb-spacing .dnb-global-status__message__content .dnb-p:not([class*=dnb-space]){display:inline-block;margin:0;padding:0}.dnb-global-status__icon{left:0;margin-top:1.5rem;position:absolute;top:0}.dnb-global-status__close-button,.dnb-global-status__close-button.dnb-button--tertiary{left:auto;position:absolute;right:1rem;z-index:1}.dnb-modal__content__inner .dnb-global-status__close-button{right:0}.dnb-global-status__content{width:100%}.dnb-global-status__content .dnb-ul,.dnb-spacing .dnb-global-status__content .dnb-ul,.dnb-spacing .dnb-global-status__content .dnb-ul:not([class*=dnb-space]){margin:.5rem 0 0;padding-left:1rem}.dnb-global-status__content .dnb-ul .dnb-anchor:last-of-type,.dnb-spacing .dnb-global-status__content .dnb-ul .dnb-anchor:last-of-type,.dnb-spacing .dnb-global-status__content .dnb-ul:not([class*=dnb-space]) .dnb-anchor:last-of-type{margin-left:.5rem}

package/es/components/global-status/style/dnb-global-status.scss

@@ -12,11 +12,6 @@
     display: block;
   }
 
-  &__wrapper {
-    position: relative;
-    z-index: 1;
-  }
-
   &__shell {
     width: 100%;
     opacity: 1;
@@ -118,11 +113,5 @@
         margin-left: 0.5rem;
       }
     }
-
-    & .dnb-hr,
-    .dnb-spacing & .dnb-hr,
-    .dnb-spacing & .dnb-hr:not([class*='dnb-space']) {
-      margin: 0;
-    }
   }
 }

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

@@ -5,9 +5,7 @@
   display: grid;
   grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
   grid-auto-flow: dense;
-  grid-row-gap: var(--row-gap, 0);
   row-gap: var(--row-gap, 0);
-  grid-column-gap: var(--column-gap, 0);
   -moz-column-gap: var(--column-gap, 0);
        column-gap: var(--column-gap, 0);
   --grid-columns: var(--small-columns, 4);

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

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

package/es/components/info-card/style/dnb-info-card.css

@@ -17,10 +17,7 @@
 .dnb-info-card::after {
   content: "";
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   pointer-events: none;
   border: 1px solid var(--color-black-8);
 }

package/es/components/info-card/style/dnb-info-card.min.css

@@ -1 +1 @@
-.dnb-info-card{background:var(--color-white);box-shadow:var(--shadow-default);display:flex;flex-direction:row;overflow:hidden;padding:1rem;position:relative}.dnb-info-card:after{border:1px solid var(--color-black-8);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dnb-info-card,.dnb-info-card:after{border-radius:.25rem}.dnb-info-card--centered{align-items:center;flex-direction:column;text-align:center}.dnb-info-card__content{flex-direction:column;margin-top:.1875rem;max-width:70ch}.dnb-info-card--centered .dnb-info-card__content{margin-top:0}.dnb-info-card__icon{color:var(--color-emerald-green)}.dnb-info-card__image{height:4rem;width:4rem}.dnb-info-card__buttons{display:flex;flex-flow:row wrap}.dnb-info-card--centered .dnb-info-card__buttons{align-items:center;flex-direction:column;text-align:center}
+.dnb-info-card{background:var(--color-white);box-shadow:var(--shadow-default);display:flex;flex-direction:row;overflow:hidden;padding:1rem;position:relative}.dnb-info-card:after{border:1px solid var(--color-black-8);content:"";inset:0;pointer-events:none;position:absolute}.dnb-info-card,.dnb-info-card:after{border-radius:.25rem}.dnb-info-card--centered{align-items:center;flex-direction:column;text-align:center}.dnb-info-card__content{flex-direction:column;margin-top:.1875rem;max-width:70ch}.dnb-info-card--centered .dnb-info-card__content{margin-top:0}.dnb-info-card__icon{color:var(--color-emerald-green)}.dnb-info-card__image{height:4rem;width:4rem}.dnb-info-card__buttons{display:flex;flex-flow:row wrap}.dnb-info-card--centered .dnb-info-card__buttons{align-items:center;flex-direction:column;text-align:center}

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

@@ -85,9 +85,6 @@
 .dnb-input__input::-ms-clear {
   display: none;
 }
-.dnb-input__input:autofill {
-  box-shadow: 0 0 0 var(--input-border-width) var(--input-border-color), 0 0 0 10em var(--input-background-color) inset;
-}
 .dnb-input ::-webkit-file-upload-button {
   cursor: pointer;
   outline: none;
@@ -119,6 +116,12 @@
   display: inline-flex;
   align-items: center;
 }
+.dnb-input__input:-webkit-autofill {
+  box-shadow: 0 0 0 var(--input-border-width) var(--input-border-color) var(--autofill-inset, inset), 0 0 0 10em var(--input-background-color) inset;
+}
+.dnb-input__input:autofill {
+  box-shadow: 0 0 0 var(--input-border-width) var(--input-border-color) var(--autofill-inset, inset), 0 0 0 10em var(--input-background-color) inset;
+}
 .dnb-input__suffix {
   color: inherit;
 }
@@ -306,6 +309,7 @@ html:not([data-whatintent=touch]) .dnb-input--clear.dnb-input__submit-element .d
 .dnb-input__icon {
   order: 0;
   position: absolute;
+  z-index: 2;
   left: 1rem;
   right: auto;
   top: 0;
@@ -332,6 +336,12 @@ html:not([data-whatintent=touch]) .dnb-input--clear.dnb-input__submit-element .d
 html[data-visual-test] .dnb-input__input {
   caret-color: var(--color-white);
 }
+.dnb-input[data-has-content=false] .dnb-input__input:focus:-webkit-autofill {
+  --autofill-inset: none;
+}
+.dnb-input[data-has-content=false] .dnb-input__input:focus:autofill {
+  --autofill-inset: none;
+}
 @media screen and (max-width: 40em) {
   .dnb-responsive-component .dnb-input {
     display: flex;

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

@@ -1 +1 @@
-.dnb-input{--input-font-size:var(--font-size-basis);--input-font-size--small:var(--font-size-basis);--input-font-size--medium:var(--font-size-basis);--input-font-size--large:var(--font-size-medium);--input-padding:1rem;--input-padding--small:1rem;--input-padding--medium:1rem;--input-padding--large:1rem;--input-height:2rem;--input-height--small:1.5rem;--input-height--medium:2.5rem;--input-height--large:3rem;--input-background-color:var(--color-white);align-items:center;display:inline-flex;font-size:var(--input-font-small);line-height:var(--input-height);text-align:left}.dnb-input__inner{display:inline-flex;flex-direction:column;width:auto}.dnb-input__shell{align-items:center;border:var(--input-border-width) solid var(--color-sea-green);display:flex;position:relative}.dnb-input__input{border:none;outline:none;position:relative;word-break:normal;z-index:2}.dnb-input__input[disabled]{opacity:1;-webkit-user-select:none;user-select:none}.dnb-input__input,.dnb-input__shell{border-radius:var(--input-border-radius);height:var(--input-height)}.dnb-input__input,.dnb-input__placeholder{padding-left:var(--input-padding);padding-right:var(--input-padding);width:100%}.dnb-input input.dnb-input__input,.dnb-input__input,.dnb-input__placeholder{background-color:transparent;color:inherit;font-size:var(--input-font-size);line-height:inherit;padding-bottom:0;padding-top:0}.dnb-input__placeholder{left:0;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;z-index:1}.dnb-input input.dnb-input__input[type=file]{line-height:calc(var(--input-height) - 2px)}.dnb-input__input::-webkit-search-cancel-button{display:none}.dnb-input__input::-ms-clear{display:none}.dnb-input__input:autofill{box-shadow:0 0 0 var(--input-border-width) var(--input-border-color),0 0 0 10em var(--input-background-color) inset}.dnb-input ::-webkit-file-upload-button{color:var(--color-sea-green);cursor:pointer;outline:none}.dnb-input ::-webkit-file-upload-button:active,.dnb-input ::-webkit-file-upload-button:hover{color:var(--color-emerald-green)}.dnb-input--has-clear-button .dnb-input__input,.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--has-submit-element .dnb-input__input,.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding)*2.5)}.dnb-input--password .dnb-input__input,.dnb-input--password .dnb-input__placeholder{margin-right:2.5rem;padding-right:0}.dnb-input--password .dnb-input__input::-ms-clear,.dnb-input--password .dnb-input__input::-ms-reveal,.dnb-input--password .dnb-input__placeholder::-ms-clear,.dnb-input--password .dnb-input__placeholder::-ms-reveal{display:none}.dnb-input--password .dnb-input__placeholder{padding-right:4rem}.dnb-input--password .dnb-input__input{font-family:var(--font-family-monospace)}.dnb-input__row{align-items:center;display:inline-flex}.dnb-input__suffix{color:inherit}.dnb-input__submit-element{line-height:var(--line-height-basis);margin-left:calc(0px - var(--input-height));z-index:3}.dnb-input__submit-element .dnb-button--input-button{height:var(--input-height);line-height:var(--input-height);width:var(--input-height)}.dnb-input__submit-button{align-self:center;position:relative}.dnb-input__submit-button__button{border-radius:0 var(--input-border-radius) var(--input-border-radius) 0}.dnb-input>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-input{flex-wrap:wrap}.dnb-input>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-input:not(.dnb-input--vertical)[class*=__status]{align-items:flex-start}.dnb-input:not(.dnb-input--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-input--small{line-height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__shell{height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__placeholder{font-size:var(--input-font-size--small);padding-left:var(--input-padding--small);padding-right:var(--input-padding--small)}.dnb-input--small .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--small))}.dnb-input--small .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--small);line-height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--small.dnb-input--has-clear-button .dnb-input__input,.dnb-input--small.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--small.dnb-input--has-submit-element .dnb-input__input,.dnb-input--small.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--small)*2)}.dnb-input--medium{line-height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__shell{height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__placeholder{font-size:var(--input-font-size--medium);padding-left:var(--input-padding--medium);padding-right:var(--input-padding--medium)}.dnb-input--medium .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--medium))}.dnb-input--medium .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--medium);line-height:var(--input-height--medium);width:var(--input-height--medium)}.dnb-input--medium.dnb-input--has-clear-button .dnb-input__input,.dnb-input--medium.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__input,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--medium)*3)}.dnb-input--large{line-height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__shell{height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__placeholder{font-size:var(--input-font-size--large);padding-left:var(--input-padding--large);padding-right:var(--input-padding--large)}.dnb-input--large .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large))}.dnb-input--large .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--large);width:var(--input-height--large)}.dnb-input--large.dnb-input--has-clear-button .dnb-input__input,.dnb-input--large.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--large.dnb-input--has-submit-element .dnb-input__input,.dnb-input--large.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--large)*3)}.dnb-input--large.dnb-input--has-clear-button:not(.dnb-input--has-submit-element) .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large) + .5rem)}.dnb-input__align--center .dnb-input__input,.dnb-input__align--center .dnb-input__placeholder{text-align:center}.dnb-input__align--right .dnb-input__input,.dnb-input__align--right .dnb-input__placeholder{text-align:right}.dnb-input--clear.dnb-input__submit-element{opacity:0;transition:opacity .2s ease-in-out}.dnb-input--clear.dnb-input__submit-element .dnb-button{border-radius:var(--button-border-radius);height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--clear.dnb-input__submit-element .dnb-button .dnb-button__icon{margin:auto}html:not([data-whatintent=touch]) .dnb-input--clear.dnb-input__submit-element .dnb-button:not(.dnb-button--has-text):hover[disabled]{cursor:default}.dnb-input--small .dnb-input--clear.dnb-input__submit-element .dnb-button{height:1rem;width:1rem}.dnb-input--large .dnb-input--clear.dnb-input__submit-element .dnb-button,.dnb-input--medium .dnb-input--clear.dnb-input__submit-element .dnb-button{height:var(--input-height--small);width:var(--input-height--small)}.dnb-input[data-has-content=true] .dnb-input--clear{opacity:1}.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2.5rem}.dnb-input--small.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2rem}.dnb-input--medium.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3rem}.dnb-input--large.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3.5rem}.dnb-input__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-input--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-input--stretch{display:flex;flex-grow:1}.dnb-input--stretch .dnb-input__inner{flex-grow:1}.dnb-input--stretch .dnb-input__inner,.dnb-input--stretch .dnb-input__shell{width:100%}.dnb-input--stretch .dnb-form-label+.dnb-input__inner{width:auto}.dnb-form-row--horizontal .dnb-input--stretch,.dnb-input--vertical.dnb-input--stretch .dnb-input__inner{width:100%}.dnb-input__icon{bottom:0;left:1rem;margin:auto;order:0;position:absolute;right:auto;top:0}.dnb-input--icon-position-right .dnb-input__icon{left:auto;order:1;right:1rem}.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:2.5rem}.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:2.5rem}.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:3rem}.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:3rem}html[data-visual-test] .dnb-input__input{caret-color:var(--color-white)}@media screen and (max-width:40em){.dnb-responsive-component .dnb-input{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-input__row{align-items:flex-start}.dnb-responsive-component .dnb-input>.dnb-form-label{margin-bottom:.5rem}}
+.dnb-input{--input-font-size:var(--font-size-basis);--input-font-size--small:var(--font-size-basis);--input-font-size--medium:var(--font-size-basis);--input-font-size--large:var(--font-size-medium);--input-padding:1rem;--input-padding--small:1rem;--input-padding--medium:1rem;--input-padding--large:1rem;--input-height:2rem;--input-height--small:1.5rem;--input-height--medium:2.5rem;--input-height--large:3rem;--input-background-color:var(--color-white);align-items:center;display:inline-flex;font-size:var(--input-font-small);line-height:var(--input-height);text-align:left}.dnb-input__inner{display:inline-flex;flex-direction:column;width:auto}.dnb-input__shell{align-items:center;border:var(--input-border-width) solid var(--color-sea-green);display:flex;position:relative}.dnb-input__input{border:none;outline:none;position:relative;word-break:normal;z-index:2}.dnb-input__input[disabled]{opacity:1;-webkit-user-select:none;user-select:none}.dnb-input__input,.dnb-input__shell{border-radius:var(--input-border-radius);height:var(--input-height)}.dnb-input__input,.dnb-input__placeholder{padding-left:var(--input-padding);padding-right:var(--input-padding);width:100%}.dnb-input input.dnb-input__input,.dnb-input__input,.dnb-input__placeholder{background-color:transparent;color:inherit;font-size:var(--input-font-size);line-height:inherit;padding-bottom:0;padding-top:0}.dnb-input__placeholder{left:0;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;z-index:1}.dnb-input input.dnb-input__input[type=file]{line-height:calc(var(--input-height) - 2px)}.dnb-input__input::-webkit-search-cancel-button{display:none}.dnb-input__input::-ms-clear{display:none}.dnb-input ::-webkit-file-upload-button{color:var(--color-sea-green);cursor:pointer;outline:none}.dnb-input ::-webkit-file-upload-button:active,.dnb-input ::-webkit-file-upload-button:hover{color:var(--color-emerald-green)}.dnb-input--has-clear-button .dnb-input__input,.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--has-submit-element .dnb-input__input,.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding)*2.5)}.dnb-input--password .dnb-input__input,.dnb-input--password .dnb-input__placeholder{margin-right:2.5rem;padding-right:0}.dnb-input--password .dnb-input__input::-ms-clear,.dnb-input--password .dnb-input__input::-ms-reveal,.dnb-input--password .dnb-input__placeholder::-ms-clear,.dnb-input--password .dnb-input__placeholder::-ms-reveal{display:none}.dnb-input--password .dnb-input__placeholder{padding-right:4rem}.dnb-input--password .dnb-input__input{font-family:var(--font-family-monospace)}.dnb-input__row{align-items:center;display:inline-flex}.dnb-input__input:-webkit-autofill{box-shadow:0 0 0 var(--input-border-width) var(--input-border-color) var(--autofill-inset,inset),0 0 0 10em var(--input-background-color) inset}.dnb-input__input:autofill{box-shadow:0 0 0 var(--input-border-width) var(--input-border-color) var(--autofill-inset,inset),0 0 0 10em var(--input-background-color) inset}.dnb-input__suffix{color:inherit}.dnb-input__submit-element{line-height:var(--line-height-basis);margin-left:calc(0px - var(--input-height));z-index:3}.dnb-input__submit-element .dnb-button--input-button{height:var(--input-height);line-height:var(--input-height);width:var(--input-height)}.dnb-input__submit-button{align-self:center;position:relative}.dnb-input__submit-button__button{border-radius:0 var(--input-border-radius) var(--input-border-radius) 0}.dnb-input>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-input{flex-wrap:wrap}.dnb-input>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-input:not(.dnb-input--vertical)[class*=__status]{align-items:flex-start}.dnb-input:not(.dnb-input--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-input--small{line-height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__shell{height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__placeholder{font-size:var(--input-font-size--small);padding-left:var(--input-padding--small);padding-right:var(--input-padding--small)}.dnb-input--small .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--small))}.dnb-input--small .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--small);line-height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--small.dnb-input--has-clear-button .dnb-input__input,.dnb-input--small.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--small.dnb-input--has-submit-element .dnb-input__input,.dnb-input--small.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--small)*2)}.dnb-input--medium{line-height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__shell{height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__placeholder{font-size:var(--input-font-size--medium);padding-left:var(--input-padding--medium);padding-right:var(--input-padding--medium)}.dnb-input--medium .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--medium))}.dnb-input--medium .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--medium);line-height:var(--input-height--medium);width:var(--input-height--medium)}.dnb-input--medium.dnb-input--has-clear-button .dnb-input__input,.dnb-input--medium.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__input,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--medium)*3)}.dnb-input--large{line-height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__shell{height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__placeholder{font-size:var(--input-font-size--large);padding-left:var(--input-padding--large);padding-right:var(--input-padding--large)}.dnb-input--large .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large))}.dnb-input--large .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--large);width:var(--input-height--large)}.dnb-input--large.dnb-input--has-clear-button .dnb-input__input,.dnb-input--large.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--large.dnb-input--has-submit-element .dnb-input__input,.dnb-input--large.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--large)*3)}.dnb-input--large.dnb-input--has-clear-button:not(.dnb-input--has-submit-element) .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large) + .5rem)}.dnb-input__align--center .dnb-input__input,.dnb-input__align--center .dnb-input__placeholder{text-align:center}.dnb-input__align--right .dnb-input__input,.dnb-input__align--right .dnb-input__placeholder{text-align:right}.dnb-input--clear.dnb-input__submit-element{opacity:0;transition:opacity .2s ease-in-out}.dnb-input--clear.dnb-input__submit-element .dnb-button{border-radius:var(--button-border-radius);height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--clear.dnb-input__submit-element .dnb-button .dnb-button__icon{margin:auto}html:not([data-whatintent=touch]) .dnb-input--clear.dnb-input__submit-element .dnb-button:not(.dnb-button--has-text):hover[disabled]{cursor:default}.dnb-input--small .dnb-input--clear.dnb-input__submit-element .dnb-button{height:1rem;width:1rem}.dnb-input--large .dnb-input--clear.dnb-input__submit-element .dnb-button,.dnb-input--medium .dnb-input--clear.dnb-input__submit-element .dnb-button{height:var(--input-height--small);width:var(--input-height--small)}.dnb-input[data-has-content=true] .dnb-input--clear{opacity:1}.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2.5rem}.dnb-input--small.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2rem}.dnb-input--medium.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3rem}.dnb-input--large.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3.5rem}.dnb-input__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-input--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-input--stretch{display:flex;flex-grow:1}.dnb-input--stretch .dnb-input__inner{flex-grow:1}.dnb-input--stretch .dnb-input__inner,.dnb-input--stretch .dnb-input__shell{width:100%}.dnb-input--stretch .dnb-form-label+.dnb-input__inner{width:auto}.dnb-form-row--horizontal .dnb-input--stretch,.dnb-input--vertical.dnb-input--stretch .dnb-input__inner{width:100%}.dnb-input__icon{bottom:0;left:1rem;margin:auto;order:0;position:absolute;right:auto;top:0;z-index:2}.dnb-input--icon-position-right .dnb-input__icon{left:auto;order:1;right:1rem}.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:2.5rem}.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:2.5rem}.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:3rem}.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:3rem}html[data-visual-test] .dnb-input__input{caret-color:var(--color-white)}.dnb-input[data-has-content=false] .dnb-input__input:focus:-webkit-autofill{--autofill-inset:none}.dnb-input[data-has-content=false] .dnb-input__input:focus:autofill{--autofill-inset:none}@media screen and (max-width:40em){.dnb-responsive-component .dnb-input{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-input__row{align-items:flex-start}.dnb-responsive-component .dnb-input>.dnb-form-label{margin-bottom:.5rem}}

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

@@ -118,14 +118,6 @@
     display: none;
   }
 
-  // change the autocomplete appearance once filled out
-  &__input:autofill {
-    // set the border and the background
-    box-shadow:
-      0 0 0 var(--input-border-width) var(--input-border-color),
-      0 0 0 10em var(--input-background-color) inset;
-  }
-
   // change file type appearance on type="file"
   ::-webkit-file-upload-button {
     cursor: pointer;
@@ -174,6 +166,15 @@
     align-items: center; // Safari gets wired if we use "baseline"
   }
 
+  // change the autocomplete appearance once filled out
+  &__input:autofill {
+    // set the border and the background
+    box-shadow:
+      0 0 0 var(--input-border-width) var(--input-border-color)
+        var(--autofill-inset, inset),
+      0 0 0 10em var(--input-background-color) inset;
+  }
+
   &__suffix {
     color: inherit;
   }
@@ -431,6 +432,7 @@
   &__icon {
     order: 0;
     position: absolute;
+    z-index: 2; // to ensure its still visible on autofill
     left: 1rem;
     right: auto;
 
@@ -467,6 +469,10 @@
     caret-color: var(--color-white);
   }
 
+  &[data-has-content='false'] &__input:focus:autofill {
+    --autofill-inset: none;
+  }
+
   .dnb-responsive-component & {
     @media screen and (max-width: 40em) {
       display: flex;

package/es/components/input/style/themes/dnb-input-theme-sbanken.css

@@ -84,19 +84,10 @@ html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-i
   --button-secondary-color--hover: var(--sb-color-white);
   --button-secondary-color--active: var(--sb-color-red);
 }
-.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible) {
-  background-color: transparent;
-  box-shadow: none;
-}
 .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible) {
   background-color: transparent;
   box-shadow: none;
 }
-.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible):hover, .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible):active {
-  border: var(--input-button-border-width) solid var(--input-button-border-color);
-  border-left: none;
-  padding-left: var(--input-button-border-width);
-}
 .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):hover, .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):active {
   border: var(--input-button-border-width) solid var(--input-button-border-color);
   border-left: none;

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

@@ -1 +1 @@
-.dnb-input{--input-height:2.5rem;--input-button-border-color:var(--input-border-color);--input-button-border-width:var(--input-border-width);--input-border-radius:0.5rem;--input-border-width:0.0625rem;--input-color:var(--input-color--default);--input-color--default:var(--sb-color-text);--input-color--active:var(--sb-color-text);--input-border-color:var(--sb-color-gray-dark-2);--input-border-color--hover:var(--sb-color-violet);--input-border-color--active:var(--sb-color-violet);--input-border-color--focus:var(--focus-ring-color)}.dnb-input__shell{--border-color:var(--input-border-color);--border-width:var(--input-border-width);background-color:var(--input-background-color);border:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--input-color);transition:border-radius .25s ease-out}.dnb-input__submit-button__button{--button-secondary-color:var(--sb-color-violet);--button-secondary-color--active:var(--sb-color-violet)}.dnb-input__placeholder{color:var(--sb-color-gray-dark-3)}.dnb-input[data-input-state=disabled]{--input-border-color:var(--sb-color-gray)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentcolor;background-color:var(--sb-color-gray-light)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-input__placeholder{color:var(--sb-color-gray-dark-2)}.dnb-input:not([data-input-state=disabled])[data-input-state=focus]{--input-color:var(--input-color--active);--input-border-radius:1.5rem;--input-border-color:var(--input-border-color--active)}html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-input-state=focus]{--input-button-border-color:var(--input-border-color--focus);--input-button-border-width:var(--focus-ring-width)}.dnb-input:not([data-input-state=disabled])[data-input-state=focus] .dnb-input__shell{outline:none}html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-input-state=focus] .dnb-input__shell{--border-color:var(--input-border-color--focus);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-input:not([data-input-state=disabled]) .dnb-form-label:hover+.dnb-input__inner .dnb-input__shell,.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover{--input-border-color:var(--input-border-color--hover);--input-border-width:0.125rem}.dnb-input:not([data-input-state=disabled]).dnb-input__status--error{--input-border-color:var(--sb-color-red);--input-color--default:var(--sb-color-red);--input-color--active:var(--sb-color-text);--input-border-color--hover:var(--sb-color-red);--input-border-color--active:var(--sb-color-red);--input-border-color--focus:var(--sb-color-red)}.dnb-input:not([data-input-state=disabled]).dnb-input__status--error .dnb-input__submit-button__button{--button-secondary-background--hover:var(--sb-color-red);--button-secondary-color--hover:var(--sb-color-white);--button-secondary-color--active:var(--sb-color-red)}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible){background-color:transparent;box-shadow:none}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible){background-color:transparent;box-shadow:none}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible):active,.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible):hover{border:var(--input-button-border-width) solid var(--input-button-border-color);border-left:none;padding-left:var(--input-button-border-width)}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):active,.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):hover{border:var(--input-button-border-width) solid var(--input-button-border-color);border-left:none;padding-left:var(--input-button-border-width)}
+.dnb-input{--input-height:2.5rem;--input-button-border-color:var(--input-border-color);--input-button-border-width:var(--input-border-width);--input-border-radius:0.5rem;--input-border-width:0.0625rem;--input-color:var(--input-color--default);--input-color--default:var(--sb-color-text);--input-color--active:var(--sb-color-text);--input-border-color:var(--sb-color-gray-dark-2);--input-border-color--hover:var(--sb-color-violet);--input-border-color--active:var(--sb-color-violet);--input-border-color--focus:var(--focus-ring-color)}.dnb-input__shell{--border-color:var(--input-border-color);--border-width:var(--input-border-width);background-color:var(--input-background-color);border:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--input-color);transition:border-radius .25s ease-out}.dnb-input__submit-button__button{--button-secondary-color:var(--sb-color-violet);--button-secondary-color--active:var(--sb-color-violet)}.dnb-input__placeholder{color:var(--sb-color-gray-dark-3)}.dnb-input[data-input-state=disabled]{--input-border-color:var(--sb-color-gray)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentcolor;background-color:var(--sb-color-gray-light)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-input__placeholder{color:var(--sb-color-gray-dark-2)}.dnb-input:not([data-input-state=disabled])[data-input-state=focus]{--input-color:var(--input-color--active);--input-border-radius:1.5rem;--input-border-color:var(--input-border-color--active)}html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-input-state=focus]{--input-button-border-color:var(--input-border-color--focus);--input-button-border-width:var(--focus-ring-width)}.dnb-input:not([data-input-state=disabled])[data-input-state=focus] .dnb-input__shell{outline:none}html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-input-state=focus] .dnb-input__shell{--border-color:var(--input-border-color--focus);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-input:not([data-input-state=disabled]) .dnb-form-label:hover+.dnb-input__inner .dnb-input__shell,.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover{--input-border-color:var(--input-border-color--hover);--input-border-width:0.125rem}.dnb-input:not([data-input-state=disabled]).dnb-input__status--error{--input-border-color:var(--sb-color-red);--input-color--default:var(--sb-color-red);--input-color--active:var(--sb-color-text);--input-border-color--hover:var(--sb-color-red);--input-border-color--active:var(--sb-color-red);--input-border-color--focus:var(--sb-color-red)}.dnb-input:not([data-input-state=disabled]).dnb-input__status--error .dnb-input__submit-button__button{--button-secondary-background--hover:var(--sb-color-red);--button-secondary-color--hover:var(--sb-color-white);--button-secondary-color--active:var(--sb-color-red)}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible){background-color:transparent;box-shadow:none}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):active,.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):hover{border:var(--input-button-border-width) solid var(--input-button-border-color);border-left:none;padding-left:var(--input-button-border-width)}

package/es/components/input-masked/MultiInputMask.d.ts

@@ -18,7 +18,7 @@ export type MultiInputMaskInput<T extends string> = {
      * Sets the placeholder character used for the input.
      */
     placeholderCharacter: string;
-};
+} & Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'ref'>;
 export type MultiInputMaskValue<T extends string> = {
     [K in T]: string;
 };
@@ -55,12 +55,16 @@ export type MultiInputMaskProps<T extends string> = {
      * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.
      */
     statusState?: FormStatusState;
+    /**
+     * Set it to `true` in order to stretch the input to the available space. Defaults to false.
+     */
+    stretch?: boolean;
     /**
      * Text describing the content of the input more than the label. you can also send in a React component, so it gets wrapped inside the Input component.
      */
     suffix?: React.ReactNode;
 } & Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'ref' | 'value' | 'label'> & SpacingProps;
-declare function MultiInputMask<T extends string>({ label, labelDirection, inputs, delimiter, onChange: onChangeExternal, disabled, status, statusState, values: defaultValues, className, suffix, ...props }: MultiInputMaskProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function MultiInputMask<T extends string>({ label, labelDirection, inputs, delimiter, onChange: onChangeExternal, disabled, status, statusState, values: defaultValues, className, stretch, suffix, ...props }: MultiInputMaskProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace MultiInputMask {
     var _formElement: boolean;
     var _supportsSpacingProps: boolean;

package/es/components/input-masked/MultiInputMask.js

@@ -2,8 +2,9 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["label", "labelDirection", "inputs", "delimiter", "onChange", "disabled", "status", "statusState", "values", "className", "suffix"];
-import React, { Fragment, useRef } from 'react';
+const _excluded = ["label", "labelDirection", "inputs", "delimiter", "onChange", "disabled", "status", "statusState", "values", "className", "stretch", "suffix"],
+  _excluded2 = ["id", "label", "value", "mask", "placeholderCharacter", "delimiter", "disabled", "inputRef", "onKeyDown", "onChange"];
+import React, { useRef } from 'react';
 import Input from '../Input';
 import TextMask from './TextMask';
 import useHandleCursorPosition from './hooks/useHandleCursorPosition';
@@ -24,6 +25,7 @@ function MultiInputMask(_ref) {
       statusState,
       values: defaultValues,
       className,
+      stretch,
       suffix
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -51,16 +53,17 @@ function MultiInputMask(_ref) {
     status: status,
     status_state: statusState,
     suffix: suffix,
-    input_element: inputs.map((input, index) => React.createElement(Fragment, {
+    stretch: stretch,
+    input_element: inputs.map((input, index) => React.createElement(MultiInputMaskInput, _extends({
       key: input.id
-    }, React.createElement(MultiInputMaskInput, _extends({}, input, {
+    }, input, {
       value: values[input.id],
       delimiter: index !== inputs.length - 1 ? delimiter : undefined,
       onKeyDown: onKeyDown,
       onChange: onChange,
       disabled: disabled,
       inputRef: getInputRef
-    }))))
+    })))
   })));
   function onLegendClick() {
     if (disabled) {
@@ -98,20 +101,22 @@ function MultiInputMask(_ref) {
     return masks;
   }
 }
-function MultiInputMaskInput({
-  id,
-  label,
-  value,
-  mask,
-  placeholderCharacter,
-  delimiter,
-  disabled,
-  inputRef,
-  onKeyDown,
-  onChange
-}) {
+function MultiInputMaskInput(_ref2) {
+  let {
+      id,
+      label,
+      value,
+      mask,
+      placeholderCharacter,
+      delimiter,
+      disabled,
+      inputRef,
+      onKeyDown,
+      onChange
+    } = _ref2,
+    attributes = _objectWithoutProperties(_ref2, _excluded2);
   const markupId = `${id}-${makeUniqueId()}`;
-  return React.createElement(React.Fragment, null, React.createElement(TextMask, {
+  return React.createElement(React.Fragment, null, React.createElement(TextMask, _extends({
     id: `${markupId}__input`,
     "data-mask-id": id,
     className: "dnb-input__input dnb-multi-input-mask__input" + (value ? " dnb-multi-input-mask__input--highlight" : ""),
@@ -130,7 +135,7 @@ function MultiInputMaskInput({
     onChange: event => {
       onChange(id, removePlaceholder(event.target.value, placeholderCharacter));
     }
-  }), React.createElement("label", {
+  }, attributes)), React.createElement("label", {
     id: `${markupId}__label`,
     htmlFor: `${markupId}__input`,
     hidden: true