@dnb/eufemia 10.55.0 → 10.56.0

package/extensions/forms/Form/MainHeading/MainHeading.js

@@ -1,26 +1,39 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["level"],
-  _excluded2 = ["className", "children"];
+  _excluded2 = ["help", "className", "children"];
 import React from 'react';
 import classnames from 'classnames';
+import useId from '../../../../shared/helpers/useId';
 import Heading from '../../../../components/heading/Heading';
+import HelpButtonInline, { HelpButtonInlineContent } from '../../../../components/help-button/HelpButtonInline';
 function MainHeading(_ref) {
   let {
       level
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const {
+      help,
       className,
       children
     } = props,
     rest = _objectWithoutProperties(props, _excluded2);
-  return React.createElement(Heading, _extends({
-    className: classnames('dnb-forms-main-heading', className),
+  const helpId = useId();
+  const hasHelp = (help === null || help === void 0 ? void 0 : help.title) || (help === null || help === void 0 ? void 0 : help.content);
+  return React.createElement(React.Fragment, null, React.createElement(Heading, _extends({
+    className: classnames("dnb-forms-main-heading dnb-card--auto-indent", className),
     level: level || 2,
     skip_correction: true,
     size: "large"
-  }, rest), children);
+  }, rest), children, hasHelp && React.createElement(HelpButtonInline, {
+    left: "x-small",
+    contentId: helpId,
+    help: help
+  })), hasHelp && React.createElement(HelpButtonInlineContent, {
+    top: "x-small",
+    contentId: helpId,
+    help: help
+  }));
 }
 MainHeading._supportsSpacingProps = true;
 MainHeading._isHeadingElement = true;

package/extensions/forms/Form/MainHeading/MainHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainHeading.js","names":["React","classnames","Heading","MainHeading","_ref","level","props","_objectWithoutProperties","_excluded","className","children","rest","_excluded2","createElement","_extends","skip_correction","size","_supportsSpacingProps","_isHeadingElement"],"sources":["../../../../../../src/extensions/forms/Form/MainHeading/MainHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Heading from '../../../../components/heading/Heading'\nimport type { HeadingLevel } from '../../../../components/heading/Heading'\nimport type { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n  level?: HeadingLevel\n  children?: React.ReactNode\n} & Omit<React.HTMLProps<HTMLElement>, 'size'>\n\nfunction MainHeading({ level, ...props }: Props) {\n  const { className, children, ...rest } = props\n  return (\n    <Heading\n      className={classnames('dnb-forms-main-heading', className)}\n      level={level || 2}\n      skip_correction\n      size=\"large\"\n      {...rest}\n    >\n      {children}\n    </Heading>\n  )\n}\n\nMainHeading._supportsSpacingProps = true\nMainHeading._isHeadingElement = true\n\nexport default MainHeading\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,wCAAwC;AAS5D,SAASC,WAAWA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;MAAEC;IAAuB,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACpC,MAAM;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GAAGJ,KAAK;IAAdK,IAAI,GAAAJ,wBAAA,CAAKD,KAAK,EAAAM,UAAA;EAC9C,OACEZ,KAAA,CAAAa,aAAA,CAACX,OAAO,EAAAY,QAAA;IACNL,SAAS,EAAER,UAAU,CAAC,wBAAwB,EAAEQ,SAAS,CAAE;IAC3DJ,KAAK,EAAEA,KAAK,IAAI,CAAE;IAClBU,eAAe;IACfC,IAAI,EAAC;EAAO,GACRL,IAAI,GAEPD,QACM,CAAC;AAEd;AAEAP,WAAW,CAACc,qBAAqB,GAAG,IAAI;AACxCd,WAAW,CAACe,iBAAiB,GAAG,IAAI;AAEpC,eAAef,WAAW"}
+{"version":3,"file":"MainHeading.js","names":["React","classnames","useId","Heading","HelpButtonInline","HelpButtonInlineContent","MainHeading","_ref","level","props","_objectWithoutProperties","_excluded","help","className","children","rest","_excluded2","helpId","hasHelp","title","content","createElement","Fragment","_extends","skip_correction","size","left","contentId","top","_supportsSpacingProps","_isHeadingElement"],"sources":["../../../../../../src/extensions/forms/Form/MainHeading/MainHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport useId from '../../../../shared/helpers/useId'\nimport Heading from '../../../../components/heading/Heading'\nimport HelpButtonInline, {\n  HelpButtonInlineContent,\n  HelpProps,\n} from '../../../../components/help-button/HelpButtonInline'\nimport type { HeadingLevel } from '../../../../components/heading/Heading'\nimport type { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n  level?: HeadingLevel\n  help?: HelpProps\n  children?: React.ReactNode\n} & Omit<React.HTMLProps<HTMLElement>, 'size'>\n\nfunction MainHeading({ level, ...props }: Props) {\n  const { help, className, children, ...rest } = props\n  const helpId = useId()\n  const hasHelp = help?.title || help?.content\n\n  return (\n    <>\n      <Heading\n        className={classnames(\n          'dnb-forms-main-heading',\n          'dnb-card--auto-indent',\n          className\n        )}\n        level={level || 2}\n        skip_correction\n        size=\"large\"\n        {...rest}\n      >\n        {children}\n        {hasHelp && (\n          <HelpButtonInline\n            left=\"x-small\"\n            contentId={helpId}\n            help={help}\n          />\n        )}\n      </Heading>\n\n      {hasHelp && (\n        <HelpButtonInlineContent\n          top=\"x-small\"\n          contentId={helpId}\n          help={help}\n        />\n      )}\n    </>\n  )\n}\n\nMainHeading._supportsSpacingProps = true\nMainHeading._isHeadingElement = true\n\nexport default MainHeading\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,kCAAkC;AACpD,OAAOC,OAAO,MAAM,wCAAwC;AAC5D,OAAOC,gBAAgB,IACrBC,uBAAuB,QAElB,qDAAqD;AAU5D,SAASC,WAAWA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;MAAEC;IAAuB,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACpC,MAAM;MAAEC,IAAI;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GAAGL,KAAK;IAAdM,IAAI,GAAAL,wBAAA,CAAKD,KAAK,EAAAO,UAAA;EACpD,MAAMC,MAAM,GAAGf,KAAK,CAAC,CAAC;EACtB,MAAMgB,OAAO,GAAG,CAAAN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,KAAK,MAAIP,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEQ,OAAO;EAE5C,OACEpB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QACEtB,KAAA,CAAAqB,aAAA,CAAClB,OAAO,EAAAoB,QAAA;IACNV,SAAS,EAAEZ,UAAU,iDAGnBY,SACF,CAAE;IACFL,KAAK,EAAEA,KAAK,IAAI,CAAE;IAClBgB,eAAe;IACfC,IAAI,EAAC;EAAO,GACRV,IAAI,GAEPD,QAAQ,EACRI,OAAO,IACNlB,KAAA,CAAAqB,aAAA,CAACjB,gBAAgB;IACfsB,IAAI,EAAC,SAAS;IACdC,SAAS,EAAEV,MAAO;IAClBL,IAAI,EAAEA;EAAK,CACZ,CAEI,CAAC,EAETM,OAAO,IACNlB,KAAA,CAAAqB,aAAA,CAAChB,uBAAuB;IACtBuB,GAAG,EAAC,SAAS;IACbD,SAAS,EAAEV,MAAO;IAClBL,IAAI,EAAEA;EAAK,CACZ,CAEH,CAAC;AAEP;AAEAN,WAAW,CAACuB,qBAAqB,GAAG,IAAI;AACxCvB,WAAW,CAACwB,iBAAiB,GAAG,IAAI;AAEpC,eAAexB,WAAW"}

package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css

@@ -4,11 +4,7 @@
 .dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]) {
   margin: 0;
 }
-@media screen and (min-width: 40.00625em) {
-  .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-main-heading + .dnb-help-button__content .dnb-section {
+  margin-top: 1rem;
 }

package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css

@@ -1 +1 @@
-.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40.00625em){.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-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}.dnb-forms-main-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}

package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.scss

@@ -7,16 +7,10 @@
       margin: 0;
     }
   }
+}
 
-  &:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card) {
-    &:not([class*='space__left']) {
-      @include allAbove(small) {
-        margin-left: var(--spacing-medium);
-      }
-    }
-
-    &:not([class*='space__bottom']) {
-      margin-bottom: var(--spacing-small);
-    }
+.dnb-forms-main-heading + .dnb-help-button__content {
+  .dnb-section {
+    margin-top: 1rem;
   }
 }

package/extensions/forms/Form/Section/style/dnb-form-section.css

@@ -11,6 +11,9 @@
 .dnb-forms-section-block--variant-basic {
   --border-color: transparent;
 }
+.dnb-forms-section-block--variant-basic .dnb-card {
+  --card-outline-color: transparent;
+}
 .dnb-forms-section-block__inner {
   flex: 1;
   outline: none;

package/extensions/forms/Form/Section/style/dnb-form-section.min.css

@@ -1 +1 @@
-.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--variant-basic{--border-color:transparent}.dnb-forms-section-block__inner{flex:1;margin-bottom:var(--space);outline:none;transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-small){--space:var(--spacing-small)}.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-medium){--space:var(--spacing-medium)}.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-large){--space:var(--spacing-large)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(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-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--variant-basic{--border-color:transparent}.dnb-forms-section-block--variant-basic .dnb-card{--card-outline-color:transparent}.dnb-forms-section-block__inner{flex:1;margin-bottom:var(--space);outline:none;transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-small){--space:var(--spacing-small)}.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-medium){--space:var(--spacing-medium)}.dnb-forms-section-block__inner:has(.dnb-flex-container--spacing-large){--space:var(--spacing-large)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(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)}

package/extensions/forms/Form/Section/style/dnb-form-section.scss

@@ -13,6 +13,9 @@
 
     &--variant-basic {
       --border-color: transparent;
+      .dnb-card {
+        --card-outline-color: transparent;
+      }
     }
 
     &__inner {

package/extensions/forms/Form/SubHeading/SubHeading.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
+import { HelpProps } from '../../../../components/help-button/HelpButtonInline';
 import type { HeadingLevel } from '../../../../components/heading/Heading';
 import type { ComponentProps } from '../../types';
 export type Props = ComponentProps & {
     level?: HeadingLevel;
+    help?: HelpProps;
     children?: React.ReactNode;
 } & Omit<React.HTMLProps<HTMLElement>, 'size'>;
 declare function SubHeading({ level, ...props }: Props): import("react/jsx-runtime").JSX.Element;

package/extensions/forms/Form/SubHeading/SubHeading.js

@@ -1,26 +1,39 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["level"],
-  _excluded2 = ["className", "children"];
+  _excluded2 = ["help", "className", "children"];
 import React from 'react';
 import classnames from 'classnames';
+import useId from '../../../../shared/helpers/useId';
 import Heading from '../../../../components/heading/Heading';
+import HelpButtonInline, { HelpButtonInlineContent } from '../../../../components/help-button/HelpButtonInline';
 function SubHeading(_ref) {
   let {
       level
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const {
+      help,
       className,
       children
     } = props,
     rest = _objectWithoutProperties(props, _excluded2);
-  return React.createElement(Heading, _extends({
-    className: classnames('dnb-forms-sub-heading', className),
+  const helpId = useId();
+  const hasHelp = (help === null || help === void 0 ? void 0 : help.title) || (help === null || help === void 0 ? void 0 : help.content);
+  return React.createElement(React.Fragment, null, React.createElement(Heading, _extends({
+    className: classnames("dnb-forms-sub-heading dnb-card--auto-indent", className),
     level: level || 3,
     skip_correction: true,
     size: "medium"
-  }, rest), children);
+  }, rest), children, hasHelp && React.createElement(HelpButtonInline, {
+    left: "x-small",
+    contentId: helpId,
+    help: help
+  })), hasHelp && React.createElement(HelpButtonInlineContent, {
+    top: "x-small",
+    contentId: helpId,
+    help: help
+  }));
 }
 SubHeading._supportsSpacingProps = true;
 SubHeading._isHeadingElement = true;

package/extensions/forms/Form/SubHeading/SubHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubHeading.js","names":["React","classnames","Heading","SubHeading","_ref","level","props","_objectWithoutProperties","_excluded","className","children","rest","_excluded2","createElement","_extends","skip_correction","size","_supportsSpacingProps","_isHeadingElement"],"sources":["../../../../../../src/extensions/forms/Form/SubHeading/SubHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Heading from '../../../../components/heading/Heading'\nimport type { HeadingLevel } from '../../../../components/heading/Heading'\nimport type { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n  level?: HeadingLevel\n  children?: React.ReactNode\n} & Omit<React.HTMLProps<HTMLElement>, 'size'>\n\nfunction SubHeading({ level, ...props }: Props) {\n  const { className, children, ...rest } = props\n  return (\n    <Heading\n      className={classnames('dnb-forms-sub-heading', className)}\n      level={level || 3}\n      skip_correction\n      size=\"medium\"\n      {...rest}\n    >\n      {children}\n    </Heading>\n  )\n}\n\nSubHeading._supportsSpacingProps = true\nSubHeading._isHeadingElement = true\n\nexport default SubHeading\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,wCAAwC;AAS5D,SAASC,UAAUA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;MAAEC;IAAuB,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACnC,MAAM;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GAAGJ,KAAK;IAAdK,IAAI,GAAAJ,wBAAA,CAAKD,KAAK,EAAAM,UAAA;EAC9C,OACEZ,KAAA,CAAAa,aAAA,CAACX,OAAO,EAAAY,QAAA;IACNL,SAAS,EAAER,UAAU,CAAC,uBAAuB,EAAEQ,SAAS,CAAE;IAC1DJ,KAAK,EAAEA,KAAK,IAAI,CAAE;IAClBU,eAAe;IACfC,IAAI,EAAC;EAAQ,GACTL,IAAI,GAEPD,QACM,CAAC;AAEd;AAEAP,UAAU,CAACc,qBAAqB,GAAG,IAAI;AACvCd,UAAU,CAACe,iBAAiB,GAAG,IAAI;AAEnC,eAAef,UAAU"}
+{"version":3,"file":"SubHeading.js","names":["React","classnames","useId","Heading","HelpButtonInline","HelpButtonInlineContent","SubHeading","_ref","level","props","_objectWithoutProperties","_excluded","help","className","children","rest","_excluded2","helpId","hasHelp","title","content","createElement","Fragment","_extends","skip_correction","size","left","contentId","top","_supportsSpacingProps","_isHeadingElement"],"sources":["../../../../../../src/extensions/forms/Form/SubHeading/SubHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport useId from '../../../../shared/helpers/useId'\nimport Heading from '../../../../components/heading/Heading'\nimport HelpButtonInline, {\n  HelpButtonInlineContent,\n  HelpProps,\n} from '../../../../components/help-button/HelpButtonInline'\nimport type { HeadingLevel } from '../../../../components/heading/Heading'\nimport type { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n  level?: HeadingLevel\n  help?: HelpProps\n  children?: React.ReactNode\n} & Omit<React.HTMLProps<HTMLElement>, 'size'>\n\nfunction SubHeading({ level, ...props }: Props) {\n  const { help, className, children, ...rest } = props\n  const helpId = useId()\n  const hasHelp = help?.title || help?.content\n\n  return (\n    <>\n      <Heading\n        className={classnames(\n          'dnb-forms-sub-heading',\n          'dnb-card--auto-indent',\n          className\n        )}\n        level={level || 3}\n        skip_correction\n        size=\"medium\"\n        {...rest}\n      >\n        {children}\n        {hasHelp && (\n          <HelpButtonInline\n            left=\"x-small\"\n            contentId={helpId}\n            help={help}\n          />\n        )}\n      </Heading>\n\n      {hasHelp && (\n        <HelpButtonInlineContent\n          top=\"x-small\"\n          contentId={helpId}\n          help={help}\n        />\n      )}\n    </>\n  )\n}\n\nSubHeading._supportsSpacingProps = true\nSubHeading._isHeadingElement = true\n\nexport default SubHeading\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,kCAAkC;AACpD,OAAOC,OAAO,MAAM,wCAAwC;AAC5D,OAAOC,gBAAgB,IACrBC,uBAAuB,QAElB,qDAAqD;AAU5D,SAASC,UAAUA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;MAAEC;IAAuB,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACnC,MAAM;MAAEC,IAAI;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GAAGL,KAAK;IAAdM,IAAI,GAAAL,wBAAA,CAAKD,KAAK,EAAAO,UAAA;EACpD,MAAMC,MAAM,GAAGf,KAAK,CAAC,CAAC;EACtB,MAAMgB,OAAO,GAAG,CAAAN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,KAAK,MAAIP,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEQ,OAAO;EAE5C,OACEpB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QACEtB,KAAA,CAAAqB,aAAA,CAAClB,OAAO,EAAAoB,QAAA;IACNV,SAAS,EAAEZ,UAAU,gDAGnBY,SACF,CAAE;IACFL,KAAK,EAAEA,KAAK,IAAI,CAAE;IAClBgB,eAAe;IACfC,IAAI,EAAC;EAAQ,GACTV,IAAI,GAEPD,QAAQ,EACRI,OAAO,IACNlB,KAAA,CAAAqB,aAAA,CAACjB,gBAAgB;IACfsB,IAAI,EAAC,SAAS;IACdC,SAAS,EAAEV,MAAO;IAClBL,IAAI,EAAEA;EAAK,CACZ,CAEI,CAAC,EAETM,OAAO,IACNlB,KAAA,CAAAqB,aAAA,CAAChB,uBAAuB;IACtBuB,GAAG,EAAC,SAAS;IACbD,SAAS,EAAEV,MAAO;IAClBL,IAAI,EAAEA;EAAK,CACZ,CAEH,CAAC;AAEP;AAEAN,UAAU,CAACuB,qBAAqB,GAAG,IAAI;AACvCvB,UAAU,CAACwB,iBAAiB,GAAG,IAAI;AAEnC,eAAexB,UAAU"}

package/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.css

@@ -6,4 +6,8 @@
 }
 .dnb-forms-sub-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__bottom]) {
   margin-bottom: var(--spacing-small);
+}
+
+.dnb-forms-sub-heading + .dnb-help-button__content .dnb-section {
+  margin-top: 1rem;
 }

package/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.min.css

@@ -1 +1 @@
-.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-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-sub-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}

package/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.scss

@@ -14,3 +14,9 @@
     }
   }
 }
+
+.dnb-forms-sub-heading + .dnb-help-button__content {
+  .dnb-section {
+    margin-top: 1rem;
+  }
+}

package/extensions/forms/Form/SubmitButton/SubmitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.js","names":["React","useCallback","useContext","classnames","DataContext","Button","SubmitIndicator","useTranslation","send","SubmitButton","props","translations","variant","className","showIndicator","children","text","rest","_objectWithoutProperties","_excluded","content","sendText","formState","handleSubmit","isInsideFormElement","dataContextProps","isolate","onClickHandler","createElement","_extends","onClick","type","icon","state","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/SubmitButton/SubmitButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport DataContext from '../../DataContext/Context'\nimport Button, { ButtonProps } from '../../../../components/button/Button'\nimport SubmitIndicator from '../SubmitIndicator'\nimport useTranslation from '../../hooks/useTranslation'\nimport { send } from '../../../../icons'\n\nexport type Props = {\n  /**\n   * Show the submit indicator\n   */\n  showIndicator?: boolean\n} & ComponentProps &\n  Omit<ButtonProps, 'variant'> &\n  Partial<React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>> & {\n    variant?: 'send'\n  }\n\nfunction SubmitButton(props: Props) {\n  const translations = useTranslation().SubmitButton\n\n  const { variant, className, showIndicator, children, text, ...rest } =\n    props\n\n  const content =\n    text ||\n    children ||\n    (variant === 'send' ? translations.sendText : translations.text)\n\n  const {\n    formState,\n    handleSubmit,\n    isInsideFormElement,\n    props: dataContextProps,\n  } = useContext(DataContext) || {}\n  const { isolate } = dataContextProps || {}\n\n  const onClickHandler = useCallback(() => {\n    if (!isInsideFormElement) {\n      handleSubmit?.()\n    }\n  }, [isInsideFormElement, handleSubmit])\n\n  return (\n    <Button\n      className={classnames('dnb-forms-submit-button', className)}\n      onClick={onClickHandler}\n      type={isolate ? 'button' : 'submit'}\n      icon={variant === 'send' ? send : null}\n      {...rest}\n    >\n      {content}\n\n      <SubmitIndicator\n        state={\n          showIndicator ? 'pending' : formState // will be enabled in a follow-up PR\n        }\n      />\n    </Button>\n  )\n}\n\nSubmitButton._supportsSpacingProps = true\nexport default SubmitButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,MAAM,MAAuB,sCAAsC;AAC1E,OAAOC,eAAe,MAAM,oBAAoB;AAChD,OAAOC,cAAc,MAAM,4BAA4B;AACvD,SAASC,IAAI,QAAQ,mBAAmB;AAaxC,SAASC,YAAYA,CAACC,KAAY,EAAE;EAClC,MAAMC,YAAY,GAAGJ,cAAc,CAAC,CAAC,CAACE,YAAY;EAElD,MAAM;MAAEG,OAAO;MAAEC,SAAS;MAAEC,aAAa;MAAEC,QAAQ;MAAEC;IAAc,CAAC,GAClEN,KAAK;IADuDO,IAAI,GAAAC,wBAAA,CAChER,KAAK,EAAAS,SAAA;EAEP,MAAMC,OAAO,GACXJ,IAAI,IACJD,QAAQ,KACPH,OAAO,KAAK,MAAM,GAAGD,YAAY,CAACU,QAAQ,GAAGV,YAAY,CAACK,IAAI,CAAC;EAElE,MAAM;IACJM,SAAS;IACTC,YAAY;IACZC,mBAAmB;IACnBd,KAAK,EAAEe;EACT,CAAC,GAAGvB,UAAU,CAACE,WAAW,CAAC,IAAI,CAAC,CAAC;EACjC,MAAM;IAAEsB;EAAQ,CAAC,GAAGD,gBAAgB,IAAI,CAAC,CAAC;EAE1C,MAAME,cAAc,GAAG1B,WAAW,CAAC,MAAM;IACvC,IAAI,CAACuB,mBAAmB,EAAE;MACxBD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG,CAAC;IAClB;EACF,CAAC,EAAE,CAACC,mBAAmB,EAAED,YAAY,CAAC,CAAC;EAEvC,OACEvB,KAAA,CAAA4B,aAAA,CAACvB,MAAM,EAAAwB,QAAA;IACLhB,SAAS,EAAEV,UAAU,CAAC,yBAAyB,EAAEU,SAAS,CAAE;IAC5DiB,OAAO,EAAEH,cAAe;IACxBI,IAAI,EAAEL,OAAO,GAAG,QAAQ,GAAG,QAAS;IACpCM,IAAI,EAAEpB,OAAO,KAAK,MAAM,GAAGJ,IAAI,GAAG;EAAK,GACnCS,IAAI,GAEPG,OAAO,EAERpB,KAAA,CAAA4B,aAAA,CAACtB,eAAe;IACd2B,KAAK,EACHnB,aAAa,GAAG,SAAS,GAAGQ;EAC7B,CACF,CACK,CAAC;AAEb;AAEAb,YAAY,CAACyB,qBAAqB,GAAG,IAAI;AACzC,eAAezB,YAAY"}
+{"version":3,"file":"SubmitButton.js","names":["React","useCallback","useContext","classnames","DataContext","Button","SubmitIndicator","useTranslation","send","SubmitButton","props","translations","variant","className","showIndicator","children","text","rest","_objectWithoutProperties","_excluded","content","sendText","formState","handleSubmit","isInsideFormElement","dataContextProps","isolate","onClickHandler","createElement","_extends","onClick","type","icon","state","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/SubmitButton/SubmitButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport DataContext from '../../DataContext/Context'\nimport Button, { ButtonProps } from '../../../../components/button/Button'\nimport SubmitIndicator from '../SubmitIndicator'\nimport useTranslation from '../../hooks/useTranslation'\nimport { send } from '../../../../icons'\n\nexport type Props = {\n  /**\n   * Show the submit indicator\n   */\n  showIndicator?: boolean\n} & ComponentProps &\n  Omit<ButtonProps, 'variant'> &\n  Partial<React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>> & {\n    variant?: 'send'\n  }\n\nfunction SubmitButton(props: Props) {\n  const translations = useTranslation().SubmitButton\n\n  const { variant, className, showIndicator, children, text, ...rest } =\n    props\n\n  const content =\n    text ||\n    children ||\n    (variant === 'send' ? translations.sendText : translations.text)\n\n  const {\n    formState,\n    handleSubmit,\n    isInsideFormElement,\n    props: dataContextProps,\n  } = useContext(DataContext) || {}\n  const { isolate } = dataContextProps || {}\n\n  const onClickHandler = useCallback(() => {\n    if (!isInsideFormElement) {\n      handleSubmit?.()\n    }\n  }, [isInsideFormElement, handleSubmit])\n\n  return (\n    <Button\n      className={classnames('dnb-forms-submit-button', className)}\n      onClick={onClickHandler}\n      type={isolate ? 'button' : 'submit'}\n      icon={variant === 'send' ? send : null}\n      {...rest}\n    >\n      {content}\n\n      <SubmitIndicator state={showIndicator ? 'pending' : formState} />\n    </Button>\n  )\n}\n\nSubmitButton._supportsSpacingProps = true\nexport default SubmitButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,MAAM,MAAuB,sCAAsC;AAC1E,OAAOC,eAAe,MAAM,oBAAoB;AAChD,OAAOC,cAAc,MAAM,4BAA4B;AACvD,SAASC,IAAI,QAAQ,mBAAmB;AAaxC,SAASC,YAAYA,CAACC,KAAY,EAAE;EAClC,MAAMC,YAAY,GAAGJ,cAAc,CAAC,CAAC,CAACE,YAAY;EAElD,MAAM;MAAEG,OAAO;MAAEC,SAAS;MAAEC,aAAa;MAAEC,QAAQ;MAAEC;IAAc,CAAC,GAClEN,KAAK;IADuDO,IAAI,GAAAC,wBAAA,CAChER,KAAK,EAAAS,SAAA;EAEP,MAAMC,OAAO,GACXJ,IAAI,IACJD,QAAQ,KACPH,OAAO,KAAK,MAAM,GAAGD,YAAY,CAACU,QAAQ,GAAGV,YAAY,CAACK,IAAI,CAAC;EAElE,MAAM;IACJM,SAAS;IACTC,YAAY;IACZC,mBAAmB;IACnBd,KAAK,EAAEe;EACT,CAAC,GAAGvB,UAAU,CAACE,WAAW,CAAC,IAAI,CAAC,CAAC;EACjC,MAAM;IAAEsB;EAAQ,CAAC,GAAGD,gBAAgB,IAAI,CAAC,CAAC;EAE1C,MAAME,cAAc,GAAG1B,WAAW,CAAC,MAAM;IACvC,IAAI,CAACuB,mBAAmB,EAAE;MACxBD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG,CAAC;IAClB;EACF,CAAC,EAAE,CAACC,mBAAmB,EAAED,YAAY,CAAC,CAAC;EAEvC,OACEvB,KAAA,CAAA4B,aAAA,CAACvB,MAAM,EAAAwB,QAAA;IACLhB,SAAS,EAAEV,UAAU,CAAC,yBAAyB,EAAEU,SAAS,CAAE;IAC5DiB,OAAO,EAAEH,cAAe;IACxBI,IAAI,EAAEL,OAAO,GAAG,QAAQ,GAAG,QAAS;IACpCM,IAAI,EAAEpB,OAAO,KAAK,MAAM,GAAGJ,IAAI,GAAG;EAAK,GACnCS,IAAI,GAEPG,OAAO,EAERpB,KAAA,CAAA4B,aAAA,CAACtB,eAAe;IAAC2B,KAAK,EAAEnB,aAAa,GAAG,SAAS,GAAGQ;EAAU,CAAE,CAC1D,CAAC;AAEb;AAEAb,YAAY,CAACyB,qBAAqB,GAAG,IAAI;AACzC,eAAezB,YAAY"}

package/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js

@@ -7,7 +7,7 @@ var _b, _span;
 const _excluded = ["className", "children", "state", "successLabel"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useMemo, useRef, useState } from 'react';
+import React, { useCallback, useMemo, useRef, useState } from 'react';
 import classnames from 'classnames';
 import { Icon, Space, Tooltip } from '../../../../components';
 import { check } from '../../../../icons';
@@ -27,11 +27,18 @@ function SubmitIndicator(props) {
   const childrenRef = useRef(null);
   const [willWrap, setWillWrap] = useState(false);
   const key = useMemo(() => convertJsxToString(children), [children]);
+  const recalculate = useCallback(() => {
+    setWillWrap(willWordWrap(childrenRef.current, '. . . '));
+  }, [childrenRef]);
   useLayoutEffect(() => {
-    if (children && state) {
-      setWillWrap(willWordWrap(childrenRef.current, '. . . '));
+    if (key) {
+      recalculate();
+      window.addEventListener('resize', recalculate);
+      return () => {
+        window.removeEventListener('resize', recalculate);
+      };
     }
-  }, [children, state]);
+  }, [key, recalculate]);
   const params = _objectSpread({
     className: classnames('dnb-forms-submit-indicator', className, state && `dnb-forms-submit-indicator--state-${state}`, willWrap && 'dnb-forms-submit-indicator--inline-wrap')
   }, pickSpacingProps(rest));
@@ -39,7 +46,9 @@ function SubmitIndicator(props) {
     role: 'status',
     'aria-busy': true,
     'aria-label': translation.ProgressIndicator.indicator_label
-  } : {};
+  } : {
+    'aria-hidden': true
+  };
   const dot = _b || (_b = React.createElement("b", null, "."));
   const indicator = React.createElement("span", _extends({
     className: "dnb-forms-submit-indicator__content"
@@ -56,6 +65,7 @@ function SubmitIndicator(props) {
   }, children), indicator);
 }
 function willWordWrap(element, word) {
+  var _element$parentElemen;
   if (!element) {
     return;
   }
@@ -63,9 +73,12 @@ function willWordWrap(element, word) {
     offsetHeight,
     innerHTML
   } = element;
-  element.innerHTML += word;
-  const height = element.offsetHeight;
-  element.innerHTML = innerHTML;
+  const clone = element.cloneNode(true);
+  (_element$parentElemen = element.parentElement) === null || _element$parentElemen === void 0 ? void 0 : _element$parentElemen.insertBefore(clone, element);
+  clone.innerHTML += word;
+  const height = clone.offsetHeight;
+  clone.innerHTML = innerHTML;
+  clone.remove();
   return height > offsetHeight;
 }
 SubmitIndicator._supportsSpacingProps = true;

package/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitIndicator.js","names":["React","useMemo","useRef","useState","classnames","Icon","Space","Tooltip","check","omitSpacingProps","pickSpacingProps","useTranslation","convertJsxToString","useLayoutEffect","window","useEffect","SubmitIndicator","props","className","children","state","successLabel","rest","_objectWithoutProperties","_excluded","translation","childrenRef","willWrap","setWillWrap","key","willWordWrap","current","params","_objectSpread","ariaAttributes","role","ProgressIndicator","indicator_label","dot","_b","createElement","indicator","_extends","targetElement","_span","icon","Fragment","element","ref","word","offsetHeight","innerHTML","height","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/SubmitIndicator/SubmitIndicator.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react'\nimport classnames from 'classnames'\nimport { Icon, Space, Tooltip } from '../../../../components'\nimport type { SpaceProps } from '../../../../components/Space'\nimport { check } from '../../../../icons'\nimport type { SubmitState } from '../../types'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { useTranslation } from '../../../../shared'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = {\n  state: SubmitState\n  className?: string\n  successLabel?: string\n  children?: React.ReactNode\n} & SpaceProps\n\nfunction SubmitIndicator(props: Props) {\n  const {\n    className,\n    children,\n    state,\n    successLabel = 'Saved',\n    ...rest\n  } = props\n  const translation = useTranslation()\n  const childrenRef = useRef<HTMLSpanElement>(null)\n  const [willWrap, setWillWrap] = useState(false)\n  const key = useMemo(() => convertJsxToString(children), [children])\n\n  useLayoutEffect(() => {\n    if (children && state) {\n      setWillWrap(willWordWrap(childrenRef.current, '. . . '))\n    }\n  }, [children, state])\n\n  const params = {\n    className: classnames(\n      'dnb-forms-submit-indicator',\n      state && `dnb-forms-submit-indicator--state-${state}`,\n      willWrap && 'dnb-forms-submit-indicator--inline-wrap',\n      className\n    ),\n    ...pickSpacingProps(rest),\n  } as SpaceProps\n\n  const ariaAttributes =\n    state === 'pending'\n      ? {\n          role: 'status',\n          'aria-busy': true,\n          'aria-label': translation.ProgressIndicator.indicator_label,\n        }\n      : {}\n\n  const dot = <b>.</b>\n  const indicator = (\n    <span\n      className=\"dnb-forms-submit-indicator__content\"\n      {...ariaAttributes}\n      {...omitSpacingProps(rest)}\n    >\n      {state === 'success' && (\n        <Tooltip\n          targetElement={\n            <span>\n              <Icon icon={check} />\n            </span>\n          }\n        >\n          {successLabel}\n        </Tooltip>\n      )}\n      {state && state !== 'success' && state !== 'abort' && (\n        <>\n          {dot}\n          {dot}\n          {dot}\n        </>\n      )}\n    </span>\n  )\n\n  return (\n    <Space {...params} element=\"span\">\n      {children && (\n        <span ref={childrenRef} key={key}>\n          {children}\n        </span>\n      )}\n      {indicator}\n    </Space>\n  )\n}\n\nfunction willWordWrap(element: HTMLElement, word: string) {\n  if (!element) {\n    return\n  }\n\n  const { offsetHeight, innerHTML } = element\n\n  element.innerHTML += word\n  const height = element.offsetHeight\n  element.innerHTML = innerHTML\n\n  return height > offsetHeight\n}\n\nSubmitIndicator._supportsSpacingProps = true\nexport default SubmitIndicator\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACxD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,IAAI,EAAEC,KAAK,EAAEC,OAAO,QAAQ,wBAAwB;AAE7D,SAASC,KAAK,QAAQ,mBAAmB;AAEzC,SACEC,gBAAgB,EAChBC,gBAAgB,QACX,mCAAmC;AAC1C,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,kBAAkB,QAAQ,qCAAqC;AAGxE,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGd,KAAK,CAACe,SAAS,GAAGf,KAAK,CAACa,eAAe;AASzE,SAASG,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;MACJC,SAAS;MACTC,QAAQ;MACRC,KAAK;MACLC,YAAY,GAAG;IAEjB,CAAC,GAAGJ,KAAK;IADJK,IAAI,GAAAC,wBAAA,CACLN,KAAK,EAAAO,SAAA;EACT,MAAMC,WAAW,GAAGd,cAAc,CAAC,CAAC;EACpC,MAAMe,WAAW,GAAGxB,MAAM,CAAkB,IAAI,CAAC;EACjD,MAAM,CAACyB,QAAQ,EAAEC,WAAW,CAAC,GAAGzB,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAM0B,GAAG,GAAG5B,OAAO,CAAC,MAAMW,kBAAkB,CAACO,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEnEN,eAAe,CAAC,MAAM;IACpB,IAAIM,QAAQ,IAAIC,KAAK,EAAE;MACrBQ,WAAW,CAACE,YAAY,CAACJ,WAAW,CAACK,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC1D;EACF,CAAC,EAAE,CAACZ,QAAQ,EAAEC,KAAK,CAAC,CAAC;EAErB,MAAMY,MAAM,GAAAC,aAAA;IACVf,SAAS,EAAEd,UAAU,CACnB,4BAA4B,EAG5Bc,SAAS,EAFTE,KAAK,IAAK,qCAAoCA,KAAM,EAAC,EACrDO,QAAQ,IAAI,yCAEd;EAAC,GACEjB,gBAAgB,CAACY,IAAI,CAAC,CACZ;EAEf,MAAMY,cAAc,GAClBd,KAAK,KAAK,SAAS,GACf;IACEe,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,IAAI;IACjB,YAAY,EAAEV,WAAW,CAACW,iBAAiB,CAACC;EAC9C,CAAC,GACD,CAAC,CAAC;EAER,MAAMC,GAAG,GAAAC,EAAA,KAAAA,EAAA,GAAGvC,KAAA,CAAAwC,aAAA,YAAG,GAAI,CAAC;EACpB,MAAMC,SAAS,GACbzC,KAAA,CAAAwC,aAAA,SAAAE,QAAA;IACExB,SAAS,EAAC;EAAqC,GAC3CgB,cAAc,EACdzB,gBAAgB,CAACa,IAAI,CAAC,GAEzBF,KAAK,KAAK,SAAS,IAClBpB,KAAA,CAAAwC,aAAA,CAACjC,OAAO;IACNoC,aAAa,EAAAC,KAAA,KAAAA,KAAA,GACX5C,KAAA,CAAAwC,aAAA,eACExC,KAAA,CAAAwC,aAAA,CAACnC,IAAI;MAACwC,IAAI,EAAErC;IAAM,CAAE,CAChB,CAAC;EACR,GAEAa,YACM,CACV,EACAD,KAAK,IAAIA,KAAK,KAAK,SAAS,IAAIA,KAAK,KAAK,OAAO,IAChDpB,KAAA,CAAAwC,aAAA,CAAAxC,KAAA,CAAA8C,QAAA,QACGR,GAAG,EACHA,GAAG,EACHA,GACD,CAEA,CACP;EAED,OACEtC,KAAA,CAAAwC,aAAA,CAAClC,KAAK,EAAAoC,QAAA,KAAKV,MAAM;IAAEe,OAAO,EAAC;EAAM,IAC9B5B,QAAQ,IACPnB,KAAA,CAAAwC,aAAA;IAAMQ,GAAG,EAAEtB,WAAY;IAACG,GAAG,EAAEA;EAAI,GAC9BV,QACG,CACP,EACAsB,SACI,CAAC;AAEZ;AAEA,SAASX,YAAYA,CAACiB,OAAoB,EAAEE,IAAY,EAAE;EACxD,IAAI,CAACF,OAAO,EAAE;IACZ;EACF;EAEA,MAAM;IAAEG,YAAY;IAAEC;EAAU,CAAC,GAAGJ,OAAO;EAE3CA,OAAO,CAACI,SAAS,IAAIF,IAAI;EACzB,MAAMG,MAAM,GAAGL,OAAO,CAACG,YAAY;EACnCH,OAAO,CAACI,SAAS,GAAGA,SAAS;EAE7B,OAAOC,MAAM,GAAGF,YAAY;AAC9B;AAEAlC,eAAe,CAACqC,qBAAqB,GAAG,IAAI;AAC5C,eAAerC,eAAe"}
+{"version":3,"file":"SubmitIndicator.js","names":["React","useCallback","useMemo","useRef","useState","classnames","Icon","Space","Tooltip","check","omitSpacingProps","pickSpacingProps","useTranslation","convertJsxToString","useLayoutEffect","window","useEffect","SubmitIndicator","props","className","children","state","successLabel","rest","_objectWithoutProperties","_excluded","translation","childrenRef","willWrap","setWillWrap","key","recalculate","willWordWrap","current","addEventListener","removeEventListener","params","_objectSpread","ariaAttributes","role","ProgressIndicator","indicator_label","dot","_b","createElement","indicator","_extends","targetElement","_span","icon","Fragment","element","ref","word","_element$parentElemen","offsetHeight","innerHTML","clone","cloneNode","parentElement","insertBefore","height","remove","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/SubmitIndicator/SubmitIndicator.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react'\nimport classnames from 'classnames'\nimport { Icon, Space, Tooltip } from '../../../../components'\nimport type { SpaceProps } from '../../../../components/Space'\nimport { check } from '../../../../icons'\nimport type { SubmitState } from '../../types'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { useTranslation } from '../../../../shared'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = {\n  state: SubmitState\n  className?: string\n  successLabel?: string\n  children?: React.ReactNode\n} & SpaceProps\n\nfunction SubmitIndicator(props: Props) {\n  const {\n    className,\n    children,\n    state,\n    successLabel = 'Saved',\n    ...rest\n  } = props\n  const translation = useTranslation()\n  const childrenRef = useRef<HTMLSpanElement>(null)\n  const [willWrap, setWillWrap] = useState(false)\n  const key = useMemo(() => convertJsxToString(children), [children])\n\n  const recalculate = useCallback(() => {\n    setWillWrap(willWordWrap(childrenRef.current, '. . . '))\n  }, [childrenRef])\n\n  useLayoutEffect(() => {\n    if (key) {\n      recalculate()\n\n      window.addEventListener('resize', recalculate)\n      return () => {\n        window.removeEventListener('resize', recalculate)\n      }\n    }\n  }, [key, recalculate])\n\n  const params = {\n    className: classnames(\n      'dnb-forms-submit-indicator',\n      state && `dnb-forms-submit-indicator--state-${state}`,\n      willWrap && 'dnb-forms-submit-indicator--inline-wrap',\n      className\n    ),\n    ...pickSpacingProps(rest),\n  } as SpaceProps\n\n  const ariaAttributes =\n    state === 'pending'\n      ? {\n          role: 'status',\n          'aria-busy': true,\n          'aria-label': translation.ProgressIndicator.indicator_label,\n        }\n      : {\n          'aria-hidden': true,\n        }\n\n  const dot = <b>.</b>\n  const indicator = (\n    <span\n      className=\"dnb-forms-submit-indicator__content\"\n      {...ariaAttributes}\n      {...omitSpacingProps(rest)}\n    >\n      {state === 'success' && (\n        <Tooltip\n          targetElement={\n            <span>\n              <Icon icon={check} />\n            </span>\n          }\n        >\n          {successLabel}\n        </Tooltip>\n      )}\n      {state && state !== 'success' && state !== 'abort' && (\n        <>\n          {dot}\n          {dot}\n          {dot}\n        </>\n      )}\n    </span>\n  )\n\n  return (\n    <Space {...params} element=\"span\">\n      {children && (\n        <span ref={childrenRef} key={key}>\n          {children}\n        </span>\n      )}\n      {indicator}\n    </Space>\n  )\n}\n\nfunction willWordWrap(element: HTMLElement, word: string) {\n  if (!element) {\n    return\n  }\n\n  const { offsetHeight, innerHTML } = element\n\n  const clone = element.cloneNode(true) as HTMLElement\n  element.parentElement?.insertBefore(clone, element)\n\n  clone.innerHTML += word\n  const height = clone.offsetHeight\n  clone.innerHTML = innerHTML\n\n  clone.remove()\n\n  return height > offsetHeight\n}\n\nSubmitIndicator._supportsSpacingProps = true\nexport default SubmitIndicator\n"],"mappings":"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"}

package/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.scss

@@ -46,12 +46,6 @@
   }
   &--state-success &__content {
     font-size: 1em;
-    // opacity: 0;
-    // font-size: 0;
-    // white-space: nowrap;
-
-    // animation-name: submit-indicator-success;
-    // animation-duration: 5s;
 
     .dnb-icon {
       padding-left: var(--padding-left);

package/extensions/forms/Value/SummaryList/SummaryList.d.ts

@@ -1,6 +1,8 @@
+import React from 'react';
 import { DlAllProps } from '../../../../elements/Dl';
 import { ValueProps } from '../../types';
-export type Props = Omit<DlAllProps, 'label'> & {
+export type Props = Omit<DlAllProps, 'label' | 'children'> & {
+    children: React.ReactNode;
     transformLabel?: ValueProps['transformLabel'];
     inheritVisibility?: ValueProps['inheritVisibility'];
     inheritLabel?: ValueProps['inheritLabel'];

package/extensions/forms/Value/SummaryList/SummaryList.js

@@ -7,6 +7,7 @@ import { removeUndefinedProps } from '../../../../shared/component-helper';
 import SummaryListContext from './SummaryListContext';
 import Dl from '../../../../elements/Dl';
 import ValueProvider from '../Provider/ValueProvider';
+import { useVerifyChildren } from './useVerifyChildren';
 function SummaryList(props) {
   const {
       className,
@@ -22,9 +23,18 @@ function SummaryList(props) {
     inheritVisibility,
     inheritLabel
   });
+  const {
+    verifyChild
+  } = useVerifyChildren({
+    children,
+    message: 'Value.SummaryList accepts only Value.* components!',
+    messageInfo: props,
+    ignoreTypes: ['Visibility', 'ValueBlock']
+  });
   return React.createElement(SummaryListContext.Provider, {
     value: {
-      layout
+      layout,
+      verifyChild
     }
   }, React.createElement(Dl, _extends({
     className: classnames('dnb-forms-summary-list', className),

package/extensions/forms/Value/SummaryList/SummaryList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryList.js","names":["React","classnames","removeUndefinedProps","SummaryListContext","Dl","ValueProvider","SummaryList","props","className","children","layout","transformLabel","inheritVisibility","inheritLabel","rest","_objectWithoutProperties","_excluded","valueProviderProps","createElement","Provider","value","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryList.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { removeUndefinedProps } from '../../../../shared/component-helper'\nimport SummaryListContext from './SummaryListContext'\nimport Dl, { DlAllProps } from '../../../../elements/Dl'\nimport ValueProvider from '../Provider/ValueProvider'\nimport { ValueProps } from '../../types'\n\nexport type Props = Omit<DlAllProps, 'label'> & {\n  transformLabel?: ValueProps['transformLabel']\n  inheritVisibility?: ValueProps['inheritVisibility']\n  inheritLabel?: ValueProps['inheritLabel']\n}\n\nfunction SummaryList(props: Props) {\n  const {\n    className,\n    children,\n    layout,\n    transformLabel,\n    inheritVisibility,\n    inheritLabel,\n    ...rest\n  } = props\n\n  const valueProviderProps = removeUndefinedProps({\n    transformLabel,\n    inheritVisibility,\n    inheritLabel,\n  })\n\n  return (\n    <SummaryListContext.Provider value={{ layout }}>\n      <Dl\n        className={classnames('dnb-forms-summary-list', className)}\n        layout={layout}\n        {...rest}\n      >\n        <ValueProvider {...valueProviderProps}>{children}</ValueProvider>\n      </Dl>\n    </SummaryListContext.Provider>\n  )\n}\n\nSummaryList._supportsSpacingProps = true\n\nexport default SummaryList\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,EAAE,MAAsB,yBAAyB;AACxD,OAAOC,aAAa,MAAM,2BAA2B;AASrD,SAASC,WAAWA,CAACC,KAAY,EAAE;EACjC,MAAM;MACJC,SAAS;MACTC,QAAQ;MACRC,MAAM;MACNC,cAAc;MACdC,iBAAiB;MACjBC;IAEF,CAAC,GAAGN,KAAK;IADJO,IAAI,GAAAC,wBAAA,CACLR,KAAK,EAAAS,SAAA;EAET,MAAMC,kBAAkB,GAAGf,oBAAoB,CAAC;IAC9CS,cAAc;IACdC,iBAAiB;IACjBC;EACF,CAAC,CAAC;EAEF,OACEb,KAAA,CAAAkB,aAAA,CAACf,kBAAkB,CAACgB,QAAQ;IAACC,KAAK,EAAE;MAAEV;IAAO;EAAE,GAC7CV,KAAA,CAAAkB,aAAA,CAACd,EAAE,EAAAiB,QAAA;IACDb,SAAS,EAAEP,UAAU,CAAC,wBAAwB,EAAEO,SAAS,CAAE;IAC3DE,MAAM,EAAEA;EAAO,GACXI,IAAI,GAERd,KAAA,CAAAkB,aAAA,CAACb,aAAa,EAAKY,kBAAkB,EAAGR,QAAwB,CAC9D,CACuB,CAAC;AAElC;AAEAH,WAAW,CAACgB,qBAAqB,GAAG,IAAI;AAExC,eAAehB,WAAW"}
+{"version":3,"file":"SummaryList.js","names":["React","classnames","removeUndefinedProps","SummaryListContext","Dl","ValueProvider","useVerifyChildren","SummaryList","props","className","children","layout","transformLabel","inheritVisibility","inheritLabel","rest","_objectWithoutProperties","_excluded","valueProviderProps","verifyChild","message","messageInfo","ignoreTypes","createElement","Provider","value","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryList.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { removeUndefinedProps } from '../../../../shared/component-helper'\nimport SummaryListContext from './SummaryListContext'\nimport Dl, { DlAllProps } from '../../../../elements/Dl'\nimport ValueProvider from '../Provider/ValueProvider'\nimport { ValueProps } from '../../types'\nimport { useVerifyChildren } from './useVerifyChildren'\n\nexport type Props = Omit<DlAllProps, 'label' | 'children'> & {\n  children: React.ReactNode\n  transformLabel?: ValueProps['transformLabel']\n  inheritVisibility?: ValueProps['inheritVisibility']\n  inheritLabel?: ValueProps['inheritLabel']\n}\n\nfunction SummaryList(props: Props) {\n  const {\n    className,\n    children,\n    layout,\n    transformLabel,\n    inheritVisibility,\n    inheritLabel,\n    ...rest\n  } = props\n\n  const valueProviderProps = removeUndefinedProps({\n    transformLabel,\n    inheritVisibility,\n    inheritLabel,\n  })\n\n  const { verifyChild } = useVerifyChildren({\n    children,\n    message: 'Value.SummaryList accepts only Value.* components!',\n    messageInfo: props,\n    ignoreTypes: ['Visibility', 'ValueBlock'],\n  })\n\n  return (\n    <SummaryListContext.Provider value={{ layout, verifyChild }}>\n      <Dl\n        className={classnames('dnb-forms-summary-list', className)}\n        layout={layout}\n        {...rest}\n      >\n        <ValueProvider {...valueProviderProps}>{children}</ValueProvider>\n      </Dl>\n    </SummaryListContext.Provider>\n  )\n}\n\nSummaryList._supportsSpacingProps = true\n\nexport default SummaryList\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,EAAE,MAAsB,yBAAyB;AACxD,OAAOC,aAAa,MAAM,2BAA2B;AAErD,SAASC,iBAAiB,QAAQ,qBAAqB;AASvD,SAASC,WAAWA,CAACC,KAAY,EAAE;EACjC,MAAM;MACJC,SAAS;MACTC,QAAQ;MACRC,MAAM;MACNC,cAAc;MACdC,iBAAiB;MACjBC;IAEF,CAAC,GAAGN,KAAK;IADJO,IAAI,GAAAC,wBAAA,CACLR,KAAK,EAAAS,SAAA;EAET,MAAMC,kBAAkB,GAAGhB,oBAAoB,CAAC;IAC9CU,cAAc;IACdC,iBAAiB;IACjBC;EACF,CAAC,CAAC;EAEF,MAAM;IAAEK;EAAY,CAAC,GAAGb,iBAAiB,CAAC;IACxCI,QAAQ;IACRU,OAAO,EAAE,oDAAoD;IAC7DC,WAAW,EAAEb,KAAK;IAClBc,WAAW,EAAE,CAAC,YAAY,EAAE,YAAY;EAC1C,CAAC,CAAC;EAEF,OACEtB,KAAA,CAAAuB,aAAA,CAACpB,kBAAkB,CAACqB,QAAQ;IAACC,KAAK,EAAE;MAAEd,MAAM;MAAEQ;IAAY;EAAE,GAC1DnB,KAAA,CAAAuB,aAAA,CAACnB,EAAE,EAAAsB,QAAA;IACDjB,SAAS,EAAER,UAAU,CAAC,wBAAwB,EAAEQ,SAAS,CAAE;IAC3DE,MAAM,EAAEA;EAAO,GACXI,IAAI,GAERf,KAAA,CAAAuB,aAAA,CAAClB,aAAa,EAAKa,kBAAkB,EAAGR,QAAwB,CAC9D,CACuB,CAAC;AAElC;AAEAH,WAAW,CAACoB,qBAAqB,GAAG,IAAI;AAExC,eAAepB,WAAW"}

package/extensions/forms/Value/SummaryList/SummaryListContext.d.ts

@@ -3,6 +3,7 @@ import { DlProps } from '../../../../elements/Dl';
 export type SummaryListContextProps = {
     layout?: DlProps['layout'];
     isNested?: boolean;
+    verifyChild?: () => void;
 };
 declare const SummaryListContext: React.Context<SummaryListContextProps>;
 export default SummaryListContext;

package/extensions/forms/Value/SummaryList/SummaryListContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryListContext.js","names":["React","SummaryListContext","createContext","undefined"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryListContext.tsx"],"sourcesContent":["import React from 'react'\nimport { DlProps } from '../../../../elements/Dl'\n\nexport type SummaryListContextProps = {\n  layout?: DlProps['layout']\n  isNested?: boolean\n}\n\nconst SummaryListContext = React.createContext<\n  SummaryListContextProps | undefined\n>(undefined)\n\nexport default SummaryListContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAQzB,MAAMC,kBAAkB,GAAGD,KAAK,CAACE,aAAa,CAE5CC,SAAS,CAAC;AAEZ,eAAeF,kBAAkB"}
+{"version":3,"file":"SummaryListContext.js","names":["React","SummaryListContext","createContext","undefined"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryListContext.tsx"],"sourcesContent":["import React from 'react'\nimport { DlProps } from '../../../../elements/Dl'\n\nexport type SummaryListContextProps = {\n  layout?: DlProps['layout']\n  isNested?: boolean\n  verifyChild?: () => void\n}\n\nconst SummaryListContext = React.createContext<\n  SummaryListContextProps | undefined\n>(undefined)\n\nexport default SummaryListContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AASzB,MAAMC,kBAAkB,GAAGD,KAAK,CAACE,aAAa,CAE5CC,SAAS,CAAC;AAEZ,eAAeF,kBAAkB"}

package/extensions/forms/Value/SummaryList/useVerifyChildren.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare function useVerifyChildren({ children, message, messageInfo, ignoreTypes, }: {
+    ignoreTypes?: Array<string>;
+    messageInfo?: unknown;
+    children: React.ReactNode;
+    message: string;
+}): {
+    verifyChild: () => void;
+};
+/**
+ * Count the children of a React node,
+ * without counting React.Fragment or primitive nodes.
+ */
+export declare const countChildren: (children: React.ReactNode, ignoreTypes?: Array<string>, count?: number) => any;

package/extensions/forms/Value/SummaryList/useVerifyChildren.js

@@ -0,0 +1,40 @@
+"use client";
+
+import { Children, Fragment, isValidElement, useCallback, useEffect, useRef } from 'react';
+import { warn } from '../../../../shared/helpers';
+export function useVerifyChildren(_ref) {
+  let {
+    children,
+    message,
+    messageInfo,
+    ignoreTypes
+  } = _ref;
+  const verifyCount = useRef(0);
+  verifyCount.current = 0;
+  const verifyChild = useCallback(() => {
+    verifyCount.current += 1;
+  }, []);
+  useEffect(() => {
+    if (process.env.NODE_ENV !== 'production') {
+      const count = countChildren(children, ignoreTypes);
+      if (count > 0 && count > verifyCount.current) {
+        warn(message, messageInfo);
+      }
+    }
+  }, [children, message]);
+  return {
+    verifyChild
+  };
+}
+export const countChildren = function (children, ignoreTypes) {
+  let count = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  return Children.toArray(children).reduce((count, child) => {
+    var _child$type;
+    if ((child === null || child === void 0 ? void 0 : child['type']) === Fragment) {
+      var _child$props;
+      return countChildren((_child$props = child['props']) === null || _child$props === void 0 ? void 0 : _child$props.children, ignoreTypes, count);
+    }
+    return count + (isValidElement(child) && !(ignoreTypes !== null && ignoreTypes !== void 0 && ignoreTypes.includes(child === null || child === void 0 ? void 0 : (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type['name'])) ? 1 : 0);
+  }, count);
+};
+//# sourceMappingURL=useVerifyChildren.js.map

package/extensions/forms/Value/SummaryList/useVerifyChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVerifyChildren.js","names":["Children","Fragment","isValidElement","useCallback","useEffect","useRef","warn","useVerifyChildren","_ref","children","message","messageInfo","ignoreTypes","verifyCount","current","verifyChild","process","env","NODE_ENV","count","countChildren","arguments","length","undefined","toArray","reduce","child","_child$type","_child$props","includes","type"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/useVerifyChildren.ts"],"sourcesContent":["import {\n  Children,\n  Fragment,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport { warn } from '../../../../shared/helpers'\n\nexport function useVerifyChildren({\n  children,\n  message,\n  messageInfo,\n  ignoreTypes,\n}: {\n  ignoreTypes?: Array<string>\n  messageInfo?: unknown\n  children: React.ReactNode\n  message: string\n}) {\n  const verifyCount = useRef(0)\n  verifyCount.current = 0\n  const verifyChild = useCallback(() => {\n    verifyCount.current += 1\n  }, [])\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      const count = countChildren(children, ignoreTypes)\n      if (count > 0 && count > verifyCount.current) {\n        warn(message, messageInfo)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, message])\n\n  return { verifyChild }\n}\n\n/**\n * Count the children of a React node,\n * without counting React.Fragment or primitive nodes.\n */\nexport const countChildren = (\n  children: React.ReactNode,\n  ignoreTypes?: Array<string>,\n  count = 0\n) => {\n  return Children.toArray(children).reduce((count: number, child) => {\n    if (child?.['type'] === Fragment) {\n      return countChildren(child['props']?.children, ignoreTypes, count)\n    }\n\n    return (\n      count +\n      (isValidElement(child) &&\n      !ignoreTypes?.includes(child?.type?.['name'])\n        ? 1\n        : 0)\n    )\n  }, count)\n}\n"],"mappings":";;AAAA,SACEA,QAAQ,EACRC,QAAQ,EACRC,cAAc,EACdC,WAAW,EACXC,SAAS,EACTC,MAAM,QACD,OAAO;AACd,SAASC,IAAI,QAAQ,4BAA4B;AAEjD,OAAO,SAASC,iBAAiBA,CAAAC,IAAA,EAU9B;EAAA,IAV+B;IAChCC,QAAQ;IACRC,OAAO;IACPC,WAAW;IACXC;EAMF,CAAC,GAAAJ,IAAA;EACC,MAAMK,WAAW,GAAGR,MAAM,CAAC,CAAC,CAAC;EAC7BQ,WAAW,CAACC,OAAO,GAAG,CAAC;EACvB,MAAMC,WAAW,GAAGZ,WAAW,CAAC,MAAM;IACpCU,WAAW,CAACC,OAAO,IAAI,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EAENV,SAAS,CAAC,MAAM;IACd,IAAIY,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;MACzC,MAAMC,KAAK,GAAGC,aAAa,CAACX,QAAQ,EAAEG,WAAW,CAAC;MAClD,IAAIO,KAAK,GAAG,CAAC,IAAIA,KAAK,GAAGN,WAAW,CAACC,OAAO,EAAE;QAC5CR,IAAI,CAACI,OAAO,EAAEC,WAAW,CAAC;MAC5B;IACF;EAEF,CAAC,EAAE,CAACF,QAAQ,EAAEC,OAAO,CAAC,CAAC;EAEvB,OAAO;IAAEK;EAAY,CAAC;AACxB;AAMA,OAAO,MAAMK,aAAa,GAAG,SAAAA,CAC3BX,QAAyB,EACzBG,WAA2B,EAExB;EAAA,IADHO,KAAK,GAAAE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EAET,OAAOrB,QAAQ,CAACwB,OAAO,CAACf,QAAQ,CAAC,CAACgB,MAAM,CAAC,CAACN,KAAa,EAAEO,KAAK,KAAK;IAAA,IAAAC,WAAA;IACjE,IAAI,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,MAAM,CAAC,MAAKzB,QAAQ,EAAE;MAAA,IAAA2B,YAAA;MAChC,OAAOR,aAAa,EAAAQ,YAAA,GAACF,KAAK,CAAC,OAAO,CAAC,cAAAE,YAAA,uBAAdA,YAAA,CAAgBnB,QAAQ,EAAEG,WAAW,EAAEO,KAAK,CAAC;IACpE;IAEA,OACEA,KAAK,IACJjB,cAAc,CAACwB,KAAK,CAAC,IACtB,EAACd,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEiB,QAAQ,CAACH,KAAK,aAALA,KAAK,wBAAAC,WAAA,GAALD,KAAK,CAAEI,IAAI,cAAAH,WAAA,uBAAXA,WAAA,CAAc,MAAM,CAAC,CAAC,IACzC,CAAC,GACD,CAAC,CAAC;EAEV,CAAC,EAAER,KAAK,CAAC;AACX,CAAC"}

package/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.css

@@ -1,3 +1,3 @@
 .dnb-forms-wizard-layout__contents .dnb-card {
-  --border-color: var(--color-pistachio);
+  --card-outline-color: var(--color-pistachio);
 }

package/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.min.css

@@ -1 +1 @@
-.dnb-forms-wizard-layout__contents .dnb-card{--border-color:var(--color-pistachio)}
+.dnb-forms-wizard-layout__contents .dnb-card{--card-outline-color:var(--color-pistachio)}

package/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.scss

@@ -1,7 +1,7 @@
 .dnb-forms-wizard-layout {
   &__contents {
     .dnb-card {
-      --border-color: var(--color-pistachio);
+      --card-outline-color: var(--color-pistachio);
     }
   }
 }

package/extensions/forms/hooks/DataValueWritePropsDocs.js

@@ -16,17 +16,17 @@ export const DataValueWritePropsProperties = {
   },
   info: {
     doc: 'Info message shown below / after the field.',
-    type: 'React.Node',
+    type: ['React.Node', 'Array<React.Node>'],
     status: 'optional'
   },
   warning: {
     doc: 'Warning message shown below / after the field.',
-    type: 'React.Node',
+    type: ['React.Node', 'Array<React.Node>'],
     status: 'optional'
   },
   error: {
     doc: 'Error message shown below / after the field.',
-    type: 'Error',
+    type: ['Error', 'FormError', 'Array<Error | FormError>'],
     status: 'optional'
   },
   disabled: {