@dnb/eufemia 10.4.2 → 10.6.0

package/es/extensions/forms/FieldGroup/FieldGroup.js

@@ -0,0 +1,77 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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, { useState, useCallback, useMemo } from 'react';
+import classnames from 'classnames';
+import { forwardSpaceProps } from '../utils';
+import FieldBlock from '../FieldBlock';
+export const FieldGroupContext = React.createContext(undefined);
+function FieldGroup(props) {
+  const {
+    className,
+    label,
+    labelDescription,
+    labelSecondary,
+    info,
+    warning,
+    error,
+    children
+  } = props;
+  const [fieldErrorRecord, setFieldErrorRecord] = useState({});
+  const [showFieldErrorRecord, setShowFieldErrorRecord] = useState({});
+  const setFieldError = useCallback((id, error) => {
+    setFieldErrorRecord(existing => {
+      if (error) {
+        return _objectSpread(_objectSpread({}, existing), {}, {
+          [id]: error
+        });
+      } else {
+        const {
+            [id]: removed
+          } = existing,
+          newRecord = _objectWithoutProperties(existing, [id].map(_toPropertyKey));
+        return newRecord;
+      }
+    });
+  }, []);
+  const setShowFieldError = useCallback((id, show) => {
+    setShowFieldErrorRecord(existing => {
+      if (show) {
+        return _objectSpread(_objectSpread({}, existing), {}, {
+          [id]: true
+        });
+      } else {
+        const {
+            [id]: removed
+          } = existing,
+          newRecord = _objectWithoutProperties(existing, [id].map(_toPropertyKey));
+        return newRecord;
+      }
+    });
+  }, []);
+  const blockError = useMemo(() => {
+    const errors = Object.entries(fieldErrorRecord).filter(([id]) => showFieldErrorRecord[id] === true).map(([, error]) => error);
+    return errors.length > 0 ? new Error(errors.map(error => error.message).join(' | ')) : undefined;
+  }, [fieldErrorRecord, showFieldErrorRecord]);
+  return React.createElement(FieldGroupContext.Provider, {
+    value: {
+      setFieldError,
+      setShowFieldError
+    }
+  }, React.createElement(FieldBlock, _extends({
+    className: classnames('dnb-forms-field-group', className),
+    label: label,
+    labelDescription: labelDescription,
+    labelSecondary: labelSecondary,
+    info: info,
+    warning: warning,
+    error: error ?? blockError
+  }, forwardSpaceProps(props)), children));
+}
+FieldGroup._supportsEufemiaSpacingProps = true;
+export default FieldGroup;
+//# sourceMappingURL=FieldGroup.js.map

package/es/extensions/forms/FieldGroup/FieldGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.js","names":["React","useState","useCallback","useMemo","classnames","forwardSpaceProps","FieldBlock","FieldGroupContext","createContext","undefined","FieldGroup","props","className","label","labelDescription","labelSecondary","info","warning","error","children","fieldErrorRecord","setFieldErrorRecord","showFieldErrorRecord","setShowFieldErrorRecord","setFieldError","id","existing","_objectSpread","removed","newRecord","_objectWithoutProperties","map","_toPropertyKey","setShowFieldError","show","blockError","errors","Object","entries","filter","length","Error","message","join","createElement","Provider","value","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/FieldGroup/FieldGroup.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport { FormError } from '../types'\nimport { forwardSpaceProps } from '../utils'\nimport FieldBlock from '../FieldBlock'\nimport type { FieldProps } from '../field-types'\n\nexport interface FieldGroupContextState {\n  setFieldError?: (id: string, error: FormError) => void\n  setShowFieldError?: (id: string, showError: boolean) => void\n}\n\nexport const FieldGroupContext = React.createContext<\n  FieldGroupContextState | undefined\n>(undefined)\n\nexport type Props = ComponentProps &\n  Pick<\n    FieldProps,\n    | 'label'\n    | 'labelDescription'\n    | 'labelSecondary'\n    | 'info'\n    | 'warning'\n    | 'error'\n  > & {\n    children: React.ReactNode\n  }\n\nfunction FieldGroup(props: Props) {\n  const {\n    className,\n    label,\n    labelDescription,\n    labelSecondary,\n    info,\n    warning,\n    error,\n    children,\n  } = props\n\n  const [fieldErrorRecord, setFieldErrorRecord] = useState<\n    Record<string, FormError>\n  >({})\n  const [showFieldErrorRecord, setShowFieldErrorRecord] = useState<\n    Record<string, boolean>\n  >({})\n\n  const setFieldError = useCallback((id, error) => {\n    setFieldErrorRecord((existing) => {\n      if (error) {\n        return {\n          ...existing,\n          [id]: error,\n        }\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const { [id]: removed, ...newRecord } = existing\n        return newRecord\n      }\n    })\n  }, [])\n\n  const setShowFieldError = useCallback((id, show) => {\n    setShowFieldErrorRecord((existing) => {\n      if (show) {\n        return {\n          ...existing,\n          [id]: true,\n        }\n      } else {\n        const { [id]: removed, ...newRecord } = existing\n        return newRecord\n      }\n    })\n  }, [])\n\n  const blockError = useMemo(() => {\n    const errors = Object.entries(fieldErrorRecord)\n      .filter(([id]) => showFieldErrorRecord[id] === true)\n      .map(([, error]) => error)\n    return errors.length > 0\n      ? new Error(errors.map((error) => error.message).join(' | '))\n      : undefined\n  }, [fieldErrorRecord, showFieldErrorRecord])\n\n  return (\n    <FieldGroupContext.Provider\n      value={{\n        setFieldError,\n        setShowFieldError,\n      }}\n    >\n      <FieldBlock\n        className={classnames('dnb-forms-field-group', className)}\n        label={label}\n        labelDescription={labelDescription}\n        labelSecondary={labelSecondary}\n        info={info}\n        warning={warning}\n        error={error ?? blockError}\n        {...forwardSpaceProps(props)}\n      >\n        {children}\n      </FieldBlock>\n    </FieldGroupContext.Provider>\n  )\n}\n\nFieldGroup._supportsEufemiaSpacingProps = true\nexport default FieldGroup\n"],"mappings":"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"}

package/es/extensions/forms/FieldGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FieldGroup';
+export * from './FieldGroup';

package/es/extensions/forms/FieldGroup/index.js

@@ -0,0 +1,3 @@
+export { default } from './FieldGroup';
+export * from './FieldGroup';
+//# sourceMappingURL=index.js.map

package/es/extensions/forms/FieldGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/extensions/forms/FieldGroup/index.ts"],"sourcesContent":["export { default } from './FieldGroup';\nexport * from './FieldGroup';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,cAAc;AACtC,cAAc,cAAc"}

package/es/extensions/forms/Forms.d.ts

@@ -0,0 +1,3 @@
+import { Field } from './index';
+export * from './index';
+export default Field;

package/es/extensions/forms/Forms.js

@@ -0,0 +1,4 @@
+import { Field } from './index';
+export * from './index';
+export default Field;
+//# sourceMappingURL=Forms.js.map

package/es/extensions/forms/Forms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Forms.js","names":["Field"],"sources":["../../../../src/extensions/forms/Forms.ts"],"sourcesContent":["import { Field } from './index'\nexport * from './index'\nexport default Field\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS;AAC/B,cAAc,SAAS;AACvB,eAAeA,KAAK"}

package/es/extensions/forms/Layout/ButtonRow.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+export type Props = ComponentProps & {
+    children?: React.ReactNode;
+};
+declare function ButtonRow(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ButtonRow {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default ButtonRow;

package/es/extensions/forms/Layout/ButtonRow.js

@@ -0,0 +1,17 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import classnames from 'classnames';
+import { Div } from '../../../elements';
+import { forwardSpaceProps } from '../utils';
+function ButtonRow(props) {
+  const {
+    className,
+    children
+  } = props;
+  return React.createElement(Div, _extends({
+    className: classnames('dnb-forms-button-row', className)
+  }, forwardSpaceProps(props)), children);
+}
+ButtonRow._supportsEufemiaSpacingProps = true;
+export default ButtonRow;
+//# sourceMappingURL=ButtonRow.js.map

package/es/extensions/forms/Layout/ButtonRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRow.js","names":["React","classnames","Div","forwardSpaceProps","ButtonRow","props","className","children","createElement","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Layout/ButtonRow.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Div } from '../../../elements'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\n\nexport type Props = ComponentProps & {\n  children?: React.ReactNode\n}\n\nfunction ButtonRow(props: Props) {\n  const { className, children } = props\n  return (\n    <Div\n      className={classnames('dnb-forms-button-row', className)}\n      {...forwardSpaceProps(props)}\n    >\n      {children}\n    </Div>\n  )\n}\n\nButtonRow._supportsEufemiaSpacingProps = true\nexport default ButtonRow\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,iBAAiB,QAAQ,UAAU;AAO5C,SAASC,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,OACEL,KAAA,CAAAQ,aAAA,CAACN,GAAG,EAAAO,QAAA;IACFH,SAAS,EAAEL,UAAU,CAAC,sBAAsB,EAAEK,SAAS;EAAE,GACrDH,iBAAiB,CAACE,KAAK,CAAC,GAE3BE,QACE,CAAC;AAEV;AAEAH,SAAS,CAACM,4BAA4B,GAAG,IAAI;AAC7C,eAAeN,SAAS"}

package/es/extensions/forms/Layout/Card.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import { Props as FlexContainerProps } from './FlexContainer';
+export type Props = ComponentProps & {
+    stack?: boolean;
+    direction?: FlexContainerProps['direction'];
+    spacing?: FlexContainerProps['spacing'];
+    children: React.ReactNode;
+};
+declare function Card(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Card {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Card;

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

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import classnames from 'classnames';
+import { forwardSpaceProps } from '../utils';
+import FlexContainer from './FlexContainer';
+import FlexItem from './FlexItem';
+function Card(props) {
+  const {
+    className,
+    stack,
+    direction,
+    spacing,
+    children
+  } = props;
+  if (stack) {
+    return React.createElement(FlexContainer, _extends({
+      className: classnames('dnb-forms-card', className),
+      direction: "column",
+      divider: "line",
+      spacing: spacing ?? 'medium'
+    }, forwardSpaceProps(props)), children);
+  }
+  if (direction || spacing) {
+    return React.createElement(FlexContainer, _extends({
+      className: classnames('dnb-forms-card', className),
+      direction: direction ?? 'column',
+      divider: "space",
+      spacing: spacing ?? 'small'
+    }, forwardSpaceProps(props)), children);
+  }
+  return React.createElement(FlexItem, {
+    className: classnames('dnb-forms-card', className)
+  }, children);
+}
+Card._supportsEufemiaSpacingProps = true;
+export default Card;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","names":["React","classnames","forwardSpaceProps","FlexContainer","FlexItem","Card","props","className","stack","direction","spacing","children","createElement","_extends","divider","_supportsEufemiaSpacingProps"],"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 className={classnames('dnb-forms-card', className)}>\n      {children}\n    </FlexItem>\n  )\n}\n\nCard._supportsEufemiaSpacingProps = true\nexport default Card\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,iBAAiB,QAAQ,UAAU;AAE5C,OAAOC,aAAa,MAEb,iBAAiB;AACxB,OAAOC,QAAQ,MAAM,YAAY;AASjC,SAASC,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAEhE,IAAIE,KAAK,EAAE;IACT,OACER,KAAA,CAAAY,aAAA,CAACT,aAAa,EAAAU,QAAA;MACZN,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS,CAAE;MACnDE,SAAS,EAAC,QAAQ;MAClBK,OAAO,EAAC,MAAM;MACdJ,OAAO,EAAEA,OAAO,IAAI;IAAS,GACzBR,iBAAiB,CAACI,KAAK,CAAC,GAE3BK,QACY,CAAC;EAEpB;EAEA,IAAIF,SAAS,IAAIC,OAAO,EAAE;IACxB,OACEV,KAAA,CAAAY,aAAA,CAACT,aAAa,EAAAU,QAAA;MACZN,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS,CAAE;MACnDE,SAAS,EAAEA,SAAS,IAAI,QAAS;MACjCK,OAAO,EAAC,OAAO;MACfJ,OAAO,EAAEA,OAAO,IAAI;IAAQ,GACxBR,iBAAiB,CAACI,KAAK,CAAC,GAE3BK,QACY,CAAC;EAEpB;EAEA,OACEX,KAAA,CAAAY,aAAA,CAACR,QAAQ;IAACG,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS;EAAE,GAC1DI,QACO,CAAC;AAEf;AAEAN,IAAI,CAACU,4BAA4B,GAAG,IAAI;AACxC,eAAeV,IAAI"}

package/es/extensions/forms/Layout/Column.d.ts

@@ -0,0 +1,7 @@
+import { Props as FlexContainerProps } from './FlexContainer';
+export type Props = Omit<FlexContainerProps, 'direction'>;
+declare function Column({ children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Column {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Column;

package/es/extensions/forms/Layout/Column.js

@@ -0,0 +1,17 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children"];
+import React from 'react';
+import FlexContainer from './FlexContainer';
+function Column(_ref) {
+  let {
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return React.createElement(FlexContainer, _extends({
+    direction: "column"
+  }, props), children);
+}
+Column._supportsEufemiaSpacingProps = true;
+export default Column;
+//# sourceMappingURL=Column.js.map

package/es/extensions/forms/Layout/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","names":["React","FlexContainer","Column","_ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","direction","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Layout/Column.tsx"],"sourcesContent":["import React from 'react'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from './FlexContainer'\n\nexport type Props = Omit<FlexContainerProps, 'direction'>\n\nfunction Column({ children, ...props }: Props) {\n  return (\n    <FlexContainer direction=\"column\" {...props}>\n      {children}\n    </FlexContainer>\n  )\n}\n\nColumn._supportsEufemiaSpacingProps = true\nexport default Column\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,aAAa,MAEb,iBAAiB;AAIxB,SAASC,MAAMA,CAAAC,IAAA,EAAgC;EAAA,IAA/B;MAAEC;IAA0B,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAClC,OACEP,KAAA,CAAAQ,aAAA,CAACP,aAAa,EAAAQ,QAAA;IAACC,SAAS,EAAC;EAAQ,GAAKL,KAAK,GACxCD,QACY,CAAC;AAEpB;AAEAF,MAAM,CAACS,4BAA4B,GAAG,IAAI;AAC1C,eAAeT,MAAM"}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+export declare function isHeadingElement(element: any): boolean;
+export declare const isEufemiaElement: (element: any) => boolean;
+/**
+ * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?
+ */
+export declare const isSpacePropsComponent: (element: React.ReactNode) => boolean;
+export type Props = ComponentProps & {
+    direction?: 'row' | 'column';
+    wrap?: boolean;
+    justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+    divider?: 'space' | 'line';
+    /** Spacing between items inside */
+    spacing?: false | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+    children: React.ReactNode;
+};
+declare function FlexContainer(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace FlexContainer {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default FlexContainer;

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

@@ -0,0 +1,91 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+var _hr;
+import React from 'react';
+import classnames from 'classnames';
+import { Space } from '../../../components';
+import { Div } from '../../../elements';
+import * as EufemiaElements from '../../../elements';
+import { forwardSpaceProps } from '../utils';
+import MainHeading from './MainHeading';
+import SubHeading from './SubHeading';
+export function isHeadingElement(element) {
+  return element.type === MainHeading || element.type === SubHeading;
+}
+const getSpaceTop = element => {
+  var _element$props, _element$props2;
+  if (!React.isValidElement(element)) {
+    return;
+  }
+  return ((_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props.top) ?? (typeof ((_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.space) === 'object' ? element.props.space.top : undefined);
+};
+const getSpaceBottom = element => {
+  var _element$props3, _element$props4;
+  if (!React.isValidElement(element)) {
+    return;
+  }
+  return ((_element$props3 = element.props) === null || _element$props3 === void 0 ? void 0 : _element$props3.bottom) ?? (typeof ((_element$props4 = element.props) === null || _element$props4 === void 0 ? void 0 : _element$props4.space) === 'object' ? element.props.space.bottom : undefined);
+};
+export const isEufemiaElement = element => {
+  return Object.values(EufemiaElements).some(eufemiaElement => (element === null || element === void 0 ? void 0 : element.type) === eufemiaElement);
+};
+export const isSpacePropsComponent = element => {
+  return React.isValidElement(element) && typeof element.type === 'object' && '_supportsEufemiaSpacingProps' in element.type || isEufemiaElement(element);
+};
+const renderWithSpacing = (element, props) => {
+  const takesSpaceProps = isSpacePropsComponent(element);
+  return takesSpaceProps ? React.cloneElement(element, props) : React.createElement(Div, props, element);
+};
+function FlexContainer(props) {
+  const {
+    className,
+    children,
+    direction = 'column',
+    wrap = false,
+    justify = 'flex-start',
+    align = 'stretch',
+    divider = 'space',
+    spacing = 'small'
+  } = props;
+  const cn = classnames('dnb-forms-flex-container', className, direction && `dnb-forms-flex-container--direction-${direction}`, justify && `dnb-forms-flex-container--justify-${justify}`, align && `dnb-forms-flex-container--align-${align}`, wrap && `dnb-forms-flex-container--wrap`, divider && `dnb-forms-flex-container--divider-${divider}`, spacing && `dnb-forms-flex-container--spacing-${spacing}`);
+  const childrenArray = React.Children.toArray(children);
+  return React.createElement(Div, _extends({
+    className: cn
+  }, forwardSpaceProps(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);
+    const previousWasHeading = i > 0 && isHeadingElement(previousChild);
+    const bottom = 0;
+    if (divider === 'line' && !isFirst && !previousWasHeading && !currentIsHeading) {
+      const spaceAboveLine = getSpaceBottom(previousChild) ?? spacing;
+      const top = getSpaceTop(child) ?? spacing;
+      return React.createElement(React.Fragment, {
+        key: `element-${i}`
+      }, React.createElement(Space, {
+        top: spaceAboveLine
+      }), _hr || (_hr = React.createElement("hr", {
+        className: "dnb-forms-flex-container__hr"
+      })), renderWithSpacing(child, {
+        space: {
+          top,
+          bottom
+        },
+        top,
+        bottom
+      }));
+    }
+    const top = isFirst ? 0 : getSpaceTop(child) ?? getSpaceBottom(previousChild) ?? spacing;
+    return renderWithSpacing(child, {
+      key: `element-${i}`,
+      space: {
+        top,
+        bottom
+      },
+      top,
+      bottom
+    });
+  }) : children);
+}
+FlexContainer._supportsEufemiaSpacingProps = true;
+export default FlexContainer;
+//# sourceMappingURL=FlexContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlexContainer.js","names":["React","classnames","Space","Div","EufemiaElements","forwardSpaceProps","MainHeading","SubHeading","isHeadingElement","element","type","getSpaceTop","_element$props","_element$props2","isValidElement","props","top","space","undefined","getSpaceBottom","_element$props3","_element$props4","bottom","isEufemiaElement","Object","values","some","eufemiaElement","isSpacePropsComponent","renderWithSpacing","takesSpaceProps","cloneElement","createElement","FlexContainer","className","children","direction","wrap","justify","align","divider","spacing","cn","childrenArray","Children","toArray","_extends","map","child","i","isFirst","previousChild","currentIsHeading","previousWasHeading","spaceAboveLine","Fragment","key","_hr","_supportsEufemiaSpacingProps"],"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      typeof element.type === 'object' &&\n      '_supportsEufemiaSpacingProps' in\n        (element.type as React.JSXElementConstructor<unknown>)) ||\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  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  } = 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    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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"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+export type Props = ComponentProps & {
+    grow?: boolean;
+    shrink?: boolean;
+    children: React.ReactNode;
+};
+declare function FlexItem(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace FlexItem {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default FlexItem;

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

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import classnames from 'classnames';
+import { Div } from '../../../elements';
+import { forwardSpaceProps } from '../utils';
+function FlexItem(props) {
+  const {
+    className,
+    grow,
+    shrink,
+    children
+  } = props;
+  const cn = classnames('dnb-forms-flex-item', className, grow && 'dnb-forms-flex-item--grow', shrink && 'dnb-forms-flex-item--shrink');
+  return React.createElement(Div, _extends({
+    className: cn
+  }, forwardSpaceProps(props)), children);
+}
+FlexItem._supportsEufemiaSpacingProps = true;
+export default FlexItem;
+//# sourceMappingURL=FlexItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlexItem.js","names":["React","classnames","Div","forwardSpaceProps","FlexItem","props","className","grow","shrink","children","cn","createElement","_extends","_supportsEufemiaSpacingProps"],"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  children: React.ReactNode\n}\n\nfunction FlexItem(props: Props) {\n  const { className, grow, shrink, 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    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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,GAAG,QAAQ,mBAAmB;AAEvC,SAASC,iBAAiB,QAAQ,UAAU;AAQ5C,SAASC,QAAQA,CAACC,KAAY,EAAE;EAC9B,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACnD,MAAMK,EAAE,GAAGT,UAAU,CACnB,qBAAqB,EAGrBK,SAAS,EAFTC,IAAI,IAAI,2BAA2B,EACnCC,MAAM,IAAI,6BAEZ,CAAC;EAED,OACER,KAAA,CAAAW,aAAA,CAACT,GAAG,EAAAU,QAAA;IAACN,SAAS,EAAEI;EAAG,GAAKP,iBAAiB,CAACE,KAAK,CAAC,GAC7CI,QACE,CAAC;AAEV;AAEAL,QAAQ,CAACS,4BAA4B,GAAG,IAAI;AAC5C,eAAeT,QAAQ"}

package/es/extensions/forms/Layout/InfoCardSection.d.ts

@@ -0,0 +1,8 @@
+import { InfoCardProps } from '../../../components/info-card/InfoCard';
+import type { ComponentProps } from '../component-types';
+export type Props = ComponentProps & InfoCardProps;
+declare function InfoCardSection(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace InfoCardSection {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default InfoCardSection;

package/es/extensions/forms/Layout/InfoCardSection.js

@@ -0,0 +1,17 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import classnames from 'classnames';
+import { InfoCard } from '../../../components';
+import { forwardSpaceProps, omitSpaceProps } from '../utils';
+import Section from './Section';
+function InfoCardSection(props) {
+  const {
+    className
+  } = props;
+  return React.createElement(Section, _extends({
+    className: classnames('dnb-forms-info-card-section', className)
+  }, forwardSpaceProps(props)), React.createElement(InfoCard, omitSpaceProps(props)));
+}
+InfoCardSection._supportsEufemiaSpacingProps = true;
+export default InfoCardSection;
+//# sourceMappingURL=InfoCardSection.js.map

package/es/extensions/forms/Layout/InfoCardSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCardSection.js","names":["React","classnames","InfoCard","forwardSpaceProps","omitSpaceProps","Section","InfoCardSection","props","className","createElement","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Layout/InfoCardSection.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { InfoCard } from '../../../components'\nimport { InfoCardProps } from '../../../components/info-card/InfoCard'\nimport { forwardSpaceProps, omitSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport Section from './Section'\n\nexport type Props = ComponentProps & InfoCardProps\n\nfunction InfoCardSection(props: Props) {\n  const { className } = props\n  return (\n    <Section\n      className={classnames('dnb-forms-info-card-section', className)}\n      {...forwardSpaceProps(props)}\n    >\n      <InfoCard {...omitSpaceProps(props)} />\n    </Section>\n  )\n}\n\nInfoCardSection._supportsEufemiaSpacingProps = true\nexport default InfoCardSection\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,iBAAiB,EAAEC,cAAc,QAAQ,UAAU;AAE5D,OAAOC,OAAO,MAAM,WAAW;AAI/B,SAASC,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,OACEP,KAAA,CAAAS,aAAA,CAACJ,OAAO,EAAAK,QAAA;IACNF,SAAS,EAAEP,UAAU,CAAC,6BAA6B,EAAEO,SAAS;EAAE,GAC5DL,iBAAiB,CAACI,KAAK,CAAC,GAE5BP,KAAA,CAAAS,aAAA,CAACP,QAAQ,EAAKE,cAAc,CAACG,KAAK,CAAI,CAC/B,CAAC;AAEd;AAEAD,eAAe,CAACK,4BAA4B,GAAG,IAAI;AACnD,eAAeL,eAAe"}

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

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

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

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import classnames from 'classnames';
+import { Heading } from '../../../components';
+import { forwardSpaceProps } from '../utils';
+function MainHeading(props) {
+  const {
+    className,
+    children
+  } = props;
+  return React.createElement(Heading, _extends({
+    className: classnames('dnb-forms-main-heading', className),
+    level: "2",
+    size: "large"
+  }, forwardSpaceProps(props)), children);
+}
+MainHeading._supportsEufemiaSpacingProps = true;
+export default MainHeading;
+//# sourceMappingURL=MainHeading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MainHeading.js","names":["React","classnames","Heading","forwardSpaceProps","MainHeading","props","className","children","createElement","_extends","level","size","_supportsEufemiaSpacingProps"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,iBAAiB,QAAQ,UAAU;AAO5C,SAASC,WAAWA,CAACC,KAAY,EAAE;EACjC,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,OACEL,KAAA,CAAAQ,aAAA,CAACN,OAAO,EAAAO,QAAA;IACNH,SAAS,EAAEL,UAAU,CAAC,wBAAwB,EAAEK,SAAS,CAAE;IAC3DI,KAAK,EAAC,GAAG;IACTC,IAAI,EAAC;EAAO,GACRR,iBAAiB,CAACE,KAAK,CAAC,GAE3BE,QACM,CAAC;AAEd;AAEAH,WAAW,CAACQ,4BAA4B,GAAG,IAAI;AAC/C,eAAeR,WAAW"}

package/es/extensions/forms/Layout/Row.d.ts

@@ -0,0 +1,7 @@
+import { Props as FlexContainerProps } from './FlexContainer';
+export type Props = Omit<FlexContainerProps, 'direction'>;
+declare function Row({ children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Row {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Row;

package/es/extensions/forms/Layout/Row.js

@@ -0,0 +1,17 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children"];
+import React from 'react';
+import FlexContainer from './FlexContainer';
+function Row(_ref) {
+  let {
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return React.createElement(FlexContainer, _extends({
+    direction: "row"
+  }, props), children);
+}
+Row._supportsEufemiaSpacingProps = true;
+export default Row;
+//# sourceMappingURL=Row.js.map

package/es/extensions/forms/Layout/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","names":["React","FlexContainer","Row","_ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","direction","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Layout/Row.tsx"],"sourcesContent":["import React from 'react'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from './FlexContainer'\n\nexport type Props = Omit<FlexContainerProps, 'direction'>\n\nfunction Row({ children, ...props }: Props) {\n  return (\n    <FlexContainer direction=\"row\" {...props}>\n      {children}\n    </FlexContainer>\n  )\n}\n\nRow._supportsEufemiaSpacingProps = true\nexport default Row\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,aAAa,MAEb,iBAAiB;AAIxB,SAASC,GAAGA,CAAAC,IAAA,EAAgC;EAAA,IAA/B;MAAEC;IAA0B,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAC/B,OACEP,KAAA,CAAAQ,aAAA,CAACP,aAAa,EAAAQ,QAAA;IAACC,SAAS,EAAC;EAAK,GAAKL,KAAK,GACrCD,QACY,CAAC;AAEpB;AAEAF,GAAG,CAACS,4BAA4B,GAAG,IAAI;AACvC,eAAeT,GAAG"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import { Props as FlexContainerProps } from './FlexContainer';
+export type Props = ComponentProps & {
+    direction?: FlexContainerProps['direction'];
+    spacing?: FlexContainerProps['spacing'];
+    children: React.ReactNode;
+};
+declare function Section(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Section {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Section;

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

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import classnames from 'classnames';
+import { forwardSpaceProps } from '../utils';
+import FlexContainer from './FlexContainer';
+function Section(props) {
+  const {
+    className,
+    direction,
+    spacing,
+    children
+  } = props;
+  return React.createElement(FlexContainer, _extends({
+    className: classnames('dnb-forms-section', className),
+    direction: direction ?? 'column',
+    spacing: spacing ?? 'small'
+  }, forwardSpaceProps(props)), children);
+}
+Section._supportsEufemiaSpacingProps = true;
+export default Section;
+//# sourceMappingURL=Section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","names":["React","classnames","forwardSpaceProps","FlexContainer","Section","props","className","direction","spacing","children","createElement","_extends","_supportsEufemiaSpacingProps"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,iBAAiB,QAAQ,UAAU;AAE5C,OAAOC,aAAa,MAEb,iBAAiB;AAQxB,SAASC,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC,SAAS;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACzD,OACEL,KAAA,CAAAU,aAAA,CAACP,aAAa,EAAAQ,QAAA;IACZL,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IACtDC,SAAS,EAAEA,SAAS,IAAI,QAAS;IACjCC,OAAO,EAAEA,OAAO,IAAI;EAAQ,GACxBN,iBAAiB,CAACG,KAAK,CAAC,GAE3BI,QACY,CAAC;AAEpB;AAEAL,OAAO,CAACQ,4BAA4B,GAAG,IAAI;AAC3C,eAAeR,OAAO"}

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

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

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

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import classnames from 'classnames';
+import { Heading } from '../../../components';
+import { forwardSpaceProps } from '../utils';
+function SubHeading(props) {
+  const {
+    className,
+    children
+  } = props;
+  return React.createElement(Heading, _extends({
+    className: classnames('dnb-forms-sub-heading', className),
+    level: "3"
+  }, forwardSpaceProps(props)), children);
+}
+SubHeading._supportsEufemiaSpacingProps = true;
+export default SubHeading;
+//# sourceMappingURL=SubHeading.js.map