@dnb/eufemia 10.45.0 → 10.46.0

package/extensions/forms/ValueBlock/ValueBlock.js

@@ -50,12 +50,13 @@ function ValueBlock(props) {
   }
   let content = null;
   const compositionClass = composition && `dnb-forms-value-block__composition--${composition === true ? 'horizontal' : composition}`;
+  const defaultClass = `dnb-forms-value-block__content dnb-forms-value-block__content--gap-${gap === false ? 'none' : gap}`;
   if (summaryListContext) {
     const Item = summaryListContext.isNested ? Dl : summaryListContext.layout === 'horizontal' ? Dl.Item : Fragment;
     if (!label && valueBlockContext !== null && valueBlockContext !== void 0 && valueBlockContext.composition) {
       var _span;
       content = (_span = React.createElement("span", {
-        className: 'dnb-forms-value-block__content' + (gap ? ` dnb-forms-value-block__content--gap-${gap}` : "")
+        className: defaultClass
       }, children)) !== null && _span !== void 0 ? _span : React.createElement("span", {
         className: "dnb-forms-value-block__placeholder"
       }, placeholder);
@@ -69,7 +70,7 @@ function ValueBlock(props) {
       }, label && React.createElement("strong", null, label)), React.createElement(Dd, {
         className: classnames(compositionClass, summaryListContext.layout !== 'grid' && !summaryListContext.isNested && maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`)
       }, children ? React.createElement("span", {
-        className: 'dnb-forms-value-block__content' + (gap ? ` dnb-forms-value-block__content--gap-${gap}` : "")
+        className: defaultClass
       }, children) : React.createElement("span", {
         className: "dnb-forms-value-block__placeholder"
       }, placeholder))));
@@ -83,7 +84,7 @@ function ValueBlock(props) {
       className: "dnb-forms-value-block__label",
       labelDirection: inline ? 'horizontal' : 'vertical'
     }, label), children ? React.createElement("span", {
-      className: 'dnb-forms-value-block__content' + (gap ? ` dnb-forms-value-block__content--gap-${gap}` : "")
+      className: defaultClass
     }, children) : React.createElement("span", {
       className: "dnb-forms-value-block__placeholder"
     }, placeholder));

package/extensions/forms/ValueBlock/ValueBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueBlock.js","names":["React","Fragment","useContext","useEffect","useMemo","useRef","classnames","warn","Dd","Dl","Dt","Span","FormLabel","SummaryListContext","ValueBlockContext","DataContext","pickSpacingProps","IterateElementContext","convertJsxToString","ValueBlock","props","summaryListContext","valueBlockContext","dataContext","iterateItemContext","index","iterateIndex","className","label","labelProp","inline","maxWidth","composition","placeholder","showEmpty","children","gap","undefined","replace","String","ref","useNotInSummaryList","prerenderFieldProps","content","compositionClass","Item","isNested","layout","_span","createElement","Provider","value","_objectSpread","_extends","element","labelDirection","current","sibling","previousElementSibling","classList","contains","closest","apply","filter","Boolean","error","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { warn } from '../../../shared/helpers'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from './ValueBlockContext'\nimport DataContext from '../DataContext/Context'\nimport { ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport IterateElementContext from '../Iterate/IterateItemContext'\nimport { convertJsxToString } from '../../../shared/component-helper'\n\n/**\n * Props are documented in ValueDocs.ts\n */\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  children?: React.ReactNode\n\n  /**\n   * Used internally by the Composition component\n   */\n  composition?: boolean\n\n  /**\n   * Used internally by the Composition component\n   */\n  gap?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | false\n}\n\nfunction ValueBlock(props: Props) {\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const dataContext = useContext(DataContext)\n  const iterateItemContext = useContext(IterateElementContext)\n  const { index: iterateIndex } = iterateItemContext ?? {}\n\n  const {\n    className,\n    label: labelProp,\n    inline,\n    maxWidth = props.composition ? props.maxWidth : 'large',\n    placeholder,\n    showEmpty,\n    children,\n    composition,\n    gap = 'xx-small',\n  } = props\n\n  const label = useMemo(() => {\n    if (inline) {\n      return null\n    }\n    if (iterateIndex !== undefined) {\n      return convertJsxToString(labelProp).replace(\n        '{itemNr}',\n        String(iterateIndex + 1)\n      )\n    }\n    return labelProp\n  }, [inline, iterateIndex, labelProp])\n\n  const ref = useRef<HTMLElement>(null)\n  useNotInSummaryList(valueBlockContext?.composition ? null : ref, label)\n\n  if (\n    ((children === undefined || children === null || children === false) &&\n      !showEmpty &&\n      !placeholder) ||\n    dataContext?.prerenderFieldProps\n  ) {\n    return null\n  }\n\n  let content = null\n\n  const compositionClass =\n    composition &&\n    classnames(\n      `dnb-forms-value-block__composition--${\n        composition === true ? 'horizontal' : composition\n      }`\n    )\n\n  if (summaryListContext) {\n    const Item = summaryListContext.isNested\n      ? Dl\n      : summaryListContext.layout === 'horizontal'\n      ? Dl.Item\n      : Fragment\n\n    if (!label && valueBlockContext?.composition) {\n      content = (\n        <span\n          className={classnames(\n            'dnb-forms-value-block__content',\n            gap && `dnb-forms-value-block__content--gap-${gap}`\n          )}\n        >\n          {children}\n        </span>\n      ) ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )\n    } else {\n      content = (\n        <SummaryListContext.Provider\n          value={{ ...summaryListContext, isNested: true }}\n        >\n          <Item>\n            <Dt className=\"dnb-forms-value-block__label\">\n              {label && <strong>{label}</strong>}\n            </Dt>\n            <Dd\n              className={classnames(\n                summaryListContext.layout !== 'grid' &&\n                  !summaryListContext.isNested &&\n                  maxWidth &&\n                  `dnb-forms-value-block--max-width-${maxWidth}`,\n                compositionClass\n              )}\n            >\n              {children ? (\n                <span\n                  className={classnames(\n                    'dnb-forms-value-block__content',\n                    gap && `dnb-forms-value-block__content--gap-${gap}`\n                  )}\n                >\n                  {children}\n                </span>\n              ) : (\n                <span className=\"dnb-forms-value-block__placeholder\">\n                  {placeholder}\n                </span>\n              )}\n            </Dd>\n          </Item>\n        </SummaryListContext.Provider>\n      )\n    }\n  } else {\n    content = (\n      <Span\n        ref={ref}\n        className={classnames(\n          'dnb-forms-value-block',\n          inline && 'dnb-forms-value-block--inline',\n          maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`,\n          compositionClass,\n          className\n        )}\n        {...pickSpacingProps(props)}\n      >\n        {label && (\n          <FormLabel\n            element=\"strong\" // enhance a11y: https://www.w3.org/WAI/WCAG21/Techniques/html/H49\n            className=\"dnb-forms-value-block__label\"\n            labelDirection={inline ? 'horizontal' : 'vertical'}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {children ? (\n          <span\n            className={classnames(\n              'dnb-forms-value-block__content',\n              gap && `dnb-forms-value-block__content--gap-${gap}`\n            )}\n          >\n            {children}\n          </span>\n        ) : (\n          <span className=\"dnb-forms-value-block__placeholder\">\n            {placeholder}\n          </span>\n        )}\n      </Span>\n    )\n  }\n\n  return (\n    <ValueBlockContext.Provider value={props}>\n      {content}\n    </ValueBlockContext.Provider>\n  )\n}\n\nfunction useNotInSummaryList(\n  ref: React.RefObject<HTMLElement>,\n  label?: React.ReactNode\n) {\n  useEffect(() => {\n    if (ref?.current) {\n      try {\n        const sibling = ref.current.previousElementSibling\n\n        if (\n          sibling?.classList.contains('dnb-forms-value-block') &&\n          !ref.current.closest('.dnb-forms-summary-list')\n        ) {\n          warn.apply(\n            warn,\n            [\n              'Value components as siblings should be wrapped inside a Value.SummaryList!',\n              label,\n            ].filter(Boolean)\n          )\n        }\n      } catch (error) {\n        //\n      }\n    }\n  }, [label, ref])\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n"],"mappings":"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"}
+{"version":3,"file":"ValueBlock.js","names":["React","Fragment","useContext","useEffect","useMemo","useRef","classnames","warn","Dd","Dl","Dt","Span","FormLabel","SummaryListContext","ValueBlockContext","DataContext","pickSpacingProps","IterateElementContext","convertJsxToString","ValueBlock","props","summaryListContext","valueBlockContext","dataContext","iterateItemContext","index","iterateIndex","className","label","labelProp","inline","maxWidth","composition","placeholder","showEmpty","children","gap","undefined","replace","String","ref","useNotInSummaryList","prerenderFieldProps","content","compositionClass","defaultClass","Item","isNested","layout","_span","createElement","Provider","value","_objectSpread","_extends","element","labelDirection","current","sibling","previousElementSibling","classList","contains","closest","apply","filter","Boolean","error","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { warn } from '../../../shared/helpers'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from './ValueBlockContext'\nimport DataContext from '../DataContext/Context'\nimport { ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport IterateElementContext from '../Iterate/IterateItemContext'\nimport { convertJsxToString } from '../../../shared/component-helper'\n\n/**\n * Props are documented in ValueDocs.ts\n */\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  children?: React.ReactNode\n\n  /**\n   * Used internally by the Composition component\n   */\n  composition?: boolean\n\n  /**\n   * Used internally by the Composition component\n   */\n  gap?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | false\n}\n\nfunction ValueBlock(props: Props) {\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const dataContext = useContext(DataContext)\n  const iterateItemContext = useContext(IterateElementContext)\n  const { index: iterateIndex } = iterateItemContext ?? {}\n\n  const {\n    className,\n    label: labelProp,\n    inline,\n    maxWidth = props.composition ? props.maxWidth : 'large',\n    placeholder,\n    showEmpty,\n    children,\n    composition,\n    gap = 'xx-small',\n  } = props\n\n  const label = useMemo(() => {\n    if (inline) {\n      return null\n    }\n    if (iterateIndex !== undefined) {\n      return convertJsxToString(labelProp).replace(\n        '{itemNr}',\n        String(iterateIndex + 1)\n      )\n    }\n    return labelProp\n  }, [inline, iterateIndex, labelProp])\n\n  const ref = useRef<HTMLElement>(null)\n  useNotInSummaryList(valueBlockContext?.composition ? null : ref, label)\n\n  if (\n    ((children === undefined || children === null || children === false) &&\n      !showEmpty &&\n      !placeholder) ||\n    dataContext?.prerenderFieldProps\n  ) {\n    return null\n  }\n\n  let content = null\n\n  const compositionClass =\n    composition &&\n    classnames(\n      `dnb-forms-value-block__composition--${\n        composition === true ? 'horizontal' : composition\n      }`\n    )\n  const defaultClass = classnames(\n    'dnb-forms-value-block__content',\n    `dnb-forms-value-block__content--gap-${gap === false ? 'none' : gap}`\n  )\n\n  if (summaryListContext) {\n    const Item = summaryListContext.isNested\n      ? Dl\n      : summaryListContext.layout === 'horizontal'\n      ? Dl.Item\n      : Fragment\n\n    if (!label && valueBlockContext?.composition) {\n      content = <span className={defaultClass}>{children}</span> ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )\n    } else {\n      content = (\n        <SummaryListContext.Provider\n          value={{ ...summaryListContext, isNested: true }}\n        >\n          <Item>\n            <Dt className=\"dnb-forms-value-block__label\">\n              {label && <strong>{label}</strong>}\n            </Dt>\n            <Dd\n              className={classnames(\n                summaryListContext.layout !== 'grid' &&\n                  !summaryListContext.isNested &&\n                  maxWidth &&\n                  `dnb-forms-value-block--max-width-${maxWidth}`,\n                compositionClass\n              )}\n            >\n              {children ? (\n                <span className={defaultClass}>{children}</span>\n              ) : (\n                <span className=\"dnb-forms-value-block__placeholder\">\n                  {placeholder}\n                </span>\n              )}\n            </Dd>\n          </Item>\n        </SummaryListContext.Provider>\n      )\n    }\n  } else {\n    content = (\n      <Span\n        ref={ref}\n        className={classnames(\n          'dnb-forms-value-block',\n          inline && 'dnb-forms-value-block--inline',\n          maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`,\n          compositionClass,\n          className\n        )}\n        {...pickSpacingProps(props)}\n      >\n        {label && (\n          <FormLabel\n            element=\"strong\" // enhance a11y: https://www.w3.org/WAI/WCAG21/Techniques/html/H49\n            className=\"dnb-forms-value-block__label\"\n            labelDirection={inline ? 'horizontal' : 'vertical'}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {children ? (\n          <span className={defaultClass}>{children}</span>\n        ) : (\n          <span className=\"dnb-forms-value-block__placeholder\">\n            {placeholder}\n          </span>\n        )}\n      </Span>\n    )\n  }\n\n  return (\n    <ValueBlockContext.Provider value={props}>\n      {content}\n    </ValueBlockContext.Provider>\n  )\n}\n\nfunction useNotInSummaryList(\n  ref: React.RefObject<HTMLElement>,\n  label?: React.ReactNode\n) {\n  useEffect(() => {\n    if (ref?.current) {\n      try {\n        const sibling = ref.current.previousElementSibling\n\n        if (\n          sibling?.classList.contains('dnb-forms-value-block') &&\n          !ref.current.closest('.dnb-forms-summary-list')\n        ) {\n          warn.apply(\n            warn,\n            [\n              'Value components as siblings should be wrapped inside a Value.SummaryList!',\n              label,\n            ].filter(Boolean)\n          )\n        }\n      } catch (error) {\n        //\n      }\n    }\n  }, [label, ref])\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n"],"mappings":"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"}

package/extensions/forms/ValueBlock/style/dnb-value-block.css

@@ -55,6 +55,9 @@
   /* stylelint-disable */
   /* stylelint-enable */
 }
+.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none {
+  --column-gap: 0;
+}
 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small {
   --column-gap: var(--spacing-xx-small);
 }

package/extensions/forms/ValueBlock/style/dnb-value-block.min.css

@@ -1 +1 @@
-@charset "UTF-8";.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}
+@charset "UTF-8";.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}

package/extensions/forms/ValueBlock/style/dnb-value-block.scss

@@ -67,6 +67,9 @@
     row-gap: var(--row-gap, var(--spacing-medium));
     column-gap: var(--column-gap, 0);
 
+    &--gap-none {
+      --column-gap: 0;
+    }
     &--gap-xx-small {
       --column-gap: var(--spacing-xx-small);
     }

package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js

@@ -66,7 +66,8 @@ function EditContent(_ref2) {
     defaultValue: 1,
     minimum: 1,
     maximum: 20,
-    showStepControls: true
+    showStepControls: true,
+    decimalLimit: 0
   }), React.createElement(Iterate.Array, {
     countPath: "/countChildren",
     countPathTransform: transformAgeItem,
@@ -81,11 +82,10 @@ function EditContent(_ref2) {
       required: tr.ChildrenWithAge.childrenAge.required
     },
     placeholder: "0",
-    startWith: -1,
     width: "small",
     minimum: 0,
-    maximum: 100,
-    showStepControls: true
+    maximum: 17,
+    decimalLimit: 0
   }), React.createElement(Form.Visibility, {
     pathTrue: "/hasJointResponsibility"
   }, React.createElement(Field.Boolean, {

package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildrenWithAge.js","names":["React","Field","Form","Iterate","Value","Wizard","Card","Lead","translations","ChildrenWithAge","_ref","mode","enableAdditionalQuestions","toWizardStep","props","_objectWithoutProperties","_excluded","createElement","Section","_extends","required","Summary","EditContent","_ref2","tr","useTranslation","stack","hasChildren","title","Boolean","path","label","fieldLabel","variant","defaultValue","errorMessages","Visibility","pathTrue","animate","includes","hasJointResponsibility","usesDaycare","Number","countChildren","minimum","width","maximum","showStepControls","Array","countPath","countPathTransform","transformAgeItem","countPathLimit","Composition","childrenAge","align","itemPath","placeholder","startWith","confirmJointResponsibility","hasDaycare","_ref3","SummaryList","valueVale","suffix","gap","inline","trueText","jointResponsibilityTrue","falseText","jointResponsibilityFalse","daycareTrue","daycareFalse","EditButton","toStep","_ref4","value","Object","prototype","hasOwnProperty","call","age","undefined","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form, Iterate, Value, Wizard } from '../..'\nimport { Card } from '../../../../components'\nimport { Lead } from '../../../../elements'\nimport { Translation, translations } from './ChildrenWithAgeTranslations'\nimport type { SectionProps } from '../../Form/Section'\n\ntype Mode = 'edit' | 'summary'\ntype Variant = Array<'joint-responsibility' | 'daycare'>\n\nexport type Props = SectionProps & {\n  mode?: Mode\n  enableAdditionalQuestions?: Variant\n  toWizardStep?: number\n}\n\nexport default function ChildrenWithAge({\n  mode,\n  enableAdditionalQuestions,\n  toWizardStep,\n  ...props\n}: Props) {\n  return (\n    <Form.Section translations={translations} required {...props}>\n      {mode === 'summary' ? (\n        <Summary toWizardStep={toWizardStep} />\n      ) : (\n        <EditContent\n          enableAdditionalQuestions={enableAdditionalQuestions}\n        />\n      )}\n    </Form.Section>\n  )\n}\n\nfunction EditContent({ enableAdditionalQuestions }: Props) {\n  const tr = Form.useTranslation<Translation>()\n\n  return (\n    <Card stack>\n      <Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>\n\n      <Field.Boolean\n        path=\"/hasChildren\"\n        label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n        variant=\"buttons\"\n        defaultValue={false}\n        errorMessages={{\n          required: tr.ChildrenWithAge.hasChildren.required,\n        }}\n      />\n\n      <Form.Visibility pathTrue=\"/hasChildren\" animate>\n        {enableAdditionalQuestions?.includes('joint-responsibility') && (\n          <Field.Boolean\n            path=\"/hasJointResponsibility\"\n            label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            variant=\"buttons\"\n            defaultValue={false}\n            errorMessages={{\n              required: tr.ChildrenWithAge.hasChildren.required,\n            }}\n          />\n        )}\n\n        {enableAdditionalQuestions?.includes('daycare') && (\n          <Field.Boolean\n            path=\"/usesDaycare\"\n            label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n            variant=\"buttons\"\n            defaultValue={false}\n            errorMessages={{\n              required: tr.ChildrenWithAge.usesDaycare.required,\n            }}\n          />\n        )}\n\n        <Field.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.fieldLabel}\n          errorMessages={{\n            minimum: tr.ChildrenWithAge.countChildren.required,\n          }}\n          width=\"small\"\n          defaultValue={1}\n          minimum={1}\n          maximum={20}\n          showStepControls\n        />\n\n        <Iterate.Array\n          countPath=\"/countChildren\"\n          countPathTransform={transformAgeItem}\n          countPathLimit={20}\n          path=\"/children\"\n        >\n          <Field.Composition\n            label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n            align=\"center\"\n          >\n            <Field.Number\n              itemPath=\"/age\"\n              errorMessages={{\n                required: tr.ChildrenWithAge.childrenAge.required,\n              }}\n              placeholder=\"0\"\n              startWith={-1}\n              width=\"small\"\n              minimum={0}\n              maximum={100}\n              showStepControls\n            />\n\n            <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n              <Field.Boolean\n                itemPath=\"/jointResponsibility\"\n                defaultValue={false}\n                label={\n                  tr.ChildrenWithAge.confirmJointResponsibility.fieldLabel\n                }\n              />\n            </Form.Visibility>\n\n            <Form.Visibility pathTrue=\"/usesDaycare\">\n              <Field.Boolean\n                itemPath=\"/hasDaycare\"\n                defaultValue={false}\n                label={tr.ChildrenWithAge.hasDaycare.fieldLabel}\n              />\n            </Form.Visibility>\n          </Field.Composition>\n        </Iterate.Array>\n      </Form.Visibility>\n    </Card>\n  )\n}\n\nfunction Summary({ toWizardStep }: Props) {\n  const tr = Form.useTranslation<Translation>()\n  return (\n    <Card stack>\n      <Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>\n\n      <Value.SummaryList>\n        <Value.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.valueVale}\n          defaultValue={0}\n          suffix={tr.ChildrenWithAge.countChildren.suffix}\n          maximum={20}\n        />\n\n        <Form.Visibility pathTrue=\"/hasChildren\">\n          <Iterate.Array path=\"/children\">\n            <Value.Composition\n              label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n              gap={false}\n            >\n              <Value.Number\n                itemPath=\"/age\"\n                suffix={tr.ChildrenWithAge.childrenAge.suffix}\n                defaultValue=\"–\"\n              />\n\n              <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n                {', '}\n                <Value.Boolean\n                  inline\n                  itemPath=\"/jointResponsibility\"\n                  trueText={tr.ChildrenWithAge.jointResponsibilityTrue}\n                  falseText={tr.ChildrenWithAge.jointResponsibilityFalse}\n                  defaultValue={false}\n                />\n              </Form.Visibility>\n\n              <Form.Visibility pathTrue=\"/usesDaycare\">\n                {', '}\n                <Value.Boolean\n                  inline\n                  itemPath=\"/hasDaycare\"\n                  trueText={tr.ChildrenWithAge.daycareTrue}\n                  falseText={tr.ChildrenWithAge.daycareFalse}\n                  defaultValue={false}\n                />\n              </Form.Visibility>\n            </Value.Composition>\n          </Iterate.Array>\n        </Form.Visibility>\n      </Value.SummaryList>\n\n      {typeof toWizardStep === 'number' ? (\n        <Wizard.EditButton toStep={toWizardStep} />\n      ) : null}\n    </Card>\n  )\n}\n\nconst transformAgeItem = ({ value }) =>\n  Object.prototype.hasOwnProperty.call(value || {}, 'age')\n    ? value\n    : { age: undefined }\n\nChildrenWithAge._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"ChildrenWithAge.js","names":["React","Field","Form","Iterate","Value","Wizard","Card","Lead","translations","ChildrenWithAge","_ref","mode","enableAdditionalQuestions","toWizardStep","props","_objectWithoutProperties","_excluded","createElement","Section","_extends","required","Summary","EditContent","_ref2","tr","useTranslation","stack","hasChildren","title","Boolean","path","label","fieldLabel","variant","defaultValue","errorMessages","Visibility","pathTrue","animate","includes","hasJointResponsibility","usesDaycare","Number","countChildren","minimum","width","maximum","showStepControls","decimalLimit","Array","countPath","countPathTransform","transformAgeItem","countPathLimit","Composition","childrenAge","align","itemPath","placeholder","confirmJointResponsibility","hasDaycare","_ref3","SummaryList","valueVale","suffix","gap","inline","trueText","jointResponsibilityTrue","falseText","jointResponsibilityFalse","daycareTrue","daycareFalse","EditButton","toStep","_ref4","value","Object","prototype","hasOwnProperty","call","age","undefined","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.tsx"],"sourcesContent":["import React from 'react'\nimport { Field, Form, Iterate, Value, Wizard } from '../..'\nimport { Card } from '../../../../components'\nimport { Lead } from '../../../../elements'\nimport { Translation, translations } from './ChildrenWithAgeTranslations'\nimport type { SectionProps } from '../../Form/Section'\n\ntype Mode = 'edit' | 'summary'\ntype Variant = Array<'joint-responsibility' | 'daycare'>\n\nexport type Props = SectionProps & {\n  mode?: Mode\n  enableAdditionalQuestions?: Variant\n  toWizardStep?: number\n}\n\nexport default function ChildrenWithAge({\n  mode,\n  enableAdditionalQuestions,\n  toWizardStep,\n  ...props\n}: Props) {\n  return (\n    <Form.Section translations={translations} required {...props}>\n      {mode === 'summary' ? (\n        <Summary toWizardStep={toWizardStep} />\n      ) : (\n        <EditContent\n          enableAdditionalQuestions={enableAdditionalQuestions}\n        />\n      )}\n    </Form.Section>\n  )\n}\n\nfunction EditContent({ enableAdditionalQuestions }: Props) {\n  const tr = Form.useTranslation<Translation>()\n\n  return (\n    <Card stack>\n      <Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>\n\n      <Field.Boolean\n        path=\"/hasChildren\"\n        label={tr.ChildrenWithAge.hasChildren.fieldLabel}\n        variant=\"buttons\"\n        defaultValue={false}\n        errorMessages={{\n          required: tr.ChildrenWithAge.hasChildren.required,\n        }}\n      />\n\n      <Form.Visibility pathTrue=\"/hasChildren\" animate>\n        {enableAdditionalQuestions?.includes('joint-responsibility') && (\n          <Field.Boolean\n            path=\"/hasJointResponsibility\"\n            label={tr.ChildrenWithAge.hasJointResponsibility.fieldLabel}\n            variant=\"buttons\"\n            defaultValue={false}\n            errorMessages={{\n              required: tr.ChildrenWithAge.hasChildren.required,\n            }}\n          />\n        )}\n\n        {enableAdditionalQuestions?.includes('daycare') && (\n          <Field.Boolean\n            path=\"/usesDaycare\"\n            label={tr.ChildrenWithAge.usesDaycare.fieldLabel}\n            variant=\"buttons\"\n            defaultValue={false}\n            errorMessages={{\n              required: tr.ChildrenWithAge.usesDaycare.required,\n            }}\n          />\n        )}\n\n        <Field.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.fieldLabel}\n          errorMessages={{\n            minimum: tr.ChildrenWithAge.countChildren.required,\n          }}\n          width=\"small\"\n          defaultValue={1}\n          minimum={1}\n          maximum={20}\n          showStepControls\n          decimalLimit={0}\n        />\n\n        <Iterate.Array\n          countPath=\"/countChildren\"\n          countPathTransform={transformAgeItem}\n          countPathLimit={20}\n          path=\"/children\"\n        >\n          <Field.Composition\n            label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n            align=\"center\"\n          >\n            <Field.Number\n              itemPath=\"/age\"\n              errorMessages={{\n                required: tr.ChildrenWithAge.childrenAge.required,\n              }}\n              placeholder=\"0\"\n              width=\"small\"\n              minimum={0}\n              maximum={17}\n              decimalLimit={0}\n            />\n\n            <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n              <Field.Boolean\n                itemPath=\"/jointResponsibility\"\n                defaultValue={false}\n                label={\n                  tr.ChildrenWithAge.confirmJointResponsibility.fieldLabel\n                }\n              />\n            </Form.Visibility>\n\n            <Form.Visibility pathTrue=\"/usesDaycare\">\n              <Field.Boolean\n                itemPath=\"/hasDaycare\"\n                defaultValue={false}\n                label={tr.ChildrenWithAge.hasDaycare.fieldLabel}\n              />\n            </Form.Visibility>\n          </Field.Composition>\n        </Iterate.Array>\n      </Form.Visibility>\n    </Card>\n  )\n}\n\nfunction Summary({ toWizardStep }: Props) {\n  const tr = Form.useTranslation<Translation>()\n  return (\n    <Card stack>\n      <Lead>{tr.ChildrenWithAge.hasChildren.title}</Lead>\n\n      <Value.SummaryList>\n        <Value.Number\n          path=\"/countChildren\"\n          label={tr.ChildrenWithAge.countChildren.valueVale}\n          defaultValue={0}\n          suffix={tr.ChildrenWithAge.countChildren.suffix}\n          maximum={20}\n        />\n\n        <Form.Visibility pathTrue=\"/hasChildren\">\n          <Iterate.Array path=\"/children\">\n            <Value.Composition\n              label={tr.ChildrenWithAge.childrenAge.fieldLabel}\n              gap={false}\n            >\n              <Value.Number\n                itemPath=\"/age\"\n                suffix={tr.ChildrenWithAge.childrenAge.suffix}\n                defaultValue=\"–\"\n              />\n\n              <Form.Visibility pathTrue=\"/hasJointResponsibility\">\n                {', '}\n                <Value.Boolean\n                  inline\n                  itemPath=\"/jointResponsibility\"\n                  trueText={tr.ChildrenWithAge.jointResponsibilityTrue}\n                  falseText={tr.ChildrenWithAge.jointResponsibilityFalse}\n                  defaultValue={false}\n                />\n              </Form.Visibility>\n\n              <Form.Visibility pathTrue=\"/usesDaycare\">\n                {', '}\n                <Value.Boolean\n                  inline\n                  itemPath=\"/hasDaycare\"\n                  trueText={tr.ChildrenWithAge.daycareTrue}\n                  falseText={tr.ChildrenWithAge.daycareFalse}\n                  defaultValue={false}\n                />\n              </Form.Visibility>\n            </Value.Composition>\n          </Iterate.Array>\n        </Form.Visibility>\n      </Value.SummaryList>\n\n      {typeof toWizardStep === 'number' ? (\n        <Wizard.EditButton toStep={toWizardStep} />\n      ) : null}\n    </Card>\n  )\n}\n\nconst transformAgeItem = ({ value }) =>\n  Object.prototype.hasOwnProperty.call(value || {}, 'age')\n    ? value\n    : { age: undefined }\n\nChildrenWithAge._supportsSpacingProps = true\n"],"mappings":"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"}

package/extensions/forms/constants/locales/en-GB.d.ts

@@ -107,6 +107,8 @@ declare const _default: {
         NationalIdentityNumber: {
             label: string;
             errorRequired: string;
+            errorFnr: string;
+            errorDnr: string;
         };
         OrganizationNumber: {
             label: string;

package/extensions/forms/constants/locales/en-GB.js

@@ -97,7 +97,9 @@ export default {
     },
     NationalIdentityNumber: {
       label: 'National identity number (11 digits)',
-      errorRequired: 'Invalid national identity number. Enter a valid 11-digit number.'
+      errorRequired: 'Invalid national identity number. Enter a valid 11-digit number.',
+      errorFnr: 'Invalid national identity number.',
+      errorDnr: 'Invalid D number.'
     },
     OrganizationNumber: {
       label: 'Organisation number',

package/extensions/forms/constants/locales/en-GB.js.map

@@ -1 +1 @@
-{"version":3,"file":"en-GB.js","names":["Field","errorSummaryTitle","stateSummary","errorSummary","errorRequired","errorPattern","SubmitButton","text","sendText","Isolation","commitButtonText","Step","summaryTitle","WizardEditButton","WizardPreviousButton","WizardNextButton","RemoveButton","IterateViewContainer","removeButton","editButton","SectionViewContainer","SectionEditContainer","doneButton","cancelButton","errorInSection","IterateEditContainer","IteratePushContainer","createButton","StringField","errorMinLength","errorMaxLength","NumberField","errorMinimum","errorMaximum","errorExclusiveMinimum","errorExclusiveMaximum","errorMultipleOf","BooleanField","yes","no","ToggleField","Date","label","Expiry","Email","FirstName","LastName","CompanyName","NationalIdentityNumber","OrganizationNumber","BankAccountNumber","PhoneNumber","countryCodeLabel","warningRequired","PostalCodeAndCity","PostalCode","City","SelectCountry","placeholder","Password","ariaLabelShow","ariaLabelHide","Upload","errorInvalidFiles"],"sources":["../../../../../../src/extensions/forms/constants/locales/en-GB.ts"],"sourcesContent":["export default {\n  'en-GB': {\n    /**\n     * General\n     */\n    Field: {\n      errorSummaryTitle: 'Please correct the following errors',\n      stateSummary: 'Summary:',\n      errorSummary: 'Please correct the following errors:',\n      errorRequired: 'This field is required.',\n      errorPattern: 'The value is invalid.',\n    },\n    SubmitButton: {\n      text: 'Send',\n      sendText: 'Send',\n    },\n    Isolation: {\n      commitButtonText: 'Add',\n    },\n    Step: {\n      summaryTitle: 'Summary',\n    },\n    WizardEditButton: {\n      text: 'Edit',\n    },\n    WizardPreviousButton: {\n      text: 'Back',\n    },\n    WizardNextButton: {\n      text: 'Next',\n    },\n    RemoveButton: {\n      text: 'Remove',\n    },\n    IterateViewContainer: {\n      removeButton: 'Remove',\n      editButton: 'Edit',\n    },\n    SectionViewContainer: {\n      editButton: 'Edit',\n    },\n    SectionEditContainer: {\n      doneButton: 'Done',\n      cancelButton: 'Cancel',\n      errorInSection: 'Please correct the errors above',\n    },\n    IterateEditContainer: {\n      removeButton: 'Remove',\n      doneButton: 'Done',\n      cancelButton: 'Cancel',\n      errorInSection: 'Please correct the errors above',\n    },\n    IteratePushContainer: {\n      createButton: 'Add',\n    },\n\n    /**\n     * Base fields\n     */\n    StringField: {\n      errorMinLength:\n        'The value can not be shorter than {minLength} characters.',\n      errorMaxLength:\n        'The value can not be longer than {maxLength} characters.',\n    },\n    NumberField: {\n      errorMinimum: 'The value must be at least {minimum}.',\n      errorMaximum: 'The value must be a maximum of {maximum}.',\n      errorExclusiveMinimum:\n        'The value must be greater than {exclusiveMinimum}.',\n      errorExclusiveMaximum:\n        'The value must be less than {exclusiveMaximum}.',\n      errorMultipleOf: 'The value must be a multiple of {multipleOf}.',\n    },\n    BooleanField: {\n      yes: 'Yes',\n      no: 'No',\n    },\n    ToggleField: {\n      yes: 'Yes',\n      no: 'No',\n    },\n\n    /**\n     * Feature fields\n     */\n    Date: {\n      label: 'Date',\n      errorRequired: 'You must provide a valid date.',\n    },\n    Expiry: {\n      label: 'Expiry date',\n    },\n    Email: {\n      label: 'Email address',\n      errorRequired: 'You must enter a Email address.',\n      errorPattern: 'Invalid Email address. Enter a valid Email address.',\n    },\n    FirstName: {\n      label: 'Given name',\n      errorRequired: 'You must enter a given name (first name).',\n      errorPattern:\n        'Enter a given name (first name) using only letters and characters such as hyphens and spaces.',\n    },\n    LastName: {\n      label: 'Surname',\n      errorRequired: 'You must enter a surname (last name).',\n      errorPattern:\n        'Enter a surname (last name) using only letters and characters such as hyphens and spaces.',\n    },\n    CompanyName: {\n      label: 'Company name',\n      errorRequired: 'You must enter a company name.',\n    },\n    NationalIdentityNumber: {\n      label: 'National identity number (11 digits)',\n      errorRequired:\n        'Invalid national identity number. Enter a valid 11-digit number.',\n    },\n    OrganizationNumber: {\n      label: 'Organisation number',\n      errorRequired: 'You must enter an organisation number.',\n      errorPattern: 'This is not a valid organisation number.',\n    },\n    BankAccountNumber: {\n      label: 'Bank account',\n      errorRequired:\n        'Enter a valid account number. Account number is mandatory to fill out.',\n      errorPattern: 'This is not a valid bank account number.',\n    },\n    PhoneNumber: {\n      label: 'Mobile number',\n      countryCodeLabel: 'Country code',\n      errorRequired:\n        'Mobile number must be filled in. If you don’t have a mobile number, you can enter another phone number.',\n      warningRequired:\n        'You have not entered a mobile number. You can still use this number if it is correct.',\n    },\n    PostalCodeAndCity: {\n      label: 'Postcode and city',\n    },\n    PostalCode: {\n      label: 'Postc.',\n      errorRequired: 'You must enter a postcode.',\n      errorPattern: 'This is not a valid postcode (four-digits).',\n    },\n    City: {\n      label: 'City',\n      errorRequired: 'You must enter a city name.',\n      errorPattern:\n        'City names can only contain letters and valid characters such as hyphens and spaces.',\n    },\n    SelectCountry: {\n      label: 'Country',\n      placeholder: 'Select country',\n      errorRequired: 'You must select a country from the list.',\n    },\n    Password: {\n      label: 'Password',\n      ariaLabelShow: 'Show password',\n      ariaLabelHide: 'Hide password',\n    },\n    Upload: {\n      errorRequired: 'You must upload a file.',\n      errorInvalidFiles: 'Remove all files that have errors.',\n    },\n  },\n}\n"],"mappings":"AAAA,eAAe;EACb,OAAO,EAAE;IAIPA,KAAK,EAAE;MACLC,iBAAiB,EAAE,qCAAqC;MACxDC,YAAY,EAAE,UAAU;MACxBC,YAAY,EAAE,sCAAsC;MACpDC,aAAa,EAAE,yBAAyB;MACxCC,YAAY,EAAE;IAChB,CAAC;IACDC,YAAY,EAAE;MACZC,IAAI,EAAE,MAAM;MACZC,QAAQ,EAAE;IACZ,CAAC;IACDC,SAAS,EAAE;MACTC,gBAAgB,EAAE;IACpB,CAAC;IACDC,IAAI,EAAE;MACJC,YAAY,EAAE;IAChB,CAAC;IACDC,gBAAgB,EAAE;MAChBN,IAAI,EAAE;IACR,CAAC;IACDO,oBAAoB,EAAE;MACpBP,IAAI,EAAE;IACR,CAAC;IACDQ,gBAAgB,EAAE;MAChBR,IAAI,EAAE;IACR,CAAC;IACDS,YAAY,EAAE;MACZT,IAAI,EAAE;IACR,CAAC;IACDU,oBAAoB,EAAE;MACpBC,YAAY,EAAE,QAAQ;MACtBC,UAAU,EAAE;IACd,CAAC;IACDC,oBAAoB,EAAE;MACpBD,UAAU,EAAE;IACd,CAAC;IACDE,oBAAoB,EAAE;MACpBC,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,QAAQ;MACtBC,cAAc,EAAE;IAClB,CAAC;IACDC,oBAAoB,EAAE;MACpBP,YAAY,EAAE,QAAQ;MACtBI,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,QAAQ;MACtBC,cAAc,EAAE;IAClB,CAAC;IACDE,oBAAoB,EAAE;MACpBC,YAAY,EAAE;IAChB,CAAC;IAKDC,WAAW,EAAE;MACXC,cAAc,EACZ,2DAA2D;MAC7DC,cAAc,EACZ;IACJ,CAAC;IACDC,WAAW,EAAE;MACXC,YAAY,EAAE,uCAAuC;MACrDC,YAAY,EAAE,2CAA2C;MACzDC,qBAAqB,EACnB,oDAAoD;MACtDC,qBAAqB,EACnB,iDAAiD;MACnDC,eAAe,EAAE;IACnB,CAAC;IACDC,YAAY,EAAE;MACZC,GAAG,EAAE,KAAK;MACVC,EAAE,EAAE;IACN,CAAC;IACDC,WAAW,EAAE;MACXF,GAAG,EAAE,KAAK;MACVC,EAAE,EAAE;IACN,CAAC;IAKDE,IAAI,EAAE;MACJC,KAAK,EAAE,MAAM;MACbtC,aAAa,EAAE;IACjB,CAAC;IACDuC,MAAM,EAAE;MACND,KAAK,EAAE;IACT,CAAC;IACDE,KAAK,EAAE;MACLF,KAAK,EAAE,eAAe;MACtBtC,aAAa,EAAE,iCAAiC;MAChDC,YAAY,EAAE;IAChB,CAAC;IACDwC,SAAS,EAAE;MACTH,KAAK,EAAE,YAAY;MACnBtC,aAAa,EAAE,2CAA2C;MAC1DC,YAAY,EACV;IACJ,CAAC;IACDyC,QAAQ,EAAE;MACRJ,KAAK,EAAE,SAAS;MAChBtC,aAAa,EAAE,uCAAuC;MACtDC,YAAY,EACV;IACJ,CAAC;IACD0C,WAAW,EAAE;MACXL,KAAK,EAAE,cAAc;MACrBtC,aAAa,EAAE;IACjB,CAAC;IACD4C,sBAAsB,EAAE;MACtBN,KAAK,EAAE,sCAAsC;MAC7CtC,aAAa,EACX;IACJ,CAAC;IACD6C,kBAAkB,EAAE;MAClBP,KAAK,EAAE,qBAAqB;MAC5BtC,aAAa,EAAE,wCAAwC;MACvDC,YAAY,EAAE;IAChB,CAAC;IACD6C,iBAAiB,EAAE;MACjBR,KAAK,EAAE,cAAc;MACrBtC,aAAa,EACX,wEAAwE;MAC1EC,YAAY,EAAE;IAChB,CAAC;IACD8C,WAAW,EAAE;MACXT,KAAK,EAAE,eAAe;MACtBU,gBAAgB,EAAE,cAAc;MAChChD,aAAa,EACX,yGAAyG;MAC3GiD,eAAe,EACb;IACJ,CAAC;IACDC,iBAAiB,EAAE;MACjBZ,KAAK,EAAE;IACT,CAAC;IACDa,UAAU,EAAE;MACVb,KAAK,EAAE,QAAQ;MACftC,aAAa,EAAE,4BAA4B;MAC3CC,YAAY,EAAE;IAChB,CAAC;IACDmD,IAAI,EAAE;MACJd,KAAK,EAAE,MAAM;MACbtC,aAAa,EAAE,6BAA6B;MAC5CC,YAAY,EACV;IACJ,CAAC;IACDoD,aAAa,EAAE;MACbf,KAAK,EAAE,SAAS;MAChBgB,WAAW,EAAE,gBAAgB;MAC7BtD,aAAa,EAAE;IACjB,CAAC;IACDuD,QAAQ,EAAE;MACRjB,KAAK,EAAE,UAAU;MACjBkB,aAAa,EAAE,eAAe;MAC9BC,aAAa,EAAE;IACjB,CAAC;IACDC,MAAM,EAAE;MACN1D,aAAa,EAAE,yBAAyB;MACxC2D,iBAAiB,EAAE;IACrB;EACF;AACF,CAAC"}
+{"version":3,"file":"en-GB.js","names":["Field","errorSummaryTitle","stateSummary","errorSummary","errorRequired","errorPattern","SubmitButton","text","sendText","Isolation","commitButtonText","Step","summaryTitle","WizardEditButton","WizardPreviousButton","WizardNextButton","RemoveButton","IterateViewContainer","removeButton","editButton","SectionViewContainer","SectionEditContainer","doneButton","cancelButton","errorInSection","IterateEditContainer","IteratePushContainer","createButton","StringField","errorMinLength","errorMaxLength","NumberField","errorMinimum","errorMaximum","errorExclusiveMinimum","errorExclusiveMaximum","errorMultipleOf","BooleanField","yes","no","ToggleField","Date","label","Expiry","Email","FirstName","LastName","CompanyName","NationalIdentityNumber","errorFnr","errorDnr","OrganizationNumber","BankAccountNumber","PhoneNumber","countryCodeLabel","warningRequired","PostalCodeAndCity","PostalCode","City","SelectCountry","placeholder","Password","ariaLabelShow","ariaLabelHide","Upload","errorInvalidFiles"],"sources":["../../../../../../src/extensions/forms/constants/locales/en-GB.ts"],"sourcesContent":["export default {\n  'en-GB': {\n    /**\n     * General\n     */\n    Field: {\n      errorSummaryTitle: 'Please correct the following errors',\n      stateSummary: 'Summary:',\n      errorSummary: 'Please correct the following errors:',\n      errorRequired: 'This field is required.',\n      errorPattern: 'The value is invalid.',\n    },\n    SubmitButton: {\n      text: 'Send',\n      sendText: 'Send',\n    },\n    Isolation: {\n      commitButtonText: 'Add',\n    },\n    Step: {\n      summaryTitle: 'Summary',\n    },\n    WizardEditButton: {\n      text: 'Edit',\n    },\n    WizardPreviousButton: {\n      text: 'Back',\n    },\n    WizardNextButton: {\n      text: 'Next',\n    },\n    RemoveButton: {\n      text: 'Remove',\n    },\n    IterateViewContainer: {\n      removeButton: 'Remove',\n      editButton: 'Edit',\n    },\n    SectionViewContainer: {\n      editButton: 'Edit',\n    },\n    SectionEditContainer: {\n      doneButton: 'Done',\n      cancelButton: 'Cancel',\n      errorInSection: 'Please correct the errors above',\n    },\n    IterateEditContainer: {\n      removeButton: 'Remove',\n      doneButton: 'Done',\n      cancelButton: 'Cancel',\n      errorInSection: 'Please correct the errors above',\n    },\n    IteratePushContainer: {\n      createButton: 'Add',\n    },\n\n    /**\n     * Base fields\n     */\n    StringField: {\n      errorMinLength:\n        'The value can not be shorter than {minLength} characters.',\n      errorMaxLength:\n        'The value can not be longer than {maxLength} characters.',\n    },\n    NumberField: {\n      errorMinimum: 'The value must be at least {minimum}.',\n      errorMaximum: 'The value must be a maximum of {maximum}.',\n      errorExclusiveMinimum:\n        'The value must be greater than {exclusiveMinimum}.',\n      errorExclusiveMaximum:\n        'The value must be less than {exclusiveMaximum}.',\n      errorMultipleOf: 'The value must be a multiple of {multipleOf}.',\n    },\n    BooleanField: {\n      yes: 'Yes',\n      no: 'No',\n    },\n    ToggleField: {\n      yes: 'Yes',\n      no: 'No',\n    },\n\n    /**\n     * Feature fields\n     */\n    Date: {\n      label: 'Date',\n      errorRequired: 'You must provide a valid date.',\n    },\n    Expiry: {\n      label: 'Expiry date',\n    },\n    Email: {\n      label: 'Email address',\n      errorRequired: 'You must enter a Email address.',\n      errorPattern: 'Invalid Email address. Enter a valid Email address.',\n    },\n    FirstName: {\n      label: 'Given name',\n      errorRequired: 'You must enter a given name (first name).',\n      errorPattern:\n        'Enter a given name (first name) using only letters and characters such as hyphens and spaces.',\n    },\n    LastName: {\n      label: 'Surname',\n      errorRequired: 'You must enter a surname (last name).',\n      errorPattern:\n        'Enter a surname (last name) using only letters and characters such as hyphens and spaces.',\n    },\n    CompanyName: {\n      label: 'Company name',\n      errorRequired: 'You must enter a company name.',\n    },\n    NationalIdentityNumber: {\n      label: 'National identity number (11 digits)',\n      errorRequired:\n        'Invalid national identity number. Enter a valid 11-digit number.',\n      errorFnr: 'Invalid national identity number.',\n      errorDnr: 'Invalid D number.',\n    },\n    OrganizationNumber: {\n      label: 'Organisation number',\n      errorRequired: 'You must enter an organisation number.',\n      errorPattern: 'This is not a valid organisation number.',\n    },\n    BankAccountNumber: {\n      label: 'Bank account',\n      errorRequired:\n        'Enter a valid account number. Account number is mandatory to fill out.',\n      errorPattern: 'This is not a valid bank account number.',\n    },\n    PhoneNumber: {\n      label: 'Mobile number',\n      countryCodeLabel: 'Country code',\n      errorRequired:\n        'Mobile number must be filled in. If you don’t have a mobile number, you can enter another phone number.',\n      warningRequired:\n        'You have not entered a mobile number. You can still use this number if it is correct.',\n    },\n    PostalCodeAndCity: {\n      label: 'Postcode and city',\n    },\n    PostalCode: {\n      label: 'Postc.',\n      errorRequired: 'You must enter a postcode.',\n      errorPattern: 'This is not a valid postcode (four-digits).',\n    },\n    City: {\n      label: 'City',\n      errorRequired: 'You must enter a city name.',\n      errorPattern:\n        'City names can only contain letters and valid characters such as hyphens and spaces.',\n    },\n    SelectCountry: {\n      label: 'Country',\n      placeholder: 'Select country',\n      errorRequired: 'You must select a country from the list.',\n    },\n    Password: {\n      label: 'Password',\n      ariaLabelShow: 'Show password',\n      ariaLabelHide: 'Hide password',\n    },\n    Upload: {\n      errorRequired: 'You must upload a file.',\n      errorInvalidFiles: 'Remove all files that have errors.',\n    },\n  },\n}\n"],"mappings":"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"}

package/extensions/forms/constants/locales/en-US.d.ts

@@ -103,6 +103,8 @@ declare const _default: {
         NationalIdentityNumber: {
             label: string;
             errorRequired: string;
+            errorFnr: string;
+            errorDnr: string;
         };
         BankAccountNumber: {
             label: string;

package/extensions/forms/constants/locales/index.d.ts

@@ -98,6 +98,8 @@ declare const locales: {
         NationalIdentityNumber: {
             label: string;
             errorRequired: string;
+            errorFnr: string;
+            errorDnr: string;
         };
         OrganizationNumber: {
             label: string;
@@ -242,6 +244,8 @@ declare const locales: {
         NationalIdentityNumber: {
             label: string;
             errorRequired: string;
+            errorFnr: string;
+            errorDnr: string;
         };
         OrganizationNumber: {
             label: string;

package/extensions/forms/constants/locales/nb-NO.d.ts

@@ -107,6 +107,8 @@ declare const _default: {
         NationalIdentityNumber: {
             label: string;
             errorRequired: string;
+            errorFnr: string;
+            errorDnr: string;
         };
         OrganizationNumber: {
             label: string;

package/extensions/forms/constants/locales/nb-NO.js

@@ -97,7 +97,9 @@ export default {
     },
     NationalIdentityNumber: {
       label: 'Fødselsnummer (11 siffer)',
-      errorRequired: 'Ugyldig fødselsnummer. Skriv inn et gyldig fødselsnummer med 11 siffer.'
+      errorRequired: 'Ugyldig fødselsnummer. Skriv inn et gyldig fødselsnummer med 11 siffer.',
+      errorFnr: 'Ugyldig fødselsnummer.',
+      errorDnr: 'Ugyldig d-nummer.'
     },
     OrganizationNumber: {
       label: 'Organisasjonsnummer',

package/extensions/forms/constants/locales/nb-NO.js.map

@@ -1 +1 @@
-{"version":3,"file":"nb-NO.js","names":["Field","errorSummaryTitle","stateSummary","errorSummary","errorRequired","errorPattern","SubmitButton","text","sendText","Isolation","commitButtonText","Step","summaryTitle","WizardEditButton","WizardPreviousButton","WizardNextButton","RemoveButton","IterateViewContainer","removeButton","editButton","SectionViewContainer","SectionEditContainer","doneButton","cancelButton","errorInSection","IterateEditContainer","IteratePushContainer","createButton","StringField","errorMinLength","errorMaxLength","NumberField","errorMinimum","errorMaximum","errorExclusiveMinimum","errorExclusiveMaximum","errorMultipleOf","BooleanField","yes","no","ToggleField","Date","label","Expiry","Email","FirstName","LastName","CompanyName","NationalIdentityNumber","OrganizationNumber","BankAccountNumber","PhoneNumber","countryCodeLabel","warningRequired","PostalCodeAndCity","PostalCode","City","SelectCountry","placeholder","Password","ariaLabelShow","ariaLabelHide","Upload","errorInvalidFiles"],"sources":["../../../../../../src/extensions/forms/constants/locales/nb-NO.ts"],"sourcesContent":["export default {\n  'nb-NO': {\n    /**\n     * General\n     */\n    Field: {\n      errorSummaryTitle: 'Feil som må rettes',\n      stateSummary: 'Oppsummering:',\n      errorSummary: 'Feil som må rettes:',\n      errorRequired: 'Dette feltet må fylles ut.',\n      errorPattern: 'Verdien er ugyldig.',\n    },\n    SubmitButton: {\n      text: 'Send',\n      sendText: 'Send inn',\n    },\n    Isolation: {\n      commitButtonText: 'Legg til',\n    },\n    Step: {\n      summaryTitle: 'Oppsummering',\n    },\n    WizardEditButton: {\n      text: 'Endre',\n    },\n    WizardPreviousButton: {\n      text: 'Tilbake',\n    },\n    WizardNextButton: {\n      text: 'Neste',\n    },\n    RemoveButton: {\n      text: 'Fjern',\n    },\n    IterateViewContainer: {\n      removeButton: 'Fjern',\n      editButton: 'Endre',\n    },\n    SectionViewContainer: {\n      editButton: 'Endre',\n    },\n    SectionEditContainer: {\n      doneButton: 'Ferdig',\n      cancelButton: 'Avbryt',\n      errorInSection: 'Feilene ovenfor må rettes',\n    },\n    IterateEditContainer: {\n      removeButton: 'Fjern',\n      doneButton: 'Ferdig',\n      cancelButton: 'Avbryt',\n      errorInSection: 'Feilene ovenfor må rettes',\n    },\n    IteratePushContainer: {\n      createButton: 'Legg til',\n    },\n\n    /**\n     * Base fields\n     */\n    StringField: {\n      errorMinLength:\n        'Verdien kan ikke være kortere enn {minLength} tegn.',\n      errorMaxLength: 'Verdien kan ikke være lengre enn {maxLength} tegn.',\n    },\n    NumberField: {\n      errorMinimum: 'Verdien må være minst {minimum}.',\n      errorMaximum: 'Verdien må være maksimalt {maximum}.',\n      errorExclusiveMinimum:\n        'Verdien må være større enn {exclusiveMinimum}.',\n      errorExclusiveMaximum:\n        'Verdien må være mindre enn {exclusiveMaximum}.',\n      errorMultipleOf: 'Verdien må være et multiplum av {multipleOf}.',\n    },\n    BooleanField: {\n      yes: 'Ja',\n      no: 'Nei',\n    },\n    ToggleField: {\n      yes: 'Ja',\n      no: 'Nei',\n    },\n\n    /**\n     * Feature fields\n     */\n    Date: {\n      label: 'Dato',\n      errorRequired: 'Du må angi en gyldig dato.',\n    },\n    Expiry: {\n      label: 'Utløpsdato',\n    },\n    Email: {\n      label: 'E-postadresse',\n      errorRequired: 'Du må fylle inn en e-postadresse.',\n      errorPattern: 'Ugyldig e-postadresse. Skriv inn en e-postadresse.',\n    },\n    FirstName: {\n      label: 'Fornavn',\n      errorRequired: 'Du må fylle inn fornavn.',\n      errorPattern:\n        'Kun bokstaver og tegn som bindestrek og mellomrom er tillatt.',\n    },\n    LastName: {\n      label: 'Etternavn',\n      errorRequired: 'Du må fylle inn etternavn.',\n      errorPattern:\n        'Kun bokstaver og tegn som bindestrek og mellomrom er tillatt.',\n    },\n    CompanyName: {\n      label: 'Firmanavn',\n      errorRequired: 'Du må fylle inn firmanavn.',\n    },\n    NationalIdentityNumber: {\n      label: 'Fødselsnummer (11 siffer)',\n      errorRequired:\n        'Ugyldig fødselsnummer. Skriv inn et gyldig fødselsnummer med 11 siffer.',\n    },\n    OrganizationNumber: {\n      label: 'Organisasjonsnummer',\n      errorRequired: 'Du må fylle inn et organisasjonsnummer.',\n      errorPattern: 'Dette er ikke et gyldig organisasjonsnummer.',\n    },\n    BankAccountNumber: {\n      label: 'Bankkonto',\n      errorRequired:\n        'Skriv inn et gyldig kontonummer. Kontonummeret må fylles ut.',\n      errorPattern: 'Dette er ikke et gyldig kontonummer.',\n    },\n    PhoneNumber: {\n      label: 'Mobilnummer',\n      countryCodeLabel: 'Landskode',\n      errorRequired:\n        'Mobilnummer må fylles ut. Hvis du ikke har et mobilnummer, kan du oppgi et annet telefonnummer.',\n      warningRequired:\n        'Du har ikke skrevet inn et mobilnummer. Du kan likevel bruke dette nummeret hvis det er riktig.',\n    },\n    PostalCodeAndCity: {\n      label: 'Postnummer og sted',\n    },\n    PostalCode: {\n      label: 'Postnr.',\n      errorRequired: 'Du må fylle inn et postnummer.',\n      errorPattern: 'Dette er ikke et gyldig postnummer (fire siffer).',\n    },\n    City: {\n      label: 'Sted',\n      errorRequired: 'Du må fylle inn et stedsnavn.',\n      errorPattern:\n        'Stedsnavn kan kun inneholde bokstaver og gyldige tegn som bindestrek og mellomrom.',\n    },\n    SelectCountry: {\n      label: 'Land',\n      placeholder: 'Velg et land',\n      errorRequired: 'Du må velge et land fra listen.',\n    },\n    Password: {\n      label: 'Passord',\n      ariaLabelShow: 'Vis passord',\n      ariaLabelHide: 'Skjul passord',\n    },\n    Upload: {\n      errorRequired: 'Du må laste opp minst en fil.',\n      errorInvalidFiles: 'Fjern alle filer som har feil.',\n    },\n  },\n}\n"],"mappings":"AAAA,eAAe;EACb,OAAO,EAAE;IAIPA,KAAK,EAAE;MACLC,iBAAiB,EAAE,oBAAoB;MACvCC,YAAY,EAAE,eAAe;MAC7BC,YAAY,EAAE,qBAAqB;MACnCC,aAAa,EAAE,4BAA4B;MAC3CC,YAAY,EAAE;IAChB,CAAC;IACDC,YAAY,EAAE;MACZC,IAAI,EAAE,MAAM;MACZC,QAAQ,EAAE;IACZ,CAAC;IACDC,SAAS,EAAE;MACTC,gBAAgB,EAAE;IACpB,CAAC;IACDC,IAAI,EAAE;MACJC,YAAY,EAAE;IAChB,CAAC;IACDC,gBAAgB,EAAE;MAChBN,IAAI,EAAE;IACR,CAAC;IACDO,oBAAoB,EAAE;MACpBP,IAAI,EAAE;IACR,CAAC;IACDQ,gBAAgB,EAAE;MAChBR,IAAI,EAAE;IACR,CAAC;IACDS,YAAY,EAAE;MACZT,IAAI,EAAE;IACR,CAAC;IACDU,oBAAoB,EAAE;MACpBC,YAAY,EAAE,OAAO;MACrBC,UAAU,EAAE;IACd,CAAC;IACDC,oBAAoB,EAAE;MACpBD,UAAU,EAAE;IACd,CAAC;IACDE,oBAAoB,EAAE;MACpBC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE,QAAQ;MACtBC,cAAc,EAAE;IAClB,CAAC;IACDC,oBAAoB,EAAE;MACpBP,YAAY,EAAE,OAAO;MACrBI,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE,QAAQ;MACtBC,cAAc,EAAE;IAClB,CAAC;IACDE,oBAAoB,EAAE;MACpBC,YAAY,EAAE;IAChB,CAAC;IAKDC,WAAW,EAAE;MACXC,cAAc,EACZ,qDAAqD;MACvDC,cAAc,EAAE;IAClB,CAAC;IACDC,WAAW,EAAE;MACXC,YAAY,EAAE,kCAAkC;MAChDC,YAAY,EAAE,sCAAsC;MACpDC,qBAAqB,EACnB,gDAAgD;MAClDC,qBAAqB,EACnB,gDAAgD;MAClDC,eAAe,EAAE;IACnB,CAAC;IACDC,YAAY,EAAE;MACZC,GAAG,EAAE,IAAI;MACTC,EAAE,EAAE;IACN,CAAC;IACDC,WAAW,EAAE;MACXF,GAAG,EAAE,IAAI;MACTC,EAAE,EAAE;IACN,CAAC;IAKDE,IAAI,EAAE;MACJC,KAAK,EAAE,MAAM;MACbtC,aAAa,EAAE;IACjB,CAAC;IACDuC,MAAM,EAAE;MACND,KAAK,EAAE;IACT,CAAC;IACDE,KAAK,EAAE;MACLF,KAAK,EAAE,eAAe;MACtBtC,aAAa,EAAE,mCAAmC;MAClDC,YAAY,EAAE;IAChB,CAAC;IACDwC,SAAS,EAAE;MACTH,KAAK,EAAE,SAAS;MAChBtC,aAAa,EAAE,0BAA0B;MACzCC,YAAY,EACV;IACJ,CAAC;IACDyC,QAAQ,EAAE;MACRJ,KAAK,EAAE,WAAW;MAClBtC,aAAa,EAAE,4BAA4B;MAC3CC,YAAY,EACV;IACJ,CAAC;IACD0C,WAAW,EAAE;MACXL,KAAK,EAAE,WAAW;MAClBtC,aAAa,EAAE;IACjB,CAAC;IACD4C,sBAAsB,EAAE;MACtBN,KAAK,EAAE,2BAA2B;MAClCtC,aAAa,EACX;IACJ,CAAC;IACD6C,kBAAkB,EAAE;MAClBP,KAAK,EAAE,qBAAqB;MAC5BtC,aAAa,EAAE,yCAAyC;MACxDC,YAAY,EAAE;IAChB,CAAC;IACD6C,iBAAiB,EAAE;MACjBR,KAAK,EAAE,WAAW;MAClBtC,aAAa,EACX,8DAA8D;MAChEC,YAAY,EAAE;IAChB,CAAC;IACD8C,WAAW,EAAE;MACXT,KAAK,EAAE,aAAa;MACpBU,gBAAgB,EAAE,WAAW;MAC7BhD,aAAa,EACX,iGAAiG;MACnGiD,eAAe,EACb;IACJ,CAAC;IACDC,iBAAiB,EAAE;MACjBZ,KAAK,EAAE;IACT,CAAC;IACDa,UAAU,EAAE;MACVb,KAAK,EAAE,SAAS;MAChBtC,aAAa,EAAE,gCAAgC;MAC/CC,YAAY,EAAE;IAChB,CAAC;IACDmD,IAAI,EAAE;MACJd,KAAK,EAAE,MAAM;MACbtC,aAAa,EAAE,+BAA+B;MAC9CC,YAAY,EACV;IACJ,CAAC;IACDoD,aAAa,EAAE;MACbf,KAAK,EAAE,MAAM;MACbgB,WAAW,EAAE,cAAc;MAC3BtD,aAAa,EAAE;IACjB,CAAC;IACDuD,QAAQ,EAAE;MACRjB,KAAK,EAAE,SAAS;MAChBkB,aAAa,EAAE,aAAa;MAC5BC,aAAa,EAAE;IACjB,CAAC;IACDC,MAAM,EAAE;MACN1D,aAAa,EAAE,+BAA+B;MAC9C2D,iBAAiB,EAAE;IACrB;EACF;AACF,CAAC"}
+{"version":3,"file":"nb-NO.js","names":["Field","errorSummaryTitle","stateSummary","errorSummary","errorRequired","errorPattern","SubmitButton","text","sendText","Isolation","commitButtonText","Step","summaryTitle","WizardEditButton","WizardPreviousButton","WizardNextButton","RemoveButton","IterateViewContainer","removeButton","editButton","SectionViewContainer","SectionEditContainer","doneButton","cancelButton","errorInSection","IterateEditContainer","IteratePushContainer","createButton","StringField","errorMinLength","errorMaxLength","NumberField","errorMinimum","errorMaximum","errorExclusiveMinimum","errorExclusiveMaximum","errorMultipleOf","BooleanField","yes","no","ToggleField","Date","label","Expiry","Email","FirstName","LastName","CompanyName","NationalIdentityNumber","errorFnr","errorDnr","OrganizationNumber","BankAccountNumber","PhoneNumber","countryCodeLabel","warningRequired","PostalCodeAndCity","PostalCode","City","SelectCountry","placeholder","Password","ariaLabelShow","ariaLabelHide","Upload","errorInvalidFiles"],"sources":["../../../../../../src/extensions/forms/constants/locales/nb-NO.ts"],"sourcesContent":["export default {\n  'nb-NO': {\n    /**\n     * General\n     */\n    Field: {\n      errorSummaryTitle: 'Feil som må rettes',\n      stateSummary: 'Oppsummering:',\n      errorSummary: 'Feil som må rettes:',\n      errorRequired: 'Dette feltet må fylles ut.',\n      errorPattern: 'Verdien er ugyldig.',\n    },\n    SubmitButton: {\n      text: 'Send',\n      sendText: 'Send inn',\n    },\n    Isolation: {\n      commitButtonText: 'Legg til',\n    },\n    Step: {\n      summaryTitle: 'Oppsummering',\n    },\n    WizardEditButton: {\n      text: 'Endre',\n    },\n    WizardPreviousButton: {\n      text: 'Tilbake',\n    },\n    WizardNextButton: {\n      text: 'Neste',\n    },\n    RemoveButton: {\n      text: 'Fjern',\n    },\n    IterateViewContainer: {\n      removeButton: 'Fjern',\n      editButton: 'Endre',\n    },\n    SectionViewContainer: {\n      editButton: 'Endre',\n    },\n    SectionEditContainer: {\n      doneButton: 'Ferdig',\n      cancelButton: 'Avbryt',\n      errorInSection: 'Feilene ovenfor må rettes',\n    },\n    IterateEditContainer: {\n      removeButton: 'Fjern',\n      doneButton: 'Ferdig',\n      cancelButton: 'Avbryt',\n      errorInSection: 'Feilene ovenfor må rettes',\n    },\n    IteratePushContainer: {\n      createButton: 'Legg til',\n    },\n\n    /**\n     * Base fields\n     */\n    StringField: {\n      errorMinLength:\n        'Verdien kan ikke være kortere enn {minLength} tegn.',\n      errorMaxLength: 'Verdien kan ikke være lengre enn {maxLength} tegn.',\n    },\n    NumberField: {\n      errorMinimum: 'Verdien må være minst {minimum}.',\n      errorMaximum: 'Verdien må være maksimalt {maximum}.',\n      errorExclusiveMinimum:\n        'Verdien må være større enn {exclusiveMinimum}.',\n      errorExclusiveMaximum:\n        'Verdien må være mindre enn {exclusiveMaximum}.',\n      errorMultipleOf: 'Verdien må være et multiplum av {multipleOf}.',\n    },\n    BooleanField: {\n      yes: 'Ja',\n      no: 'Nei',\n    },\n    ToggleField: {\n      yes: 'Ja',\n      no: 'Nei',\n    },\n\n    /**\n     * Feature fields\n     */\n    Date: {\n      label: 'Dato',\n      errorRequired: 'Du må angi en gyldig dato.',\n    },\n    Expiry: {\n      label: 'Utløpsdato',\n    },\n    Email: {\n      label: 'E-postadresse',\n      errorRequired: 'Du må fylle inn en e-postadresse.',\n      errorPattern: 'Ugyldig e-postadresse. Skriv inn en e-postadresse.',\n    },\n    FirstName: {\n      label: 'Fornavn',\n      errorRequired: 'Du må fylle inn fornavn.',\n      errorPattern:\n        'Kun bokstaver og tegn som bindestrek og mellomrom er tillatt.',\n    },\n    LastName: {\n      label: 'Etternavn',\n      errorRequired: 'Du må fylle inn etternavn.',\n      errorPattern:\n        'Kun bokstaver og tegn som bindestrek og mellomrom er tillatt.',\n    },\n    CompanyName: {\n      label: 'Firmanavn',\n      errorRequired: 'Du må fylle inn firmanavn.',\n    },\n    NationalIdentityNumber: {\n      label: 'Fødselsnummer (11 siffer)',\n      errorRequired:\n        'Ugyldig fødselsnummer. Skriv inn et gyldig fødselsnummer med 11 siffer.',\n      errorFnr: 'Ugyldig fødselsnummer.',\n      errorDnr: 'Ugyldig d-nummer.',\n    },\n    OrganizationNumber: {\n      label: 'Organisasjonsnummer',\n      errorRequired: 'Du må fylle inn et organisasjonsnummer.',\n      errorPattern: 'Dette er ikke et gyldig organisasjonsnummer.',\n    },\n    BankAccountNumber: {\n      label: 'Bankkonto',\n      errorRequired:\n        'Skriv inn et gyldig kontonummer. Kontonummeret må fylles ut.',\n      errorPattern: 'Dette er ikke et gyldig kontonummer.',\n    },\n    PhoneNumber: {\n      label: 'Mobilnummer',\n      countryCodeLabel: 'Landskode',\n      errorRequired:\n        'Mobilnummer må fylles ut. Hvis du ikke har et mobilnummer, kan du oppgi et annet telefonnummer.',\n      warningRequired:\n        'Du har ikke skrevet inn et mobilnummer. Du kan likevel bruke dette nummeret hvis det er riktig.',\n    },\n    PostalCodeAndCity: {\n      label: 'Postnummer og sted',\n    },\n    PostalCode: {\n      label: 'Postnr.',\n      errorRequired: 'Du må fylle inn et postnummer.',\n      errorPattern: 'Dette er ikke et gyldig postnummer (fire siffer).',\n    },\n    City: {\n      label: 'Sted',\n      errorRequired: 'Du må fylle inn et stedsnavn.',\n      errorPattern:\n        'Stedsnavn kan kun inneholde bokstaver og gyldige tegn som bindestrek og mellomrom.',\n    },\n    SelectCountry: {\n      label: 'Land',\n      placeholder: 'Velg et land',\n      errorRequired: 'Du må velge et land fra listen.',\n    },\n    Password: {\n      label: 'Passord',\n      ariaLabelShow: 'Vis passord',\n      ariaLabelHide: 'Skjul passord',\n    },\n    Upload: {\n      errorRequired: 'Du må laste opp minst en fil.',\n      errorInvalidFiles: 'Fjern alle filer som har feil.',\n    },\n  },\n}\n"],"mappings":"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"}

package/extensions/forms/hooks/DataValueDocs.js

@@ -50,17 +50,17 @@ export const dataValueProperties = {
     status: 'optional'
   },
   validateInitially: {
-    doc: 'Set `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',
+    doc: 'Set to `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',
     type: 'boolean',
     status: 'optional'
   },
   validateUnchanged: {
-    doc: 'Set `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',
+    doc: 'Set to `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',
     type: 'boolean',
     status: 'optional'
   },
   continuousValidation: {
-    doc: 'Set `true` to show validation based errors continuously while writing, not just when blurring the field.',
+    doc: 'Set to `true` to show validation based errors continuously while writing, not just when blurring the field.',
     type: 'boolean',
     status: 'optional'
   },

package/extensions/forms/hooks/DataValueDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataValueDocs.js","names":["dataValueProperties","value","doc","type","status","defaultValue","path","info","warning","error","disabled","emptyValue","required","schema","validateInitially","validateUnchanged","continuousValidation","errorMessages","validator","onBlurValidator","transformIn","transformOut","dataValueEvents","onChange","onFocus","onBlur"],"sources":["../../../../../src/extensions/forms/hooks/DataValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const dataValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Source data value for the field. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default source data value for the field. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for the field is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.',\n    type: 'string',\n    status: 'optional',\n  },\n  info: {\n    doc: 'Info message shown below / after the field.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  warning: {\n    doc: 'Warning message shown below / after the field.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  error: {\n    doc: 'Error message shown below / after the field.',\n    type: 'Error',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Set `true` to show the field but without the possibility of changing the value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',\n    type: ['{valueType}', 'undefined'],\n    status: 'optional',\n  },\n  required: {\n    doc: 'When set `true`, the field will give an error if the value cannot be empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  schema: {\n    doc: 'Custom JSON Schema for validating the value.',\n    type: 'object',\n    status: 'optional',\n  },\n  validateInitially: {\n    doc: 'Set `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  validateUnchanged: {\n    doc: 'Set `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  continuousValidation: {\n    doc: 'Set `true` to show validation based errors continuously while writing, not just when blurring the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  errorMessages: {\n    doc: 'Custom error messages for each type of error, overriding default messages.',\n    type: 'object',\n    status: 'optional',\n  },\n  validator: {\n    doc: 'Custom validator function that will be called for every change done by the user. Can be asynchronous or synchronous.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that will be called when the user leaves the field (blurring a text input, closing a dropdown etc). Can be asynchronous or synchronous.',\n    type: 'function',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'transforms the `value` before its displayed in the field (e.g. input).',\n    type: 'function',\n    status: 'optional',\n  },\n  transformOut: {\n    doc: 'transforms the value before it gets forwarded to the form data object or returned as the `onChange` value parameter.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const dataValueEvents: PropertiesTableProps = {\n  onChange: {\n    doc: \"Will be called on value changes made by the user, with the new value as argument. When an `async` function is used, the corresponding [FieldBlock](/uilib/extensions/forms/create-component/FieldBlock/) will show an indicator on the field label. You can return `{ success: 'saved' } as const` to show a success symbol, or an error or an object with these keys `{ info: 'Info message', warning: 'Warning message', error: Error('My error') } as const`.\",\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onFocus: {\n    doc: 'Will be called when the component gets into focus. Like clicking inside a text input or opening a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onBlur: {\n    doc: 'Will be called when the component stop being in focus. Like when going to next field, or closing a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAyC,GAAG;EACvDC,KAAK,EAAE;IACLC,GAAG,EAAE,sGAAsG;IAC3GC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,kHAAkH;IACvHC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,mPAAmP;IACxPC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,6CAA6C;IAClDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPN,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDK,KAAK,EAAE;IACLP,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,kMAAkM;IACvMC,IAAI,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC;IAClCC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,6EAA6E;IAClFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,MAAM,EAAE;IACNX,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,iBAAiB,EAAE;IACjBZ,GAAG,EAAE,uIAAuI;IAC5IC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,iBAAiB,EAAE;IACjBb,GAAG,EAAE,qQAAqQ;IAC1QC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,oBAAoB,EAAE;IACpBd,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,aAAa,EAAE;IACbf,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,SAAS,EAAE;IACThB,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDe,eAAe,EAAE;IACfjB,GAAG,EAAE,mKAAmK;IACxKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDgB,WAAW,EAAE;IACXlB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDiB,YAAY,EAAE;IACZnB,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMkB,eAAqC,GAAG;EACnDC,QAAQ,EAAE;IACRrB,GAAG,EAAE,kcAAkc;IACvcC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDoB,OAAO,EAAE;IACPtB,GAAG,EAAE,mJAAmJ;IACxJC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDqB,MAAM,EAAE;IACNvB,GAAG,EAAE,oJAAoJ;IACzJC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"DataValueDocs.js","names":["dataValueProperties","value","doc","type","status","defaultValue","path","info","warning","error","disabled","emptyValue","required","schema","validateInitially","validateUnchanged","continuousValidation","errorMessages","validator","onBlurValidator","transformIn","transformOut","dataValueEvents","onChange","onFocus","onBlur"],"sources":["../../../../../src/extensions/forms/hooks/DataValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const dataValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Source data value for the field. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default source data value for the field. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for the field is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.',\n    type: 'string',\n    status: 'optional',\n  },\n  info: {\n    doc: 'Info message shown below / after the field.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  warning: {\n    doc: 'Warning message shown below / after the field.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  error: {\n    doc: 'Error message shown below / after the field.',\n    type: 'Error',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Set `true` to show the field but without the possibility of changing the value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',\n    type: ['{valueType}', 'undefined'],\n    status: 'optional',\n  },\n  required: {\n    doc: 'When set `true`, the field will give an error if the value cannot be empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  schema: {\n    doc: 'Custom JSON Schema for validating the value.',\n    type: 'object',\n    status: 'optional',\n  },\n  validateInitially: {\n    doc: 'Set to `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  validateUnchanged: {\n    doc: 'Set to `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  continuousValidation: {\n    doc: 'Set to `true` to show validation based errors continuously while writing, not just when blurring the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  errorMessages: {\n    doc: 'Custom error messages for each type of error, overriding default messages.',\n    type: 'object',\n    status: 'optional',\n  },\n  validator: {\n    doc: 'Custom validator function that will be called for every change done by the user. Can be asynchronous or synchronous.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that will be called when the user leaves the field (blurring a text input, closing a dropdown etc). Can be asynchronous or synchronous.',\n    type: 'function',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'transforms the `value` before its displayed in the field (e.g. input).',\n    type: 'function',\n    status: 'optional',\n  },\n  transformOut: {\n    doc: 'transforms the value before it gets forwarded to the form data object or returned as the `onChange` value parameter.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const dataValueEvents: PropertiesTableProps = {\n  onChange: {\n    doc: \"Will be called on value changes made by the user, with the new value as argument. When an `async` function is used, the corresponding [FieldBlock](/uilib/extensions/forms/create-component/FieldBlock/) will show an indicator on the field label. You can return `{ success: 'saved' } as const` to show a success symbol, or an error or an object with these keys `{ info: 'Info message', warning: 'Warning message', error: Error('My error') } as const`.\",\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onFocus: {\n    doc: 'Will be called when the component gets into focus. Like clicking inside a text input or opening a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n  onBlur: {\n    doc: 'Will be called when the component stop being in focus. Like when going to next field, or closing a dropdown. Called with active value as argument.',\n    type: '(value) => void',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAyC,GAAG;EACvDC,KAAK,EAAE;IACLC,GAAG,EAAE,sGAAsG;IAC3GC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,kHAAkH;IACvHC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,mPAAmP;IACxPC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,6CAA6C;IAClDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPN,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDK,KAAK,EAAE;IACLP,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,kMAAkM;IACvMC,IAAI,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC;IAClCC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,6EAA6E;IAClFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,MAAM,EAAE;IACNX,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,iBAAiB,EAAE;IACjBZ,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,iBAAiB,EAAE;IACjBb,GAAG,EAAE,wQAAwQ;IAC7QC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,oBAAoB,EAAE;IACpBd,GAAG,EAAE,6GAA6G;IAClHC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,aAAa,EAAE;IACbf,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,SAAS,EAAE;IACThB,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDe,eAAe,EAAE;IACfjB,GAAG,EAAE,mKAAmK;IACxKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDgB,WAAW,EAAE;IACXlB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDiB,YAAY,EAAE;IACZnB,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMkB,eAAqC,GAAG;EACnDC,QAAQ,EAAE;IACRrB,GAAG,EAAE,kcAAkc;IACvcC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDoB,OAAO,EAAE;IACPtB,GAAG,EAAE,mJAAmJ;IACxJC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDqB,MAAM,EAAE;IACNvB,GAAG,EAAE,oJAAoJ;IACzJC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/extensions/forms/style/dnb-forms.css

@@ -626,6 +626,9 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   /* stylelint-disable */
   /* stylelint-enable */
 }
+.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none {
+  --column-gap: 0;
+}
 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small {
   --column-gap: var(--spacing-xx-small);
 }

package/extensions/forms/style/dnb-forms.min.css

@@ -1 +1 @@
-@charset "UTF-8";.dnb-forms-field-array-selection{--row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--row-gap)}.dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-array-selection--variant-checkbox.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{row-gap:0}.dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{line-height:2.5rem}.dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--row-gap)}@media screen and (min-width:40em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents{display:flex}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40em){.dnb-card+.dnb-button--primary:not([class*=space__left]),.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}:root{--forms-card-max-width:36.5rem}.dnb-forms-form .dnb-card{max-width:var(--forms-card-max-width)}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-section-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-section-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;margin-bottom:var(--space);outline:none;padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block--variant-basic .dnb-forms-section-block__inner,.dnb-forms-section-block__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-forms-section-block--variant-outline .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-submit-indicator{--padding-left:0.5em;display:inline}.dnb-forms-submit-indicator__content{font-size:0;line-height:1em;transition:font-size .8s var(--easing-default);will-change:font-size}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;font-weight:var(--font-weight-bold)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon{color:var(--color-success-green);padding-left:var(--padding-left)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon--default{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content__label{font-size:var(--font-size-small);padding-left:calc(var(--padding-left)*2)}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-card{max-width:var(--forms-card-max-width)}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (min-width:40em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:23rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}
+@charset "UTF-8";.dnb-forms-field-array-selection{--row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--row-gap)}.dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-array-selection--variant-checkbox.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{row-gap:0}.dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{line-height:2.5rem}.dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--row-gap)}@media screen and (min-width:40em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents{display:flex}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40em){.dnb-card+.dnb-button--primary:not([class*=space__left]),.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}:root{--forms-card-max-width:36.5rem}.dnb-forms-form .dnb-card{max-width:var(--forms-card-max-width)}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-section-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-section-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;margin-bottom:var(--space);outline:none;padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block--variant-basic .dnb-forms-section-block__inner,.dnb-forms-section-block__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-forms-section-block--variant-outline .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-submit-indicator{--padding-left:0.5em;display:inline}.dnb-forms-submit-indicator__content{font-size:0;line-height:1em;transition:font-size .8s var(--easing-default);will-change:font-size}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;font-weight:var(--font-weight-bold)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon{color:var(--color-success-green);padding-left:var(--padding-left)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon--default{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content__label{font-size:var(--font-size-small);padding-left:calc(var(--padding-left)*2)}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-card{max-width:var(--forms-card-max-width)}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (min-width:40em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:23rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}