@dnb/eufemia 10.10.0 → 10.11.0

package/components/form-label/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","names":["React","PropTypes","classnames","extendPropsWithContextInClassComponent","isTrue","validateDOMAttributes","processChildren","spacingPropTypes","createSpacingClasses","createSkeletonClass","skeletonDOMAttributes","pickFormElementProps","Context","FormLabel","PureComponent","getContent","props","text","render","_this$context","_this$context2","_this$context3","defaultProps","skeleton","context","FormRow","formElement","for_id","element","title","className","id","disabled","label_direction","vertical","sr_only","class","_className","_text","size","attributes","_objectWithoutProperties","_excluded","content","params","_objectSpread","htmlFor","children","Element","createElement","_defineProperty","process","env","NODE_ENV","propTypes","string","oneOfType","func","node","oneOf","bool","_supportsSpacingProps"],"sources":["../../../../src/components/form-label/FormLabel.js"],"sourcesContent":["/**\n * Web FormLabel Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContextInClassComponent,\n  isTrue,\n  validateDOMAttributes,\n  processChildren,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  createSkeletonClass,\n  skeletonDOMAttributes,\n} from '../skeleton/SkeletonHelper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport Context from '../../shared/Context'\n\nexport default class FormLabel extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    for_id: PropTypes.string,\n    element: PropTypes.string,\n    title: PropTypes.string,\n    text: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    size: PropTypes.oneOf(['basis', 'medium', 'large']),\n    id: PropTypes.string,\n    class: PropTypes.string,\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    label_direction: PropTypes.oneOf(['vertical', 'horizontal']),\n    vertical: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    for_id: null,\n    element: 'label',\n    title: null,\n    text: null,\n    size: null,\n    id: null,\n    class: null,\n    disabled: null,\n    skeleton: null,\n    label_direction: null,\n    vertical: null,\n    sr_only: null,\n\n    className: null,\n    children: null,\n  }\n\n  static getContent(props) {\n    if (props.text) return props.text\n    return processChildren(props)\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      FormLabel.defaultProps,\n      { skeleton: this.context?.skeleton },\n      // Deprecated – can be removed in v11\n      pickFormElementProps(this.context?.FormRow),\n      pickFormElementProps(this.context?.formElement),\n      this.context.FormLabel\n    )\n\n    const {\n      for_id,\n      element,\n      title,\n      className,\n      id,\n      disabled,\n      skeleton,\n      label_direction,\n      vertical,\n      sr_only,\n      class: _className,\n      text: _text, // eslint-disable-line\n      size,\n\n      ...attributes\n    } = props\n\n    const content = FormLabel.getContent(this.props)\n\n    const params = {\n      className: classnames(\n        'dnb-form-label',\n        (isTrue(vertical) || label_direction === 'vertical') &&\n          `dnb-form-label--vertical`,\n        isTrue(sr_only) && 'dnb-sr-only',\n        size && `dnb-h--${size}`,\n        createSkeletonClass('font', skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      htmlFor: for_id,\n      id,\n      title,\n      disabled: isTrue(disabled),\n      ...attributes,\n    }\n\n    if (disabled) {\n      params.disabled = true\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    params.children = content\n\n    const Element = element\n\n    // Use the font-swap feature dnb-skeleton--font\n    // if (isTrue(skeleton)) {\n    //   // skeletonDOMAttributes(attributes, skeleton, this.context)\n    //   return <AutoSize __element={Element} ref={this._ref} {...params} />\n    // }\n\n    return <Element {...params} />\n  }\n}\n\nFormLabel._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"FormLabel.js","names":["React","classnames","extendPropsWithContext","isTrue","validateDOMAttributes","createSpacingClasses","createSkeletonClass","skeletonDOMAttributes","pickFormElementProps","Context","FormLabel","localProps","context","useContext","props","skeleton","FormRow","formElement","forId","text","srOnly","vertical","size","element","Element","innerRef","className","children","for_id","sr_only","label_direction","attributes","_objectWithoutProperties","_excluded","params","_objectSpread","htmlFor","createElement","_supportsSpacingProps"],"sources":["../../../../src/components/form-label/FormLabel.tsx"],"sourcesContent":["/**\n * Web FormLabel Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContext,\n  isTrue,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  createSkeletonClass,\n  skeletonDOMAttributes,\n} from '../skeleton/SkeletonHelper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport Context from '../../shared/Context'\nimport {\n  DynamicElement,\n  DynamicElementParams,\n  SpacingProps,\n} from '../../shared/types'\n\nexport type FormLabelProps = {\n  forId?: string\n  element?: DynamicElement<HTMLLabelElement>\n  text?: React.ReactNode\n  size?: 'basis' | 'medium' | 'large'\n  id?: string\n  skeleton?: boolean\n  label?: React.ReactNode\n  vertical?: boolean\n  srOnly?: boolean\n  innerRef?: React.RefObject<HTMLElement>\n\n  /** Is not a part of HTMLLabelElement and not documented as of now */\n  disabled?: boolean\n\n  /** @deprecated use forId instead */\n  for_id?: string\n  /** @deprecated use srOnly instead */\n  sr_only?: boolean\n  /** @deprecated use labelDirection instead (was not documented before) */\n  label_direction?: 'vertical' | 'horizontal'\n}\n\nexport type FormLabelAllProps = FormLabelProps &\n  React.HTMLAttributes<HTMLLabelElement> &\n  SpacingProps\n\nexport default function FormLabel(localProps: FormLabelAllProps) {\n  const context = React.useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    null,\n    { skeleton: context?.skeleton },\n    pickFormElementProps(context?.FormRow), // Deprecated – can be removed in v11\n    pickFormElementProps(context?.formElement),\n    context?.FormLabel\n  )\n\n  const {\n    forId,\n    text,\n    srOnly,\n    vertical,\n    size,\n    skeleton,\n    element: Element = 'label',\n    innerRef,\n    className,\n    children,\n\n    /** @deprecated can be removed in v11 */\n    for_id,\n    sr_only,\n    label_direction,\n\n    ...attributes\n  } = props\n\n  const params = {\n    className: classnames(\n      'dnb-form-label',\n      (isTrue(vertical) || label_direction === 'vertical') &&\n        `dnb-form-label--vertical`,\n      (srOnly || isTrue(sr_only)) && 'dnb-sr-only',\n      size && `dnb-h--${size}`,\n      createSkeletonClass('font', skeleton, context),\n      createSpacingClasses(props),\n      className\n    ),\n    htmlFor: forId || for_id,\n    ...(attributes as DynamicElementParams),\n  }\n\n  params['ref'] = innerRef\n\n  skeletonDOMAttributes(params, skeleton, context)\n  validateDOMAttributes(localProps, params)\n\n  return <Element {...params}>{text || children}</Element>\n}\n\nFormLabel._supportsSpacingProps = true\n"],"mappings":";;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,sBAAsB,EACtBC,MAAM,EACNC,qBAAqB,QAChB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SACEC,mBAAmB,EACnBC,qBAAqB,QAChB,4BAA4B;AACnC,SAASC,oBAAoB,QAAQ,uCAAuC;AAC5E,OAAOC,OAAO,MAAM,sBAAsB;AAkC1C,eAAe,SAASC,SAASA,CAACC,UAA6B,EAAE;EAC/D,MAAMC,OAAO,GAAGZ,KAAK,CAACa,UAAU,CAACJ,OAAO,CAAC;EAGzC,MAAMK,KAAK,GAAGZ,sBAAsB,CAClCS,UAAU,EACV,IAAI,EACJ;IAAEI,QAAQ,EAAEH,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG;EAAS,CAAC,EAC/BP,oBAAoB,CAACI,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEI,OAAO,CAAC,EACtCR,oBAAoB,CAACI,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEK,WAAW,CAAC,EAC1CL,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,SACX,CAAC;EAED,MAAM;MACJQ,KAAK;MACLC,IAAI;MACJC,MAAM;MACNC,QAAQ;MACRC,IAAI;MACJP,QAAQ;MACRQ,OAAO,EAAEC,OAAO,GAAG,OAAO;MAC1BC,QAAQ;MACRC,SAAS;MACTC,QAAQ;MAGRC,MAAM;MACNC,OAAO;MACPC;IAGF,CAAC,GAAGhB,KAAK;IADJiB,UAAU,GAAAC,wBAAA,CACXlB,KAAK,EAAAmB,SAAA;EAET,MAAMC,MAAM,GAAAC,aAAA;IACVT,SAAS,EAAEzB,UAAU,CACnB,gBAAgB,EAChB,CAACE,MAAM,CAACkB,QAAQ,CAAC,IAAIS,eAAe,KAAK,UAAU,KAChD,0BAAyB,EAC5B,CAACV,MAAM,IAAIjB,MAAM,CAAC0B,OAAO,CAAC,KAAK,aAAa,EAE5CvB,mBAAmB,CAAC,MAAM,EAAES,QAAQ,EAAEH,OAAO,CAAC,EAC9CP,oBAAoB,CAACS,KAAK,CAAC,EAC3BY,SAAS,EAHTJ,IAAI,IAAK,UAASA,IAAK,EAIzB,CAAC;IACDc,OAAO,EAAElB,KAAK,IAAIU;EAAM,GACpBG,UAAU,CACf;EAEDG,MAAM,CAAC,KAAK,CAAC,GAAGT,QAAQ;EAExBlB,qBAAqB,CAAC2B,MAAM,EAAEnB,QAAQ,EAAEH,OAAO,CAAC;EAChDR,qBAAqB,CAACO,UAAU,EAAEuB,MAAM,CAAC;EAEzC,OAAOlC,KAAA,CAAAqC,aAAA,CAACb,OAAO,EAAKU,MAAM,EAAGf,IAAI,IAAIQ,QAAkB,CAAC;AAC1D;AAEAjB,SAAS,CAAC4B,qBAAqB,GAAG,IAAI"}

package/components/form-row/style/dnb-form-row.css

@@ -72,6 +72,5 @@
   margin: 0;
   padding: 0;
   border: none;
-  line-height: var(--font-size-basis--em);
   width: 100%;
 }

package/components/form-row/style/dnb-form-row.min.css

@@ -1 +1 @@
-.dnb-form-row{align-items:baseline}.dnb-form-row,.dnb-form-row.dnb-section{display:flex}.dnb-form-row__content{display:inline-flex;flex:1;width:100%}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content{align-items:baseline}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content .dnb-form-label{white-space:nowrap}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content--wrap{display:block}@media screen and (max-width:40em){.dnb-form-row:not(.dnb-form-row--vertical){align-items:flex-start;flex-direction:column}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-label{margin-bottom:.5rem}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content{flex-direction:column}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content>.dnb-form-label{margin-top:1rem}}@media screen and (min-width:40em){.dnb-form-row--centered.dnb-form-row:not(.dnb-form-row--vertical) .dnb-form-row__content{align-items:center}}.dnb-form-row--vertical>.dnb-form-row__label{margin-bottom:.5rem}.dnb-form-row--vertical-label,.dnb-form-row--vertical.dnb-form-row:not(.dnb-form-row--nested),.dnb-form-row--vertical>.dnb-form-row__content{flex-direction:column}.dnb-form-row>.dnb-form-status{margin:.5rem 0}.dnb-form-row>.dnb-form-row__label--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-form-row>.dnb-form-row__label--vertical~.dnb-form-row__content{grid-column:column1-start/column1-end}.dnb-form-row__label-dummy{margin:0}.dnb-core-style .dnb-form-row__fieldset,.dnb-form-row__fieldset{border:none;line-height:var(--font-size-basis--em);margin:0;padding:0;width:100%}
+.dnb-form-row{align-items:baseline}.dnb-form-row,.dnb-form-row.dnb-section{display:flex}.dnb-form-row__content{display:inline-flex;flex:1;width:100%}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content{align-items:baseline}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content .dnb-form-label{white-space:nowrap}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content--wrap{display:block}@media screen and (max-width:40em){.dnb-form-row:not(.dnb-form-row--vertical){align-items:flex-start;flex-direction:column}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-label{margin-bottom:.5rem}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content{flex-direction:column}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content>.dnb-form-label{margin-top:1rem}}@media screen and (min-width:40em){.dnb-form-row--centered.dnb-form-row:not(.dnb-form-row--vertical) .dnb-form-row__content{align-items:center}}.dnb-form-row--vertical>.dnb-form-row__label{margin-bottom:.5rem}.dnb-form-row--vertical-label,.dnb-form-row--vertical.dnb-form-row:not(.dnb-form-row--nested),.dnb-form-row--vertical>.dnb-form-row__content{flex-direction:column}.dnb-form-row>.dnb-form-status{margin:.5rem 0}.dnb-form-row>.dnb-form-row__label--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-form-row>.dnb-form-row__label--vertical~.dnb-form-row__content{grid-column:column1-start/column1-end}.dnb-form-row__label-dummy{margin:0}.dnb-core-style .dnb-form-row__fieldset,.dnb-form-row__fieldset{border:none;margin:0;padding:0;width:100%}

package/components/global-status/GlobalStatus.js

@@ -455,8 +455,9 @@ export default class GlobalStatus extends React.PureComponent {
     }, title !== false && React.createElement(Section, {
       element: "div",
       variant: state
-    }, React.createElement("p", {
-      className: "dnb-p dnb-global-status__title",
+    }, React.createElement("div", {
+      className: "dnb-global-status__title",
+      role: titleToRender !== null && titleToRender !== void 0 && titleToRender.type ? undefined : 'paragraph',
       lang: lang
     }, React.createElement("span", {
       className: "dnb-global-status__icon"

package/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","_ref","state","icon","icon_size","theme","IconToLoad","createElement","size","inherit_color","getDerivedStateFromProps","_items","items","globalStatus","combineMessages","constructor","_this","this","_defineProperty","isActive","isAnimating","keepContentVisible","show","delay","parseFloat","arguments","length","undefined","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","_ref2","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","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","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","_len","args","Array","_key","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            <p className=\"dnb-p dnb-global-status__title\" lang={lang}>\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            </p>\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","_ref","state","icon","icon_size","theme","IconToLoad","createElement","size","inherit_color","getDerivedStateFromProps","_items","items","globalStatus","combineMessages","constructor","_this","this","_defineProperty","isActive","isAnimating","keepContentVisible","show","delay","parseFloat","arguments","length","undefined","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","_ref2","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","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","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","_len","args","Array","_key","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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"}

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

@@ -38,14 +38,12 @@
   position: relative;
   cursor: text;
   min-height: 4.5rem;
-}
-.dnb-global-status__title.dnb-p {
   display: flex;
   align-items: center;
   padding: 1rem 5rem 1rem 2.5rem;
-  margin-bottom: 0.5rem;
+  font-size: var(--font-size-basis);
 }
-.dnb-spacing .dnb-global-status__title.dnb-p, .dnb-spacing .dnb-global-status__title.dnb-p:not([class*=dnb-space]) {
+.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 {

package/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{cursor:text;min-height:4.5rem;position:relative}.dnb-global-status__title.dnb-p{align-items:center;display:flex;margin-bottom:.5rem;padding:1rem 5rem 1rem 2.5rem}.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__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}

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

@@ -51,16 +51,15 @@
 
     min-height: 4.5rem;
 
-    &.dnb-p {
-      display: flex;
-      align-items: center;
+    display: flex;
+    align-items: center;
 
-      padding: 1rem 5rem 1rem 2.5rem;
-      margin-bottom: 0.5rem;
-    }
+    padding: 1rem 5rem 1rem 2.5rem;
+    font-size: var(--font-size-basis);
 
-    .dnb-spacing &.dnb-p,
-    .dnb-spacing &.dnb-p:not([class*='dnb-space']) {
+    .dnb-p,
+    .dnb-spacing & .dnb-p,
+    .dnb-spacing & .dnb-p:not([class*='dnb-space']) {
       margin: 0;
     }
   }
@@ -74,8 +73,8 @@
       flex-direction: column;
 
       padding: 0.5rem 0 2.5rem 2.5rem;
-
-      & .dnb-p,
+      // stylelint-disable-next-line no-descending-specificity
+      .dnb-p,
       .dnb-spacing & .dnb-p,
       .dnb-spacing & .dnb-p:not([class*='dnb-space']) {
         display: inline-block;

package/components/grid/Grid.d.ts

@@ -1 +1,2 @@
-export * as default from './';
+import * as _default from './';
+export { _default as default };

package/components/grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","names":["_default","default"],"sources":["../../../../src/components/grid/Grid.ts"],"sourcesContent":["export * as default from './'\n"],"mappings":"0BAAyB,IAAI;AAAA,SAAAA,QAAA,IAAjBC,OAAO"}
+{"version":3,"file":"Grid.js","names":["_default","default"],"sources":["../../../../src/components/grid/Grid.ts"],"sourcesContent":["// For TypeScript compatibility we import and export it this way\nimport * as _default from './'\nexport { _default as default }\n"],"mappings":"AACA,OAAO,KAAKA,QAAQ,MAAM,IAAI;AAC9B,SAASA,QAAQ,IAAIC,OAAO"}

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

@@ -18,8 +18,7 @@
   --input-height--small: 1.5rem;
   --input-height--medium: 2.5rem;
   --input-height--large: 3rem;
-  --input-border-width: 0.0625rem;
-  --input-border-radius: 0.25rem;
+  --input-background-color: var(--color-white);
   display: inline-flex;
   align-items: center;
   font-size: var(--input-font-small);
@@ -86,6 +85,9 @@
 .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;

package/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-border-width:0.0625rem;--input-border-radius:0.25rem;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__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__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}}

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

@@ -18,8 +18,7 @@
   --input-height--small: 1.5rem;
   --input-height--medium: 2.5rem;
   --input-height--large: 3rem;
-  --input-border-width: 0.0625rem;
-  --input-border-radius: 0.25rem;
+  --input-background-color: var(--color-white);
 
   display: inline-flex;
   align-items: center;
@@ -119,6 +118,14 @@
     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;

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

@@ -20,7 +20,7 @@
   --input-border-color--focus: var(--focus-ring-color);
 }
 .dnb-input__shell {
-  background-color: var(--color-white);
+  background-color: var(--input-background-color);
   transition: border-radius 0.25s ease-out;
   border: none;
   color: var(--input-color);

package/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(--color-white);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){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)}

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

@@ -24,7 +24,7 @@
   --input-border-color--focus: var(--focus-ring-color);
 
   &__shell {
-    background-color: var(--color-white);
+    background-color: var(--input-background-color);
     transition: border-radius 0.25s ease-out;
     border: none;
     color: var(--input-color);

package/components/input/style/themes/dnb-input-theme-ui.css

@@ -6,6 +6,13 @@
  * Utilities
  */
 .dnb-input {
+  --input-border-color: var(--color-sea-green);
+  --input-border-color--hover: var(--color-sea-green);
+  --input-border-color--focus: var(--color-emerald-green);
+  --input-border-color--disabled: var(--color-black-55);
+  --input-border-radius: 0.25rem;
+  --input-border-width: 0.0625rem;
+  --input-border-width--focus: 0.125rem;
   color: var(--color-black);
 }
 .dnb-input__inner {
@@ -13,9 +20,9 @@
 }
 .dnb-input__shell {
   color: inherit;
-  background-color: var(--color-white);
+  background-color: var(--input-background-color);
   border: none;
-  --border-color: var(--color-sea-green);
+  --border-color: var(--input-border-color);
   --border-width: var(--input-border-width);
   box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
   border-color: transparent;
@@ -25,7 +32,7 @@
 }
 .dnb-input[data-input-state=disabled] .dnb-input__shell {
   -webkit-text-fill-color: currentcolor;
-  --border-color: var(--color-black-55);
+  --border-color: var(--input-border-color--disabled);
   --border-width: var(--input-border-width);
   box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
   border-color: transparent;
@@ -36,14 +43,14 @@
   color: var(--color-black-55);
 }
 .dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover, .dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell {
-  --border-color: var(--color-sea-green);
-  --border-width: 0.125rem;
+  --border-color: var(--input-border-color--hover);
+  --border-width: var(--input-border-width--focus);
   box-shadow: 0 0 0 var(--border-width) var(--border-color);
   border-color: transparent;
 }
 .dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell {
-  --border-color: var(--color-emerald-green);
-  --border-width: 0.125rem;
+  --border-color: var(--input-border-color--focus);
+  --border-width: var(--input-border-width--focus);
   box-shadow: 0 0 0 var(--border-width) var(--border-color);
   border-color: transparent;
 }
@@ -58,7 +65,7 @@
 }
 .dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell, .dnb-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover, .dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell {
   --border-color: var(--color-fire-red);
-  --border-width: 0.125rem;
+  --border-width: var(--input-border-width--focus);
   box-shadow: 0 0 0 var(--border-width) var(--border-color);
   border-color: transparent;
 }