@dnb/eufemia 10.32.0 → 10.34.0

package/components/flex/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","names":["React","useCallback","classnames","Space","Hr","useMedia","getSpaceValue","isHeadingElement","renderWithSpacing","propNames","pickFlexContainerProps","props","defaults","arguments","length","undefined","skip","_objectSpread","Object","fromEntries","entries","filter","_ref","key","includes","FlexContainer","_ref2","className","style","children","element","direction","wrap","sizeCount","rowGap","justify","align","alignSelf","divider","gap","spacing","spacingProp","breakpoints","queries","rest","_objectWithoutProperties","_excluded","childrenArray","wrapChildren","hasHeading","some","child","i","previousChild","hasSizeProp","_child$props","size","mediaKey","disabled","content","map","_previousChild$type","isFirst","isLast","isHeading","start","end","endSpacing","startSpacing","_getSpaceValue","_ref3","_getSpaceValue2","spaceAboveLine","createElement","Fragment","top","space","_ref4","_ref5","_getSpaceValue3","isValidElement","type","n","getRowGapClass","cn","_extends","Children","toArray","cloneElement","_supportsSpacingProps"],"sources":["../../../../src/components/flex/Container.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\nimport Space, { SpaceProps } from '../space/Space'\nimport { Hr } from '../../elements'\nimport useMedia from '../../shared/useMedia'\nimport {\n  getSpaceValue,\n  isHeadingElement,\n  renderWithSpacing,\n} from './utils'\n\nimport type { MediaQueryBreakpoints } from '../../shared/MediaQueryUtils'\nimport type { SpaceType } from '../space/types'\nimport type { UseMediaQueries } from '../../shared/useMedia'\nimport type { End, Start } from './types'\n\ntype Gap =\n  | false\n  | 'xx-small'\n  | 'x-small'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\n\nexport type BasicProps = {\n  direction?: 'horizontal' | 'vertical'\n  wrap?: boolean\n  rowGap?: 'small' | 'medium' | 'large' | boolean\n  sizeCount?: number\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  /** For when used as a flex item in an outer container in addition to being a container: */\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  /** When \"line-framed\" is used, a line will be shown between items and above the first and below the last item */\n  divider?: 'space' | 'line' | 'line-framed'\n  /** Spacing between items inside */\n  gap?: Gap\n  /** @deprecated Use `gap` instead */\n  spacing?: Gap\n  breakpoints?: MediaQueryBreakpoints\n  queries?: UseMediaQueries\n}\n\nexport type Props = BasicProps &\n  SpaceProps &\n  Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'ref' | 'wrap' | 'value' | 'label' | 'title' | 'placeholder'\n  >\n\nconst propNames: Array<keyof Props> = [\n  'direction',\n  'wrap',\n  'justify',\n  'align',\n  'divider',\n  'spacing',\n  'gap',\n]\n\nexport function pickFlexContainerProps<T extends Props>(\n  props: T,\n  defaults: Partial<Props> = {},\n  skip: Array<keyof Props> = []\n): Omit<Props, 'children'> {\n  return {\n    ...defaults,\n    ...Object.fromEntries(\n      Object.entries(props ?? {}).filter(\n        ([key]) =>\n          propNames.includes(key as keyof Props) &&\n          !skip.includes(key as keyof Props)\n      )\n    ),\n  }\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    style,\n    children,\n    element = 'div',\n    direction = 'horizontal',\n    wrap = true,\n    sizeCount = 12,\n    rowGap,\n    justify = 'flex-start',\n    align = 'flex-start',\n    alignSelf,\n    divider = 'space',\n    gap,\n    spacing: spacingProp,\n    breakpoints,\n    queries,\n    ...rest\n  } = props\n\n  const spacing = spacingProp ?? gap ?? 'small'\n\n  const childrenArray = wrapChildren(props, children)\n  const hasHeading = childrenArray.some((child, i) => {\n    const previousChild = childrenArray?.[i - 1]\n    return (\n      isHeadingElement(child) || (i > 0 && isHeadingElement(previousChild))\n    )\n  })\n  const hasSizeProp =\n    !hasHeading &&\n    direction === 'horizontal' &&\n    childrenArray.some((child) => child['props']?.size)\n\n  const { key: mediaKey } = useMedia({\n    disabled: !hasSizeProp,\n    breakpoints,\n    queries,\n  })\n\n  const content = childrenArray.map((child, i) => {\n    // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n    // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n    // and bottom when th\n    const isFirst = i === 0\n    const isLast = i >= childrenArray.length - 1\n    const previousChild = childrenArray?.[i - 1]\n    const isHeading = hasHeading && isHeadingElement(previousChild)\n\n    // Always set spacing between elements in the vertical layout on the top props, and 0 on bottom, to avoid\n    // having to divide spacing between both with smaller values.\n    const start: Start = direction === 'horizontal' ? 'left' : 'top'\n    const end: End = direction === 'horizontal' ? 'right' : 'bottom'\n    // const start: Start | End = direction === 'horizontal' ? 'right' : 'top'\n    // const end: Start | End = direction === 'horizontal' ? 'left' : 'bottom'\n    const endSpacing = 0\n    let startSpacing = null\n\n    if (\n      // No line above heading\n      !isHeading &&\n      ((divider === 'line' && !isFirst) || divider === 'line-framed')\n    ) {\n      const spaceAboveLine = getSpaceValue(end, previousChild) ?? spacing\n      startSpacing = (getSpaceValue(start, child) ??\n        gap ??\n        spacing) as SpaceType\n\n      return (\n        <React.Fragment key={`element-${i}`}>\n          <Hr\n            top={!isFirst ? spaceAboveLine : 0}\n            space={0}\n            className=\"dnb-flex-container__hr\"\n          />\n\n          {renderWithSpacing(child, {\n            space: { [start]: startSpacing, [end]: endSpacing },\n          })}\n\n          {divider === 'line-framed' && isLast && (\n            <Hr\n              top={spaceAboveLine}\n              space={0}\n              className=\"dnb-flex-container__hr\"\n            />\n          )}\n        </React.Fragment>\n      )\n    }\n\n    // No space above first element.\n    if (isFirst && direction !== 'horizontal') {\n      startSpacing = 0\n    } else {\n      // Since top space of current and bottom space of previous component is the same\n      startSpacing =\n        getSpaceValue(start, child) ??\n        getSpaceValue(end, previousChild) ??\n        gap ??\n        spacing\n    }\n\n    if (\n      React.isValidElement(previousChild) &&\n      previousChild?.type?.['_supportsSpacingProps'] === false\n    ) {\n      startSpacing = 0\n    }\n\n    const space =\n      direction === 'horizontal'\n        ? { [start]: endSpacing, [end]: startSpacing }\n        : { [start]: startSpacing, [end]: endSpacing }\n\n    return renderWithSpacing(child, {\n      key: child?.['key'] || `element-${i}`,\n      space,\n    })\n  })\n\n  const n = 'dnb-flex-container'\n  const getRowGapClass = useCallback(() => {\n    if (rowGap === false) {\n      return `${n}--row-gap-off`\n    }\n\n    if (\n      rowGap === true ||\n      (!rowGap && wrap && direction === 'horizontal')\n    ) {\n      return `${n}--row-gap-small`\n    }\n\n    if (hasSizeProp && spacing) {\n      return `${n}--row-gap-${spacing}`\n    }\n\n    if (rowGap) {\n      return `${n}--row-gap-${rowGap}`\n    }\n  }, [direction, hasSizeProp, rowGap, spacing, wrap])\n\n  const cn = classnames(\n    'dnb-flex-container',\n    direction && `${n}--direction-${direction}`,\n    justify && `${n}--justify-${justify}`,\n    align && `${n}--align-${align}`,\n    alignSelf && `${n}--align-self-${alignSelf}`,\n    spacing && `${n}--spacing-${spacing}`,\n    wrap && `${n}--wrap`,\n    getRowGapClass(),\n    hasSizeProp && `${n}--has-size`,\n    divider && `${n}--divider-${divider}`,\n    className\n  )\n\n  return (\n    <Space\n      element={element}\n      className={cn}\n      data-media-key={mediaKey}\n      style={\n        hasSizeProp\n          ? ({ '--sizeCount': sizeCount, ...style } as React.CSSProperties)\n          : style\n      }\n      {...rest}\n    >\n      {content}\n    </Space>\n  )\n}\n\nfunction wrapChildren(props: Props, children: React.ReactNode) {\n  return React.Children.toArray(children).map((child) => {\n    if (\n      React.isValidElement(child) &&\n      child.type['_supportsSpacingProps'] === 'children'\n    ) {\n      return React.cloneElement(\n        child,\n        child.props,\n        <FlexContainer {...props}>{child.props.children}</FlexContainer>\n      )\n    }\n\n    return child\n  })\n}\n\nFlexContainer._supportsSpacingProps = true\n\nexport default FlexContainer\n"],"mappings":"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"}
+{"version":3,"file":"Container.js","names":["React","useCallback","classnames","Space","Hr","useMedia","getSpaceValue","isHeadingElement","renderWithSpacing","propNames","pickFlexContainerProps","props","defaults","arguments","length","undefined","skip","_objectSpread","Object","fromEntries","entries","filter","_ref","key","includes","FlexContainer","_ref2","className","style","children","element","direction","wrap","sizeCount","rowGap","justify","align","alignSelf","divider","gap","spacing","spacingProp","breakpoints","queries","rest","_objectWithoutProperties","_excluded","childrenArray","wrapChildren","hasHeading","some","child","i","previousChild","hasSizeProp","_child$props","size","mediaKey","disabled","content","map","_previousChild$type","isFirst","isLast","isHeading","start","end","endSpacing","startSpacing","_getSpaceValue","_getSpaceValue2","spaceAboveLine","createElement","Fragment","top","space","_ref3","_getSpaceValue3","isValidElement","type","n","getRowGapClass","cn","_extends","Children","toArray","cloneElement","_supportsSpacingProps"],"sources":["../../../../src/components/flex/Container.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\nimport Space, { SpaceProps } from '../space/Space'\nimport { Hr } from '../../elements'\nimport useMedia from '../../shared/useMedia'\nimport {\n  getSpaceValue,\n  isHeadingElement,\n  renderWithSpacing,\n} from './utils'\n\nimport type { MediaQueryBreakpoints } from '../../shared/MediaQueryUtils'\nimport type { SpaceType } from '../space/types'\nimport type { UseMediaQueries } from '../../shared/useMedia'\nimport type { End, Start } from './types'\n\ntype Gap =\n  | false\n  | 'xx-small'\n  | 'x-small'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\n\nexport type BasicProps = {\n  direction?: 'horizontal' | 'vertical'\n  wrap?: boolean\n  rowGap?: 'small' | 'medium' | 'large' | boolean\n  sizeCount?: number\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  /** For when used as a flex item in an outer container in addition to being a container: */\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  /** When \"line-framed\" is used, a line will be shown between items and above the first and below the last item */\n  divider?: 'space' | 'line' | 'line-framed'\n  /** Spacing between items inside */\n  gap?: Gap\n  /** @deprecated Use `gap` instead */\n  spacing?: Gap\n  breakpoints?: MediaQueryBreakpoints\n  queries?: UseMediaQueries\n}\n\nexport type Props = BasicProps &\n  SpaceProps &\n  Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'ref' | 'wrap' | 'value' | 'label' | 'title' | 'placeholder'\n  >\n\nconst propNames: Array<keyof Props> = [\n  'direction',\n  'wrap',\n  'justify',\n  'align',\n  'divider',\n  'spacing',\n  'gap',\n]\n\nexport function pickFlexContainerProps<T extends Props>(\n  props: T,\n  defaults: Partial<Props> = {},\n  skip: Array<keyof Props> = []\n): Omit<Props, 'children'> {\n  return {\n    ...defaults,\n    ...Object.fromEntries(\n      Object.entries(props ?? {}).filter(\n        ([key]) =>\n          propNames.includes(key as keyof Props) &&\n          !skip.includes(key as keyof Props)\n      )\n    ),\n  }\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    style,\n    children,\n    element = 'div',\n    direction = 'horizontal',\n    wrap = true,\n    sizeCount = 12,\n    rowGap,\n    justify = 'flex-start',\n    align = 'flex-start',\n    alignSelf,\n    divider = 'space',\n    gap,\n    spacing: spacingProp,\n    breakpoints,\n    queries,\n    ...rest\n  } = props\n\n  const spacing = spacingProp ?? gap ?? 'small'\n\n  const childrenArray = wrapChildren(props, children)\n  const hasHeading = childrenArray.some((child, i) => {\n    const previousChild = childrenArray?.[i - 1]\n    return (\n      isHeadingElement(child) || (i > 0 && isHeadingElement(previousChild))\n    )\n  })\n  const hasSizeProp =\n    !hasHeading &&\n    direction === 'horizontal' &&\n    childrenArray.some((child) => child['props']?.size)\n\n  const { key: mediaKey } = useMedia({\n    disabled: !hasSizeProp,\n    breakpoints,\n    queries,\n  })\n\n  const content = childrenArray.map((child, i) => {\n    // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n    // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n    // and bottom when th\n    const isFirst = i === 0\n    const isLast = i >= childrenArray.length - 1\n    const previousChild = childrenArray?.[i - 1]\n    const isHeading = hasHeading && isHeadingElement(previousChild)\n\n    // Always set spacing between elements in the vertical layout on the top props, and 0 on bottom, to avoid\n    // having to divide spacing between both with smaller values.\n    const start: Start = direction === 'horizontal' ? 'left' : 'top'\n    const end: End = direction === 'horizontal' ? 'right' : 'bottom'\n    // const start: Start | End = direction === 'horizontal' ? 'right' : 'top'\n    // const end: Start | End = direction === 'horizontal' ? 'left' : 'bottom'\n    const endSpacing = 0\n    let startSpacing = null\n\n    if (\n      // No line above heading\n      !isHeading &&\n      ((divider === 'line' && !isFirst) || divider === 'line-framed')\n    ) {\n      const spaceAboveLine = getSpaceValue(end, previousChild) ?? spacing\n      startSpacing = (getSpaceValue(start, child) ?? spacing) as SpaceType\n\n      return (\n        <React.Fragment key={`element-${i}`}>\n          <Hr\n            top={!isFirst ? spaceAboveLine : 0}\n            space={0}\n            className=\"dnb-flex-container__hr\"\n          />\n\n          {renderWithSpacing(child, {\n            space: { [start]: startSpacing, [end]: endSpacing },\n          })}\n\n          {divider === 'line-framed' && isLast && (\n            <Hr\n              top={spaceAboveLine}\n              space={0}\n              className=\"dnb-flex-container__hr\"\n            />\n          )}\n        </React.Fragment>\n      )\n    }\n\n    // No space above first element.\n    if (isFirst && direction !== 'horizontal') {\n      startSpacing = 0\n    } else {\n      // Since top space of current and bottom space of previous component is the same\n      startSpacing =\n        getSpaceValue(start, child) ??\n        getSpaceValue(end, previousChild) ??\n        spacing\n    }\n\n    if (\n      React.isValidElement(previousChild) &&\n      previousChild?.type?.['_supportsSpacingProps'] === false\n    ) {\n      startSpacing = 0\n    }\n\n    const space =\n      direction === 'horizontal'\n        ? { [start]: endSpacing, [end]: startSpacing }\n        : { [start]: startSpacing, [end]: endSpacing }\n\n    return renderWithSpacing(child, {\n      key: child?.['key'] || `element-${i}`,\n      space,\n    })\n  })\n\n  const n = 'dnb-flex-container'\n  const getRowGapClass = useCallback(() => {\n    if (rowGap === false) {\n      return `${n}--row-gap-off`\n    }\n\n    if (\n      rowGap === true ||\n      (!rowGap && wrap && direction === 'horizontal')\n    ) {\n      return `${n}--row-gap-small`\n    }\n\n    if (hasSizeProp && spacing) {\n      return `${n}--row-gap-${spacing}`\n    }\n\n    if (rowGap) {\n      return `${n}--row-gap-${rowGap}`\n    }\n  }, [direction, hasSizeProp, rowGap, spacing, wrap])\n\n  const cn = classnames(\n    'dnb-flex-container',\n    direction && `${n}--direction-${direction}`,\n    justify && `${n}--justify-${justify}`,\n    align && `${n}--align-${align}`,\n    alignSelf && `${n}--align-self-${alignSelf}`,\n    spacing && `${n}--spacing-${spacing}`,\n    wrap && `${n}--wrap`,\n    getRowGapClass(),\n    hasSizeProp && `${n}--has-size`,\n    divider && `${n}--divider-${divider}`,\n    className\n  )\n\n  return (\n    <Space\n      element={element}\n      className={cn}\n      data-media-key={mediaKey}\n      style={\n        hasSizeProp\n          ? ({ '--sizeCount': sizeCount, ...style } as React.CSSProperties)\n          : style\n      }\n      {...rest}\n    >\n      {content}\n    </Space>\n  )\n}\n\nfunction wrapChildren(props: Props, children: React.ReactNode) {\n  return React.Children.toArray(children).map((child) => {\n    if (\n      React.isValidElement(child) &&\n      child.type['_supportsSpacingProps'] === 'children'\n    ) {\n      return React.cloneElement(\n        child,\n        child.props,\n        <FlexContainer {...props}>{child.props.children}</FlexContainer>\n      )\n    }\n\n    return child\n  })\n}\n\nFlexContainer._supportsSpacingProps = true\n\nexport default FlexContainer\n"],"mappings":"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"}

package/components/form-row/FormRow.js

@@ -11,7 +11,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { extend, extendPropsWithContextInClassComponent, isTrue, makeUniqueId, validateDOMAttributes } from '../../shared/component-helper';
+import { extendGracefully, extendPropsWithContextInClassComponent, isTrue, makeUniqueId, validateDOMAttributes } from '../../shared/component-helper';
 import AlignmentHelper from '../../shared/AlignmentHelper';
 import Context from '../../shared/Context';
 import FormLabel from '../form-label/FormLabel';
@@ -157,7 +157,7 @@ export default class FormRow extends React.PureComponent {
       disabled,
       skeleton
     };
-    const providerContext = extend(this.context, {
+    const providerContext = extendGracefully(this.context, {
       locale: locale ? locale : this.context.locale,
       formElement,
       FormRow: formElement

package/components/form-row/FormRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormRow.js","names":["React","PropTypes","classnames","extend","extendPropsWithContextInClassComponent","isTrue","makeUniqueId","validateDOMAttributes","AlignmentHelper","Context","FormLabel","Section","spacingPropTypes","createSpacingClasses","formRowPropTypes","_objectSpread","id","string","label","oneOfType","func","node","label_direction","oneOf","label_sr_only","bool","label_id","label_class","no_label","no_fieldset","locale","wrap","direction","vertical","centered","section_style","section_spacing","globalStatus","shape","message","responsive","disabled","skeleton","class","skipContentWrapperIfNested","className","children","formRowDefaultProps","FormRow","PureComponent","getContent","props","Array","isArray","reduce","pV","cV","type","name","push","constructor","_id","render","_this$context","_this$context2","_this$context3","_this$context3$FormRo","_this$context4","_this$context4$formEl","defaultProps","context","formElement","_className","_label","attributes","_objectWithoutProperties","_excluded","isNested","itsMeAgain","nestedLabel","hasLabel","length","params","useId","isIsUsed","providerContext","useFieldset","createElement","Provider","value","Fieldset","_extends","style_type","spacing","element","_AlignmentHelper","for_id","text","sr_only","_span","_defineProperty","process","env","NODE_ENV","propTypes","_ref","_excluded2","_supportsSpacingProps"],"sources":["../../../../src/components/form-row/FormRow.js"],"sourcesContent":["/**\n * Web FormRow Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  extend,\n  extendPropsWithContextInClassComponent,\n  isTrue,\n  makeUniqueId,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\n\nimport Context from '../../shared/Context'\nimport FormLabel from '../form-label/FormLabel'\nimport Section from '../section/Section'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\n\nexport const formRowPropTypes = {\n  id: PropTypes.string,\n  label: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n  label_direction: PropTypes.oneOf(['vertical', 'horizontal']),\n  label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  label_id: PropTypes.string,\n  label_class: PropTypes.string,\n  no_label: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  no_fieldset: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  locale: PropTypes.string,\n  wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  direction: PropTypes.oneOf(['vertical', 'horizontal']),\n  vertical: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  centered: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  section_style: PropTypes.string,\n  section_spacing: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  globalStatus: PropTypes.shape({\n    id: PropTypes.string,\n    message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  }),\n  responsive: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  class: PropTypes.string,\n\n  skipContentWrapperIfNested: 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\nexport const formRowDefaultProps = {\n  id: null,\n  label: null,\n  label_direction: null,\n  label_sr_only: null,\n  label_id: null,\n  label_class: null,\n  no_label: false,\n  no_fieldset: null,\n  locale: null,\n  wrap: null,\n  direction: null,\n  vertical: null,\n  centered: null,\n  section_style: null,\n  section_spacing: null,\n  globalStatus: null,\n  responsive: null,\n  disabled: null,\n  skeleton: null,\n  class: null,\n\n  skipContentWrapperIfNested: false,\n  className: null,\n  children: null,\n}\n\nexport default class FormRow extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    ...formRowPropTypes,\n  }\n\n  static defaultProps = {\n    ...formRowDefaultProps,\n  }\n\n  static getContent(props) {\n    let label = null\n    let children =\n      typeof props.children === 'function'\n        ? props.children(props)\n        : props.children\n\n    if (Array.isArray(props.children)) {\n      children = children.reduce((pV, cV) => {\n        if (cV && cV.type && cV.type.name === 'FormLabel') {\n          label = cV.props.children\n        } else {\n          pV.push(cV)\n        }\n        return pV\n      }, [])\n    }\n\n    return { label, children }\n  }\n\n  constructor(props) {\n    super(props)\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n\n    // We may consider to use this later to check if we are inside FormSet\n    // this.isInsideFormSet =\n    //   context.FormRow && context.FormRow.isInsideFormSet\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      FormRow.defaultProps,\n      this.context?.FormRow, // nested FormRow\n      this.context?.formElement // nested formElement\n    )\n\n    const {\n      label_direction,\n      label_sr_only,\n      label_id,\n      label_class,\n      no_fieldset,\n      no_label,\n      locale,\n      direction,\n      vertical,\n      centered,\n      section_style,\n      section_spacing,\n      globalStatus,\n      responsive,\n      disabled,\n      skeleton,\n      wrap,\n      className,\n      class: _className,\n      skipContentWrapperIfNested,\n\n      id: _id, // eslint-disable-line\n      label: _label, // eslint-disable-line\n\n      ...attributes\n    } = props\n\n    let { label } = props\n\n    const isNested =\n      this.context?.FormRow?.itsMeAgain ||\n      this.context?.formElement?.itsMeAgain\n\n    // in case we have a label already, we split this out and use this one instead\n    const { label: nestedLabel, children } = FormRow.getContent(this.props)\n    if (!label && nestedLabel) {\n      label = nestedLabel\n    }\n    const hasLabel =\n      (typeof label === 'string' && label.length > 0) || label\n        ? true\n        : false\n\n    const id = this._id\n    const params = {\n      className: classnames(\n        'dnb-form-row',\n        (isTrue(vertical) || direction) &&\n          `dnb-form-row--${isTrue(vertical) ? 'vertical' : direction}`,\n        (isTrue(vertical) || label_direction) &&\n          `dnb-form-row--${\n            isTrue(vertical) ? 'vertical' : label_direction\n          }-label`, // <-- has label\n        centered && 'dnb-form-row--centered',\n        isNested && 'dnb-form-row--nested',\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    const formElement = {\n      useId: () => {\n        if (this.isIsUsed) {\n          // make a new ID, as we used one\n          return makeUniqueId() // cause we need an id anyway\n        }\n        this.isIsUsed = true\n        return id\n      },\n      itsMeAgain: true,\n      hasLabel,\n      globalStatus,\n      direction,\n      vertical,\n      label_direction: isTrue(vertical) ? 'vertical' : label_direction,\n      responsive,\n      disabled,\n      skeleton,\n    }\n\n    const providerContext = extend(this.context, {\n      locale: locale ? locale : this.context.locale,\n      formElement,\n      FormRow: formElement,\n    })\n\n    const useFieldset = !isTrue(no_fieldset) && hasLabel\n\n    return (\n      <Context.Provider value={providerContext}>\n        <Fieldset useFieldset={useFieldset}>\n          <Section\n            style_type={section_style || 'transparent'}\n            spacing={section_spacing}\n            element=\"div\"\n            {...params}\n          >\n            <AlignmentHelper />\n\n            {label && (\n              <FormLabel\n                className={classnames('dnb-form-row__label', label_class)}\n                id={label_id ? label_id : id + '-label'}\n                for_id={useFieldset ? null : id} // we don't use for_id, because we don't have a single element to target to\n                text={label}\n                element={useFieldset ? 'legend' : 'label'}\n                label_direction={label_direction}\n                sr_only={label_sr_only}\n                disabled={disabled}\n                skeleton={skeleton}\n              />\n            )}\n\n            {isTrue(no_label) && (\n              <span\n                className=\"dnb-form-label dnb-form-row__label-dummy\"\n                aria-hidden\n              />\n            )}\n\n            {isNested && skipContentWrapperIfNested ? (\n              children\n            ) : (\n              <div\n                className={classnames(\n                  'dnb-form-row__content',\n                  isTrue(wrap) && 'dnb-form-row__content--wrap',\n                  label && !isTrue(vertical) && direction !== 'vertical',\n                  responsive && 'dnb-responsive-component'\n                )}\n              >\n                {children}\n              </div>\n            )}\n          </Section>\n        </Fieldset>\n      </Context.Provider>\n    )\n  }\n}\n\nconst Fieldset = ({\n  useFieldset,\n  children,\n  className = null,\n  ...props\n}) => {\n  if (useFieldset) {\n    return (\n      <fieldset\n        className={classnames('dnb-form-row__fieldset', className)}\n        {...props}\n      >\n        {children}\n      </fieldset>\n    )\n  }\n  return (\n    <div\n      className={classnames('dnb-form-row__fieldset', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n// docs (or use ptd): https://github.com/facebook/prop-types#usage\nFieldset.propTypes = {\n  children: PropTypes.node,\n  useFieldset: PropTypes.bool,\n  className: PropTypes.string,\n}\nFieldset.defaultProps = {\n  children: null,\n  useFieldset: false,\n  className: null,\n}\n\nFormRow._supportsSpacingProps = true\n"],"mappings":";;;;;;;;;;AAOA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EACNC,sCAAsC,EACtCC,MAAM,EACNC,YAAY,EACZC,qBAAqB,QAChB,+BAA+B;AACtC,OAAOC,eAAe,MAAM,8BAA8B;AAE1D,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,OAAO,MAAM,oBAAoB;AACxC,SACEC,gBAAgB,EAChBC,oBAAoB,QACf,wBAAwB;AAE/B,OAAO,MAAMC,gBAAgB,GAAAC,aAAA,CAAAA,aAAA;EAC3BC,EAAE,EAAEf,SAAS,CAACgB,MAAM;EACpBC,KAAK,EAAEjB,SAAS,CAACkB,SAAS,CAAC,CACzBlB,SAAS,CAACgB,MAAM,EAChBhB,SAAS,CAACmB,IAAI,EACdnB,SAAS,CAACoB,IAAI,CACf,CAAC;EACFC,eAAe,EAAErB,SAAS,CAACsB,KAAK,CAAC,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;EAC5DC,aAAa,EAAEvB,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACgB,MAAM,EAAEhB,SAAS,CAACwB,IAAI,CAAC,CAAC;EACtEC,QAAQ,EAAEzB,SAAS,CAACgB,MAAM;EAC1BU,WAAW,EAAE1B,SAAS,CAACgB,MAAM;EAC7BW,QAAQ,EAAE3B,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACgB,MAAM,EAAEhB,SAAS,CAACwB,IAAI,CAAC,CAAC;EACjEI,WAAW,EAAE5B,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACgB,MAAM,EAAEhB,SAAS,CAACwB,IAAI,CAAC,CAAC;EACpEK,MAAM,EAAE7B,SAAS,CAACgB,MAAM;EACxBc,IAAI,EAAE9B,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACgB,MAAM,EAAEhB,SAAS,CAACwB,IAAI,CAAC,CAAC;EAC7DO,SAAS,EAAE/B,SAAS,CAACsB,KAAK,CAAC,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;EACtDU,QAAQ,EAAEhC,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACgB,MAAM,EAAEhB,SAAS,CAACwB,IAAI,CAAC,CAAC;EACjES,QAAQ,EAAEjC,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACgB,MAAM,EAAEhB,SAAS,CAACwB,IAAI,CAAC,CAAC;EACjEU,aAAa,EAAElC,SAAS,CAACgB,MAAM;EAC/BmB,eAAe,EAAEnC,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACgB,MAAM,EAAEhB,SAAS,CAACwB,IAAI,CAAC,CAAC;EACxEY,YAAY,EAAEpC,SAAS,CAACqC,KAAK,CAAC;IAC5BtB,EAAE,EAAEf,SAAS,CAACgB,MAAM;IACpBsB,OAAO,EAAEtC,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACgB,MAAM,EAAEhB,SAAS,CAACoB,IAAI,CAAC;EACjE,CAAC,CAAC;EACFmB,UAAU,EAAEvC,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACgB,MAAM,EAAEhB,SAAS,CAACwB,IAAI,CAAC,CAAC;EACnEgB,QAAQ,EAAExC,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACgB,MAAM,EAAEhB,SAAS,CAACwB,IAAI,CAAC,CAAC;EACjEiB,QAAQ,EAAEzC,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACgB,MAAM,EAAEhB,SAAS,CAACwB,IAAI,CAAC,CAAC;EACjEkB,KAAK,EAAE1C,SAAS,CAACgB,MAAM;EAEvB2B,0BAA0B,EAAE3C,SAAS,CAACwB;AAAI,GAEvCb,gBAAgB;EAEnBiC,SAAS,EAAE5C,SAAS,CAACgB,MAAM;EAC3B6B,QAAQ,EAAE7C,SAAS,CAACkB,SAAS,CAAC,CAC5BlB,SAAS,CAACgB,MAAM,EAChBhB,SAAS,CAACmB,IAAI,EACdnB,SAAS,CAACoB,IAAI,CACf;AAAC,EACH;AAED,OAAO,MAAM0B,mBAAmB,GAAG;EACjC/B,EAAE,EAAE,IAAI;EACRE,KAAK,EAAE,IAAI;EACXI,eAAe,EAAE,IAAI;EACrBE,aAAa,EAAE,IAAI;EACnBE,QAAQ,EAAE,IAAI;EACdC,WAAW,EAAE,IAAI;EACjBC,QAAQ,EAAE,KAAK;EACfC,WAAW,EAAE,IAAI;EACjBC,MAAM,EAAE,IAAI;EACZC,IAAI,EAAE,IAAI;EACVC,SAAS,EAAE,IAAI;EACfC,QAAQ,EAAE,IAAI;EACdC,QAAQ,EAAE,IAAI;EACdC,aAAa,EAAE,IAAI;EACnBC,eAAe,EAAE,IAAI;EACrBC,YAAY,EAAE,IAAI;EAClBG,UAAU,EAAE,IAAI;EAChBC,QAAQ,EAAE,IAAI;EACdC,QAAQ,EAAE,IAAI;EACdC,KAAK,EAAE,IAAI;EAEXC,0BAA0B,EAAE,KAAK;EACjCC,SAAS,EAAE,IAAI;EACfC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAe,MAAME,OAAO,SAAShD,KAAK,CAACiD,aAAa,CAAC;EAWvD,OAAOC,UAAUA,CAACC,KAAK,EAAE;IACvB,IAAIjC,KAAK,GAAG,IAAI;IAChB,IAAI4B,QAAQ,GACV,OAAOK,KAAK,CAACL,QAAQ,KAAK,UAAU,GAChCK,KAAK,CAACL,QAAQ,CAACK,KAAK,CAAC,GACrBA,KAAK,CAACL,QAAQ;IAEpB,IAAIM,KAAK,CAACC,OAAO,CAACF,KAAK,CAACL,QAAQ,CAAC,EAAE;MACjCA,QAAQ,GAAGA,QAAQ,CAACQ,MAAM,CAAC,CAACC,EAAE,EAAEC,EAAE,KAAK;QACrC,IAAIA,EAAE,IAAIA,EAAE,CAACC,IAAI,IAAID,EAAE,CAACC,IAAI,CAACC,IAAI,KAAK,WAAW,EAAE;UACjDxC,KAAK,GAAGsC,EAAE,CAACL,KAAK,CAACL,QAAQ;QAC3B,CAAC,MAAM;UACLS,EAAE,CAACI,IAAI,CAACH,EAAE,CAAC;QACb;QACA,OAAOD,EAAE;MACX,CAAC,EAAE,EAAE,CAAC;IACR;IAEA,OAAO;MAAErC,KAAK;MAAE4B;IAAS,CAAC;EAC5B;EAEAc,WAAWA,CAACT,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACU,GAAG,GAAGV,KAAK,CAACnC,EAAE,IAAIV,YAAY,CAAC,CAAC;EAKvC;EAEAwD,MAAMA,CAAA,EAAG;IAAA,IAAAC,aAAA,EAAAC,cAAA,EAAAC,cAAA,EAAAC,qBAAA,EAAAC,cAAA,EAAAC,qBAAA;IAEP,MAAMjB,KAAK,GAAG/C,sCAAsC,CAClD,IAAI,CAAC+C,KAAK,EACVH,OAAO,CAACqB,YAAY,GAAAN,aAAA,GACpB,IAAI,CAACO,OAAO,cAAAP,aAAA,uBAAZA,aAAA,CAAcf,OAAO,GAAAgB,cAAA,GACrB,IAAI,CAACM,OAAO,cAAAN,cAAA,uBAAZA,cAAA,CAAcO,WAChB,CAAC;IAED,MAAM;QACJjD,eAAe;QACfE,aAAa;QACbE,QAAQ;QACRC,WAAW;QACXE,WAAW;QACXD,QAAQ;QACRE,MAAM;QACNE,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,aAAa;QACbC,eAAe;QACfC,YAAY;QACZG,UAAU;QACVC,QAAQ;QACRC,QAAQ;QACRX,IAAI;QACJc,SAAS;QACTF,KAAK,EAAE6B,UAAU;QACjB5B,0BAA0B;QAE1B5B,EAAE,EAAE6C,GAAG;QACP3C,KAAK,EAAEuD;MAGT,CAAC,GAAGtB,KAAK;MADJuB,UAAU,GAAAC,wBAAA,CACXxB,KAAK,EAAAyB,SAAA;IAET,IAAI;MAAE1D;IAAM,CAAC,GAAGiC,KAAK;IAErB,MAAM0B,QAAQ,GACZ,EAAAZ,cAAA,OAAI,CAACK,OAAO,cAAAL,cAAA,wBAAAC,qBAAA,GAAZD,cAAA,CAAcjB,OAAO,cAAAkB,qBAAA,uBAArBA,qBAAA,CAAuBY,UAAU,OAAAX,cAAA,GACjC,IAAI,CAACG,OAAO,cAAAH,cAAA,wBAAAC,qBAAA,GAAZD,cAAA,CAAcI,WAAW,cAAAH,qBAAA,uBAAzBA,qBAAA,CAA2BU,UAAU;IAGvC,MAAM;MAAE5D,KAAK,EAAE6D,WAAW;MAAEjC;IAAS,CAAC,GAAGE,OAAO,CAACE,UAAU,CAAC,IAAI,CAACC,KAAK,CAAC;IACvE,IAAI,CAACjC,KAAK,IAAI6D,WAAW,EAAE;MACzB7D,KAAK,GAAG6D,WAAW;IACrB;IACA,MAAMC,QAAQ,GACX,OAAO9D,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAAC+D,MAAM,GAAG,CAAC,IAAK/D,KAAK,GACpD,IAAI,GACJ,KAAK;IAEX,MAAMF,EAAE,GAAG,IAAI,CAAC6C,GAAG;IACnB,MAAMqB,MAAM,GAAAnE,aAAA;MACV8B,SAAS,EAAE3C,UAAU,CACnB,cAAc,EACd,CAACG,MAAM,CAAC4B,QAAQ,CAAC,IAAID,SAAS,KAC3B,iBAAgB3B,MAAM,CAAC4B,QAAQ,CAAC,GAAG,UAAU,GAAGD,SAAU,EAAC,EAC9D,CAAC3B,MAAM,CAAC4B,QAAQ,CAAC,IAAIX,eAAe,KACjC,iBACCjB,MAAM,CAAC4B,QAAQ,CAAC,GAAG,UAAU,GAAGX,eACjC,QAAO,EAGVT,oBAAoB,CAACsC,KAAK,CAAC,EAC3BN,SAAS,EACT2B,UAAU,EAJVtC,QAAQ,IAAI,wBAAwB,EACpC2C,QAAQ,IAAI,sBAId;IAAC,GACEH,UAAU,CACd;IAGDnE,qBAAqB,CAAC,IAAI,CAAC4C,KAAK,EAAE+B,MAAM,CAAC;IAEzC,MAAMX,WAAW,GAAG;MAClBY,KAAK,EAAEA,CAAA,KAAM;QACX,IAAI,IAAI,CAACC,QAAQ,EAAE;UAEjB,OAAO9E,YAAY,CAAC,CAAC;QACvB;QACA,IAAI,CAAC8E,QAAQ,GAAG,IAAI;QACpB,OAAOpE,EAAE;MACX,CAAC;MACD8D,UAAU,EAAE,IAAI;MAChBE,QAAQ;MACR3C,YAAY;MACZL,SAAS;MACTC,QAAQ;MACRX,eAAe,EAAEjB,MAAM,CAAC4B,QAAQ,CAAC,GAAG,UAAU,GAAGX,eAAe;MAChEkB,UAAU;MACVC,QAAQ;MACRC;IACF,CAAC;IAED,MAAM2C,eAAe,GAAGlF,MAAM,CAAC,IAAI,CAACmE,OAAO,EAAE;MAC3CxC,MAAM,EAAEA,MAAM,GAAGA,MAAM,GAAG,IAAI,CAACwC,OAAO,CAACxC,MAAM;MAC7CyC,WAAW;MACXvB,OAAO,EAAEuB;IACX,CAAC,CAAC;IAEF,MAAMe,WAAW,GAAG,CAACjF,MAAM,CAACwB,WAAW,CAAC,IAAImD,QAAQ;IAEpD,OACEhF,KAAA,CAAAuF,aAAA,CAAC9E,OAAO,CAAC+E,QAAQ;MAACC,KAAK,EAAEJ;IAAgB,GACvCrF,KAAA,CAAAuF,aAAA,CAACG,QAAQ;MAACJ,WAAW,EAAEA;IAAY,GACjCtF,KAAA,CAAAuF,aAAA,CAAC5E,OAAO,EAAAgF,QAAA;MACNC,UAAU,EAAEzD,aAAa,IAAI,aAAc;MAC3C0D,OAAO,EAAEzD,eAAgB;MACzB0D,OAAO,EAAC;IAAK,GACTZ,MAAM,GAAAa,gBAAA,KAAAA,gBAAA,GAEV/F,KAAA,CAAAuF,aAAA,CAAC/E,eAAe,MAAE,CAAC,GAElBU,KAAK,IACJlB,KAAA,CAAAuF,aAAA,CAAC7E,SAAS;MACRmC,SAAS,EAAE3C,UAAU,CAAC,qBAAqB,EAAEyB,WAAW,CAAE;MAC1DX,EAAE,EAAEU,QAAQ,GAAGA,QAAQ,GAAGV,EAAE,GAAG,QAAS;MACxCgF,MAAM,EAAEV,WAAW,GAAG,IAAI,GAAGtE,EAAG;MAChCiF,IAAI,EAAE/E,KAAM;MACZ4E,OAAO,EAAER,WAAW,GAAG,QAAQ,GAAG,OAAQ;MAC1ChE,eAAe,EAAEA,eAAgB;MACjC4E,OAAO,EAAE1E,aAAc;MACvBiB,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA;IAAS,CACpB,CACF,EAEArC,MAAM,CAACuB,QAAQ,CAAC,KAAAuE,KAAA,KAAAA,KAAA,GACfnG,KAAA,CAAAuF,aAAA;MACE1C,SAAS,EAAC,0CAA0C;MACpD;IAAW,CACZ,CAAC,EACH,EAEAgC,QAAQ,IAAIjC,0BAA0B,GACrCE,QAAQ,GAER9C,KAAA,CAAAuF,aAAA;MACE1C,SAAS,EAAE3C,UAAU,CACnB,uBAAuB,EACvBG,MAAM,CAAC0B,IAAI,CAAC,IAAI,6BAA6B,EAC7Cb,KAAK,IAAI,CAACb,MAAM,CAAC4B,QAAQ,CAAC,IAAID,SAAS,KAAK,UAAU,EACtDQ,UAAU,IAAI,0BAChB;IAAE,GAEDM,QACE,CAEA,CACD,CACM,CAAC;EAEvB;AACF;AAACsD,eAAA,CAnMoBpD,OAAO,iBACLvC,OAAO;AAAA2F,eAAA,CADTpD,OAAO,kBAAAjC,aAAA,KAQrBgC,mBAAmB;AAAAsD,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBARLvD,OAAO,CAGnBwD,SAAS,GAAAzF,aAAA,KACXD,gBAAgB;AAiMvB,MAAM4E,QAAQ,GAAGe,IAAA,IAKX;EAAA,IALY;MAChBnB,WAAW;MACXxC,QAAQ;MACRD,SAAS,GAAG;IAEd,CAAC,GAAA4D,IAAA;IADItD,KAAK,GAAAwB,wBAAA,CAAA8B,IAAA,EAAAC,UAAA;EAER,IAAIpB,WAAW,EAAE;IACf,OACEtF,KAAA,CAAAuF,aAAA,aAAAI,QAAA;MACE9C,SAAS,EAAE3C,UAAU,CAAC,wBAAwB,EAAE2C,SAAS;IAAE,GACvDM,KAAK,GAERL,QACO,CAAC;EAEf;EACA,OACE9C,KAAA,CAAAuF,aAAA,QAAAI,QAAA;IACE9C,SAAS,EAAE3C,UAAU,CAAC,wBAAwB,EAAE2C,SAAS;EAAE,GACvDM,KAAK,GAERL,QACE,CAAC;AAEV,CAAC;AAGDuD,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAAb,QAAQ,CAACc,SAAS,GAAG;EACnB1D,QAAQ,EAAE7C,SAAS,CAACoB,IAAI;EACxBiE,WAAW,EAAErF,SAAS,CAACwB,IAAI;EAC3BoB,SAAS,EAAE5C,SAAS,CAACgB;AACvB,CAAC;AACDyE,QAAQ,CAACrB,YAAY,GAAG;EACtBvB,QAAQ,EAAE,IAAI;EACdwC,WAAW,EAAE,KAAK;EAClBzC,SAAS,EAAE;AACb,CAAC;AAEDG,OAAO,CAAC2D,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"FormRow.js","names":["React","PropTypes","classnames","extendGracefully","extendPropsWithContextInClassComponent","isTrue","makeUniqueId","validateDOMAttributes","AlignmentHelper","Context","FormLabel","Section","spacingPropTypes","createSpacingClasses","formRowPropTypes","_objectSpread","id","string","label","oneOfType","func","node","label_direction","oneOf","label_sr_only","bool","label_id","label_class","no_label","no_fieldset","locale","wrap","direction","vertical","centered","section_style","section_spacing","globalStatus","shape","message","responsive","disabled","skeleton","class","skipContentWrapperIfNested","className","children","formRowDefaultProps","FormRow","PureComponent","getContent","props","Array","isArray","reduce","pV","cV","type","name","push","constructor","_id","render","_this$context","_this$context2","_this$context3","_this$context3$FormRo","_this$context4","_this$context4$formEl","defaultProps","context","formElement","_className","_label","attributes","_objectWithoutProperties","_excluded","isNested","itsMeAgain","nestedLabel","hasLabel","length","params","useId","isIsUsed","providerContext","useFieldset","createElement","Provider","value","Fieldset","_extends","style_type","spacing","element","_AlignmentHelper","for_id","text","sr_only","_span","_defineProperty","process","env","NODE_ENV","propTypes","_ref","_excluded2","_supportsSpacingProps"],"sources":["../../../../src/components/form-row/FormRow.js"],"sourcesContent":["/**\n * Web FormRow Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  extendGracefully,\n  extendPropsWithContextInClassComponent,\n  isTrue,\n  makeUniqueId,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\n\nimport Context from '../../shared/Context'\nimport FormLabel from '../form-label/FormLabel'\nimport Section from '../section/Section'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\n\nexport const formRowPropTypes = {\n  id: PropTypes.string,\n  label: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n  label_direction: PropTypes.oneOf(['vertical', 'horizontal']),\n  label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  label_id: PropTypes.string,\n  label_class: PropTypes.string,\n  no_label: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  no_fieldset: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  locale: PropTypes.string,\n  wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  direction: PropTypes.oneOf(['vertical', 'horizontal']),\n  vertical: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  centered: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  section_style: PropTypes.string,\n  section_spacing: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  globalStatus: PropTypes.shape({\n    id: PropTypes.string,\n    message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  }),\n  responsive: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  class: PropTypes.string,\n\n  skipContentWrapperIfNested: 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\nexport const formRowDefaultProps = {\n  id: null,\n  label: null,\n  label_direction: null,\n  label_sr_only: null,\n  label_id: null,\n  label_class: null,\n  no_label: false,\n  no_fieldset: null,\n  locale: null,\n  wrap: null,\n  direction: null,\n  vertical: null,\n  centered: null,\n  section_style: null,\n  section_spacing: null,\n  globalStatus: null,\n  responsive: null,\n  disabled: null,\n  skeleton: null,\n  class: null,\n\n  skipContentWrapperIfNested: false,\n  className: null,\n  children: null,\n}\n\nexport default class FormRow extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    ...formRowPropTypes,\n  }\n\n  static defaultProps = {\n    ...formRowDefaultProps,\n  }\n\n  static getContent(props) {\n    let label = null\n    let children =\n      typeof props.children === 'function'\n        ? props.children(props)\n        : props.children\n\n    if (Array.isArray(props.children)) {\n      children = children.reduce((pV, cV) => {\n        if (cV && cV.type && cV.type.name === 'FormLabel') {\n          label = cV.props.children\n        } else {\n          pV.push(cV)\n        }\n        return pV\n      }, [])\n    }\n\n    return { label, children }\n  }\n\n  constructor(props) {\n    super(props)\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n\n    // We may consider to use this later to check if we are inside FormSet\n    // this.isInsideFormSet =\n    //   context.FormRow && context.FormRow.isInsideFormSet\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      FormRow.defaultProps,\n      this.context?.FormRow, // nested FormRow\n      this.context?.formElement // nested formElement\n    )\n\n    const {\n      label_direction,\n      label_sr_only,\n      label_id,\n      label_class,\n      no_fieldset,\n      no_label,\n      locale,\n      direction,\n      vertical,\n      centered,\n      section_style,\n      section_spacing,\n      globalStatus,\n      responsive,\n      disabled,\n      skeleton,\n      wrap,\n      className,\n      class: _className,\n      skipContentWrapperIfNested,\n\n      id: _id, // eslint-disable-line\n      label: _label, // eslint-disable-line\n\n      ...attributes\n    } = props\n\n    let { label } = props\n\n    const isNested =\n      this.context?.FormRow?.itsMeAgain ||\n      this.context?.formElement?.itsMeAgain\n\n    // in case we have a label already, we split this out and use this one instead\n    const { label: nestedLabel, children } = FormRow.getContent(this.props)\n    if (!label && nestedLabel) {\n      label = nestedLabel\n    }\n    const hasLabel =\n      (typeof label === 'string' && label.length > 0) || label\n        ? true\n        : false\n\n    const id = this._id\n    const params = {\n      className: classnames(\n        'dnb-form-row',\n        (isTrue(vertical) || direction) &&\n          `dnb-form-row--${isTrue(vertical) ? 'vertical' : direction}`,\n        (isTrue(vertical) || label_direction) &&\n          `dnb-form-row--${\n            isTrue(vertical) ? 'vertical' : label_direction\n          }-label`, // <-- has label\n        centered && 'dnb-form-row--centered',\n        isNested && 'dnb-form-row--nested',\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    const formElement = {\n      useId: () => {\n        if (this.isIsUsed) {\n          // make a new ID, as we used one\n          return makeUniqueId() // cause we need an id anyway\n        }\n        this.isIsUsed = true\n        return id\n      },\n      itsMeAgain: true,\n      hasLabel,\n      globalStatus,\n      direction,\n      vertical,\n      label_direction: isTrue(vertical) ? 'vertical' : label_direction,\n      responsive,\n      disabled,\n      skeleton,\n    }\n\n    const providerContext = extendGracefully(this.context, {\n      locale: locale ? locale : this.context.locale,\n      formElement,\n      FormRow: formElement,\n    })\n\n    const useFieldset = !isTrue(no_fieldset) && hasLabel\n\n    return (\n      <Context.Provider value={providerContext}>\n        <Fieldset useFieldset={useFieldset}>\n          <Section\n            style_type={section_style || 'transparent'}\n            spacing={section_spacing}\n            element=\"div\"\n            {...params}\n          >\n            <AlignmentHelper />\n\n            {label && (\n              <FormLabel\n                className={classnames('dnb-form-row__label', label_class)}\n                id={label_id ? label_id : id + '-label'}\n                for_id={useFieldset ? null : id} // we don't use for_id, because we don't have a single element to target to\n                text={label}\n                element={useFieldset ? 'legend' : 'label'}\n                label_direction={label_direction}\n                sr_only={label_sr_only}\n                disabled={disabled}\n                skeleton={skeleton}\n              />\n            )}\n\n            {isTrue(no_label) && (\n              <span\n                className=\"dnb-form-label dnb-form-row__label-dummy\"\n                aria-hidden\n              />\n            )}\n\n            {isNested && skipContentWrapperIfNested ? (\n              children\n            ) : (\n              <div\n                className={classnames(\n                  'dnb-form-row__content',\n                  isTrue(wrap) && 'dnb-form-row__content--wrap',\n                  label && !isTrue(vertical) && direction !== 'vertical',\n                  responsive && 'dnb-responsive-component'\n                )}\n              >\n                {children}\n              </div>\n            )}\n          </Section>\n        </Fieldset>\n      </Context.Provider>\n    )\n  }\n}\n\nconst Fieldset = ({\n  useFieldset,\n  children,\n  className = null,\n  ...props\n}) => {\n  if (useFieldset) {\n    return (\n      <fieldset\n        className={classnames('dnb-form-row__fieldset', className)}\n        {...props}\n      >\n        {children}\n      </fieldset>\n    )\n  }\n  return (\n    <div\n      className={classnames('dnb-form-row__fieldset', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n// docs (or use ptd): https://github.com/facebook/prop-types#usage\nFieldset.propTypes = {\n  children: PropTypes.node,\n  useFieldset: PropTypes.bool,\n  className: PropTypes.string,\n}\nFieldset.defaultProps = {\n  children: null,\n  useFieldset: false,\n  className: null,\n}\n\nFormRow._supportsSpacingProps = true\n"],"mappings":"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"}

package/components/form-set/FormSet.js

@@ -8,7 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { isTrue, makeUniqueId, extend, extendPropsWithContextInClassComponent, validateDOMAttributes, processChildren, dispatchCustomElementEvent } from '../../shared/component-helper';
+import { isTrue, makeUniqueId, extendGracefully, extendPropsWithContextInClassComponent, validateDOMAttributes, processChildren, dispatchCustomElementEvent } from '../../shared/component-helper';
 import { createSpacingClasses } from '../space/SpacingHelper';
 import Context from '../../shared/Context';
 import { formRowDefaultProps, formRowPropTypes } from '../form-row/FormRow';
@@ -65,7 +65,7 @@ export default class FormSet extends React.PureComponent {
     }
     validateDOMAttributes(this.props, params);
     const content = FormSet.getContent(this.props);
-    const providerContext = extend(this.context, {
+    const providerContext = extendGracefully(this.context, {
       locale: locale ? locale : this.context.locale,
       FormRow: allowedProps
     });

package/components/form-set/FormSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSet.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extend","extendPropsWithContextInClassComponent","validateDOMAttributes","processChildren","dispatchCustomElementEvent","createSpacingClasses","Context","formRowDefaultProps","formRowPropTypes","FormSet","PureComponent","getContent","props","constructor","_defineProperty","event","prevent_submit","preventDefault","_id","id","render","defaultProps","context","element","locale","no_form","className","class","_className","rest","_objectWithoutProperties","_excluded","allowedProps","Object","entries","reduce","acc","_ref","k","v","attributes","_ref2","params","_objectSpread","onSubmit","onSubmitHandler","content","providerContext","FormRow","Element","createElement","Provider","value","disabled","skeleton","on_submit","process","env","NODE_ENV","propTypes","string","oneOfType","bool","func","_supportsSpacingProps"],"sources":["../../../../src/components/form-set/FormSet.js"],"sourcesContent":["/**\n * Web FormSet Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extend,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  processChildren,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Context from '../../shared/Context'\nimport { formRowDefaultProps, formRowPropTypes } from '../form-row/FormRow'\n\nexport default class FormSet extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    element: PropTypes.string,\n    no_form: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    prevent_submit: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n\n    ...formRowPropTypes,\n\n    on_submit: PropTypes.func,\n  }\n\n  static defaultProps = {\n    element: 'form',\n    no_form: false,\n    disabled: null,\n    skeleton: null,\n    prevent_submit: false,\n\n    on_submit: null,\n  }\n\n  static getContent(props) {\n    return processChildren(props)\n  }\n\n  constructor(props) {\n    super(props)\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n  }\n\n  onSubmitHandler = (event) => {\n    const { prevent_submit } = this.props\n    if (isTrue(prevent_submit)) {\n      event.preventDefault()\n    }\n    dispatchCustomElementEvent(this, 'on_submit', { event })\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      FormSet.defaultProps,\n      this.context.FormSet\n    )\n\n    const {\n      element,\n      locale,\n      no_form,\n      prevent_submit, // eslint-disable-line\n      id, // eslint-disable-line\n      className,\n      class: _className,\n\n      ...rest\n    } = props\n\n    const allowedProps = Object.entries(rest).reduce((acc, [k, v]) => {\n      if (\n        typeof formRowDefaultProps[k] !== 'undefined' &&\n        k !== 'id' &&\n        k !== 'children' &&\n        k !== 'label'\n      ) {\n        acc[k] = v\n      }\n      return acc\n    }, {})\n    const attributes = Object.entries(rest).reduce((acc, [k, v]) => {\n      if (typeof allowedProps[k] === 'undefined' && k !== 'children') {\n        acc[k] = v\n      }\n      return acc\n    }, {})\n\n    const params = {\n      className: classnames(\n        'dnb-form-set',\n        createSpacingClasses(this.props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    if (!isTrue(no_form)) {\n      params.onSubmit = this.onSubmitHandler\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    const content = FormSet.getContent(this.props)\n\n    const providerContext = extend(this.context, {\n      locale: locale ? locale : this.context.locale,\n      FormRow: allowedProps,\n      // isInsideFormSet: true // We may consider to use this later to check if we are inside FormSet\n    })\n\n    const Element = isTrue(no_form) ? 'div' : element\n\n    return (\n      <Context.Provider value={providerContext}>\n        <Element {...params}>{content}</Element>\n      </Context.Provider>\n    )\n  }\n}\n\nFormSet._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"FormSet.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extendGracefully","extendPropsWithContextInClassComponent","validateDOMAttributes","processChildren","dispatchCustomElementEvent","createSpacingClasses","Context","formRowDefaultProps","formRowPropTypes","FormSet","PureComponent","getContent","props","constructor","_defineProperty","event","prevent_submit","preventDefault","_id","id","render","defaultProps","context","element","locale","no_form","className","class","_className","rest","_objectWithoutProperties","_excluded","allowedProps","Object","entries","reduce","acc","_ref","k","v","attributes","_ref2","params","_objectSpread","onSubmit","onSubmitHandler","content","providerContext","FormRow","Element","createElement","Provider","value","disabled","skeleton","on_submit","process","env","NODE_ENV","propTypes","string","oneOfType","bool","func","_supportsSpacingProps"],"sources":["../../../../src/components/form-set/FormSet.js"],"sourcesContent":["/**\n * Web FormSet Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendGracefully,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  processChildren,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Context from '../../shared/Context'\nimport { formRowDefaultProps, formRowPropTypes } from '../form-row/FormRow'\n\nexport default class FormSet extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    element: PropTypes.string,\n    no_form: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    prevent_submit: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n\n    ...formRowPropTypes,\n\n    on_submit: PropTypes.func,\n  }\n\n  static defaultProps = {\n    element: 'form',\n    no_form: false,\n    disabled: null,\n    skeleton: null,\n    prevent_submit: false,\n\n    on_submit: null,\n  }\n\n  static getContent(props) {\n    return processChildren(props)\n  }\n\n  constructor(props) {\n    super(props)\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n  }\n\n  onSubmitHandler = (event) => {\n    const { prevent_submit } = this.props\n    if (isTrue(prevent_submit)) {\n      event.preventDefault()\n    }\n    dispatchCustomElementEvent(this, 'on_submit', { event })\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      FormSet.defaultProps,\n      this.context.FormSet\n    )\n\n    const {\n      element,\n      locale,\n      no_form,\n      prevent_submit, // eslint-disable-line\n      id, // eslint-disable-line\n      className,\n      class: _className,\n\n      ...rest\n    } = props\n\n    const allowedProps = Object.entries(rest).reduce((acc, [k, v]) => {\n      if (\n        typeof formRowDefaultProps[k] !== 'undefined' &&\n        k !== 'id' &&\n        k !== 'children' &&\n        k !== 'label'\n      ) {\n        acc[k] = v\n      }\n      return acc\n    }, {})\n    const attributes = Object.entries(rest).reduce((acc, [k, v]) => {\n      if (typeof allowedProps[k] === 'undefined' && k !== 'children') {\n        acc[k] = v\n      }\n      return acc\n    }, {})\n\n    const params = {\n      className: classnames(\n        'dnb-form-set',\n        createSpacingClasses(this.props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    if (!isTrue(no_form)) {\n      params.onSubmit = this.onSubmitHandler\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    const content = FormSet.getContent(this.props)\n\n    const providerContext = extendGracefully(this.context, {\n      locale: locale ? locale : this.context.locale,\n      FormRow: allowedProps,\n      // isInsideFormSet: true // We may consider to use this later to check if we are inside FormSet\n    })\n\n    const Element = isTrue(no_form) ? 'div' : element\n\n    return (\n      <Context.Provider value={providerContext}>\n        <Element {...params}>{content}</Element>\n      </Context.Provider>\n    )\n  }\n}\n\nFormSet._supportsSpacingProps = true\n"],"mappings":"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"}

package/components/form-status/FormStatus.d.ts

@@ -121,7 +121,6 @@ export interface InfoIconProps {
    * The `title` attribute in the status.
    */
   title?: string;
-  theme?: string;
 }
 export declare const InfoIcon: React.FC<InfoIconProps>;
 export interface MarketingIconProps {

package/components/form-status/FormStatus.js

@@ -3,14 +3,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _path, _path2, _path3, _path4, _path5, _path6, _circle, _path7, _path8;
 const _excluded = ["title", "state", "size", "variant", "className", "stretch", "shellSpace", "class", "text_id", "show", "no_animation", "label", "status_id", "globalStatus", "id", "text", "icon", "icon_size", "skeleton", "children", "role"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import Context from '../../shared/Context';
+import { useTheme, Context } from '../../shared';
 import { isTrue, makeUniqueId, validateDOMAttributes, processChildren, extendPropsWithContextInClassComponent } from '../../shared/component-helper';
 import HeightAnimation from '../height-animation/HeightAnimation';
 import { spacingPropTypes, createSpacingClasses } from '../space/SpacingHelper';
@@ -18,6 +17,12 @@ import Icon from '../icon/Icon';
 import GlobalStatusProvider from '../global-status/GlobalStatusProvider';
 import { skeletonDOMAttributes, createSkeletonClass } from '../skeleton/SkeletonHelper';
 import { pickFormElementProps } from '../../shared/helpers/filterValidProps';
+import ui from '../../style/themes/theme-ui/properties';
+import sbanken from '../../style/themes/theme-sbanken/properties';
+const properties = {
+  ui,
+  sbanken
+};
 export default class FormStatus extends React.PureComponent {
   static getContent(props) {
     if (props.text) {
@@ -43,8 +48,7 @@ export default class FormStatus extends React.PureComponent {
     let {
       state,
       icon,
-      icon_size,
-      theme
+      icon_size
     } = _ref;
     if (typeof icon !== 'string') {
       return icon;
@@ -68,8 +72,7 @@ export default class FormStatus extends React.PureComponent {
     return React.createElement(Icon, {
       icon: React.createElement(IconToLoad, {
         title: null,
-        state: state,
-        theme: theme
+        state: state
       }),
       size: icon_size,
       inherit_color: false
@@ -216,7 +219,6 @@ export default class FormStatus extends React.PureComponent {
     return isTrue(props.show) && FormStatus.getContent(props) ? true : false;
   }
   render() {
-    var _this$context, _this$context$theme;
     const props = this.getProps();
     const {
         title,
@@ -246,8 +248,7 @@ export default class FormStatus extends React.PureComponent {
     const iconToRender = FormStatus.getIcon({
       state,
       icon,
-      icon_size,
-      theme: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : (_this$context$theme = _this$context.theme) === null || _this$context$theme === void 0 ? void 0 : _this$context$theme.name
+      icon_size
     });
     const contentToRender = FormStatus.getContent(this.props);
     const hasStringContent = typeof contentToRender === 'string' && contentToRender.length > 0;
@@ -341,48 +342,60 @@ process.env.NODE_ENV !== "production" ? FormStatus.propTypes = _objectSpread(_ob
   className: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node])
 }) : void 0;
-export const ErrorIcon = props => React.createElement("svg", _extends({
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none"
-}, props), props && props.title && React.createElement("title", null, props.title), _path || (_path = React.createElement("path", {
-  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",
-  fill: "#DC2A2A"
-})), _path2 || (_path2 = React.createElement("path", {
-  d: "M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z",
-  fill: "#fff"
-})), _path3 || (_path3 = React.createElement("path", {
-  d: "M12 13.818v-5",
-  stroke: "#fff",
-  strokeWidth: "1.5",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-})));
+export const ErrorIcon = props => {
+  var _useTheme;
+  const isSbankenTheme = ((_useTheme = useTheme()) === null || _useTheme === void 0 ? void 0 : _useTheme.name) === 'sbanken';
+  const fill = isSbankenTheme ? properties.sbanken['--sb-color-magenta'] : properties.ui['--color-fire-red'];
+  const line = isSbankenTheme ? properties.sbanken['--sb-color-magenta-light-2'] : properties.ui['--color-white'];
+  return React.createElement("svg", _extends({
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), props && props.title && React.createElement("title", null, props.title), React.createElement("path", {
+    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",
+    fill: fill
+  }), React.createElement("path", {
+    d: "M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z",
+    fill: line
+  }), React.createElement("path", {
+    d: "M12 13.818v-5",
+    stroke: line,
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
 process.env.NODE_ENV !== "production" ? ErrorIcon.propTypes = {
   title: PropTypes.string
 } : void 0;
 ErrorIcon.defaultProps = {
   title: 'error'
 };
-export const WarnIcon = props => React.createElement("svg", _extends({
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none"
-}, props), props && props.title && React.createElement("title", null, props.title), _path4 || (_path4 = React.createElement("path", {
-  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",
-  fill: "#FDBB31"
-})), _path5 || (_path5 = React.createElement("path", {
-  d: "M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z",
-  fill: "#333"
-})), _path6 || (_path6 = React.createElement("path", {
-  d: "M12 13.818v-5",
-  stroke: "#333",
-  strokeWidth: "1.5",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-})));
+export const WarnIcon = props => {
+  var _useTheme2;
+  const isSbankenTheme = ((_useTheme2 = useTheme()) === null || _useTheme2 === void 0 ? void 0 : _useTheme2.name) === 'sbanken';
+  const fill = isSbankenTheme ? properties.sbanken['--sb-color-yellow-dark'] : properties.ui['--color-accent-yellow'];
+  const line = isSbankenTheme ? properties.sbanken['--sb-color-black'] : properties.ui['--color-black-80'];
+  return React.createElement("svg", _extends({
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), props && props.title && React.createElement("title", null, props.title), React.createElement("path", {
+    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",
+    fill: fill
+  }), React.createElement("path", {
+    d: "M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z",
+    fill: line
+  }), React.createElement("path", {
+    d: "M12 13.818v-5",
+    stroke: line,
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
 process.env.NODE_ENV !== "production" ? WarnIcon.propTypes = {
   title: PropTypes.string
 } : void 0;
@@ -390,11 +403,13 @@ WarnIcon.defaultProps = {
   title: 'error'
 };
 export const InfoIcon = props => {
-  const isSbankenTheme = props && (props === null || props === void 0 ? void 0 : props.theme) === 'sbanken';
-  let fill = isSbankenTheme ? '#000' : '#007272';
+  var _useTheme3;
+  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'];
   if (props && (props === null || props === void 0 ? void 0 : props.state) === 'success') {
-    fill = isSbankenTheme ? '#02A56A' : '#28B482';
+    fill = isSbankenTheme ? properties.sbanken['--sb-color-green-dark-3'] : properties.ui['--color-summer-green'];
   }
+  const line = isSbankenTheme ? properties.sbanken['--sb-color-green-light-2'] : properties.ui['--color-white'];
   return React.createElement("svg", _extends({
     width: "24",
     height: "24",
@@ -405,39 +420,42 @@ export const InfoIcon = props => {
     clipRule: "evenodd",
     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",
     fill: fill
-  }), _circle || (_circle = React.createElement("circle", {
+  }), React.createElement("circle", {
     cx: "11",
     cy: "6.5",
     r: ".5",
     fill: "#fff",
-    stroke: "#fff"
-  })), _path7 || (_path7 = React.createElement("path", {
+    stroke: line
+  }), React.createElement("path", {
     d: "M13.75 16H13a1.5 1.5 0 01-1.5-1.5v-3.75a.75.75 0 00-.75-.75H10",
-    stroke: "#fff",
+    stroke: line,
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  })));
+  }));
 };
 process.env.NODE_ENV !== "production" ? InfoIcon.propTypes = {
   title: PropTypes.string,
-  state: PropTypes.string,
-  theme: PropTypes.string
+  state: PropTypes.string
 } : void 0;
 InfoIcon.defaultProps = {
   title: 'info',
-  state: 'info',
-  theme: 'ui'
+  state: 'info'
+};
+export const MarketingIcon = props => {
+  var _useTheme4;
+  const isSbankenTheme = ((_useTheme4 = useTheme()) === null || _useTheme4 === void 0 ? void 0 : _useTheme4.name) === 'sbanken';
+  const fill = isSbankenTheme ? properties.sbanken['--sb-color-violet-light'] : properties.ui['--color-black-80'];
+  return React.createElement("svg", _extends({
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), props && props.title && React.createElement("title", null, props.title), React.createElement("path", {
+    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",
+    fill: fill
+  }));
 };
-export const MarketingIcon = props => React.createElement("svg", _extends({
-  width: "24",
-  height: "24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, props), props && props.title && React.createElement("title", null, props.title), _path8 || (_path8 = React.createElement("path", {
-  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",
-  fill: "#333"
-})));
 process.env.NODE_ENV !== "production" ? MarketingIcon.propTypes = {
   title: PropTypes.string
 } : void 0;