@dnb/eufemia 10.4.2 → 10.6.0

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

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isEufemiaElement = exports.default = void 0;
+exports.isHeadingElement = isHeadingElement;
+exports.isSpacePropsComponent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("../../../components");
+var EufemiaElements = _interopRequireWildcard(require("../../../elements"));
+var _utils = require("../utils");
+var _MainHeading = _interopRequireDefault(require("./MainHeading"));
+var _SubHeading = _interopRequireDefault(require("./SubHeading"));
+var _hr;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 isHeadingElement(element) {
+  return element.type === _MainHeading.default || element.type === _SubHeading.default;
+}
+const getSpaceTop = element => {
+  var _element$props, _element$props2;
+  if (!_react.default.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.default.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);
+};
+const isEufemiaElement = element => {
+  return Object.values(EufemiaElements).some(eufemiaElement => (element === null || element === void 0 ? void 0 : element.type) === eufemiaElement);
+};
+exports.isEufemiaElement = isEufemiaElement;
+const isSpacePropsComponent = element => {
+  return _react.default.isValidElement(element) && typeof element.type === 'object' && '_supportsEufemiaSpacingProps' in element.type || isEufemiaElement(element);
+};
+exports.isSpacePropsComponent = isSpacePropsComponent;
+const renderWithSpacing = (element, props) => {
+  const takesSpaceProps = isSpacePropsComponent(element);
+  return takesSpaceProps ? _react.default.cloneElement(element, props) : _react.default.createElement(EufemiaElements.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 = (0, _classnames.default)('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.default.Children.toArray(children);
+  return _react.default.createElement(EufemiaElements.Div, _extends({
+    className: cn
+  }, (0, _utils.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.default.createElement(_react.default.Fragment, {
+        key: `element-${i}`
+      }, _react.default.createElement(_components.Space, {
+        top: spaceAboveLine
+      }), _hr || (_hr = _react.default.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;
+var _default = FlexContainer;
+exports.default = _default;
+//# sourceMappingURL=FlexContainer.js.map

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

@@ -0,0 +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","renderWithSpacing","takesSpaceProps","cloneElement","createElement","Div","FlexContainer","className","children","direction","wrap","justify","align","divider","spacing","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      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/cjs/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/cjs/extensions/forms/Layout/FlexItem.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _elements = require("../../../elements");
+var _utils = require("../utils");
+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) {
+  const {
+    className,
+    grow,
+    shrink,
+    children
+  } = props;
+  const cn = (0, _classnames.default)('dnb-forms-flex-item', className, grow && 'dnb-forms-flex-item--grow', shrink && 'dnb-forms-flex-item--shrink');
+  return _react.default.createElement(_elements.Div, _extends({
+    className: cn
+  }, (0, _utils.forwardSpaceProps)(props)), children);
+}
+FlexItem._supportsEufemiaSpacingProps = true;
+var _default = FlexItem;
+exports.default = _default;
+//# sourceMappingURL=FlexItem.js.map

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

@@ -0,0 +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","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  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,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;AAQ5C,SAASQ,QAAQA,CAACC,KAAY,EAAE;EAC9B,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACnD,MAAMK,EAAE,GAAG,IAAAC,mBAAU,EACnB,qBAAqB,EAGrBL,SAAS,EAFTC,IAAI,IAAI,2BAA2B,EACnCC,MAAM,IAAI,6BAEZ,CAAC;EAED,OACE3B,MAAA,CAAAQ,OAAA,CAAAuB,aAAA,CAAC3B,SAAA,CAAA4B,GAAG,EAAAvB,QAAA;IAACgB,SAAS,EAAEI;EAAG,GAAK,IAAAI,wBAAiB,EAACT,KAAK,CAAC,GAC7CI,QACE,CAAC;AAEV;AAEAL,QAAQ,CAACW,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC7BZ,QAAQ;AAAAa,OAAA,CAAA5B,OAAA,GAAA2B,QAAA"}

package/cjs/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/cjs/extensions/forms/Layout/InfoCardSection.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("../../../components");
+var _utils = require("../utils");
+var _Section = _interopRequireDefault(require("./Section"));
+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 InfoCardSection(props) {
+  const {
+    className
+  } = props;
+  return _react.default.createElement(_Section.default, _extends({
+    className: (0, _classnames.default)('dnb-forms-info-card-section', className)
+  }, (0, _utils.forwardSpaceProps)(props)), _react.default.createElement(_components.InfoCard, (0, _utils.omitSpaceProps)(props)));
+}
+InfoCardSection._supportsEufemiaSpacingProps = true;
+var _default = InfoCardSection;
+exports.default = _default;
+//# sourceMappingURL=InfoCardSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCardSection.js","names":["_react","_interopRequireDefault","require","_classnames","_components","_utils","_Section","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","InfoCardSection","props","className","createElement","classnames","forwardSpaceProps","InfoCard","omitSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA+B,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;AAI/B,SAASQ,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,OACEzB,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACrB,QAAA,CAAAG,OAAO,EAAAC,QAAA;IACNgB,SAAS,EAAE,IAAAE,mBAAU,EAAC,6BAA6B,EAAEF,SAAS;EAAE,GAC5D,IAAAG,wBAAiB,EAACJ,KAAK,CAAC,GAE5BzB,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACvB,WAAA,CAAA0B,QAAQ,EAAK,IAAAC,qBAAc,EAACN,KAAK,CAAI,CAC/B,CAAC;AAEd;AAEAD,eAAe,CAACQ,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GACpCT,eAAe;AAAAU,OAAA,CAAAzB,OAAA,GAAAwB,QAAA"}

package/cjs/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/cjs/extensions/forms/Layout/MainHeading.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("../../../components");
+var _utils = require("../utils");
+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) {
+  const {
+    className,
+    children
+  } = props;
+  return _react.default.createElement(_components.Heading, _extends({
+    className: (0, _classnames.default)('dnb-forms-main-heading', className),
+    level: "2",
+    size: "large"
+  }, (0, _utils.forwardSpaceProps)(props)), children);
+}
+MainHeading._supportsEufemiaSpacingProps = true;
+var _default = MainHeading;
+exports.default = _default;
+//# sourceMappingURL=MainHeading.js.map

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

@@ -0,0 +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"}

package/cjs/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/cjs/extensions/forms/Layout/Row.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _FlexContainer = _interopRequireDefault(require("./FlexContainer"));
+const _excluded = ["children"];
+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 _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 Row(_ref) {
+  let {
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return _react.default.createElement(_FlexContainer.default, _extends({
+    direction: "row"
+  }, props), children);
+}
+Row._supportsEufemiaSpacingProps = true;
+var _default = Row;
+exports.default = _default;
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","names":["_react","_interopRequireDefault","require","_FlexContainer","_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","Row","_ref","children","props","createElement","direction","_supportsEufemiaSpacingProps","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEwB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,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;AAIxB,SAASmB,GAAGA,CAAAC,IAAA,EAAgC;EAAA,IAA/B;MAAEC;IAA0B,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAC/B,OACEJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,cAAA,CAAAI,OAAa,EAAAC,QAAA;IAAC4B,SAAS,EAAC;EAAK,GAAKF,KAAK,GACrCD,QACY,CAAC;AAEpB;AAEAF,GAAG,CAACM,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GACxBP,GAAG;AAAAQ,OAAA,CAAAhC,OAAA,GAAA+B,QAAA"}

package/cjs/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/cjs/extensions/forms/Layout/Section.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../utils");
+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); }
+function Section(props) {
+  const {
+    className,
+    direction,
+    spacing,
+    children
+  } = props;
+  return _react.default.createElement(_FlexContainer.default, _extends({
+    className: (0, _classnames.default)('dnb-forms-section', className),
+    direction: direction ?? 'column',
+    spacing: spacing ?? 'small'
+  }, (0, _utils.forwardSpaceProps)(props)), children);
+}
+Section._supportsEufemiaSpacingProps = true;
+var _default = Section;
+exports.default = _default;
+//# sourceMappingURL=Section.js.map

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

@@ -0,0 +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"}

package/cjs/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/cjs/extensions/forms/Layout/SubHeading.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("../../../components");
+var _utils = require("../utils");
+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) {
+  const {
+    className,
+    children
+  } = props;
+  return _react.default.createElement(_components.Heading, _extends({
+    className: (0, _classnames.default)('dnb-forms-sub-heading', className),
+    level: "3"
+  }, (0, _utils.forwardSpaceProps)(props)), children);
+}
+SubHeading._supportsEufemiaSpacingProps = true;
+var _default = SubHeading;
+exports.default = _default;
+//# sourceMappingURL=SubHeading.js.map

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

@@ -0,0 +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","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      {...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;EAAG,GACL,IAAAC,wBAAiB,EAACP,KAAK,CAAC,GAE3BE,QACM,CAAC;AAEd;AAEAH,UAAU,CAACS,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC/BV,UAAU;AAAAW,OAAA,CAAA1B,OAAA,GAAAyB,QAAA"}

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

@@ -0,0 +1,23 @@
+import ButtonRow from './ButtonRow';
+import Card from './Card';
+import FlexContainer from './FlexContainer';
+import FlexItem from './FlexItem';
+import Section from './Section';
+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;
+    FlexContainer: typeof FlexContainer;
+    FlexItem: typeof FlexItem;
+    Section: typeof Section;
+    MainHeading: typeof MainHeading;
+    SubHeading: typeof SubHeading;
+    Row: typeof Row;
+    Column: typeof Column;
+    InfoCardSection: typeof InfoCardSection;
+};
+export default Layout;

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ButtonRow = _interopRequireDefault(require("./ButtonRow"));
+var _Card = _interopRequireDefault(require("./Card"));
+var _FlexContainer = _interopRequireDefault(require("./FlexContainer"));
+var _FlexItem = _interopRequireDefault(require("./FlexItem"));
+var _Section = _interopRequireDefault(require("./Section"));
+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,
+  Card: _Card.default,
+  FlexContainer: _FlexContainer.default,
+  FlexItem: _FlexItem.default,
+  Section: _Section.default,
+  MainHeading: _MainHeading.default,
+  SubHeading: _SubHeading.default,
+  Row: _Row.default,
+  Column: _Column.default,
+  InfoCardSection: _InfoCardSection.default
+};
+var _default = Layout;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

package/cjs/extensions/forms/Layout/style/dnb-button-row.css

@@ -0,0 +1,7 @@
+.dnb-forms-button-row {
+  display: flex;
+  flex-flow: row;
+  grid-column-gap: var(--spacing-small);
+  -moz-column-gap: var(--spacing-small);
+       column-gap: var(--spacing-small);
+}

package/cjs/extensions/forms/Layout/style/dnb-button-row.min.css

@@ -0,0 +1 @@
+.dnb-forms-button-row{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}

package/cjs/extensions/forms/Layout/style/dnb-button-row.scss

@@ -0,0 +1,5 @@
+.dnb-forms-button-row {
+  display: flex;
+  flex-flow: row;
+  column-gap: var(--spacing-small);
+}

package/cjs/extensions/forms/Layout/style/dnb-card.css

@@ -0,0 +1,13 @@
+.dnb-forms-card {
+  background-color: var(--color-white);
+  border: 4px solid #F2F2F5;
+  border-radius: 0.5rem;
+  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-large) var(--spacing-medium);
+}
+.dnb-forms-card__heading {
+  font-size: var(--font-size-basis);
+  font-weight: var(--font-weight-medium);
+}
+.dnb-forms-card + .dnb-forms-card__heading {
+  margin-top: var(--spacing-small);
+}

package/cjs/extensions/forms/Layout/style/dnb-card.min.css

@@ -0,0 +1 @@
+.dnb-forms-card{background-color:var(--color-white);border:4px solid #f2f2f5;border-radius:.5rem;padding:var(--spacing-medium) var(--spacing-medium) var(--spacing-large) var(--spacing-medium)}.dnb-forms-card__heading{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium)}.dnb-forms-card+.dnb-forms-card__heading{margin-top:var(--spacing-small)}

package/cjs/extensions/forms/Layout/style/dnb-card.scss

@@ -0,0 +1,15 @@
+.dnb-forms-card {
+  background-color: var(--color-white);
+  border: 4px solid #F2F2F5;
+  border-radius: 0.5rem;
+  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-large) var(--spacing-medium);
+  
+  &__heading {
+    font-size: var(--font-size-basis);
+    font-weight: var(--font-weight-medium);
+  }
+
+  & + &__heading {
+    margin-top: var(--spacing-small);
+  }
+}

package/cjs/extensions/forms/Layout/style/dnb-flex-container.css

@@ -0,0 +1,63 @@
+.dnb-forms-flex-container {
+  display: flex;
+}
+.dnb-forms-flex-container--direction-row {
+  flex-direction: row;
+}
+.dnb-forms-flex-container--direction-column {
+  flex-direction: column;
+}
+.dnb-forms-flex-container--justify-flex-start {
+  justify-content: flex-start;
+}
+.dnb-forms-flex-container--justify-flex-end {
+  justify-content: flex-end;
+}
+.dnb-forms-flex-container--justify-center {
+  justify-content: center;
+}
+.dnb-forms-flex-container--justify-space-between {
+  justify-content: space-between;
+}
+.dnb-forms-flex-container--justify-space-around {
+  justify-content: space-around;
+}
+.dnb-forms-flex-container--justify-space-evenly {
+  justify-content: space-evenly;
+}
+.dnb-forms-flex-container--align-flex-start {
+  align-items: flex-start;
+}
+.dnb-forms-flex-container--align-flex-end {
+  align-items: flex-end;
+}
+.dnb-forms-flex-container--align-center {
+  align-items: center;
+}
+.dnb-forms-flex-container--align-stretch {
+  align-items: stretch;
+}
+.dnb-forms-flex-container--align-baseline {
+  align-items: baseline;
+}
+.dnb-forms-flex-container--wrap {
+  flex-wrap: wrap;
+}
+.dnb-forms-flex-container__hr {
+  border: none;
+  border-top: 1px solid var(--color-black-8);
+  height: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+}
+.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-small {
+  grid-column-gap: var(--spacing-small);
+  -moz-column-gap: var(--spacing-small);
+       column-gap: var(--spacing-small);
+}
+.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-medium {
+  grid-column-gap: var(--spacing-medium);
+  -moz-column-gap: var(--spacing-medium);
+       column-gap: var(--spacing-medium);
+}

package/cjs/extensions/forms/Layout/style/dnb-flex-container.min.css

@@ -0,0 +1 @@
+.dnb-forms-flex-container{display:flex}.dnb-forms-flex-container--direction-row{flex-direction:row}.dnb-forms-flex-container--direction-column{flex-direction:column}.dnb-forms-flex-container--justify-flex-start{justify-content:flex-start}.dnb-forms-flex-container--justify-flex-end{justify-content:flex-end}.dnb-forms-flex-container--justify-center{justify-content:center}.dnb-forms-flex-container--justify-space-between{justify-content:space-between}.dnb-forms-flex-container--justify-space-around{justify-content:space-around}.dnb-forms-flex-container--justify-space-evenly{justify-content:space-evenly}.dnb-forms-flex-container--align-flex-start{align-items:flex-start}.dnb-forms-flex-container--align-flex-end{align-items:flex-end}.dnb-forms-flex-container--align-center{align-items:center}.dnb-forms-flex-container--align-stretch{align-items:stretch}.dnb-forms-flex-container--align-baseline{align-items:baseline}.dnb-forms-flex-container--wrap{flex-wrap:wrap}.dnb-forms-flex-container__hr{border:none;border-top:1px solid var(--color-black-8);height:0;margin:0;padding:0;width:100%}.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-small{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small)}.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-medium{grid-column-gap:var(--spacing-medium);-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium)}