npm - @dnb/eufemia - Versions diffs - 10.7.0 → 10.9.0 - Mend

@dnb/eufemia 10.7.0 → 10.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1468) hide show

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

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

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

@@ -1,8 +1,9 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
+import { ComponentProps } from '../types';
 export type Props = ComponentProps & {
     grow?: boolean;
     shrink?: boolean;
+    width?: 'small' | 'medium' | 'large';
     children: React.ReactNode;
 };
 declare function FlexItem(props: Props): import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,8 @@
 .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);
+  background-color: var(--color-white);
+  border: 0.25rem solid var(--color-pistachio);
+  border-radius: 0.75rem;
 }
 .dnb-forms-card__heading {
   font-size: var(--font-size-basis);

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

	@@ -1 +1 @@
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)}
1	+ .dnb-forms-card{background-color:var(--color-white);border:.25rem solid var(--color-pistachio);border-radius:.75rem;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 CHANGED Viewed

@@ -1,9 +1,11 @@
 .dnb-forms-card {
+  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-large)
+    var(--spacing-medium);
   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);
+  border: 0.25rem solid var(--color-pistachio);
+  border-radius: 0.75rem;
   &__heading {
     font-size: var(--font-size-basis);
     font-weight: var(--font-weight-medium);

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

@@ -60,4 +60,13 @@
   grid-column-gap: var(--spacing-medium);
   -moz-column-gap: var(--spacing-medium);
        column-gap: var(--spacing-medium);
+}
+.dnb-forms-flex-container--width-small {
+  width: 5rem;
+}
+.dnb-forms-flex-container--width-medium {
+  width: 11rem;
+}
+.dnb-forms-flex-container--width-large {
+  width: 21rem;
 }

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

	@@ -1 +1 @@
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)}
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)}.dnb-forms-flex-container--width-small{width:5rem}.dnb-forms-flex-container--width-medium{width:11rem}.dnb-forms-flex-container--width-large{width:21rem}

package/cjs/extensions/forms/Layout/style/dnb-flex-container.scss CHANGED Viewed

@@ -1,3 +1,5 @@
+@import '../../variables.scss';
 .dnb-forms-flex-container {
   display: flex;
@@ -81,4 +83,16 @@
   &--direction-row.dnb-forms-flex-container--spacing-medium {
     column-gap: var(--spacing-medium);
   }
+  &--width-small {
+    width: $forms-field-width-small;
+  }
+  &--width-medium {
+    width: $forms-field-width-medium;
+  }
+  &--width-large {
+    width: $forms-field-width-large;
+  }
 }

package/cjs/extensions/forms/Layout/style/dnb-flex-item.css CHANGED Viewed

@@ -3,4 +3,13 @@
 }
 .dnb-forms-flex-item--shrink {
   flex-shrink: 1;
+}
+.dnb-forms-flex-item--width-small {
+  width: 5rem;
+}
+.dnb-forms-flex-item--width-medium {
+  width: 11rem;
+}
+.dnb-forms-flex-item--width-large {
+  width: 21rem;
 }

package/cjs/extensions/forms/Layout/style/dnb-flex-item.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-forms-flex-item--grow{flex-grow:1}.dnb-forms-flex-item--shrink{flex-shrink:1}
1	+ .dnb-forms-flex-item--grow{flex-grow:1}.dnb-forms-flex-item--shrink{flex-shrink:1}.dnb-forms-flex-item--width-small{width:5rem}.dnb-forms-flex-item--width-medium{width:11rem}.dnb-forms-flex-item--width-large{width:21rem}

package/cjs/extensions/forms/Layout/style/dnb-flex-item.scss CHANGED Viewed

@@ -1,3 +1,5 @@
+@import '../../variables.scss';
 .dnb-forms-flex-item {
   &--grow {
     flex-grow: 1;
@@ -6,4 +8,16 @@
   &--shrink {
     flex-shrink: 1;
   }
+  &--width-small {
+    width: $forms-field-width-small;
+  }
+  &--width-medium {
+    width: $forms-field-width-medium;
+  }
+  &--width-large {
+    width: $forms-field-width-large;
+  }
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PreviousButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_Context","_StepsContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PreviousButton","props","sharedContext","useContext","SharedContext","className","variant","icon_position","icon","children","translation","Forms","stepPrevious","stepsContext","StepsContext","createElement","Button","classnames","onClick","handlePrevious","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/StepsLayout/PreviousButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../~~component-~~types'\nimport { Button } from '../../../components'\nimport { ButtonProps } from '../../../components/button/Button'\nimport SharedContext from '../../../shared/Context'\nimport StepsContext from './StepsContext'\n\nexport type Props = ComponentProps &\n ButtonProps & {\n children?: string\n }\n\nfunction PreviousButton(props: Props) {\n const sharedContext = useContext(SharedContext)\n const {\n className,\n variant = 'tertiary',\n icon_position = 'left',\n icon = 'chevron_left',\n children = sharedContext?.translation.Forms.stepPrevious,\n } = props\n const stepsContext = useContext(StepsContext)\n\n return (\n <Button\n {...props}\n className={classnames('dnb-forms-previous-button', className)}\n onClick={stepsContext?.handlePrevious}\n variant={variant}\n icon_position={icon_position}\n icon={icon}\n >\n {children}\n </Button>\n )\n}\n\nPreviousButton._supportsEufemiaSpacingProps = true\nexport default PreviousButton\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,aAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAyC,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAX,wBAAAO,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAOzC,SAASI,cAAcA,CAACC,KAAY,EAAE;EACpC,MAAMC,aAAa,GAAG,IAAAC,iBAAU,EAACC,gBAAa,CAAC;EAC/C,MAAM;IACJC,SAAS;IACTC,OAAO,GAAG,UAAU;IACpBC,aAAa,GAAG,MAAM;IACtBC,IAAI,GAAG,cAAc;IACrBC,QAAQ,GAAGP,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEQ,WAAW,CAACC,KAAK,CAACC;EAC9C,CAAC,GAAGX,KAAK;EACT,MAAMY,YAAY,GAAG,IAAAV,iBAAU,EAACW,qBAAY,CAAC;EAE7C,OACErD,MAAA,CAAAU,OAAA,CAAA4C,aAAA,CAACjD,WAAA,CAAAkD,MAAM,EAAAzB,QAAA,KACDU,KAAK;IACTI,SAAS,EAAE,IAAAY,mBAAU,EAAC,2BAA2B,EAAEZ,SAAS,CAAE;IAC9Da,OAAO,EAAEL,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEM,cAAe;IACtCb,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,IAAI,EAAEA;EAAK,IAEVC,QACK,CAAC;AAEb;AAEAT,cAAc,CAACoB,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GACnCrB,cAAc;AAAAsB,OAAA,CAAAnD,OAAA,GAAAkD,QAAA"}
1	+ {"version":3,"file":"PreviousButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_Context","_StepsContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PreviousButton","props","sharedContext","useContext","SharedContext","className","variant","icon_position","icon","children","translation","Forms","stepPrevious","stepsContext","StepsContext","createElement","Button","classnames","onClick","handlePrevious","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/StepsLayout/PreviousButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../types'\nimport { Button } from '../../../components'\nimport { ButtonProps } from '../../../components/button/Button'\nimport SharedContext from '../../../shared/Context'\nimport StepsContext from './StepsContext'\n\nexport type Props = ComponentProps &\n ButtonProps & {\n children?: string\n }\n\nfunction PreviousButton(props: Props) {\n const sharedContext = useContext(SharedContext)\n const {\n className,\n variant = 'tertiary',\n icon_position = 'left',\n icon = 'chevron_left',\n children = sharedContext?.translation.Forms.stepPrevious,\n } = props\n const stepsContext = useContext(StepsContext)\n\n return (\n <Button\n {...props}\n className={classnames('dnb-forms-previous-button', className)}\n onClick={stepsContext?.handlePrevious}\n variant={variant}\n icon_position={icon_position}\n icon={icon}\n >\n {children}\n </Button>\n )\n}\n\nPreviousButton._supportsEufemiaSpacingProps = true\nexport default PreviousButton\n"],"mappings":"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"}