@dnb/eufemia 10.8.0 → 10.9.0

package/cjs/extensions/forms/Layout/Card.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../utils");
+var _types = require("../types");
 var _FlexContainer = _interopRequireDefault(require("./FlexContainer"));
 var _FlexItem = _interopRequireDefault(require("./FlexItem"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -25,7 +25,7 @@ function Card(props) {
       direction: "column",
       divider: "line",
       spacing: spacing ?? 'medium'
-    }, (0, _utils.forwardSpaceProps)(props)), children);
+    }, (0, _types.pickSpacingProps)(props)), children);
   }
   if (direction || spacing) {
     return _react.default.createElement(_FlexContainer.default, _extends({
@@ -33,11 +33,11 @@ function Card(props) {
       direction: direction ?? 'column',
       divider: "space",
       spacing: spacing ?? 'small'
-    }, (0, _utils.forwardSpaceProps)(props)), children);
+    }, (0, _types.pickSpacingProps)(props)), children);
   }
   return _react.default.createElement(_FlexItem.default, _extends({
     className: (0, _classnames.default)('dnb-forms-card', className)
-  }, (0, _utils.forwardSpaceProps)(props)), children);
+  }, (0, _types.pickSpacingProps)(props)), children);
 }
 Card._supportsEufemiaSpacingProps = true;
 var _default = Card;

package/cjs/extensions/forms/Layout/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["_react","_interopRequireDefault","require","_classnames","_utils","_FlexContainer","_FlexItem","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Card","props","className","stack","direction","spacing","children","createElement","classnames","divider","forwardSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/Card.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from './FlexContainer'\nimport FlexItem from './FlexItem'\n\nexport type Props = ComponentProps & {\n  stack?: boolean\n  direction?: FlexContainerProps['direction']\n  spacing?: FlexContainerProps['spacing']\n  children: React.ReactNode\n}\n\nfunction Card(props: Props) {\n  const { className, stack, direction, spacing, children } = props\n\n  if (stack) {\n    return (\n      <FlexContainer\n        className={classnames('dnb-forms-card', className)}\n        direction=\"column\"\n        divider=\"line\"\n        spacing={spacing ?? 'medium'}\n        {...forwardSpaceProps(props)}\n      >\n        {children}\n      </FlexContainer>\n    )\n  }\n\n  if (direction || spacing) {\n    return (\n      <FlexContainer\n        className={classnames('dnb-forms-card', className)}\n        direction={direction ?? 'column'}\n        divider=\"space\"\n        spacing={spacing ?? 'small'}\n        {...forwardSpaceProps(props)}\n      >\n        {children}\n      </FlexContainer>\n    )\n  }\n\n  return (\n    <FlexItem\n      className={classnames('dnb-forms-card', className)}\n      {...forwardSpaceProps(props)}\n    >\n      {children}\n    </FlexItem>\n  )\n}\n\nCard._supportsEufemiaSpacingProps = true\nexport default Card\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAGA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAiC,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AASjC,SAASQ,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAEhE,IAAIE,KAAK,EAAE;IACT,OACE3B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAAC1B,cAAA,CAAAI,OAAa,EAAAC,QAAA;MACZgB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS,CAAE;MACnDE,SAAS,EAAC,QAAQ;MAClBK,OAAO,EAAC,MAAM;MACdJ,OAAO,EAAEA,OAAO,IAAI;IAAS,GACzB,IAAAK,wBAAiB,EAACT,KAAK,CAAC,GAE3BK,QACY,CAAC;EAEpB;EAEA,IAAIF,SAAS,IAAIC,OAAO,EAAE;IACxB,OACE7B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAAC1B,cAAA,CAAAI,OAAa,EAAAC,QAAA;MACZgB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS,CAAE;MACnDE,SAAS,EAAEA,SAAS,IAAI,QAAS;MACjCK,OAAO,EAAC,OAAO;MACfJ,OAAO,EAAEA,OAAO,IAAI;IAAQ,GACxB,IAAAK,wBAAiB,EAACT,KAAK,CAAC,GAE3BK,QACY,CAAC;EAEpB;EAEA,OACE9B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAACzB,SAAA,CAAAG,OAAQ,EAAAC,QAAA;IACPgB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS;EAAE,GAC/C,IAAAQ,wBAAiB,EAACT,KAAK,CAAC,GAE3BK,QACO,CAAC;AAEf;AAEAN,IAAI,CAACW,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GACzBZ,IAAI;AAAAa,OAAA,CAAA5B,OAAA,GAAA2B,QAAA"}
+{"version":3,"file":"Card.js","names":["_react","_interopRequireDefault","require","_classnames","_types","_FlexContainer","_FlexItem","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Card","props","className","stack","direction","spacing","children","createElement","classnames","divider","pickSpacingProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/Card.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps, pickSpacingProps } from '../types'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from './FlexContainer'\nimport FlexItem from './FlexItem'\n\nexport type Props = ComponentProps & {\n  stack?: boolean\n  direction?: FlexContainerProps['direction']\n  spacing?: FlexContainerProps['spacing']\n  children: React.ReactNode\n}\n\nfunction Card(props: Props) {\n  const { className, stack, direction, spacing, children } = props\n\n  if (stack) {\n    return (\n      <FlexContainer\n        className={classnames('dnb-forms-card', className)}\n        direction=\"column\"\n        divider=\"line\"\n        spacing={spacing ?? 'medium'}\n        {...pickSpacingProps(props)}\n      >\n        {children}\n      </FlexContainer>\n    )\n  }\n\n  if (direction || spacing) {\n    return (\n      <FlexContainer\n        className={classnames('dnb-forms-card', className)}\n        direction={direction ?? 'column'}\n        divider=\"space\"\n        spacing={spacing ?? 'small'}\n        {...pickSpacingProps(props)}\n      >\n        {children}\n      </FlexContainer>\n    )\n  }\n\n  return (\n    <FlexItem\n      className={classnames('dnb-forms-card', className)}\n      {...pickSpacingProps(props)}\n    >\n      {children}\n    </FlexItem>\n  )\n}\n\nCard._supportsEufemiaSpacingProps = true\nexport default Card\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAGA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAiC,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AASjC,SAASQ,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAEhE,IAAIE,KAAK,EAAE;IACT,OACE3B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAAC1B,cAAA,CAAAI,OAAa,EAAAC,QAAA;MACZgB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS,CAAE;MACnDE,SAAS,EAAC,QAAQ;MAClBK,OAAO,EAAC,MAAM;MACdJ,OAAO,EAAEA,OAAO,IAAI;IAAS,GACzB,IAAAK,uBAAgB,EAACT,KAAK,CAAC,GAE1BK,QACY,CAAC;EAEpB;EAEA,IAAIF,SAAS,IAAIC,OAAO,EAAE;IACxB,OACE7B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAAC1B,cAAA,CAAAI,OAAa,EAAAC,QAAA;MACZgB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS,CAAE;MACnDE,SAAS,EAAEA,SAAS,IAAI,QAAS;MACjCK,OAAO,EAAC,OAAO;MACfJ,OAAO,EAAEA,OAAO,IAAI;IAAQ,GACxB,IAAAK,uBAAgB,EAACT,KAAK,CAAC,GAE1BK,QACY,CAAC;EAEpB;EAEA,OACE9B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAACzB,SAAA,CAAAG,OAAQ,EAAAC,QAAA;IACPgB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS;EAAE,GAC/C,IAAAQ,uBAAgB,EAACT,KAAK,CAAC,GAE1BK,QACO,CAAC;AAEf;AAEAN,IAAI,CAACW,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GACzBZ,IAAI;AAAAa,OAAA,CAAA5B,OAAA,GAAA2B,QAAA"}

package/cjs/extensions/forms/Layout/FlexContainer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
+import { ComponentProps } from '../types';
 export declare function isHeadingElement(element: any): boolean;
 export declare const isEufemiaElement: (element: any) => boolean;
 /**

package/cjs/extensions/forms/Layout/FlexContainer.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("../../../components");
 var EufemiaElements = _interopRequireWildcard(require("../../../elements"));
-var _utils = require("../utils");
+var _types = require("../types");
 var _MainHeading = _interopRequireDefault(require("./MainHeading"));
 var _SubHeading = _interopRequireDefault(require("./SubHeading"));
 var _hr;
@@ -55,7 +55,7 @@ function FlexContainer(props) {
     direction = 'column',
     wrap = false,
     justify = 'flex-start',
-    align = 'stretch',
+    align = 'flex-start',
     divider = 'space',
     spacing = 'small',
     width
@@ -64,7 +64,7 @@ function FlexContainer(props) {
   const childrenArray = _react.default.Children.toArray(children);
   return _react.default.createElement(EufemiaElements.Div, _extends({
     className: cn
-  }, (0, _utils.forwardSpaceProps)(props)), direction === 'column' ? childrenArray.map((child, i) => {
+  }, (0, _types.pickSpacingProps)(props)), direction === 'column' ? childrenArray.map((child, i) => {
     const isFirst = i === 0;
     const previousChild = childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray[i - 1];
     const currentIsHeading = isHeadingElement(child);

package/cjs/extensions/forms/Layout/FlexContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlexContainer.js","names":["_react","_interopRequireDefault","require","_classnames","_components","EufemiaElements","_interopRequireWildcard","_utils","_MainHeading","_SubHeading","_hr","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","isHeadingElement","element","type","MainHeading","SubHeading","getSpaceTop","_element$props","_element$props2","React","isValidElement","props","top","space","undefined","getSpaceBottom","_element$props3","_element$props4","bottom","isEufemiaElement","values","some","eufemiaElement","exports","isSpacePropsComponent","_element$type","renderWithSpacing","takesSpaceProps","cloneElement","createElement","Div","FlexContainer","className","children","direction","wrap","justify","align","divider","spacing","width","cn","classnames","childrenArray","Children","toArray","forwardSpaceProps","map","child","isFirst","previousChild","currentIsHeading","previousWasHeading","spaceAboveLine","Fragment","Space","_supportsEufemiaSpacingProps","_default"],"sources":["../../../../../src/extensions/forms/Layout/FlexContainer.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Space } from '../../../components'\nimport { Div } from '../../../elements'\nimport * as EufemiaElements from '../../../elements'\nimport { SpaceType } from '../../../components/space/types'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport MainHeading from './MainHeading'\nimport SubHeading from './SubHeading'\n\nexport function isHeadingElement(element): boolean {\n  return element.type === MainHeading || element.type === SubHeading\n}\n\nconst getSpaceTop = (\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n  return (\n    element.props?.top ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space.top\n      : undefined)\n  )\n}\n\nconst getSpaceBottom = (\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n  return (\n    element.props?.bottom ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space.bottom\n      : undefined)\n  )\n}\n\nexport const isEufemiaElement = (element): boolean => {\n  return Object.values(EufemiaElements).some(\n    (eufemiaElement) => element?.type === eufemiaElement\n  )\n}\n\n/**\n * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?\n */\nexport const isSpacePropsComponent = (\n  element: React.ReactNode\n): boolean => {\n  return (\n    (React.isValidElement(element) &&\n      element?.type?.['_supportsEufemiaSpacingProps'] === true) ||\n    isEufemiaElement(element)\n  )\n}\n\nconst renderWithSpacing = (element: React.ReactNode, props) => {\n  const takesSpaceProps = isSpacePropsComponent(element)\n\n  return takesSpaceProps ? (\n    React.cloneElement(element as React.ReactElement<unknown>, props)\n  ) : (\n    <Div {...props}>{element}</Div>\n  )\n}\n\nexport type Props = ComponentProps & {\n  direction?: 'row' | 'column'\n  wrap?: boolean\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  divider?: 'space' | 'line'\n  /** Spacing between items inside */\n  spacing?:\n    | false\n    | 'xx-small'\n    | 'x-small'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'x-large'\n    | 'xx-large'\n  width?: 'small' | 'medium' | 'large'\n  children: React.ReactNode\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    children,\n    direction = 'column',\n    wrap = false,\n    justify = 'flex-start',\n    align = 'stretch',\n    divider = 'space',\n    spacing = 'small',\n    width,\n  } = props\n\n  const cn = classnames(\n    'dnb-forms-flex-container',\n    direction && `dnb-forms-flex-container--direction-${direction}`,\n    justify && `dnb-forms-flex-container--justify-${justify}`,\n    align && `dnb-forms-flex-container--align-${align}`,\n    wrap && `dnb-forms-flex-container--wrap`,\n    divider && `dnb-forms-flex-container--divider-${divider}`,\n    spacing && `dnb-forms-flex-container--spacing-${spacing}`,\n    width && `dnb-forms-flex-container--width-${width}`,\n    className\n  )\n  const childrenArray = React.Children.toArray(children)\n\n  return (\n    <Div className={cn} {...forwardSpaceProps(props)}>\n      {direction === 'column'\n        ? childrenArray.map((child, i) => {\n            // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n            // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n            // and bottom when th\n            const isFirst = i === 0\n            const previousChild = childrenArray?.[i - 1]\n            const currentIsHeading = isHeadingElement(child)\n            const previousWasHeading =\n              i > 0 && isHeadingElement(previousChild)\n\n            // Always set spacing between elements in the column layout on the top props, and 0 on bottom, to avoid\n            // having to divide spacing between both with smaller values.\n            const bottom = 0\n\n            if (\n              divider === 'line' &&\n              // No line above first element\n              !isFirst &&\n              // No line above/below headings\n              !previousWasHeading &&\n              !currentIsHeading\n            ) {\n              const spaceAboveLine =\n                getSpaceBottom(previousChild) ?? spacing\n              const top = getSpaceTop(child) ?? spacing\n\n              return (\n                <React.Fragment key={`element-${i}`}>\n                  <Space top={spaceAboveLine} />\n                  <hr className=\"dnb-forms-flex-container__hr\" />\n                  {renderWithSpacing(child, {\n                    space: { top, bottom },\n                    top,\n                    bottom,\n                  })}\n                </React.Fragment>\n              )\n            }\n\n            const top =\n              // No space above first element.\n              isFirst\n                ? 0\n                : // Since top space of current and bottom space of previous component is the same\n                  getSpaceTop(child) ??\n                  getSpaceBottom(previousChild) ??\n                  spacing\n\n            return renderWithSpacing(child, {\n              key: `element-${i}`,\n              space: { top, bottom },\n              top,\n              bottom,\n            })\n          })\n        : // TODO: Consider doing the same with spacing between horizontal items (direction = row) as vertical\n          children}\n    </Div>\n  )\n}\n\nFlexContainer._supportsEufemiaSpacingProps = true\nexport default FlexContainer\n"],"mappings":"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"}
+{"version":3,"file":"FlexContainer.js","names":["_react","_interopRequireDefault","require","_classnames","_components","EufemiaElements","_interopRequireWildcard","_types","_MainHeading","_SubHeading","_hr","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","isHeadingElement","element","type","MainHeading","SubHeading","getSpaceTop","_element$props","_element$props2","React","isValidElement","props","top","space","undefined","getSpaceBottom","_element$props3","_element$props4","bottom","isEufemiaElement","values","some","eufemiaElement","exports","isSpacePropsComponent","_element$type","renderWithSpacing","takesSpaceProps","cloneElement","createElement","Div","FlexContainer","className","children","direction","wrap","justify","align","divider","spacing","width","cn","classnames","childrenArray","Children","toArray","pickSpacingProps","map","child","isFirst","previousChild","currentIsHeading","previousWasHeading","spaceAboveLine","Fragment","Space","_supportsEufemiaSpacingProps","_default"],"sources":["../../../../../src/extensions/forms/Layout/FlexContainer.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Space } from '../../../components'\nimport { Div } from '../../../elements'\nimport * as EufemiaElements from '../../../elements'\nimport { SpaceType } from '../../../components/space/types'\nimport { ComponentProps, pickSpacingProps } from '../types'\nimport MainHeading from './MainHeading'\nimport SubHeading from './SubHeading'\n\nexport function isHeadingElement(element): boolean {\n  return element.type === MainHeading || element.type === SubHeading\n}\n\nconst getSpaceTop = (\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n  return (\n    element.props?.top ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space.top\n      : undefined)\n  )\n}\n\nconst getSpaceBottom = (\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n  return (\n    element.props?.bottom ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space.bottom\n      : undefined)\n  )\n}\n\nexport const isEufemiaElement = (element): boolean => {\n  return Object.values(EufemiaElements).some(\n    (eufemiaElement) => element?.type === eufemiaElement\n  )\n}\n\n/**\n * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?\n */\nexport const isSpacePropsComponent = (\n  element: React.ReactNode\n): boolean => {\n  return (\n    (React.isValidElement(element) &&\n      element?.type?.['_supportsEufemiaSpacingProps'] === true) ||\n    isEufemiaElement(element)\n  )\n}\n\nconst renderWithSpacing = (element: React.ReactNode, props) => {\n  const takesSpaceProps = isSpacePropsComponent(element)\n\n  return takesSpaceProps ? (\n    React.cloneElement(element as React.ReactElement<unknown>, props)\n  ) : (\n    <Div {...props}>{element}</Div>\n  )\n}\n\nexport type Props = ComponentProps & {\n  direction?: 'row' | 'column'\n  wrap?: boolean\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  divider?: 'space' | 'line'\n  /** Spacing between items inside */\n  spacing?:\n    | false\n    | 'xx-small'\n    | 'x-small'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'x-large'\n    | 'xx-large'\n  width?: 'small' | 'medium' | 'large'\n  children: React.ReactNode\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    children,\n    direction = 'column',\n    wrap = false,\n    justify = 'flex-start',\n    align = 'flex-start',\n    divider = 'space',\n    spacing = 'small',\n    width,\n  } = props\n\n  const cn = classnames(\n    'dnb-forms-flex-container',\n    direction && `dnb-forms-flex-container--direction-${direction}`,\n    justify && `dnb-forms-flex-container--justify-${justify}`,\n    align && `dnb-forms-flex-container--align-${align}`,\n    wrap && `dnb-forms-flex-container--wrap`,\n    divider && `dnb-forms-flex-container--divider-${divider}`,\n    spacing && `dnb-forms-flex-container--spacing-${spacing}`,\n    width && `dnb-forms-flex-container--width-${width}`,\n    className\n  )\n  const childrenArray = React.Children.toArray(children)\n\n  return (\n    <Div className={cn} {...pickSpacingProps(props)}>\n      {direction === 'column'\n        ? childrenArray.map((child, i) => {\n            // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n            // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n            // and bottom when th\n            const isFirst = i === 0\n            const previousChild = childrenArray?.[i - 1]\n            const currentIsHeading = isHeadingElement(child)\n            const previousWasHeading =\n              i > 0 && isHeadingElement(previousChild)\n\n            // Always set spacing between elements in the column layout on the top props, and 0 on bottom, to avoid\n            // having to divide spacing between both with smaller values.\n            const bottom = 0\n\n            if (\n              divider === 'line' &&\n              // No line above first element\n              !isFirst &&\n              // No line above/below headings\n              !previousWasHeading &&\n              !currentIsHeading\n            ) {\n              const spaceAboveLine =\n                getSpaceBottom(previousChild) ?? spacing\n              const top = getSpaceTop(child) ?? spacing\n\n              return (\n                <React.Fragment key={`element-${i}`}>\n                  <Space top={spaceAboveLine} />\n                  <hr className=\"dnb-forms-flex-container__hr\" />\n                  {renderWithSpacing(child, {\n                    space: { top, bottom },\n                    top,\n                    bottom,\n                  })}\n                </React.Fragment>\n              )\n            }\n\n            const top =\n              // No space above first element.\n              isFirst\n                ? 0\n                : // Since top space of current and bottom space of previous component is the same\n                  getSpaceTop(child) ??\n                  getSpaceBottom(previousChild) ??\n                  spacing\n\n            return renderWithSpacing(child, {\n              key: `element-${i}`,\n              space: { top, bottom },\n              top,\n              bottom,\n            })\n          })\n        : // TODO: Consider doing the same with spacing between horizontal items (direction = row) as vertical\n          children}\n    </Div>\n  )\n}\n\nFlexContainer._supportsEufemiaSpacingProps = true\nexport default FlexContainer\n"],"mappings":"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"}

package/cjs/extensions/forms/Layout/FlexItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
+import { ComponentProps } from '../types';
 export type Props = ComponentProps & {
     grow?: boolean;
     shrink?: boolean;

package/cjs/extensions/forms/Layout/FlexItem.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _elements = require("../../../elements");
-var _utils = require("../utils");
+var _types = require("../types");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function FlexItem(props) {
@@ -21,7 +21,7 @@ function FlexItem(props) {
   const cn = (0, _classnames.default)('dnb-forms-flex-item', className, grow && 'dnb-forms-flex-item--grow', shrink && 'dnb-forms-flex-item--shrink', width && `dnb-forms-flex-item--width-${width}`);
   return _react.default.createElement(_elements.Div, _extends({
     className: cn
-  }, (0, _utils.forwardSpaceProps)(props)), children);
+  }, (0, _types.pickSpacingProps)(props)), children);
 }
 FlexItem._supportsEufemiaSpacingProps = true;
 var _default = FlexItem;

package/cjs/extensions/forms/Layout/FlexItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlexItem.js","names":["_react","_interopRequireDefault","require","_classnames","_elements","_utils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","FlexItem","props","className","grow","shrink","width","children","cn","classnames","createElement","Div","forwardSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/FlexItem.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Div } from '../../../elements'\nimport type { ComponentProps } from '../component-types'\nimport { forwardSpaceProps } from '../utils'\n\nexport type Props = ComponentProps & {\n  grow?: boolean\n  shrink?: boolean\n  width?: 'small' | 'medium' | 'large'\n  children: React.ReactNode\n}\n\nfunction FlexItem(props: Props) {\n  const { className, grow, shrink, width, children } = props\n  const cn = classnames(\n    'dnb-forms-flex-item',\n    grow && 'dnb-forms-flex-item--grow',\n    shrink && 'dnb-forms-flex-item--shrink',\n    width && `dnb-forms-flex-item--width-${width}`,\n    className\n  )\n\n  return (\n    <Div className={cn} {...forwardSpaceProps(props)}>\n      {children}\n    </Div>\n  )\n}\n\nFlexItem._supportsEufemiaSpacingProps = true\nexport default FlexItem\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAS5C,SAASQ,QAAQA,CAACC,KAAY,EAAE;EAC9B,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAC1D,MAAMM,EAAE,GAAG,IAAAC,mBAAU,EACnB,qBAAqB,EAIrBN,SAAS,EAHTC,IAAI,IAAI,2BAA2B,EACnCC,MAAM,IAAI,6BAA6B,EACvCC,KAAK,IAAK,8BAA6BA,KAAM,EAE/C,CAAC;EAED,OACE5B,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC5B,SAAA,CAAA6B,GAAG,EAAAxB,QAAA;IAACgB,SAAS,EAAEK;EAAG,GAAK,IAAAI,wBAAiB,EAACV,KAAK,CAAC,GAC7CK,QACE,CAAC;AAEV;AAEAN,QAAQ,CAACY,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC7Bb,QAAQ;AAAAc,OAAA,CAAA7B,OAAA,GAAA4B,QAAA"}
+{"version":3,"file":"FlexItem.js","names":["_react","_interopRequireDefault","require","_classnames","_elements","_types","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","FlexItem","props","className","grow","shrink","width","children","cn","classnames","createElement","Div","pickSpacingProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/FlexItem.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Div } from '../../../elements'\nimport { ComponentProps, pickSpacingProps } from '../types'\n\nexport type Props = ComponentProps & {\n  grow?: boolean\n  shrink?: boolean\n  width?: 'small' | 'medium' | 'large'\n  children: React.ReactNode\n}\n\nfunction FlexItem(props: Props) {\n  const { className, grow, shrink, width, children } = props\n  const cn = classnames(\n    'dnb-forms-flex-item',\n    grow && 'dnb-forms-flex-item--grow',\n    shrink && 'dnb-forms-flex-item--shrink',\n    width && `dnb-forms-flex-item--width-${width}`,\n    className\n  )\n\n  return (\n    <Div className={cn} {...pickSpacingProps(props)}>\n      {children}\n    </Div>\n  )\n}\n\nFlexItem._supportsEufemiaSpacingProps = true\nexport default FlexItem\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA2D,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAS3D,SAASQ,QAAQA,CAACC,KAAY,EAAE;EAC9B,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAC1D,MAAMM,EAAE,GAAG,IAAAC,mBAAU,EACnB,qBAAqB,EAIrBN,SAAS,EAHTC,IAAI,IAAI,2BAA2B,EACnCC,MAAM,IAAI,6BAA6B,EACvCC,KAAK,IAAK,8BAA6BA,KAAM,EAE/C,CAAC;EAED,OACE5B,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC5B,SAAA,CAAA6B,GAAG,EAAAxB,QAAA;IAACgB,SAAS,EAAEK;EAAG,GAAK,IAAAI,uBAAgB,EAACV,KAAK,CAAC,GAC5CK,QACE,CAAC;AAEV;AAEAN,QAAQ,CAACY,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC7Bb,QAAQ;AAAAc,OAAA,CAAA7B,OAAA,GAAA4B,QAAA"}

package/cjs/extensions/forms/Layout/MainHeading.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
+import { ComponentProps } from '../types';
+import type { HeadingLevel } from '../../../components/Heading';
 export type Props = ComponentProps & {
+    level?: HeadingLevel;
     children?: React.ReactNode;
 };
-declare function MainHeading(props: Props): import("react/jsx-runtime").JSX.Element;
+declare function MainHeading({ level, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace MainHeading {
     var _supportsEufemiaSpacingProps: boolean;
 }

package/cjs/extensions/forms/Layout/MainHeading.js

@@ -7,19 +7,26 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("../../../components");
-var _utils = require("../utils");
+var _types = require("../types");
+const _excluded = ["level"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function MainHeading(props) {
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function MainHeading(_ref) {
+  let {
+      level
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     className,
     children
   } = props;
   return _react.default.createElement(_components.Heading, _extends({
     className: (0, _classnames.default)('dnb-forms-main-heading', className),
-    level: "2",
+    level: level || 2,
     size: "large"
-  }, (0, _utils.forwardSpaceProps)(props)), children);
+  }, (0, _types.pickSpacingProps)(props)), children);
 }
 MainHeading._supportsEufemiaSpacingProps = true;
 var _default = MainHeading;

package/cjs/extensions/forms/Layout/MainHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainHeading.js","names":["_react","_interopRequireDefault","require","_classnames","_components","_utils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","MainHeading","props","className","children","createElement","Heading","classnames","level","size","forwardSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/MainHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Heading } from '../../../components'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\n\nexport type Props = ComponentProps & {\n  children?: React.ReactNode\n}\n\nfunction MainHeading(props: Props) {\n  const { className, children } = props\n  return (\n    <Heading\n      className={classnames('dnb-forms-main-heading', className)}\n      level=\"2\"\n      size=\"large\"\n      {...forwardSpaceProps(props)}\n    >\n      {children}\n    </Heading>\n  )\n}\n\nMainHeading._supportsEufemiaSpacingProps = true\nexport default MainHeading\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAO5C,SAASQ,WAAWA,CAACC,KAAY,EAAE;EACjC,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,OACExB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACvB,WAAA,CAAAwB,OAAO,EAAAnB,QAAA;IACNgB,SAAS,EAAE,IAAAI,mBAAU,EAAC,wBAAwB,EAAEJ,SAAS,CAAE;IAC3DK,KAAK,EAAC,GAAG;IACTC,IAAI,EAAC;EAAO,GACR,IAAAC,wBAAiB,EAACR,KAAK,CAAC,GAE3BE,QACM,CAAC;AAEd;AAEAH,WAAW,CAACU,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAChCX,WAAW;AAAAY,OAAA,CAAA3B,OAAA,GAAA0B,QAAA"}
+{"version":3,"file":"MainHeading.js","names":["_react","_interopRequireDefault","require","_classnames","_components","_types","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","MainHeading","_ref","level","props","className","children","createElement","Heading","classnames","size","pickSpacingProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/MainHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Heading } from '../../../components'\nimport { ComponentProps, pickSpacingProps } from '../types'\nimport type { HeadingLevel } from '../../../components/Heading'\n\nexport type Props = ComponentProps & {\n  level?: HeadingLevel\n  children?: React.ReactNode\n}\n\nfunction MainHeading({ level, ...props }: Props) {\n  const { className, children } = props\n  return (\n    <Heading\n      className={classnames('dnb-forms-main-heading', className)}\n      level={level || 2}\n      size=\"large\"\n      {...pickSpacingProps(props)}\n    >\n      {children}\n    </Heading>\n  )\n}\n\nMainHeading._supportsEufemiaSpacingProps = true\nexport default MainHeading\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA2D,MAAAI,SAAA;AAAA,SAAAL,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAQ3D,SAASmB,WAAWA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;MAAEC;IAAuB,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EACpC,MAAM;IAAE+B,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,OACEpC,MAAA,CAAAS,OAAA,CAAA8B,aAAA,CAACnC,WAAA,CAAAoC,OAAO,EAAA9B,QAAA;IACN2B,SAAS,EAAE,IAAAI,mBAAU,EAAC,wBAAwB,EAAEJ,SAAS,CAAE;IAC3DF,KAAK,EAAEA,KAAK,IAAI,CAAE;IAClBO,IAAI,EAAC;EAAO,GACR,IAAAC,uBAAgB,EAACP,KAAK,CAAC,GAE1BE,QACM,CAAC;AAEd;AAEAL,WAAW,CAACW,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAChCZ,WAAW;AAAAa,OAAA,CAAArC,OAAA,GAAAoC,QAAA"}

package/cjs/extensions/forms/Layout/Section.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
+import { ComponentProps } from '../types';
 import { Props as FlexContainerProps } from './FlexContainer';
 export type Props = ComponentProps & {
     direction?: FlexContainerProps['direction'];

package/cjs/extensions/forms/Layout/Section.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../utils");
+var _types = require("../types");
 var _FlexContainer = _interopRequireDefault(require("./FlexContainer"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -21,7 +21,7 @@ function Section(props) {
     className: (0, _classnames.default)('dnb-forms-section', className),
     direction: direction ?? 'column',
     spacing: spacing ?? 'small'
-  }, (0, _utils.forwardSpaceProps)(props)), children);
+  }, (0, _types.pickSpacingProps)(props)), children);
 }
 Section._supportsEufemiaSpacingProps = true;
 var _default = Section;

package/cjs/extensions/forms/Layout/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","names":["_react","_interopRequireDefault","require","_classnames","_utils","_FlexContainer","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Section","props","className","direction","spacing","children","createElement","classnames","forwardSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/Section.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from './FlexContainer'\n\nexport type Props = ComponentProps & {\n  direction?: FlexContainerProps['direction']\n  spacing?: FlexContainerProps['spacing']\n  children: React.ReactNode\n}\n\nfunction Section(props: Props) {\n  const { className, direction, spacing, children } = props\n  return (\n    <FlexContainer\n      className={classnames('dnb-forms-section', className)}\n      direction={direction ?? 'column'}\n      spacing={spacing ?? 'small'}\n      {...forwardSpaceProps(props)}\n    >\n      {children}\n    </FlexContainer>\n  )\n}\n\nSection._supportsEufemiaSpacingProps = true\nexport default Section\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEwB,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAQxB,SAASQ,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC,SAAS;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACzD,OACExB,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACxB,cAAA,CAAAG,OAAa,EAAAC,QAAA;IACZgB,SAAS,EAAE,IAAAK,mBAAU,EAAC,mBAAmB,EAAEL,SAAS,CAAE;IACtDC,SAAS,EAAEA,SAAS,IAAI,QAAS;IACjCC,OAAO,EAAEA,OAAO,IAAI;EAAQ,GACxB,IAAAI,wBAAiB,EAACP,KAAK,CAAC,GAE3BI,QACY,CAAC;AAEpB;AAEAL,OAAO,CAACS,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC5BV,OAAO;AAAAW,OAAA,CAAA1B,OAAA,GAAAyB,QAAA"}
+{"version":3,"file":"Section.js","names":["_react","_interopRequireDefault","require","_classnames","_types","_FlexContainer","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Section","props","className","direction","spacing","children","createElement","classnames","pickSpacingProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/Section.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps, pickSpacingProps } from '../types'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from './FlexContainer'\n\nexport type Props = ComponentProps & {\n  direction?: FlexContainerProps['direction']\n  spacing?: FlexContainerProps['spacing']\n  children: React.ReactNode\n}\n\nfunction Section(props: Props) {\n  const { className, direction, spacing, children } = props\n  return (\n    <FlexContainer\n      className={classnames('dnb-forms-section', className)}\n      direction={direction ?? 'column'}\n      spacing={spacing ?? 'small'}\n      {...pickSpacingProps(props)}\n    >\n      {children}\n    </FlexContainer>\n  )\n}\n\nSection._supportsEufemiaSpacingProps = true\nexport default Section\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEwB,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAQxB,SAASQ,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC,SAAS;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACzD,OACExB,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACxB,cAAA,CAAAG,OAAa,EAAAC,QAAA;IACZgB,SAAS,EAAE,IAAAK,mBAAU,EAAC,mBAAmB,EAAEL,SAAS,CAAE;IACtDC,SAAS,EAAEA,SAAS,IAAI,QAAS;IACjCC,OAAO,EAAEA,OAAO,IAAI;EAAQ,GACxB,IAAAI,uBAAgB,EAACP,KAAK,CAAC,GAE1BI,QACY,CAAC;AAEpB;AAEAL,OAAO,CAACS,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC5BV,OAAO;AAAAW,OAAA,CAAA1B,OAAA,GAAAyB,QAAA"}

package/cjs/extensions/forms/Layout/SubHeading.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
+import { ComponentProps } from '../types';
+import type { HeadingLevel } from '../../../components/Heading';
 export type Props = ComponentProps & {
+    level?: HeadingLevel;
     children?: React.ReactNode;
 };
-declare function SubHeading(props: Props): import("react/jsx-runtime").JSX.Element;
+declare function SubHeading({ level, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace SubHeading {
     var _supportsEufemiaSpacingProps: boolean;
 }

package/cjs/extensions/forms/Layout/SubHeading.js

@@ -7,19 +7,26 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("../../../components");
-var _utils = require("../utils");
+var _types = require("../types");
+const _excluded = ["level"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function SubHeading(props) {
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function SubHeading(_ref) {
+  let {
+      level
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     className,
     children
   } = props;
   return _react.default.createElement(_components.Heading, _extends({
     className: (0, _classnames.default)('dnb-forms-sub-heading', className),
-    level: "3",
+    level: level || 3,
     size: "medium"
-  }, (0, _utils.forwardSpaceProps)(props)), children);
+  }, (0, _types.pickSpacingProps)(props)), children);
 }
 SubHeading._supportsEufemiaSpacingProps = true;
 var _default = SubHeading;

package/cjs/extensions/forms/Layout/SubHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubHeading.js","names":["_react","_interopRequireDefault","require","_classnames","_components","_utils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","SubHeading","props","className","children","createElement","Heading","classnames","level","size","forwardSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/SubHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Heading } from '../../../components'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\n\nexport type Props = ComponentProps & {\n  children?: React.ReactNode\n}\n\nfunction SubHeading(props: Props) {\n  const { className, children } = props\n  return (\n    <Heading\n      className={classnames('dnb-forms-sub-heading', className)}\n      level=\"3\"\n      size=\"medium\"\n      {...forwardSpaceProps(props)}\n    >\n      {children}\n    </Heading>\n  )\n}\n\nSubHeading._supportsEufemiaSpacingProps = true\nexport default SubHeading\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAO5C,SAASQ,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,OACExB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACvB,WAAA,CAAAwB,OAAO,EAAAnB,QAAA;IACNgB,SAAS,EAAE,IAAAI,mBAAU,EAAC,uBAAuB,EAAEJ,SAAS,CAAE;IAC1DK,KAAK,EAAC,GAAG;IACTC,IAAI,EAAC;EAAQ,GACT,IAAAC,wBAAiB,EAACR,KAAK,CAAC,GAE3BE,QACM,CAAC;AAEd;AAEAH,UAAU,CAACU,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC/BX,UAAU;AAAAY,OAAA,CAAA3B,OAAA,GAAA0B,QAAA"}
+{"version":3,"file":"SubHeading.js","names":["_react","_interopRequireDefault","require","_classnames","_components","_types","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SubHeading","_ref","level","props","className","children","createElement","Heading","classnames","size","pickSpacingProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/SubHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Heading } from '../../../components'\nimport { ComponentProps, pickSpacingProps } from '../types'\nimport type { HeadingLevel } from '../../../components/Heading'\n\nexport type Props = ComponentProps & {\n  level?: HeadingLevel\n  children?: React.ReactNode\n}\n\nfunction SubHeading({ level, ...props }: Props) {\n  const { className, children } = props\n  return (\n    <Heading\n      className={classnames('dnb-forms-sub-heading', className)}\n      level={level || 3}\n      size=\"medium\"\n      {...pickSpacingProps(props)}\n    >\n      {children}\n    </Heading>\n  )\n}\n\nSubHeading._supportsEufemiaSpacingProps = true\nexport default SubHeading\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA2D,MAAAI,SAAA;AAAA,SAAAL,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAQ3D,SAASmB,UAAUA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;MAAEC;IAAuB,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EACnC,MAAM;IAAE+B,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,OACEpC,MAAA,CAAAS,OAAA,CAAA8B,aAAA,CAACnC,WAAA,CAAAoC,OAAO,EAAA9B,QAAA;IACN2B,SAAS,EAAE,IAAAI,mBAAU,EAAC,uBAAuB,EAAEJ,SAAS,CAAE;IAC1DF,KAAK,EAAEA,KAAK,IAAI,CAAE;IAClBO,IAAI,EAAC;EAAQ,GACT,IAAAC,uBAAgB,EAACP,KAAK,CAAC,GAE1BE,QACM,CAAC;AAEd;AAEAL,UAAU,CAACW,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC/BZ,UAAU;AAAAa,OAAA,CAAArC,OAAA,GAAAoC,QAAA"}

package/cjs/extensions/forms/Layout/index.d.ts

@@ -7,7 +7,6 @@ import MainHeading from './MainHeading';
 import SubHeading from './SubHeading';
 import Row from './Row';
 import Column from './Column';
-import InfoCardSection from './InfoCardSection';
 declare const Layout: {
     ButtonRow: typeof ButtonRow;
     Card: typeof Card;
@@ -18,6 +17,5 @@ declare const Layout: {
     SubHeading: typeof SubHeading;
     Row: typeof Row;
     Column: typeof Column;
-    InfoCardSection: typeof InfoCardSection;
 };
 export default Layout;

package/cjs/extensions/forms/Layout/index.js

@@ -13,7 +13,6 @@ var _MainHeading = _interopRequireDefault(require("./MainHeading"));
 var _SubHeading = _interopRequireDefault(require("./SubHeading"));
 var _Row = _interopRequireDefault(require("./Row"));
 var _Column = _interopRequireDefault(require("./Column"));
-var _InfoCardSection = _interopRequireDefault(require("./InfoCardSection"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Layout = {
   ButtonRow: _ButtonRow.default,
@@ -24,8 +23,7 @@ const Layout = {
   MainHeading: _MainHeading.default,
   SubHeading: _SubHeading.default,
   Row: _Row.default,
-  Column: _Column.default,
-  InfoCardSection: _InfoCardSection.default
+  Column: _Column.default
 };
 var _default = Layout;
 exports.default = _default;

package/cjs/extensions/forms/Layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_ButtonRow","_interopRequireDefault","require","_Card","_FlexContainer","_FlexItem","_Section","_MainHeading","_SubHeading","_Row","_Column","_InfoCardSection","obj","__esModule","default","Layout","ButtonRow","Card","FlexContainer","FlexItem","Section","MainHeading","SubHeading","Row","Column","InfoCardSection","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/index.ts"],"sourcesContent":["import ButtonRow from './ButtonRow'\nimport Card from './Card'\nimport FlexContainer from './FlexContainer'\nimport FlexItem from './FlexItem'\nimport Section from './Section'\nimport MainHeading from './MainHeading'\nimport SubHeading from './SubHeading'\nimport Row from './Row'\nimport Column from './Column'\nimport InfoCardSection from './InfoCardSection'\n\nconst Layout = {\n  ButtonRow,\n  Card,\n  FlexContainer,\n  FlexItem,\n  Section,\n  MainHeading,\n  SubHeading,\n  Row,\n  Column,\n  InfoCardSection,\n}\n\nexport default Layout\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,QAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,IAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,OAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,gBAAA,GAAAV,sBAAA,CAAAC,OAAA;AAA+C,SAAAD,uBAAAW,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/C,MAAMG,MAAM,GAAG;EACbC,SAAS,EAATA,kBAAS;EACTC,IAAI,EAAJA,aAAI;EACJC,aAAa,EAAbA,sBAAa;EACbC,QAAQ,EAARA,iBAAQ;EACRC,OAAO,EAAPA,gBAAO;EACPC,WAAW,EAAXA,oBAAW;EACXC,UAAU,EAAVA,mBAAU;EACVC,GAAG,EAAHA,YAAG;EACHC,MAAM,EAANA,eAAM;EACNC,eAAe,EAAfA;AACF,CAAC;AAAA,IAAAC,QAAA,GAEcX,MAAM;AAAAY,OAAA,CAAAb,OAAA,GAAAY,QAAA"}
+{"version":3,"file":"index.js","names":["_ButtonRow","_interopRequireDefault","require","_Card","_FlexContainer","_FlexItem","_Section","_MainHeading","_SubHeading","_Row","_Column","obj","__esModule","default","Layout","ButtonRow","Card","FlexContainer","FlexItem","Section","MainHeading","SubHeading","Row","Column","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/index.ts"],"sourcesContent":["import ButtonRow from './ButtonRow'\nimport Card from './Card'\nimport FlexContainer from './FlexContainer'\nimport FlexItem from './FlexItem'\nimport Section from './Section'\nimport MainHeading from './MainHeading'\nimport SubHeading from './SubHeading'\nimport Row from './Row'\nimport Column from './Column'\n\nconst Layout = {\n  ButtonRow,\n  Card,\n  FlexContainer,\n  FlexItem,\n  Section,\n  MainHeading,\n  SubHeading,\n  Row,\n  Column,\n}\n\nexport default Layout\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,QAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,IAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,OAAA,GAAAT,sBAAA,CAAAC,OAAA;AAA6B,SAAAD,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7B,MAAMG,MAAM,GAAG;EACbC,SAAS,EAATA,kBAAS;EACTC,IAAI,EAAJA,aAAI;EACJC,aAAa,EAAbA,sBAAa;EACbC,QAAQ,EAARA,iBAAQ;EACRC,OAAO,EAAPA,gBAAO;EACPC,WAAW,EAAXA,oBAAW;EACXC,UAAU,EAAVA,mBAAU;EACVC,GAAG,EAAHA,YAAG;EACHC,MAAM,EAANA;AACF,CAAC;AAAA,IAAAC,QAAA,GAEcV,MAAM;AAAAW,OAAA,CAAAZ,OAAA,GAAAW,QAAA"}

package/cjs/extensions/forms/StepsLayout/Buttons.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentProps } from '../component-types';
+import { ComponentProps } from '../types';
 export type Props = ComponentProps & {
     children?: string;
 };

package/cjs/extensions/forms/StepsLayout/Buttons.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _types = require("../types");
 var _ButtonRow = _interopRequireDefault(require("../Layout/ButtonRow"));
 var _NextButton2 = _interopRequireDefault(require("./NextButton"));
 var _PreviousButton2 = _interopRequireDefault(require("./PreviousButton"));
-var _utils = require("../utils");
 var _PreviousButton, _NextButton;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -19,7 +19,7 @@ function Buttons(props) {
   } = props;
   return _react.default.createElement(_ButtonRow.default, _extends({
     className: (0, _classnames.default)('dnb-forms-buttons', className)
-  }, (0, _utils.forwardSpaceProps)(props)), _PreviousButton || (_PreviousButton = _react.default.createElement(_PreviousButton2.default, null)), _NextButton || (_NextButton = _react.default.createElement(_NextButton2.default, null)));
+  }, (0, _types.pickSpacingProps)(props)), _PreviousButton || (_PreviousButton = _react.default.createElement(_PreviousButton2.default, null)), _NextButton || (_NextButton = _react.default.createElement(_NextButton2.default, null)));
 }
 Buttons._supportsEufemiaSpacingProps = true;
 var _default = Buttons;

package/cjs/extensions/forms/StepsLayout/Buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"Buttons.js","names":["_react","_interopRequireDefault","require","_classnames","_ButtonRow","_NextButton2","_PreviousButton2","_utils","_PreviousButton","_NextButton","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Buttons","props","className","createElement","classnames","forwardSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/StepsLayout/Buttons.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport ButtonRow from '../Layout/ButtonRow'\nimport NextButton from './NextButton'\nimport PreviousButton from './PreviousButton'\nimport { forwardSpaceProps } from '../utils'\n\nexport type Props = ComponentProps & {\n  children?: string\n}\n\nfunction Buttons(props: Props) {\n  const { className } = props\n  return (\n    <ButtonRow\n      className={classnames('dnb-forms-buttons', className)}\n      {...forwardSpaceProps(props)}\n    >\n      <PreviousButton />\n      <NextButton />\n    </ButtonRow>\n  )\n}\n\nButtons._supportsEufemiaSpacingProps = true\nexport default Buttons\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA4C,IAAAM,eAAA,EAAAC,WAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAM5C,SAASQ,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,OACE5B,MAAA,CAAAY,OAAA,CAAAkB,aAAA,CAAC1B,UAAA,CAAAQ,OAAS,EAAAC,QAAA;IACRgB,SAAS,EAAE,IAAAE,mBAAU,EAAC,mBAAmB,EAAEF,SAAS;EAAE,GAClD,IAAAG,wBAAiB,EAACJ,KAAK,CAAC,GAAApB,eAAA,KAAAA,eAAA,GAE5BR,MAAA,CAAAY,OAAA,CAAAkB,aAAA,CAACxB,gBAAA,CAAAM,OAAc,MAAE,CAAC,GAAAH,WAAA,KAAAA,WAAA,GAClBT,MAAA,CAAAY,OAAA,CAAAkB,aAAA,CAACzB,YAAA,CAAAO,OAAU,MAAE,CAAC,CACL,CAAC;AAEhB;AAEAe,OAAO,CAACM,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC5BP,OAAO;AAAAQ,OAAA,CAAAvB,OAAA,GAAAsB,QAAA"}
+{"version":3,"file":"Buttons.js","names":["_react","_interopRequireDefault","require","_classnames","_types","_ButtonRow","_NextButton2","_PreviousButton2","_PreviousButton","_NextButton","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Buttons","props","className","createElement","classnames","pickSpacingProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/StepsLayout/Buttons.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps, pickSpacingProps } from '../types'\nimport ButtonRow from '../Layout/ButtonRow'\nimport NextButton from './NextButton'\nimport PreviousButton from './PreviousButton'\n\nexport type Props = ComponentProps & {\n  children?: string\n}\n\nfunction Buttons(props: Props) {\n  const { className } = props\n  return (\n    <ButtonRow\n      className={classnames('dnb-forms-buttons', className)}\n      {...pickSpacingProps(props)}\n    >\n      <PreviousButton />\n      <NextButton />\n    </ButtonRow>\n  )\n}\n\nButtons._supportsEufemiaSpacingProps = true\nexport default Buttons\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,gBAAA,GAAAN,sBAAA,CAAAC,OAAA;AAA6C,IAAAM,eAAA,EAAAC,WAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAM7C,SAASQ,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,OACE5B,MAAA,CAAAY,OAAA,CAAAkB,aAAA,CAACzB,UAAA,CAAAO,OAAS,EAAAC,QAAA;IACRgB,SAAS,EAAE,IAAAE,mBAAU,EAAC,mBAAmB,EAAEF,SAAS;EAAE,GAClD,IAAAG,uBAAgB,EAACJ,KAAK,CAAC,GAAApB,eAAA,KAAAA,eAAA,GAE3BR,MAAA,CAAAY,OAAA,CAAAkB,aAAA,CAACvB,gBAAA,CAAAK,OAAc,MAAE,CAAC,GAAAH,WAAA,KAAAA,WAAA,GAClBT,MAAA,CAAAY,OAAA,CAAAkB,aAAA,CAACxB,YAAA,CAAAM,OAAU,MAAE,CAAC,CACL,CAAC;AAEhB;AAEAe,OAAO,CAACM,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC5BP,OAAO;AAAAQ,OAAA,CAAAvB,OAAA,GAAAsB,QAAA"}

package/cjs/extensions/forms/StepsLayout/NextButton.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentProps } from '../component-types';
+import type { ComponentProps } from '../types';
 import { ButtonProps } from '../../../components/button/Button';
 export type Props = ComponentProps & ButtonProps & {
     children?: string;

package/cjs/extensions/forms/StepsLayout/NextButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_Context","_StepsContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","NextButton","props","sharedContext","useContext","SharedContext","className","variant","icon_position","icon","children","translation","Forms","stepNext","stepsContext","StepsContext","createElement","Button","classnames","onClick","handleNext","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/StepsLayout/NextButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport { Button } from '../../../components'\nimport { ButtonProps } from '../../../components/button/Button'\nimport SharedContext from '../../../shared/Context'\nimport StepsContext from './StepsContext'\n\nexport type Props = ComponentProps &\n  ButtonProps & {\n    children?: string\n  }\n\nfunction NextButton(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    className,\n    variant = 'primary',\n    icon_position = 'right',\n    icon = 'chevron_right',\n    children = sharedContext?.translation.Forms.stepNext,\n  } = props\n  const stepsContext = useContext(StepsContext)\n\n  return (\n    <Button\n      {...props}\n      className={classnames('dnb-forms-next-button', className)}\n      onClick={stepsContext?.handleNext}\n      variant={variant}\n      icon_position={icon_position}\n      icon={icon}\n    >\n      {children}\n    </Button>\n  )\n}\n\nNextButton._supportsEufemiaSpacingProps = true\nexport default NextButton\n"],"mappings":"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"}
+{"version":3,"file":"NextButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_Context","_StepsContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","NextButton","props","sharedContext","useContext","SharedContext","className","variant","icon_position","icon","children","translation","Forms","stepNext","stepsContext","StepsContext","createElement","Button","classnames","onClick","handleNext","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/StepsLayout/NextButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../types'\nimport { Button } from '../../../components'\nimport { ButtonProps } from '../../../components/button/Button'\nimport SharedContext from '../../../shared/Context'\nimport StepsContext from './StepsContext'\n\nexport type Props = ComponentProps &\n  ButtonProps & {\n    children?: string\n  }\n\nfunction NextButton(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    className,\n    variant = 'primary',\n    icon_position = 'right',\n    icon = 'chevron_right',\n    children = sharedContext?.translation.Forms.stepNext,\n  } = props\n  const stepsContext = useContext(StepsContext)\n\n  return (\n    <Button\n      {...props}\n      className={classnames('dnb-forms-next-button', className)}\n      onClick={stepsContext?.handleNext}\n      variant={variant}\n      icon_position={icon_position}\n      icon={icon}\n    >\n      {children}\n    </Button>\n  )\n}\n\nNextButton._supportsEufemiaSpacingProps = true\nexport default NextButton\n"],"mappings":"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"}

package/cjs/extensions/forms/StepsLayout/PreviousButton.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentProps } from '../component-types';
+import type { ComponentProps } from '../types';
 import { ButtonProps } from '../../../components/button/Button';
 export type Props = ComponentProps & ButtonProps & {
     children?: string;

package/cjs/extensions/forms/StepsLayout/PreviousButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviousButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_Context","_StepsContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PreviousButton","props","sharedContext","useContext","SharedContext","className","variant","icon_position","icon","children","translation","Forms","stepPrevious","stepsContext","StepsContext","createElement","Button","classnames","onClick","handlePrevious","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/StepsLayout/PreviousButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport { Button } from '../../../components'\nimport { ButtonProps } from '../../../components/button/Button'\nimport SharedContext from '../../../shared/Context'\nimport StepsContext from './StepsContext'\n\nexport type Props = ComponentProps &\n  ButtonProps & {\n    children?: string\n  }\n\nfunction PreviousButton(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    className,\n    variant = 'tertiary',\n    icon_position = 'left',\n    icon = 'chevron_left',\n    children = sharedContext?.translation.Forms.stepPrevious,\n  } = props\n  const stepsContext = useContext(StepsContext)\n\n  return (\n    <Button\n      {...props}\n      className={classnames('dnb-forms-previous-button', className)}\n      onClick={stepsContext?.handlePrevious}\n      variant={variant}\n      icon_position={icon_position}\n      icon={icon}\n    >\n      {children}\n    </Button>\n  )\n}\n\nPreviousButton._supportsEufemiaSpacingProps = true\nexport default PreviousButton\n"],"mappings":"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"}
+{"version":3,"file":"PreviousButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_Context","_StepsContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PreviousButton","props","sharedContext","useContext","SharedContext","className","variant","icon_position","icon","children","translation","Forms","stepPrevious","stepsContext","StepsContext","createElement","Button","classnames","onClick","handlePrevious","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/StepsLayout/PreviousButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../types'\nimport { Button } from '../../../components'\nimport { ButtonProps } from '../../../components/button/Button'\nimport SharedContext from '../../../shared/Context'\nimport StepsContext from './StepsContext'\n\nexport type Props = ComponentProps &\n  ButtonProps & {\n    children?: string\n  }\n\nfunction PreviousButton(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    className,\n    variant = 'tertiary',\n    icon_position = 'left',\n    icon = 'chevron_left',\n    children = sharedContext?.translation.Forms.stepPrevious,\n  } = props\n  const stepsContext = useContext(StepsContext)\n\n  return (\n    <Button\n      {...props}\n      className={classnames('dnb-forms-previous-button', className)}\n      onClick={stepsContext?.handlePrevious}\n      variant={variant}\n      icon_position={icon_position}\n      icon={icon}\n    >\n      {children}\n    </Button>\n  )\n}\n\nPreviousButton._supportsEufemiaSpacingProps = true\nexport default PreviousButton\n"],"mappings":"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"}

package/cjs/extensions/forms/StepsLayout/Step.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
+import { ComponentProps } from '../types';
 import { Props as FlexContainerProps } from '../Layout/FlexContainer';
 export type Props = ComponentProps & {
     index?: number;

package/cjs/extensions/forms/StepsLayout/Step.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../utils");
+var _types = require("../types");
 var _FlexContainer = _interopRequireDefault(require("../Layout/FlexContainer"));
 var _StepsContext = _interopRequireDefault(require("./StepsContext"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -29,7 +29,7 @@ function Step(props) {
     className: (0, _classnames.default)('dnb-forms-step', className),
     direction: direction,
     spacing: spacing
-  }, (0, _utils.forwardSpaceProps)(props)), children);
+  }, (0, _types.pickSpacingProps)(props)), children);
 }
 Step._supportsEufemiaSpacingProps = true;
 var _default = Step;