@dnb/eufemia 10.75.4 → 10.76.0

package/es/components/date-picker/DatePickerPortal.d.ts

@@ -5,5 +5,5 @@ type DatePickerPortalProps = React.HTMLProps<HTMLDivElement> & {
     alignment?: DatePickerProps['alignPicker'];
     targetElementRef?: React.RefObject<HTMLElement>;
 };
-export default function DatePickerPortal({ skipPortal, alignment, targetElementRef, children, }: DatePickerPortalProps): React.ReactNode;
+export default function DatePickerPortal({ skipPortal, alignment, targetElementRef, children, }: DatePickerPortalProps): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode>;
 export {};

package/es/components/date-picker/DatePickerPortal.js

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useCallback, useEffect, useLayoutEffect, useState } from 'react';
-import ReactDOM from 'react-dom';
+import PortalRoot from '../PortalRoot';
 import { debounce } from '../../shared/helpers';
 export default function DatePickerPortal({
   skipPortal,
@@ -14,7 +14,7 @@ export default function DatePickerPortal({
     if (targetElementRef.current) {
       setPosition(getPosition(targetElementRef.current, alignment));
     }
-  }, []);
+  }, [alignment, targetElementRef]);
   const setPositionDebounce = useCallback(() => {
     const debounced = debounce(() => {
       if (targetElementRef.current) {
@@ -35,10 +35,10 @@ export default function DatePickerPortal({
       }
     };
   }, [setPositionDebounce, skipPortal]);
-  return position && (!skipPortal ? ReactDOM.createPortal(React.createElement("div", {
+  return position && (!skipPortal ? React.createElement(PortalRoot, null, React.createElement("div", {
     className: "dnb-date-picker__portal",
     style: position
-  }, children), document.body) : children);
+  }, children)) : children);
 }
 function getPosition(targetElement, alignment) {
   const rect = targetElement === null || targetElement === void 0 ? void 0 : targetElement.getBoundingClientRect();

package/es/components/date-picker/DatePickerPortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerPortal.js","names":["React","useCallback","useEffect","useLayoutEffect","useState","ReactDOM","debounce","DatePickerPortal","skipPortal","alignment","targetElementRef","children","position","setPosition","current","getPosition","setPositionDebounce","debounced","window","addEventListener","removeEventListener","createPortal","createElement","className","style","document","body","targetElement","rect","getBoundingClientRect","scrollY","scrollX","top","left","width"],"sources":["../../../../src/components/date-picker/DatePickerPortal.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useState,\n} from 'react'\nimport ReactDOM from 'react-dom'\nimport { DatePickerProps } from './DatePicker'\nimport { debounce } from '../../shared/helpers'\n\ntype DatePickerPortalProps = React.HTMLProps<HTMLDivElement> & {\n  skipPortal?: DatePickerProps['skipPortal']\n  alignment?: DatePickerProps['alignPicker']\n  targetElementRef?: React.RefObject<HTMLElement>\n}\n\nexport default function DatePickerPortal({\n  skipPortal,\n  alignment,\n  targetElementRef,\n  children,\n}: DatePickerPortalProps) {\n  const [position, setPosition] = useState({})\n\n  useLayoutEffect(() => {\n    if (targetElementRef.current) {\n      setPosition(getPosition(targetElementRef.current, alignment))\n    }\n  }, [])\n\n  const setPositionDebounce = useCallback(() => {\n    const debounced = debounce(() => {\n      if (targetElementRef.current) {\n        setPosition(getPosition(targetElementRef.current, alignment))\n      }\n    }, 200)\n\n    debounced()\n  }, [alignment, targetElementRef])\n\n  useEffect(() => {\n    if (!skipPortal) {\n      window.addEventListener('resize', setPositionDebounce)\n      window.addEventListener('scroll', setPositionDebounce)\n    }\n\n    return () => {\n      if (!skipPortal) {\n        window.removeEventListener('resize', setPositionDebounce)\n        window.removeEventListener('scroll', setPositionDebounce)\n      }\n    }\n  }, [setPositionDebounce, skipPortal])\n\n  return (\n    position &&\n    (!skipPortal\n      ? ReactDOM.createPortal(\n          <div className=\"dnb-date-picker__portal\" style={position}>\n            {children}\n          </div>,\n          document.body\n        )\n      : children)\n  )\n}\n\nfunction getPosition(\n  targetElement: HTMLElement,\n  alignment: DatePickerPortalProps['alignment']\n) {\n  const rect = targetElement?.getBoundingClientRect()\n\n  const scrollY = window.scrollY\n  const scrollX = window.scrollX\n\n  return {\n    top: `${rect.top + scrollY}px`,\n    left: `${\n      alignment === 'right'\n        ? rect.left + rect.width + scrollX\n        : rect.left + scrollX\n    }px`,\n  }\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IACVC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,QAAQ,QACH,OAAO;AACd,OAAOC,QAAQ,MAAM,WAAW;AAEhC,SAASC,QAAQ,QAAQ,sBAAsB;AAQ/C,eAAe,SAASC,gBAAgBA,CAAC;EACvCC,UAAU;EACVC,SAAS;EACTC,gBAAgB;EAChBC;AACqB,CAAC,EAAE;EACxB,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGT,QAAQ,CAAC,CAAC,CAAC,CAAC;EAE5CD,eAAe,CAAC,MAAM;IACpB,IAAIO,gBAAgB,CAACI,OAAO,EAAE;MAC5BD,WAAW,CAACE,WAAW,CAACL,gBAAgB,CAACI,OAAO,EAAEL,SAAS,CAAC,CAAC;IAC/D;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,mBAAmB,GAAGf,WAAW,CAAC,MAAM;IAC5C,MAAMgB,SAAS,GAAGX,QAAQ,CAAC,MAAM;MAC/B,IAAII,gBAAgB,CAACI,OAAO,EAAE;QAC5BD,WAAW,CAACE,WAAW,CAACL,gBAAgB,CAACI,OAAO,EAAEL,SAAS,CAAC,CAAC;MAC/D;IACF,CAAC,EAAE,GAAG,CAAC;IAEPQ,SAAS,CAAC,CAAC;EACb,CAAC,EAAE,CAACR,SAAS,EAAEC,gBAAgB,CAAC,CAAC;EAEjCR,SAAS,CAAC,MAAM;IACd,IAAI,CAACM,UAAU,EAAE;MACfU,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEH,mBAAmB,CAAC;MACtDE,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEH,mBAAmB,CAAC;IACxD;IAEA,OAAO,MAAM;MACX,IAAI,CAACR,UAAU,EAAE;QACfU,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEJ,mBAAmB,CAAC;QACzDE,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEJ,mBAAmB,CAAC;MAC3D;IACF,CAAC;EACH,CAAC,EAAE,CAACA,mBAAmB,EAAER,UAAU,CAAC,CAAC;EAErC,OACEI,QAAQ,KACP,CAACJ,UAAU,GACRH,QAAQ,CAACgB,YAAY,CACnBrB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAC,yBAAyB;IAACC,KAAK,EAAEZ;EAAS,GACtDD,QACE,CAAC,EACNc,QAAQ,CAACC,IACX,CAAC,GACDf,QAAQ,CAAC;AAEjB;AAEA,SAASI,WAAWA,CAClBY,aAA0B,EAC1BlB,SAA6C,EAC7C;EACA,MAAMmB,IAAI,GAAGD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEE,qBAAqB,CAAC,CAAC;EAEnD,MAAMC,OAAO,GAAGZ,MAAM,CAACY,OAAO;EAC9B,MAAMC,OAAO,GAAGb,MAAM,CAACa,OAAO;EAE9B,OAAO;IACLC,GAAG,EAAE,GAAGJ,IAAI,CAACI,GAAG,GAAGF,OAAO,IAAI;IAC9BG,IAAI,EAAE,GACJxB,SAAS,KAAK,OAAO,GACjBmB,IAAI,CAACK,IAAI,GAAGL,IAAI,CAACM,KAAK,GAAGH,OAAO,GAChCH,IAAI,CAACK,IAAI,GAAGF,OAAO;EAE3B,CAAC;AACH","ignoreList":[]}
+{"version":3,"file":"DatePickerPortal.js","names":["React","useCallback","useEffect","useLayoutEffect","useState","PortalRoot","debounce","DatePickerPortal","skipPortal","alignment","targetElementRef","children","position","setPosition","current","getPosition","setPositionDebounce","debounced","window","addEventListener","removeEventListener","createElement","className","style","targetElement","rect","getBoundingClientRect","scrollY","scrollX","top","left","width"],"sources":["../../../../src/components/date-picker/DatePickerPortal.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useState,\n} from 'react'\nimport { DatePickerProps } from './DatePicker'\nimport PortalRoot from '../PortalRoot'\nimport { debounce } from '../../shared/helpers'\n\ntype DatePickerPortalProps = React.HTMLProps<HTMLDivElement> & {\n  skipPortal?: DatePickerProps['skipPortal']\n  alignment?: DatePickerProps['alignPicker']\n  targetElementRef?: React.RefObject<HTMLElement>\n}\n\nexport default function DatePickerPortal({\n  skipPortal,\n  alignment,\n  targetElementRef,\n  children,\n}: DatePickerPortalProps) {\n  const [position, setPosition] = useState({})\n\n  useLayoutEffect(() => {\n    if (targetElementRef.current) {\n      setPosition(getPosition(targetElementRef.current, alignment))\n    }\n  }, [alignment, targetElementRef])\n\n  const setPositionDebounce = useCallback(() => {\n    const debounced = debounce(() => {\n      if (targetElementRef.current) {\n        setPosition(getPosition(targetElementRef.current, alignment))\n      }\n    }, 200)\n\n    debounced()\n  }, [alignment, targetElementRef])\n\n  useEffect(() => {\n    if (!skipPortal) {\n      window.addEventListener('resize', setPositionDebounce)\n      window.addEventListener('scroll', setPositionDebounce)\n    }\n\n    return () => {\n      if (!skipPortal) {\n        window.removeEventListener('resize', setPositionDebounce)\n        window.removeEventListener('scroll', setPositionDebounce)\n      }\n    }\n  }, [setPositionDebounce, skipPortal])\n\n  return (\n    position &&\n    (!skipPortal ? (\n      <PortalRoot>\n        <div className=\"dnb-date-picker__portal\" style={position}>\n          {children}\n        </div>\n      </PortalRoot>\n    ) : (\n      children\n    ))\n  )\n}\n\nfunction getPosition(\n  targetElement: HTMLElement,\n  alignment: DatePickerPortalProps['alignment']\n) {\n  const rect = targetElement?.getBoundingClientRect()\n\n  const scrollY = window.scrollY\n  const scrollX = window.scrollX\n\n  return {\n    top: `${rect.top + scrollY}px`,\n    left: `${\n      alignment === 'right'\n        ? rect.left + rect.width + scrollX\n        : rect.left + scrollX\n    }px`,\n  }\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IACVC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,QAAQ,QACH,OAAO;AAEd,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,QAAQ,QAAQ,sBAAsB;AAQ/C,eAAe,SAASC,gBAAgBA,CAAC;EACvCC,UAAU;EACVC,SAAS;EACTC,gBAAgB;EAChBC;AACqB,CAAC,EAAE;EACxB,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGT,QAAQ,CAAC,CAAC,CAAC,CAAC;EAE5CD,eAAe,CAAC,MAAM;IACpB,IAAIO,gBAAgB,CAACI,OAAO,EAAE;MAC5BD,WAAW,CAACE,WAAW,CAACL,gBAAgB,CAACI,OAAO,EAAEL,SAAS,CAAC,CAAC;IAC/D;EACF,CAAC,EAAE,CAACA,SAAS,EAAEC,gBAAgB,CAAC,CAAC;EAEjC,MAAMM,mBAAmB,GAAGf,WAAW,CAAC,MAAM;IAC5C,MAAMgB,SAAS,GAAGX,QAAQ,CAAC,MAAM;MAC/B,IAAII,gBAAgB,CAACI,OAAO,EAAE;QAC5BD,WAAW,CAACE,WAAW,CAACL,gBAAgB,CAACI,OAAO,EAAEL,SAAS,CAAC,CAAC;MAC/D;IACF,CAAC,EAAE,GAAG,CAAC;IAEPQ,SAAS,CAAC,CAAC;EACb,CAAC,EAAE,CAACR,SAAS,EAAEC,gBAAgB,CAAC,CAAC;EAEjCR,SAAS,CAAC,MAAM;IACd,IAAI,CAACM,UAAU,EAAE;MACfU,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEH,mBAAmB,CAAC;MACtDE,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEH,mBAAmB,CAAC;IACxD;IAEA,OAAO,MAAM;MACX,IAAI,CAACR,UAAU,EAAE;QACfU,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEJ,mBAAmB,CAAC;QACzDE,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEJ,mBAAmB,CAAC;MAC3D;IACF,CAAC;EACH,CAAC,EAAE,CAACA,mBAAmB,EAAER,UAAU,CAAC,CAAC;EAErC,OACEI,QAAQ,KACP,CAACJ,UAAU,GACVR,KAAA,CAAAqB,aAAA,CAAChB,UAAU,QACTL,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAC,yBAAyB;IAACC,KAAK,EAAEX;EAAS,GACtDD,QACE,CACK,CAAC,GAEbA,QACD,CAAC;AAEN;AAEA,SAASI,WAAWA,CAClBS,aAA0B,EAC1Bf,SAA6C,EAC7C;EACA,MAAMgB,IAAI,GAAGD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEE,qBAAqB,CAAC,CAAC;EAEnD,MAAMC,OAAO,GAAGT,MAAM,CAACS,OAAO;EAC9B,MAAMC,OAAO,GAAGV,MAAM,CAACU,OAAO;EAE9B,OAAO;IACLC,GAAG,EAAE,GAAGJ,IAAI,CAACI,GAAG,GAAGF,OAAO,IAAI;IAC9BG,IAAI,EAAE,GACJrB,SAAS,KAAK,OAAO,GACjBgB,IAAI,CAACK,IAAI,GAAGL,IAAI,CAACM,KAAK,GAAGH,OAAO,GAChCH,IAAI,CAACK,IAAI,GAAGF,OAAO;EAE3B,CAAC;AACH","ignoreList":[]}

package/es/components/form-status/FormStatus.js

@@ -403,7 +403,7 @@ export const InfoIcon = props => {
     title = 'info'
   } = props || {};
   const isSbankenTheme = ((_useTheme3 = useTheme()) === null || _useTheme3 === void 0 ? void 0 : _useTheme3.name) === 'sbanken';
-  let fill = isSbankenTheme ? properties.sbanken['--sb-color-violet-light'] : properties.ui['--color-sea-green'];
+  let fill = isSbankenTheme ? properties.sbanken['--sb-color-green-dark-2'] : properties.ui['--color-sea-green'];
   if (props && (props === null || props === void 0 ? void 0 : props.state) === 'success') {
     fill = isSbankenTheme ? properties.sbanken['--sb-color-green-dark-3'] : properties.ui['--color-summer-green'];
   }

package/es/components/form-status/FormStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormStatus.js","names":["React","PropTypes","classnames","useTheme","Context","isTrue","makeUniqueId","validateDOMAttributes","processChildren","extendPropsWithContextInClassComponent","HeightAnimation","spacingPropTypes","createSpacingClasses","Icon","GlobalStatusProvider","skeletonDOMAttributes","createSkeletonClass","pickFormElementProps","ui","sbanken","properties","FormStatus","PureComponent","getContent","props","text","correctStatus","state","getIcon","icon","icon_size","IconToLoad","InfoIcon","WarnIcon","MarketingIcon","ErrorIcon","createElement","title","size","inherit_color","getDerivedStateFromProps","_id","id","constructor","context","_props$globalStatus","_context$FormStatus","_context$FormStatus$g","_context$FormRow","_context$FormRow$glob","_context$formElement","_context$formElement$","_defineProperty","_isMounted","_globalStatus","isReady","updateWidth","fillCache","_ref","current","width_element","width_selector","setMaxWidthToElement","element","widthElement","widthSelector","init","globalStatus","FormRow","formElement","provider","isReadyToGetVisible","children","label","getProps","add","_objectSpread","status_id","getStatusId","item","item_id","message","status_anchor_label","status_anchor_url","createRef","componentDidMount","document","readyState","window","addEventListener","shouldAnimate","content","contentCache","stateCache","componentWillUnmount","remove","removeEventListener","componentDidUpdate","prevProps","_prevProps$globalStat","show","update","preventRestack","defaultProps","skeleton","no_animation","render","rawState","variant","className","stretch","shellSpace","text_id","role","rest","_objectWithoutProperties","_excluded","iconToRender","contentToRender","hasStringContent","length","params","String","startsWith","textParams","shellParams","space","_extends","open","animate","duration","innerRef","attributes","process","env","NODE_ENV","propTypes","string","oneOfType","bool","func","node","oneOf","shape","object","_useTheme","isSbankenTheme","name","fill","line","width","height","viewBox","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","_useTheme2","_useTheme3","fillRule","clipRule","cx","cy","r","_useTheme4","xmlns","getAttribute","replace","sumElementWidth","maxWidth","remWidth","style","getComputedStyle","hasCustomWidth","minWidth","e","ids","split","reduce","acc","cur","elem","querySelector","getElementById","offsetWidth","test","parseFloat","_supportsSpacingProps"],"sources":["../../../../src/components/form-status/FormStatus.js"],"sourcesContent":["/**\n * Web FormStatus Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { useTheme, Context } from '../../shared'\nimport {\n  isTrue,\n  makeUniqueId,\n  validateDOMAttributes,\n  processChildren,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport Icon from '../icon/Icon'\nimport GlobalStatusProvider from '../global-status/GlobalStatusProvider'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport ui from '../../style/themes/theme-ui/properties'\nimport sbanken from '../../style/themes/theme-sbanken/properties'\n\nconst properties = { ui, sbanken }\n\nexport default class FormStatus extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    id: PropTypes.string,\n    title: PropTypes.string,\n    show: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    text: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label: PropTypes.node,\n    icon: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    icon_size: PropTypes.string,\n    state: PropTypes.oneOfType([\n      PropTypes.bool,\n      PropTypes.string,\n      PropTypes.oneOf(['error', 'warn', 'info', 'marketing']),\n    ]),\n    variant: PropTypes.oneOf(['flat', 'outlined']),\n    size: PropTypes.oneOf(['default', 'large']),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n    text_id: PropTypes.string,\n    width_selector: PropTypes.string,\n    width_element: PropTypes.object,\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    role: PropTypes.string,\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    id: null,\n    title: null,\n    show: true,\n    text: null,\n    globalStatus: null,\n    label: null,\n    icon: 'error',\n    icon_size: 'medium',\n    size: 'default',\n    variant: null,\n    state: 'error',\n    attributes: null,\n    text_id: null,\n    width_selector: null,\n    width_element: null,\n    no_animation: null,\n    skeleton: null,\n    stretch: null,\n    role: null,\n    className: null,\n    children: null,\n  }\n\n  static getContent(props) {\n    if (props.text) {\n      if (isTrue(props.text)) {\n        return null\n      }\n      return props.text\n    }\n    return processChildren(props)\n  }\n\n  static correctStatus(state) {\n    switch (state) {\n      case 'information':\n        state = 'info'\n        break\n      case 'warning':\n        state = 'warn'\n        break\n    }\n    return state\n  }\n\n  static getIcon({ state, icon, icon_size }) {\n    if (typeof icon !== 'string') {\n      return icon\n    }\n\n    let IconToLoad = icon\n\n    switch (FormStatus.correctStatus(state)) {\n      case 'info':\n      case 'success':\n        IconToLoad = InfoIcon\n        break\n      case 'warn':\n        IconToLoad = WarnIcon\n        break\n      case 'marketing':\n        IconToLoad = MarketingIcon\n        break\n      case 'error':\n      default:\n        IconToLoad = ErrorIcon\n    }\n\n    return (\n      <Icon\n        icon={<IconToLoad title={null} state={state} />}\n        size={icon_size}\n        inherit_color={false}\n      />\n    )\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._id !== props.id && props.id) {\n      state.id = props.id\n    }\n\n    state._id = props.id\n\n    return state\n  }\n\n  state = { id: null }\n\n  constructor(props, context) {\n    super(props)\n\n    // we do not use a random ID here, as we don't need it for now\n    this.state.id = props.id || makeUniqueId()\n\n    this._globalStatus = GlobalStatusProvider.init(\n      props?.globalStatus?.id ||\n        context?.FormStatus?.globalStatus?.id ||\n        context?.FormRow?.globalStatus?.id || // Deprecated – can be removed in v11\n        context?.formElement?.globalStatus?.id ||\n        'main',\n      (provider) => {\n        // gets called once ready\n        if (this.props.state === 'error' && this.isReadyToGetVisible()) {\n          const { state, text, children, globalStatus, label } =\n            this.getProps(context)\n          provider.add({\n            state,\n            status_id: this.getStatusId(),\n            item: {\n              item_id: this.state.id,\n              text: globalStatus?.message || text || children,\n              status_anchor_label: label,\n              status_anchor_url: true,\n            },\n            ...globalStatus,\n          })\n        }\n      }\n    )\n\n    this._ref = React.createRef()\n  }\n\n  init = () => {\n    if (this._isMounted) {\n      this._globalStatus.isReady()\n\n      this.updateWidth()\n      this.fillCache()\n    }\n  }\n\n  componentDidMount() {\n    this._isMounted = true\n    if (document.readyState === 'complete') {\n      this.init()\n    } else if (typeof window !== 'undefined') {\n      window.addEventListener('load', this.init)\n    }\n    if (typeof window !== 'undefined') {\n      window.addEventListener('resize', this.updateWidth)\n    }\n  }\n\n  fillCache() {\n    const shouldAnimate = this.shouldAnimate()\n\n    // Content\n    const content = shouldAnimate && FormStatus.getContent(this.props)\n    if (content && content !== this.contentCache) {\n      this.contentCache = content\n    }\n\n    // State\n    const state =\n      shouldAnimate && FormStatus.correctStatus(this.props.state)\n    if (state) {\n      this.stateCache = state\n    }\n  }\n\n  componentWillUnmount() {\n    this._isMounted = false\n    const status_id = this.getStatusId()\n    this._globalStatus.remove(status_id)\n    if (typeof window !== 'undefined') {\n      window.removeEventListener('load', this.init)\n      window.removeEventListener('resize', this.updateWidth)\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    const { state, show, text, globalStatus, children, label } =\n      this.getProps()\n\n    if (\n      prevProps.text !== text ||\n      prevProps.children !== children ||\n      prevProps.show !== show ||\n      prevProps.globalStatus?.show !== globalStatus?.show ||\n      prevProps.state !== state\n    ) {\n      this.fillCache()\n\n      if (state === 'error') {\n        const status_id = this.getStatusId()\n\n        if (isTrue(show)) {\n          this._globalStatus.update(\n            status_id,\n            {\n              state,\n              status_id,\n              item: {\n                item_id: this.state.id,\n                text: globalStatus?.message || text || children,\n                status_anchor_label: label,\n                status_anchor_url: true,\n              },\n              ...globalStatus,\n            },\n            {\n              preventRestack: true, // because of the internal \"close\"\n            }\n          )\n        } else if (!FormStatus.getContent(this.props)) {\n          const status_id = this.getStatusId()\n          this._globalStatus.remove(status_id)\n        }\n      }\n\n      if (this.isReadyToGetVisible()) {\n        this.updateWidth()\n      }\n    }\n  }\n\n  getProps(context = this.context) {\n    return extendPropsWithContextInClassComponent(\n      this.props,\n      FormStatus.defaultProps,\n      { skeleton: context?.skeleton },\n      // Deprecated – can be removed in v11\n      pickFormElementProps(context?.FormRow),\n      pickFormElementProps(context?.formElement),\n      context?.FormStatus\n    )\n  }\n\n  getStatusId() {\n    return `${this.state.id}-gs`\n  }\n\n  updateWidth = () => {\n    // set max-width to this form-status, using the \"linked mother\"\n    if (this._ref.current) {\n      const { width_element, width_selector } = this.props\n      setMaxWidthToElement({\n        element: this._ref.current,\n        widthElement: width_element && width_element.current,\n        widthSelector: width_selector,\n      })\n    }\n  }\n\n  shouldAnimate() {\n    return this.props.no_animation === false\n  }\n\n  isReadyToGetVisible(props = this.props) {\n    return isTrue(props.show) && FormStatus.getContent(props)\n      ? true\n      : false\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = this.getProps()\n\n    const {\n      title,\n      state: rawState,\n      size,\n      variant,\n      className,\n      stretch,\n      shellSpace,\n      text_id,\n\n      show, // eslint-disable-line\n      no_animation, // eslint-disable-line\n      label, // eslint-disable-line\n      status_id, // eslint-disable-line\n      globalStatus, // eslint-disable-line\n      id, // eslint-disable-line\n      text, // eslint-disable-line\n      icon, // eslint-disable-line\n      icon_size, // eslint-disable-line\n      skeleton, // eslint-disable-line\n      children, // eslint-disable-line\n      role,\n\n      ...rest\n    } = props\n\n    const state = FormStatus.correctStatus(rawState) || this.stateCache\n    const iconToRender = FormStatus.getIcon({\n      state,\n      icon,\n      icon_size,\n    })\n\n    const contentToRender = FormStatus.getContent(this.props)\n\n    const hasStringContent =\n      typeof contentToRender === 'string' && contentToRender.length > 0\n\n    const params = {\n      className: classnames(\n        'dnb-form-status',\n        state && `dnb-form-status--${state}`,\n        `dnb-form-status__size--${size}`,\n        variant && `dnb-form-status__variant--${variant}`,\n        stretch && 'dnb-form-status--stretch',\n        hasStringContent ? 'dnb-form-status--has-content' : null,\n        createSpacingClasses(props),\n        className\n      ),\n      id: !String(id).startsWith('null') ? this.state.id : null,\n      title,\n      role,\n      ...rest,\n    }\n\n    if (!role) {\n      switch (state) {\n        case 'info':\n          params.role = 'status'\n          break\n        default:\n          params.role = 'alert'\n      }\n    }\n\n    const textParams = {\n      className: classnames(\n        'dnb-form-status__text',\n        createSkeletonClass('font', skeleton, this.context)\n      ),\n      id: !String(text_id).startsWith('null') ? text_id : null,\n    }\n\n    const shellParams = {\n      className: classnames(\n        'dnb-form-status__shell',\n        createSpacingClasses({ space: shellSpace })\n      ),\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n    validateDOMAttributes(null, textParams)\n\n    return (\n      <HeightAnimation\n        element=\"span\"\n        open={this.isReadyToGetVisible()}\n        animate={this.shouldAnimate()}\n        duration={600}\n        {...params}\n        innerRef={this._ref}\n      >\n        <span {...shellParams}>\n          {iconToRender}\n          <span {...textParams}>\n            {contentToRender || this.contentCache}\n          </span>\n        </span>\n      </HeightAnimation>\n    )\n  }\n}\n\nexport const ErrorIcon = (props) => {\n  const { title = 'error' } = props || {}\n  const isSbankenTheme = useTheme()?.name === 'sbanken'\n  const fill = isSbankenTheme\n    ? properties.sbanken['--sb-color-magenta']\n    : properties.ui['--color-fire-red']\n  const line = isSbankenTheme\n    ? properties.sbanken['--sb-color-magenta-light-2']\n    : properties.ui['--color-white']\n\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <title>{title}</title>\n      <path\n        d=\"M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z\"\n        fill={fill}\n      />\n      <path\n        d=\"M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z\"\n        fill={line}\n      />\n      <path\n        d=\"M12 13.818v-5\"\n        stroke={line}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\nErrorIcon.propTypes = {\n  title: PropTypes.string,\n}\n\nexport const WarnIcon = (props) => {\n  const { title = 'error' } = props || {}\n  const isSbankenTheme = useTheme()?.name === 'sbanken'\n  const fill = isSbankenTheme\n    ? properties.sbanken['--sb-color-yellow-dark']\n    : properties.ui['--color-accent-yellow']\n  const line = isSbankenTheme\n    ? properties.sbanken['--sb-color-black']\n    : properties.ui['--color-black-80']\n\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <title>{title}</title>\n      <path\n        d=\"M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z\"\n        fill={fill}\n      />\n      <path\n        d=\"M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z\"\n        fill={line}\n      />\n      <path\n        d=\"M12 13.818v-5\"\n        stroke={line}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\nWarnIcon.propTypes = {\n  title: PropTypes.string,\n}\n\nexport const InfoIcon = (props) => {\n  const { title = 'info' } = props || {}\n  const isSbankenTheme = useTheme()?.name === 'sbanken'\n  let fill = isSbankenTheme\n    ? properties.sbanken['--sb-color-violet-light']\n    : properties.ui['--color-sea-green']\n  if (props && props?.state === 'success') {\n    fill = isSbankenTheme\n      ? properties.sbanken['--sb-color-green-dark-3']\n      : properties.ui['--color-summer-green']\n  }\n\n  const line = isSbankenTheme\n    ? properties.sbanken['--sb-color-green-light-2']\n    : properties.ui['--color-white']\n\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <title>{title}</title>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.268 0a11.25 11.25 0 105.566 21.017l6.112 2.91a.75.75 0 001-1l-2.911-6.112A11.234 11.234 0 0011.268 0z\"\n        fill={fill}\n      />\n      <circle cx=\"11\" cy=\"6.5\" r=\".5\" fill=\"#fff\" stroke={line} />\n      <path\n        d=\"M13.75 16H13a1.5 1.5 0 01-1.5-1.5v-3.75a.75.75 0 00-.75-.75H10\"\n        stroke={line}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\nInfoIcon.propTypes = {\n  title: PropTypes.string,\n}\n\nexport const MarketingIcon = (props) => {\n  const { title = 'marketing' } = props || {}\n  const isSbankenTheme = useTheme()?.name === 'sbanken'\n  const fill = isSbankenTheme\n    ? properties.sbanken['--sb-color-violet-light']\n    : properties.ui['--color-black-80']\n\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <title>{title}</title>\n      <path\n        d=\"M6 15.25H4.5c-2.042 0-3.75-1.707-3.75-3.75S2.458 7.75 4.5 7.75H6v7.5ZM7.5 15.25c4.801 0 8.846 1.897 12.75 4.5V3.25c-3.904 2.603-7.949 4.5-12.75 4.5v7.5ZM23.25 10a.75.75 0 0 0-1.5 0h1.5Zm-1.5 3a.75.75 0 0 0 1.5 0h-1.5ZM8.483 21.043a.75.75 0 1 0 1.034-1.086l-1.034 1.086ZM21.75 10v3h1.5v-3h-1.5ZM6 15.25a8.058 8.058 0 0 0 2.483 5.793l1.034-1.086A6.559 6.559 0 0 1 7.5 15.25H6Z\"\n        fill={fill}\n      />\n    </svg>\n  )\n}\nMarketingIcon.propTypes = {\n  title: PropTypes.string,\n}\n\nexport function setMaxWidthToElement({\n  element,\n  id = null,\n  widthElement = null,\n  widthSelector = null,\n}) {\n  if (!(element && typeof window !== 'undefined')) {\n    return // stop here\n  }\n  try {\n    if (!id && !widthSelector) {\n      id = element.getAttribute('id')\n    }\n    widthSelector = widthSelector || id?.replace('-form-status', '') || id\n\n    let width = sumElementWidth({\n      widthElement,\n      widthSelector,\n    })\n\n    if (width > 40) {\n      const maxWidth = 30 * 16 // use 12rem, because that's the default width in chrome for an input\n      if (width < maxWidth) {\n        width = maxWidth\n      }\n\n      const remWidth = `${width / 16}rem`\n\n      const style = window.getComputedStyle(element)\n      const hasCustomWidth = element.style.maxWidth\n        ? false\n        : (style.minWidth !== '' && style.minWidth !== 'auto') ||\n          (style.maxWidth !== '' && style.maxWidth !== 'none')\n\n      if (!hasCustomWidth) {\n        element.style.maxWidth = remWidth\n      }\n    }\n  } catch (e) {\n    // skip logging\n  }\n}\n\nfunction sumElementWidth({ widthElement, widthSelector }) {\n  let width = 0\n  if (typeof document === 'undefined') {\n    return width // stop here\n  }\n  try {\n    // beside \"selector\" - which is straight forward, we\n    // also check if we can get an ID given by text_id\n    const ids = widthElement\n      ? [widthElement]\n      : widthSelector.split(/, |,/g)\n\n    width = ids.reduce((acc, cur) => {\n      const elem =\n        typeof cur === 'string'\n          ? cur[0] === '.'\n            ? document.querySelector(cur)\n            : document.getElementById(cur)\n          : cur\n\n      let width =\n        (elem && elem.offsetWidth) || window.getComputedStyle(elem).width\n      if (/em|rem/.test(width)) {\n        width = parseFloat(width) * 16\n      }\n\n      if (width > 0) {\n        // add additional one more spacing unit\n        // to make it more correct for small elements\n        if (acc > 0) {\n          acc += 16\n        }\n        acc += width\n      }\n\n      return acc\n    }, width)\n  } catch (e) {\n    // skip logging\n  }\n\n  return width\n}\n\nFormStatus._supportsSpacingProps = true\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormStatus.js","names":["React","PropTypes","classnames","useTheme","Context","isTrue","makeUniqueId","validateDOMAttributes","processChildren","extendPropsWithContextInClassComponent","HeightAnimation","spacingPropTypes","createSpacingClasses","Icon","GlobalStatusProvider","skeletonDOMAttributes","createSkeletonClass","pickFormElementProps","ui","sbanken","properties","FormStatus","PureComponent","getContent","props","text","correctStatus","state","getIcon","icon","icon_size","IconToLoad","InfoIcon","WarnIcon","MarketingIcon","ErrorIcon","createElement","title","size","inherit_color","getDerivedStateFromProps","_id","id","constructor","context","_props$globalStatus","_context$FormStatus","_context$FormStatus$g","_context$FormRow","_context$FormRow$glob","_context$formElement","_context$formElement$","_defineProperty","_isMounted","_globalStatus","isReady","updateWidth","fillCache","_ref","current","width_element","width_selector","setMaxWidthToElement","element","widthElement","widthSelector","init","globalStatus","FormRow","formElement","provider","isReadyToGetVisible","children","label","getProps","add","_objectSpread","status_id","getStatusId","item","item_id","message","status_anchor_label","status_anchor_url","createRef","componentDidMount","document","readyState","window","addEventListener","shouldAnimate","content","contentCache","stateCache","componentWillUnmount","remove","removeEventListener","componentDidUpdate","prevProps","_prevProps$globalStat","show","update","preventRestack","defaultProps","skeleton","no_animation","render","rawState","variant","className","stretch","shellSpace","text_id","role","rest","_objectWithoutProperties","_excluded","iconToRender","contentToRender","hasStringContent","length","params","String","startsWith","textParams","shellParams","space","_extends","open","animate","duration","innerRef","attributes","process","env","NODE_ENV","propTypes","string","oneOfType","bool","func","node","oneOf","shape","object","_useTheme","isSbankenTheme","name","fill","line","width","height","viewBox","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","_useTheme2","_useTheme3","fillRule","clipRule","cx","cy","r","_useTheme4","xmlns","getAttribute","replace","sumElementWidth","maxWidth","remWidth","style","getComputedStyle","hasCustomWidth","minWidth","e","ids","split","reduce","acc","cur","elem","querySelector","getElementById","offsetWidth","test","parseFloat","_supportsSpacingProps"],"sources":["../../../../src/components/form-status/FormStatus.js"],"sourcesContent":["/**\n * Web FormStatus Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { useTheme, Context } from '../../shared'\nimport {\n  isTrue,\n  makeUniqueId,\n  validateDOMAttributes,\n  processChildren,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport Icon from '../icon/Icon'\nimport GlobalStatusProvider from '../global-status/GlobalStatusProvider'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport ui from '../../style/themes/theme-ui/properties'\nimport sbanken from '../../style/themes/theme-sbanken/properties'\n\nconst properties = { ui, sbanken }\n\nexport default class FormStatus extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    id: PropTypes.string,\n    title: PropTypes.string,\n    show: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    text: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label: PropTypes.node,\n    icon: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    icon_size: PropTypes.string,\n    state: PropTypes.oneOfType([\n      PropTypes.bool,\n      PropTypes.string,\n      PropTypes.oneOf(['error', 'warn', 'info', 'marketing']),\n    ]),\n    variant: PropTypes.oneOf(['flat', 'outlined']),\n    size: PropTypes.oneOf(['default', 'large']),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n    text_id: PropTypes.string,\n    width_selector: PropTypes.string,\n    width_element: PropTypes.object,\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    role: PropTypes.string,\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    id: null,\n    title: null,\n    show: true,\n    text: null,\n    globalStatus: null,\n    label: null,\n    icon: 'error',\n    icon_size: 'medium',\n    size: 'default',\n    variant: null,\n    state: 'error',\n    attributes: null,\n    text_id: null,\n    width_selector: null,\n    width_element: null,\n    no_animation: null,\n    skeleton: null,\n    stretch: null,\n    role: null,\n    className: null,\n    children: null,\n  }\n\n  static getContent(props) {\n    if (props.text) {\n      if (isTrue(props.text)) {\n        return null\n      }\n      return props.text\n    }\n    return processChildren(props)\n  }\n\n  static correctStatus(state) {\n    switch (state) {\n      case 'information':\n        state = 'info'\n        break\n      case 'warning':\n        state = 'warn'\n        break\n    }\n    return state\n  }\n\n  static getIcon({ state, icon, icon_size }) {\n    if (typeof icon !== 'string') {\n      return icon\n    }\n\n    let IconToLoad = icon\n\n    switch (FormStatus.correctStatus(state)) {\n      case 'info':\n      case 'success':\n        IconToLoad = InfoIcon\n        break\n      case 'warn':\n        IconToLoad = WarnIcon\n        break\n      case 'marketing':\n        IconToLoad = MarketingIcon\n        break\n      case 'error':\n      default:\n        IconToLoad = ErrorIcon\n    }\n\n    return (\n      <Icon\n        icon={<IconToLoad title={null} state={state} />}\n        size={icon_size}\n        inherit_color={false}\n      />\n    )\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._id !== props.id && props.id) {\n      state.id = props.id\n    }\n\n    state._id = props.id\n\n    return state\n  }\n\n  state = { id: null }\n\n  constructor(props, context) {\n    super(props)\n\n    // we do not use a random ID here, as we don't need it for now\n    this.state.id = props.id || makeUniqueId()\n\n    this._globalStatus = GlobalStatusProvider.init(\n      props?.globalStatus?.id ||\n        context?.FormStatus?.globalStatus?.id ||\n        context?.FormRow?.globalStatus?.id || // Deprecated – can be removed in v11\n        context?.formElement?.globalStatus?.id ||\n        'main',\n      (provider) => {\n        // gets called once ready\n        if (this.props.state === 'error' && this.isReadyToGetVisible()) {\n          const { state, text, children, globalStatus, label } =\n            this.getProps(context)\n          provider.add({\n            state,\n            status_id: this.getStatusId(),\n            item: {\n              item_id: this.state.id,\n              text: globalStatus?.message || text || children,\n              status_anchor_label: label,\n              status_anchor_url: true,\n            },\n            ...globalStatus,\n          })\n        }\n      }\n    )\n\n    this._ref = React.createRef()\n  }\n\n  init = () => {\n    if (this._isMounted) {\n      this._globalStatus.isReady()\n\n      this.updateWidth()\n      this.fillCache()\n    }\n  }\n\n  componentDidMount() {\n    this._isMounted = true\n    if (document.readyState === 'complete') {\n      this.init()\n    } else if (typeof window !== 'undefined') {\n      window.addEventListener('load', this.init)\n    }\n    if (typeof window !== 'undefined') {\n      window.addEventListener('resize', this.updateWidth)\n    }\n  }\n\n  fillCache() {\n    const shouldAnimate = this.shouldAnimate()\n\n    // Content\n    const content = shouldAnimate && FormStatus.getContent(this.props)\n    if (content && content !== this.contentCache) {\n      this.contentCache = content\n    }\n\n    // State\n    const state =\n      shouldAnimate && FormStatus.correctStatus(this.props.state)\n    if (state) {\n      this.stateCache = state\n    }\n  }\n\n  componentWillUnmount() {\n    this._isMounted = false\n    const status_id = this.getStatusId()\n    this._globalStatus.remove(status_id)\n    if (typeof window !== 'undefined') {\n      window.removeEventListener('load', this.init)\n      window.removeEventListener('resize', this.updateWidth)\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    const { state, show, text, globalStatus, children, label } =\n      this.getProps()\n\n    if (\n      prevProps.text !== text ||\n      prevProps.children !== children ||\n      prevProps.show !== show ||\n      prevProps.globalStatus?.show !== globalStatus?.show ||\n      prevProps.state !== state\n    ) {\n      this.fillCache()\n\n      if (state === 'error') {\n        const status_id = this.getStatusId()\n\n        if (isTrue(show)) {\n          this._globalStatus.update(\n            status_id,\n            {\n              state,\n              status_id,\n              item: {\n                item_id: this.state.id,\n                text: globalStatus?.message || text || children,\n                status_anchor_label: label,\n                status_anchor_url: true,\n              },\n              ...globalStatus,\n            },\n            {\n              preventRestack: true, // because of the internal \"close\"\n            }\n          )\n        } else if (!FormStatus.getContent(this.props)) {\n          const status_id = this.getStatusId()\n          this._globalStatus.remove(status_id)\n        }\n      }\n\n      if (this.isReadyToGetVisible()) {\n        this.updateWidth()\n      }\n    }\n  }\n\n  getProps(context = this.context) {\n    return extendPropsWithContextInClassComponent(\n      this.props,\n      FormStatus.defaultProps,\n      { skeleton: context?.skeleton },\n      // Deprecated – can be removed in v11\n      pickFormElementProps(context?.FormRow),\n      pickFormElementProps(context?.formElement),\n      context?.FormStatus\n    )\n  }\n\n  getStatusId() {\n    return `${this.state.id}-gs`\n  }\n\n  updateWidth = () => {\n    // set max-width to this form-status, using the \"linked mother\"\n    if (this._ref.current) {\n      const { width_element, width_selector } = this.props\n      setMaxWidthToElement({\n        element: this._ref.current,\n        widthElement: width_element && width_element.current,\n        widthSelector: width_selector,\n      })\n    }\n  }\n\n  shouldAnimate() {\n    return this.props.no_animation === false\n  }\n\n  isReadyToGetVisible(props = this.props) {\n    return isTrue(props.show) && FormStatus.getContent(props)\n      ? true\n      : false\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = this.getProps()\n\n    const {\n      title,\n      state: rawState,\n      size,\n      variant,\n      className,\n      stretch,\n      shellSpace,\n      text_id,\n\n      show, // eslint-disable-line\n      no_animation, // eslint-disable-line\n      label, // eslint-disable-line\n      status_id, // eslint-disable-line\n      globalStatus, // eslint-disable-line\n      id, // eslint-disable-line\n      text, // eslint-disable-line\n      icon, // eslint-disable-line\n      icon_size, // eslint-disable-line\n      skeleton, // eslint-disable-line\n      children, // eslint-disable-line\n      role,\n\n      ...rest\n    } = props\n\n    const state = FormStatus.correctStatus(rawState) || this.stateCache\n    const iconToRender = FormStatus.getIcon({\n      state,\n      icon,\n      icon_size,\n    })\n\n    const contentToRender = FormStatus.getContent(this.props)\n\n    const hasStringContent =\n      typeof contentToRender === 'string' && contentToRender.length > 0\n\n    const params = {\n      className: classnames(\n        'dnb-form-status',\n        state && `dnb-form-status--${state}`,\n        `dnb-form-status__size--${size}`,\n        variant && `dnb-form-status__variant--${variant}`,\n        stretch && 'dnb-form-status--stretch',\n        hasStringContent ? 'dnb-form-status--has-content' : null,\n        createSpacingClasses(props),\n        className\n      ),\n      id: !String(id).startsWith('null') ? this.state.id : null,\n      title,\n      role,\n      ...rest,\n    }\n\n    if (!role) {\n      switch (state) {\n        case 'info':\n          params.role = 'status'\n          break\n        default:\n          params.role = 'alert'\n      }\n    }\n\n    const textParams = {\n      className: classnames(\n        'dnb-form-status__text',\n        createSkeletonClass('font', skeleton, this.context)\n      ),\n      id: !String(text_id).startsWith('null') ? text_id : null,\n    }\n\n    const shellParams = {\n      className: classnames(\n        'dnb-form-status__shell',\n        createSpacingClasses({ space: shellSpace })\n      ),\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n    validateDOMAttributes(null, textParams)\n\n    return (\n      <HeightAnimation\n        element=\"span\"\n        open={this.isReadyToGetVisible()}\n        animate={this.shouldAnimate()}\n        duration={600}\n        {...params}\n        innerRef={this._ref}\n      >\n        <span {...shellParams}>\n          {iconToRender}\n          <span {...textParams}>\n            {contentToRender || this.contentCache}\n          </span>\n        </span>\n      </HeightAnimation>\n    )\n  }\n}\n\nexport const ErrorIcon = (props) => {\n  const { title = 'error' } = props || {}\n  const isSbankenTheme = useTheme()?.name === 'sbanken'\n  const fill = isSbankenTheme\n    ? properties.sbanken['--sb-color-magenta']\n    : properties.ui['--color-fire-red']\n  const line = isSbankenTheme\n    ? properties.sbanken['--sb-color-magenta-light-2']\n    : properties.ui['--color-white']\n\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <title>{title}</title>\n      <path\n        d=\"M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z\"\n        fill={fill}\n      />\n      <path\n        d=\"M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z\"\n        fill={line}\n      />\n      <path\n        d=\"M12 13.818v-5\"\n        stroke={line}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\nErrorIcon.propTypes = {\n  title: PropTypes.string,\n}\n\nexport const WarnIcon = (props) => {\n  const { title = 'error' } = props || {}\n  const isSbankenTheme = useTheme()?.name === 'sbanken'\n  const fill = isSbankenTheme\n    ? properties.sbanken['--sb-color-yellow-dark']\n    : properties.ui['--color-accent-yellow']\n  const line = isSbankenTheme\n    ? properties.sbanken['--sb-color-black']\n    : properties.ui['--color-black-80']\n\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <title>{title}</title>\n      <path\n        d=\"M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z\"\n        fill={fill}\n      />\n      <path\n        d=\"M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z\"\n        fill={line}\n      />\n      <path\n        d=\"M12 13.818v-5\"\n        stroke={line}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\nWarnIcon.propTypes = {\n  title: PropTypes.string,\n}\n\nexport const InfoIcon = (props) => {\n  const { title = 'info' } = props || {}\n  const isSbankenTheme = useTheme()?.name === 'sbanken'\n  let fill = isSbankenTheme\n    ? properties.sbanken['--sb-color-green-dark-2']\n    : properties.ui['--color-sea-green']\n  if (props && props?.state === 'success') {\n    fill = isSbankenTheme\n      ? properties.sbanken['--sb-color-green-dark-3']\n      : properties.ui['--color-summer-green']\n  }\n\n  const line = isSbankenTheme\n    ? properties.sbanken['--sb-color-green-light-2']\n    : properties.ui['--color-white']\n\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <title>{title}</title>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.268 0a11.25 11.25 0 105.566 21.017l6.112 2.91a.75.75 0 001-1l-2.911-6.112A11.234 11.234 0 0011.268 0z\"\n        fill={fill}\n      />\n      <circle cx=\"11\" cy=\"6.5\" r=\".5\" fill=\"#fff\" stroke={line} />\n      <path\n        d=\"M13.75 16H13a1.5 1.5 0 01-1.5-1.5v-3.75a.75.75 0 00-.75-.75H10\"\n        stroke={line}\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\nInfoIcon.propTypes = {\n  title: PropTypes.string,\n}\n\nexport const MarketingIcon = (props) => {\n  const { title = 'marketing' } = props || {}\n  const isSbankenTheme = useTheme()?.name === 'sbanken'\n  const fill = isSbankenTheme\n    ? properties.sbanken['--sb-color-violet-light']\n    : properties.ui['--color-black-80']\n\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <title>{title}</title>\n      <path\n        d=\"M6 15.25H4.5c-2.042 0-3.75-1.707-3.75-3.75S2.458 7.75 4.5 7.75H6v7.5ZM7.5 15.25c4.801 0 8.846 1.897 12.75 4.5V3.25c-3.904 2.603-7.949 4.5-12.75 4.5v7.5ZM23.25 10a.75.75 0 0 0-1.5 0h1.5Zm-1.5 3a.75.75 0 0 0 1.5 0h-1.5ZM8.483 21.043a.75.75 0 1 0 1.034-1.086l-1.034 1.086ZM21.75 10v3h1.5v-3h-1.5ZM6 15.25a8.058 8.058 0 0 0 2.483 5.793l1.034-1.086A6.559 6.559 0 0 1 7.5 15.25H6Z\"\n        fill={fill}\n      />\n    </svg>\n  )\n}\nMarketingIcon.propTypes = {\n  title: PropTypes.string,\n}\n\nexport function setMaxWidthToElement({\n  element,\n  id = null,\n  widthElement = null,\n  widthSelector = null,\n}) {\n  if (!(element && typeof window !== 'undefined')) {\n    return // stop here\n  }\n  try {\n    if (!id && !widthSelector) {\n      id = element.getAttribute('id')\n    }\n    widthSelector = widthSelector || id?.replace('-form-status', '') || id\n\n    let width = sumElementWidth({\n      widthElement,\n      widthSelector,\n    })\n\n    if (width > 40) {\n      const maxWidth = 30 * 16 // use 12rem, because that's the default width in chrome for an input\n      if (width < maxWidth) {\n        width = maxWidth\n      }\n\n      const remWidth = `${width / 16}rem`\n\n      const style = window.getComputedStyle(element)\n      const hasCustomWidth = element.style.maxWidth\n        ? false\n        : (style.minWidth !== '' && style.minWidth !== 'auto') ||\n          (style.maxWidth !== '' && style.maxWidth !== 'none')\n\n      if (!hasCustomWidth) {\n        element.style.maxWidth = remWidth\n      }\n    }\n  } catch (e) {\n    // skip logging\n  }\n}\n\nfunction sumElementWidth({ widthElement, widthSelector }) {\n  let width = 0\n  if (typeof document === 'undefined') {\n    return width // stop here\n  }\n  try {\n    // beside \"selector\" - which is straight forward, we\n    // also check if we can get an ID given by text_id\n    const ids = widthElement\n      ? [widthElement]\n      : widthSelector.split(/, |,/g)\n\n    width = ids.reduce((acc, cur) => {\n      const elem =\n        typeof cur === 'string'\n          ? cur[0] === '.'\n            ? document.querySelector(cur)\n            : document.getElementById(cur)\n          : cur\n\n      let width =\n        (elem && elem.offsetWidth) || window.getComputedStyle(elem).width\n      if (/em|rem/.test(width)) {\n        width = parseFloat(width) * 16\n      }\n\n      if (width > 0) {\n        // add additional one more spacing unit\n        // to make it more correct for small elements\n        if (acc > 0) {\n          acc += 16\n        }\n        acc += width\n      }\n\n      return acc\n    }, width)\n  } catch (e) {\n    // skip logging\n  }\n\n  return width\n}\n\nFormStatus._supportsSpacingProps = true\n"],"mappings":"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","ignoreList":[]}

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

@@ -18,7 +18,7 @@
   border-radius: var(--form-status-radius);
 }
 .dnb-form-status__text {
-  max-width: 60ch;
+  max-width: var(--text-block-max-width);
   padding: 0.625rem 1rem;
   cursor: text;
   color: inherit;

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

@@ -1 +1 @@
-.dnb-form-status{--form-status-radius:0.25rem;display:flex;opacity:1}.dnb-form-status__shell{align-items:flex-start;border-radius:var(--form-status-radius);display:flex;justify-content:flex-start;min-width:inherit}.dnb-form-status__text{color:inherit;cursor:text;font-size:var(--font-size-small);line-height:var(--line-height-small);max-width:60ch;padding:.625rem 1rem;white-space:normal}button .dnb-form-status__text{cursor:inherit}.dnb-form-status__text .dnb-anchor,.dnb-form-status__text .dnb-ul{font-size:inherit}.dnb-form-status__text .dnb-ul:not([class*=dnb-space__left]){padding-left:1rem}.dnb-spacing .dnb-form-status__text .dnb-ul:not([class*=dnb-space__bottom]){margin-bottom:.5rem}.dnb-spacing .dnb-form-status__text .dnb-ul:not([class*=dnb-space__bottom]) .dnb-li{margin-bottom:.5rem;margin-top:.5rem}.dnb-icon+.dnb-form-status__text{padding-left:.5rem}.dnb-form-status__shell>.dnb-icon{align-items:center;display:flex;justify-content:center;margin:.3333333em .3333333em .3333333em .6666666em}.dnb-form-status__size--large .dnb-form-status__text{padding-bottom:1.125rem;padding-top:1.125rem}.dnb-form-status__size--large .dnb-form-status__shell>.dnb-icon{margin-bottom:.6666666em;margin-top:.6666666em}.dnb-form-status--stretch{flex-grow:1}.dnb-form-status--stretch .dnb-form-status__shell{width:100%}.dnb-form-status[hidden]{display:none}
+.dnb-form-status{--form-status-radius:0.25rem;display:flex;opacity:1}.dnb-form-status__shell{align-items:flex-start;border-radius:var(--form-status-radius);display:flex;justify-content:flex-start;min-width:inherit}.dnb-form-status__text{color:inherit;cursor:text;font-size:var(--font-size-small);line-height:var(--line-height-small);max-width:var(--text-block-max-width);padding:.625rem 1rem;white-space:normal}button .dnb-form-status__text{cursor:inherit}.dnb-form-status__text .dnb-anchor,.dnb-form-status__text .dnb-ul{font-size:inherit}.dnb-form-status__text .dnb-ul:not([class*=dnb-space__left]){padding-left:1rem}.dnb-spacing .dnb-form-status__text .dnb-ul:not([class*=dnb-space__bottom]){margin-bottom:.5rem}.dnb-spacing .dnb-form-status__text .dnb-ul:not([class*=dnb-space__bottom]) .dnb-li{margin-bottom:.5rem;margin-top:.5rem}.dnb-icon+.dnb-form-status__text{padding-left:.5rem}.dnb-form-status__shell>.dnb-icon{align-items:center;display:flex;justify-content:center;margin:.3333333em .3333333em .3333333em .6666666em}.dnb-form-status__size--large .dnb-form-status__text{padding-bottom:1.125rem;padding-top:1.125rem}.dnb-form-status__size--large .dnb-form-status__shell>.dnb-icon{margin-bottom:.6666666em;margin-top:.6666666em}.dnb-form-status--stretch{flex-grow:1}.dnb-form-status--stretch .dnb-form-status__shell{width:100%}.dnb-form-status[hidden]{display:none}

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

@@ -23,7 +23,7 @@
   }
 
   &__text {
-    max-width: 60ch; // to enhance readability
+    max-width: var(--text-block-max-width); // to enhance readability
 
     padding: 0.625rem 1rem;
 

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

@@ -11,7 +11,10 @@
 .dnb-form-status--error .dnb-form-status__shell {
   background-color: var(--sb-color-magenta-light-2);
 }
-.dnb-form-status--info .dnb-form-status__shell, .dnb-form-status--marketing .dnb-form-status__shell {
+.dnb-form-status--info .dnb-form-status__shell {
+  background-color: var(--sb-color-green-light-2);
+}
+.dnb-form-status--marketing .dnb-form-status__shell {
   background-color: var(--sb-color-violet-light-4);
 }
 .dnb-form-status--warn .dnb-form-status__shell {
@@ -29,7 +32,13 @@
   box-shadow: 0 0 0 var(--border-width) var(--border-color);
   border-color: transparent;
 }
-.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell, .dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
+.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell {
+  --border-color: var(--sb-color-green-dark-2);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
   --border-color: var(--sb-color-violet-light);
   --border-width: 0.0625rem;
   box-shadow: 0 0 0 var(--border-width) var(--border-color);

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

@@ -1 +1 @@
-.dnb-form-status__shell{color:var(--sb-color-text)}.dnb-form-status--error .dnb-form-status__shell{background-color:var(--sb-color-magenta-light-2)}.dnb-form-status--info .dnb-form-status__shell,.dnb-form-status--marketing .dnb-form-status__shell{background-color:var(--sb-color-violet-light-4)}.dnb-form-status--warn .dnb-form-status__shell{background-color:var(--sb-color-yellow-light-3)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--border-color:var(--sb-color-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--sb-color-yellow-dark);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell,.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell{--border-color:var(--sb-color-violet-light);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}
+.dnb-form-status__shell{color:var(--sb-color-text)}.dnb-form-status--error .dnb-form-status__shell{background-color:var(--sb-color-magenta-light-2)}.dnb-form-status--info .dnb-form-status__shell{background-color:var(--sb-color-green-light-2)}.dnb-form-status--marketing .dnb-form-status__shell{background-color:var(--sb-color-violet-light-4)}.dnb-form-status--warn .dnb-form-status__shell{background-color:var(--sb-color-yellow-light-3)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--border-color:var(--sb-color-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--sb-color-yellow-dark);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--sb-color-green-dark-2);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell{--border-color:var(--sb-color-violet-light);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}

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

@@ -13,7 +13,9 @@
     background-color: var(--sb-color-magenta-light-2);
   }
 
-  &--info &__shell,
+  &--info &__shell {
+    background-color: var(--sb-color-green-light-2);
+  }
   &--marketing &__shell {
     background-color: var(--sb-color-violet-light-4);
   }
@@ -28,7 +30,9 @@
   &__variant--outlined#{&}--warn &__shell {
     @include fakeBorder(var(--sb-color-yellow-dark));
   }
-  &__variant--outlined#{&}--info &__shell,
+  &__variant--outlined#{&}--info &__shell {
+    @include fakeBorder(var(--sb-color-green-dark-2));
+  }
   &__variant--outlined#{&}--marketing &__shell {
     @include fakeBorder(var(--sb-color-violet-light));
   }

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

@@ -17,7 +17,7 @@
   --hr-color: var(--sb-color-red);
 }
 .dnb-global-status--info .dnb-global-status__content .dnb-hr {
-  --hr-color: var(--sb-color-violet-light);
+  --hr-color: var(--sb-color-green-dark-2);
 }
 .dnb-global-status--warning .dnb-global-status__content .dnb-hr {
   --hr-color: var(--sb-color-yellow-dark);

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

@@ -1 +1 @@
-.dnb-global-status__close-button{display:none}@media screen and (max-width:72em){.dnb-global-status__title{padding-right:2.5rem}}.dnb-global-status--error .dnb-global-status__content .dnb-hr{--hr-color:var(--sb-color-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{--hr-color:var(--sb-color-violet-light)}.dnb-global-status--warning .dnb-global-status__content .dnb-hr{--hr-color:var(--sb-color-yellow-dark)}.dnb-global-status--success .dnb-global-status__content .dnb-hr{--hr-color:var(--sb-color-green-dark-3)}
+.dnb-global-status__close-button{display:none}@media screen and (max-width:72em){.dnb-global-status__title{padding-right:2.5rem}}.dnb-global-status--error .dnb-global-status__content .dnb-hr{--hr-color:var(--sb-color-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{--hr-color:var(--sb-color-green-dark-2)}.dnb-global-status--warning .dnb-global-status__content .dnb-hr{--hr-color:var(--sb-color-yellow-dark)}.dnb-global-status--success .dnb-global-status__content .dnb-hr{--hr-color:var(--sb-color-green-dark-3)}

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

@@ -21,7 +21,7 @@
   }
 
   &--info &__content .dnb-hr {
-    --hr-color: var(--sb-color-violet-light);
+    --hr-color: var(--sb-color-green-dark-2);
   }
 
   &--warning &__content .dnb-hr {

package/es/components/help-button/style/dnb-help-button-inline.css

@@ -85,7 +85,7 @@
   --rounded-corner--value: calc(var(--card-outline-width) + 0.5rem);
 }
 .dnb-help-button__content .dnb-section .dnb-p {
-  max-width: 60ch;
+  max-width: var(--text-block-max-width);
   transition: transform 400ms var(--easing-default) 40ms;
   transform: translate3d(0, -0.5rem, 0);
 }

package/es/components/help-button/style/dnb-help-button-inline.min.css

@@ -1 +1 @@
-.dnb-help-button.dnb-help-button__inline--open{--border-color:var(--color-emerald-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-help-button__inline svg{will-change:transform}.dnb-help-button__inline svg:nth-of-type(2){bottom:0;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0}.dnb-help-button__inline--open svg:first-of-type{opacity:0}.dnb-help-button__inline--open svg:nth-of-type(2){animation:rotate-icon-in .4s var(--easing-default) forwards}.dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:first-of-type{animation:animate-question .4s var(--easing-default) .2s forwards;opacity:0}.dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:nth-of-type(2){animation:rotate-icon-out .4s var(--easing-default) forwards}.dnb-help-button__inline:not(.dnb-help-button__inline--user-intent) svg,html[data-visual-test] .dnb-help-button__inline svg{animation-duration:0ms}@keyframes rotate-icon-in{0%{opacity:0;transform:rotate(0deg)}to{opacity:1;transform:rotate(90deg)}}@keyframes rotate-icon-out{0%{opacity:1;transform:rotate(90deg)}30%{opacity:1}to{opacity:0;transform:rotate(0deg)}}@keyframes animate-question{0%{opacity:0;transform:rotate(10deg)}to{opacity:1;transform:rotate(0deg)}}.dnb-help-button__content{--help-button-indent-width:var(--card-outline-width)}.dnb-help-button__content .dnb-section{--background-color:var(--help-button-content-background);--rounded-corner--value:calc(var(--card-outline-width) + 0.5rem)}.dnb-help-button__content .dnb-section .dnb-p{max-width:60ch;transform:translate3d(0,-.5rem,0);transition:transform .4s var(--easing-default) 40ms}:not(.dnb-card) .dnb-help-button__content .dnb-section{--outset-left:calc(var(--spacing-medium) + var(--help-button-indent-width));--outset-right:calc(var(--spacing-medium) + var(--help-button-indent-width))}.dnb-help-button__content.dnb-height-animation--parallax .dnb-section .dnb-p{transform:translateZ(0)}
+.dnb-help-button.dnb-help-button__inline--open{--border-color:var(--color-emerald-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-help-button__inline svg{will-change:transform}.dnb-help-button__inline svg:nth-of-type(2){bottom:0;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0}.dnb-help-button__inline--open svg:first-of-type{opacity:0}.dnb-help-button__inline--open svg:nth-of-type(2){animation:rotate-icon-in .4s var(--easing-default) forwards}.dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:first-of-type{animation:animate-question .4s var(--easing-default) .2s forwards;opacity:0}.dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:nth-of-type(2){animation:rotate-icon-out .4s var(--easing-default) forwards}.dnb-help-button__inline:not(.dnb-help-button__inline--user-intent) svg,html[data-visual-test] .dnb-help-button__inline svg{animation-duration:0ms}@keyframes rotate-icon-in{0%{opacity:0;transform:rotate(0deg)}to{opacity:1;transform:rotate(90deg)}}@keyframes rotate-icon-out{0%{opacity:1;transform:rotate(90deg)}30%{opacity:1}to{opacity:0;transform:rotate(0deg)}}@keyframes animate-question{0%{opacity:0;transform:rotate(10deg)}to{opacity:1;transform:rotate(0deg)}}.dnb-help-button__content{--help-button-indent-width:var(--card-outline-width)}.dnb-help-button__content .dnb-section{--background-color:var(--help-button-content-background);--rounded-corner--value:calc(var(--card-outline-width) + 0.5rem)}.dnb-help-button__content .dnb-section .dnb-p{max-width:var(--text-block-max-width);transform:translate3d(0,-.5rem,0);transition:transform .4s var(--easing-default) 40ms}:not(.dnb-card) .dnb-help-button__content .dnb-section{--outset-left:calc(var(--spacing-medium) + var(--help-button-indent-width));--outset-right:calc(var(--spacing-medium) + var(--help-button-indent-width))}.dnb-help-button__content.dnb-height-animation--parallax .dnb-section .dnb-p{transform:translateZ(0)}

package/es/components/help-button/style/dnb-help-button-inline.scss

@@ -98,7 +98,7 @@
     --rounded-corner--value: calc(var(--card-outline-width) + 0.5rem);
 
     .dnb-p {
-      max-width: 60ch; // to enhance readability;
+      max-width: var(--text-block-max-width); // to enhance readability;
 
       transition: transform 400ms var(--easing-default) 40ms;
       transform: translate3d(0, -0.5rem, 0);

package/es/components/help-button/style/dnb-help-button.css

@@ -95,7 +95,7 @@
   --rounded-corner--value: calc(var(--card-outline-width) + 0.5rem);
 }
 .dnb-help-button__content .dnb-section .dnb-p {
-  max-width: 60ch;
+  max-width: var(--text-block-max-width);
   transition: transform 400ms var(--easing-default) 40ms;
   transform: translate3d(0, -0.5rem, 0);
 }

package/es/components/help-button/style/dnb-help-button.min.css

@@ -1 +1 @@
-.dnb-help-button.dnb-help-button__inline--open{--border-color:var(--color-emerald-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-help-button__inline svg{will-change:transform}.dnb-help-button__inline svg:nth-of-type(2){bottom:0;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0}.dnb-help-button__inline--open svg:first-of-type{opacity:0}.dnb-help-button__inline--open svg:nth-of-type(2){animation:rotate-icon-in .4s var(--easing-default) forwards}.dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:first-of-type{animation:animate-question .4s var(--easing-default) .2s forwards;opacity:0}.dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:nth-of-type(2){animation:rotate-icon-out .4s var(--easing-default) forwards}.dnb-help-button__inline:not(.dnb-help-button__inline--user-intent) svg,html[data-visual-test] .dnb-help-button__inline svg{animation-duration:0ms}@keyframes rotate-icon-in{0%{opacity:0;transform:rotate(0deg)}to{opacity:1;transform:rotate(90deg)}}@keyframes rotate-icon-out{0%{opacity:1;transform:rotate(90deg)}30%{opacity:1}to{opacity:0;transform:rotate(0deg)}}@keyframes animate-question{0%{opacity:0;transform:rotate(10deg)}to{opacity:1;transform:rotate(0deg)}}.dnb-help-button__content{--help-button-indent-width:var(--card-outline-width)}.dnb-help-button__content .dnb-section{--background-color:var(--help-button-content-background);--rounded-corner--value:calc(var(--card-outline-width) + 0.5rem)}.dnb-help-button__content .dnb-section .dnb-p{max-width:60ch;transform:translate3d(0,-.5rem,0);transition:transform .4s var(--easing-default) 40ms}:not(.dnb-card) .dnb-help-button__content .dnb-section{--outset-left:calc(var(--spacing-medium) + var(--help-button-indent-width));--outset-right:calc(var(--spacing-medium) + var(--help-button-indent-width))}.dnb-help-button__content.dnb-height-animation--parallax .dnb-section .dnb-p{transform:translateZ(0)}.dnb-help-button .dnb-button__bounding{transform:scale(1.5)}
+.dnb-help-button.dnb-help-button__inline--open{--border-color:var(--color-emerald-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-help-button__inline svg{will-change:transform}.dnb-help-button__inline svg:nth-of-type(2){bottom:0;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0}.dnb-help-button__inline--open svg:first-of-type{opacity:0}.dnb-help-button__inline--open svg:nth-of-type(2){animation:rotate-icon-in .4s var(--easing-default) forwards}.dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:first-of-type{animation:animate-question .4s var(--easing-default) .2s forwards;opacity:0}.dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:nth-of-type(2){animation:rotate-icon-out .4s var(--easing-default) forwards}.dnb-help-button__inline:not(.dnb-help-button__inline--user-intent) svg,html[data-visual-test] .dnb-help-button__inline svg{animation-duration:0ms}@keyframes rotate-icon-in{0%{opacity:0;transform:rotate(0deg)}to{opacity:1;transform:rotate(90deg)}}@keyframes rotate-icon-out{0%{opacity:1;transform:rotate(90deg)}30%{opacity:1}to{opacity:0;transform:rotate(0deg)}}@keyframes animate-question{0%{opacity:0;transform:rotate(10deg)}to{opacity:1;transform:rotate(0deg)}}.dnb-help-button__content{--help-button-indent-width:var(--card-outline-width)}.dnb-help-button__content .dnb-section{--background-color:var(--help-button-content-background);--rounded-corner--value:calc(var(--card-outline-width) + 0.5rem)}.dnb-help-button__content .dnb-section .dnb-p{max-width:var(--text-block-max-width);transform:translate3d(0,-.5rem,0);transition:transform .4s var(--easing-default) 40ms}:not(.dnb-card) .dnb-help-button__content .dnb-section{--outset-left:calc(var(--spacing-medium) + var(--help-button-indent-width));--outset-right:calc(var(--spacing-medium) + var(--help-button-indent-width))}.dnb-help-button__content.dnb-height-animation--parallax .dnb-section .dnb-p{transform:translateZ(0)}.dnb-help-button .dnb-button__bounding{transform:scale(1.5)}

package/es/components/index.d.ts

@@ -19,6 +19,7 @@ import Card from './card/Card';
 import Checkbox from './checkbox/Checkbox';
 import CopyOnClick from './copy-on-click/CopyOnClick';
 import CountryFlag from './country-flag/CountryFlag';
+import DateFormat from './date-format/DateFormat';
 import DatePicker from './date-picker/DatePicker';
 import Dialog from './dialog/Dialog';
 import Drawer from './drawer/Drawer';
@@ -44,6 +45,7 @@ import Logo from './logo/Logo';
 import Modal from './modal/Modal';
 import NumberFormat from './number-format/NumberFormat';
 import Pagination from './pagination/Pagination';
+import PortalRoot from './portal-root/PortalRoot';
 import ProgressIndicator from './progress-indicator/ProgressIndicator';
 import Radio from './radio/Radio';
 import Section from './section/Section';
@@ -62,4 +64,4 @@ import ToggleButton from './toggle-button/ToggleButton';
 import Tooltip from './tooltip/Tooltip';
 import Upload from './upload/Upload';
 import VisuallyHidden from './visually-hidden/VisuallyHidden';
-export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, CopyOnClick, CountryFlag, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, ListFormat, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden, };
+export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, CopyOnClick, CountryFlag, DateFormat, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, ListFormat, Logo, Modal, NumberFormat, Pagination, PortalRoot, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden, };

package/es/components/index.js

@@ -10,6 +10,7 @@ import Card from './card/Card';
 import Checkbox from './checkbox/Checkbox';
 import CopyOnClick from './copy-on-click/CopyOnClick';
 import CountryFlag from './country-flag/CountryFlag';
+import DateFormat from './date-format/DateFormat';
 import DatePicker from './date-picker/DatePicker';
 import Dialog from './dialog/Dialog';
 import Drawer from './drawer/Drawer';
@@ -35,6 +36,7 @@ import Logo from './logo/Logo';
 import Modal from './modal/Modal';
 import NumberFormat from './number-format/NumberFormat';
 import Pagination from './pagination/Pagination';
+import PortalRoot from './portal-root/PortalRoot';
 import ProgressIndicator from './progress-indicator/ProgressIndicator';
 import Radio from './radio/Radio';
 import Section from './section/Section';
@@ -53,5 +55,5 @@ import ToggleButton from './toggle-button/ToggleButton';
 import Tooltip from './tooltip/Tooltip';
 import Upload from './upload/Upload';
 import VisuallyHidden from './visually-hidden/VisuallyHidden';
-export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, CopyOnClick, CountryFlag, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, ListFormat, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
+export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, CopyOnClick, CountryFlag, DateFormat, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, ListFormat, Logo, Modal, NumberFormat, Pagination, PortalRoot, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
 //# sourceMappingURL=index.js.map

package/es/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Accordion","Anchor","AriaLive","Autocomplete","Avatar","Badge","Breadcrumb","Button","Card","Checkbox","CopyOnClick","CountryFlag","DatePicker","Dialog","Drawer","Dropdown","Flex","FormLabel","FormRow","FormSet","FormStatus","GlobalError","GlobalStatus","Grid","Heading","HeightAnimation","HelpButton","Icon","IconPrimary","InfoCard","Input","InputMasked","ListFormat","Logo","Modal","NumberFormat","Pagination","ProgressIndicator","Radio","Section","Skeleton","SkipContent","Slider","Space","StepIndicator","Switch","Table","Tabs","Tag","Textarea","Timeline","ToggleButton","Tooltip","Upload","VisuallyHidden"],"sources":["../../../src/components/index.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index template to autogenerate all the components and extensions\n * Used by \"prepareTemplates\"\n */\n\n// import all the available components\nimport Accordion from './accordion/Accordion'\nimport Anchor from './anchor/Anchor'\nimport AriaLive from './aria-live/AriaLive'\nimport Autocomplete from './autocomplete/Autocomplete'\nimport Avatar from './avatar/Avatar'\nimport Badge from './badge/Badge'\nimport Breadcrumb from './breadcrumb/Breadcrumb'\nimport Button from './button/Button'\nimport Card from './card/Card'\nimport Checkbox from './checkbox/Checkbox'\nimport CopyOnClick from './copy-on-click/CopyOnClick'\nimport CountryFlag from './country-flag/CountryFlag'\nimport DatePicker from './date-picker/DatePicker'\nimport Dialog from './dialog/Dialog'\nimport Drawer from './drawer/Drawer'\nimport Dropdown from './dropdown/Dropdown'\nimport Flex from './flex/Flex'\nimport FormLabel from './form-label/FormLabel'\nimport FormRow from './form-row/FormRow'\nimport FormSet from './form-set/FormSet'\nimport FormStatus from './form-status/FormStatus'\nimport GlobalError from './global-error/GlobalError'\nimport GlobalStatus from './global-status/GlobalStatus'\nimport Grid from './grid/Grid'\nimport Heading from './heading/Heading'\nimport HeightAnimation from './height-animation/HeightAnimation'\nimport HelpButton from './help-button/HelpButton'\nimport Icon from './icon/Icon'\nimport IconPrimary from './icon-primary/IconPrimary'\nimport InfoCard from './info-card/InfoCard'\nimport Input from './input/Input'\nimport InputMasked from './input-masked/InputMasked'\nimport ListFormat from './list-format/ListFormat'\nimport Logo from './logo/Logo'\nimport Modal from './modal/Modal'\nimport NumberFormat from './number-format/NumberFormat'\nimport Pagination from './pagination/Pagination'\nimport ProgressIndicator from './progress-indicator/ProgressIndicator'\nimport Radio from './radio/Radio'\nimport Section from './section/Section'\nimport Skeleton from './skeleton/Skeleton'\nimport SkipContent from './skip-content/SkipContent'\nimport Slider from './slider/Slider'\nimport Space from './space/Space'\nimport StepIndicator from './step-indicator/StepIndicator'\nimport Switch from './switch/Switch'\nimport Table from './table/Table'\nimport Tabs from './tabs/Tabs'\nimport Tag from './tag/Tag'\nimport Textarea from './textarea/Textarea'\nimport Timeline from './timeline/Timeline'\nimport ToggleButton from './toggle-button/ToggleButton'\nimport Tooltip from './tooltip/Tooltip'\nimport Upload from './upload/Upload'\nimport VisuallyHidden from './visually-hidden/VisuallyHidden'\n\n// define / export all the available components\nexport {\n  Accordion,\n  Anchor,\n  AriaLive,\n  Autocomplete,\n  Avatar,\n  Badge,\n  Breadcrumb,\n  Button,\n  Card,\n  Checkbox,\n  CopyOnClick,\n  CountryFlag,\n  DatePicker,\n  Dialog,\n  Drawer,\n  Dropdown,\n  Flex,\n  FormLabel,\n  FormRow,\n  FormSet,\n  FormStatus,\n  GlobalError,\n  GlobalStatus,\n  Grid,\n  Heading,\n  HeightAnimation,\n  HelpButton,\n  Icon,\n  IconPrimary,\n  InfoCard,\n  Input,\n  InputMasked,\n  ListFormat,\n  Logo,\n  Modal,\n  NumberFormat,\n  Pagination,\n  ProgressIndicator,\n  Radio,\n  Section,\n  Skeleton,\n  SkipContent,\n  Slider,\n  Space,\n  StepIndicator,\n  Switch,\n  Table,\n  Tabs,\n  Tag,\n  Textarea,\n  Timeline,\n  ToggleButton,\n  Tooltip,\n  Upload,\n  VisuallyHidden,\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Accordion","Anchor","AriaLive","Autocomplete","Avatar","Badge","Breadcrumb","Button","Card","Checkbox","CopyOnClick","CountryFlag","DateFormat","DatePicker","Dialog","Drawer","Dropdown","Flex","FormLabel","FormRow","FormSet","FormStatus","GlobalError","GlobalStatus","Grid","Heading","HeightAnimation","HelpButton","Icon","IconPrimary","InfoCard","Input","InputMasked","ListFormat","Logo","Modal","NumberFormat","Pagination","PortalRoot","ProgressIndicator","Radio","Section","Skeleton","SkipContent","Slider","Space","StepIndicator","Switch","Table","Tabs","Tag","Textarea","Timeline","ToggleButton","Tooltip","Upload","VisuallyHidden"],"sources":["../../../src/components/index.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index template to autogenerate all the components and extensions\n * Used by \"prepareTemplates\"\n */\n\n// import all the available components\nimport Accordion from './accordion/Accordion'\nimport Anchor from './anchor/Anchor'\nimport AriaLive from './aria-live/AriaLive'\nimport Autocomplete from './autocomplete/Autocomplete'\nimport Avatar from './avatar/Avatar'\nimport Badge from './badge/Badge'\nimport Breadcrumb from './breadcrumb/Breadcrumb'\nimport Button from './button/Button'\nimport Card from './card/Card'\nimport Checkbox from './checkbox/Checkbox'\nimport CopyOnClick from './copy-on-click/CopyOnClick'\nimport CountryFlag from './country-flag/CountryFlag'\nimport DateFormat from './date-format/DateFormat'\nimport DatePicker from './date-picker/DatePicker'\nimport Dialog from './dialog/Dialog'\nimport Drawer from './drawer/Drawer'\nimport Dropdown from './dropdown/Dropdown'\nimport Flex from './flex/Flex'\nimport FormLabel from './form-label/FormLabel'\nimport FormRow from './form-row/FormRow'\nimport FormSet from './form-set/FormSet'\nimport FormStatus from './form-status/FormStatus'\nimport GlobalError from './global-error/GlobalError'\nimport GlobalStatus from './global-status/GlobalStatus'\nimport Grid from './grid/Grid'\nimport Heading from './heading/Heading'\nimport HeightAnimation from './height-animation/HeightAnimation'\nimport HelpButton from './help-button/HelpButton'\nimport Icon from './icon/Icon'\nimport IconPrimary from './icon-primary/IconPrimary'\nimport InfoCard from './info-card/InfoCard'\nimport Input from './input/Input'\nimport InputMasked from './input-masked/InputMasked'\nimport ListFormat from './list-format/ListFormat'\nimport Logo from './logo/Logo'\nimport Modal from './modal/Modal'\nimport NumberFormat from './number-format/NumberFormat'\nimport Pagination from './pagination/Pagination'\nimport PortalRoot from './portal-root/PortalRoot'\nimport ProgressIndicator from './progress-indicator/ProgressIndicator'\nimport Radio from './radio/Radio'\nimport Section from './section/Section'\nimport Skeleton from './skeleton/Skeleton'\nimport SkipContent from './skip-content/SkipContent'\nimport Slider from './slider/Slider'\nimport Space from './space/Space'\nimport StepIndicator from './step-indicator/StepIndicator'\nimport Switch from './switch/Switch'\nimport Table from './table/Table'\nimport Tabs from './tabs/Tabs'\nimport Tag from './tag/Tag'\nimport Textarea from './textarea/Textarea'\nimport Timeline from './timeline/Timeline'\nimport ToggleButton from './toggle-button/ToggleButton'\nimport Tooltip from './tooltip/Tooltip'\nimport Upload from './upload/Upload'\nimport VisuallyHidden from './visually-hidden/VisuallyHidden'\n\n// define / export all the available components\nexport {\n  Accordion,\n  Anchor,\n  AriaLive,\n  Autocomplete,\n  Avatar,\n  Badge,\n  Breadcrumb,\n  Button,\n  Card,\n  Checkbox,\n  CopyOnClick,\n  CountryFlag,\n  DateFormat,\n  DatePicker,\n  Dialog,\n  Drawer,\n  Dropdown,\n  Flex,\n  FormLabel,\n  FormRow,\n  FormSet,\n  FormStatus,\n  GlobalError,\n  GlobalStatus,\n  Grid,\n  Heading,\n  HeightAnimation,\n  HelpButton,\n  Icon,\n  IconPrimary,\n  InfoCard,\n  Input,\n  InputMasked,\n  ListFormat,\n  Logo,\n  Modal,\n  NumberFormat,\n  Pagination,\n  PortalRoot,\n  ProgressIndicator,\n  Radio,\n  Section,\n  Skeleton,\n  SkipContent,\n  Slider,\n  Space,\n  StepIndicator,\n  Switch,\n  Table,\n  Tabs,\n  Tag,\n  Textarea,\n  Timeline,\n  ToggleButton,\n  Tooltip,\n  Upload,\n  VisuallyHidden,\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -42,7 +42,7 @@
   margin-top: 0.1875rem;
 }
 .dnb-info-card:not(.dnb-info-card--stretch), .dnb-info-card__content {
-  max-width: 70ch;
+  max-width: var(--text-block-max-width);
 }
 .dnb-info-card--centered .dnb-info-card__content {
   margin-top: 0;

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

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

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

@@ -49,7 +49,7 @@
 
   &:not(&--stretch),
   &__content {
-    max-width: 70ch;
+    max-width: var(--text-block-max-width);
   }
 
   &--centered &__content {