@dnb/eufemia 10.5.0 → 10.6.0

package/extensions/forms/Layout/Row.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","names":["React","classnames","forwardSpaceProps","FlexContainer","Section","props","className","direction","spacing","children","createElement","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/Layout/Section.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from './FlexContainer'\n\nexport type Props = ComponentProps & {\n  direction?: FlexContainerProps['direction']\n  spacing?: FlexContainerProps['spacing']\n  children: React.ReactNode\n}\n\nfunction Section(props: Props) {\n  const { className, direction, spacing, children } = props\n  return (\n    <FlexContainer\n      className={classnames('dnb-forms-section', className)}\n      direction={direction ?? 'column'}\n      spacing={spacing ?? 'small'}\n      {...forwardSpaceProps(props)}\n    >\n      {children}\n    </FlexContainer>\n  )\n}\n\nSection._supportsEufemiaSpacingProps = true\nexport default Section\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,iBAAiB,QAAQ,UAAU;AAE5C,OAAOC,aAAa,MAEb,iBAAiB;AAQxB,SAASC,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC,SAAS;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACzD,OACEL,KAAA,CAAAU,aAAA,CAACP,aAAa,EAAAQ,QAAA;IACZL,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IACtDC,SAAS,EAAEA,SAAS,IAAI,QAAS;IACjCC,OAAO,EAAEA,OAAO,IAAI;EAAQ,GACxBN,iBAAiB,CAACG,KAAK,CAAC,GAE3BI,QACY,CAAC;AAEpB;AAEAL,OAAO,CAACQ,4BAA4B,GAAG,IAAI;AAC3C,eAAeR,OAAO"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubHeading.js","names":["React","classnames","Heading","forwardSpaceProps","SubHeading","props","className","children","createElement","_extends","level","_supportsEufemiaSpacingProps"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,iBAAiB,QAAQ,UAAU;AAO5C,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,OACEL,KAAA,CAAAQ,aAAA,CAACN,OAAO,EAAAO,QAAA;IACNH,SAAS,EAAEL,UAAU,CAAC,uBAAuB,EAAEK,SAAS,CAAE;IAC1DI,KAAK,EAAC;EAAG,GACLP,iBAAiB,CAACE,KAAK,CAAC,GAE3BE,QACM,CAAC;AAEd;AAEAH,UAAU,CAACO,4BAA4B,GAAG,IAAI;AAC9C,eAAeP,UAAU"}

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

@@ -0,0 +1,24 @@
+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';
+const Layout = {
+  ButtonRow,
+  Card,
+  FlexContainer,
+  FlexItem,
+  Section,
+  MainHeading,
+  SubHeading,
+  Row,
+  Column,
+  InfoCardSection
+};
+export default Layout;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ButtonRow","Card","FlexContainer","FlexItem","Section","MainHeading","SubHeading","Row","Column","InfoCardSection","Layout"],"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,OAAOA,SAAS,MAAM,aAAa;AACnC,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,GAAG,MAAM,OAAO;AACvB,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,MAAMC,MAAM,GAAG;EACbV,SAAS;EACTC,IAAI;EACJC,aAAa;EACbC,QAAQ;EACRC,OAAO;EACPC,WAAW;EACXC,UAAU;EACVC,GAAG;EACHC,MAAM;EACNC;AACF,CAAC;AAED,eAAeC,MAAM"}

package/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/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/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/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/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/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/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/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)}

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

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

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

@@ -0,0 +1,6 @@
+.dnb-forms-flex-item--grow {
+  flex-grow: 1;
+}
+.dnb-forms-flex-item--shrink {
+  flex-shrink: 1;
+}

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

@@ -0,0 +1 @@
+.dnb-forms-flex-item--grow{flex-grow:1}.dnb-forms-flex-item--shrink{flex-shrink:1}

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

@@ -0,0 +1,9 @@
+.dnb-forms-flex-item {
+  &--grow {
+    flex-grow: 1;
+  }
+
+  &--shrink {
+    flex-shrink: 1;
+  }
+}

package/extensions/forms/Layout/style/dnb-section.css

@@ -0,0 +1,3 @@
+.dnb-forms-section + .dnb-forms-section {
+  margin-top: var(--spacing-large);
+}

package/extensions/forms/Layout/style/dnb-section.min.css

@@ -0,0 +1 @@
+.dnb-forms-section+.dnb-forms-section{margin-top:var(--spacing-large)}

package/extensions/forms/Layout/style/dnb-section.scss

@@ -0,0 +1,3 @@
+.dnb-forms-section + .dnb-forms-section {
+  margin-top: var(--spacing-large);
+}

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

@@ -0,0 +1,9 @@
+/**
+ * Web Style Import
+ *
+ */
+import './dnb-button-row.scss';
+import './dnb-card.scss';
+import './dnb-flex-container.scss';
+import './dnb-flex-item.scss';
+import './dnb-section.scss';

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

@@ -0,0 +1,6 @@
+import "./dnb-button-row.min.css";
+import "./dnb-card.min.css";
+import "./dnb-flex-container.min.css";
+import "./dnb-flex-item.min.css";
+import "./dnb-section.min.css";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/extensions/forms/Layout/style/index.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-button-row.scss'\nimport './dnb-card.scss'\nimport './dnb-flex-container.scss'\nimport './dnb-flex-item.scss'\nimport './dnb-section.scss'\n"],"mappings":"AAKA,OAAO,0BAAuB;AAC9B,OAAO,oBAAiB;AACxB,OAAO,8BAA2B;AAClC,OAAO,yBAAsB;AAC7B,OAAO,uBAAoB"}

package/extensions/forms/Layout/style/index.scss

@@ -0,0 +1,5 @@
+@import './dnb-button-row.scss';
+@import './dnb-card.scss';
+@import './dnb-flex-container.scss';
+@import './dnb-flex-item.scss';
+@import './dnb-section.scss';

package/extensions/forms/Layout/style.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Web Style Import
+ *
+ */
+import './style';

package/extensions/forms/Layout/style.js

@@ -0,0 +1 @@
+import './style';

package/extensions/forms/Layout/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../../../src/extensions/forms/Layout/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style'\n"],"mappings":"AAKA,OAAO,SAAS"}

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

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

package/extensions/forms/StepsLayout/Buttons.js

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+var _PreviousButton, _NextButton;
+import React from 'react';
+import classnames from 'classnames';
+import ButtonRow from '../Layout/ButtonRow';
+import NextButton from './NextButton';
+import PreviousButton from './PreviousButton';
+import { forwardSpaceProps } from '../utils';
+function Buttons(props) {
+  const {
+    className
+  } = props;
+  return React.createElement(ButtonRow, _extends({
+    className: classnames('dnb-forms-buttons', className)
+  }, forwardSpaceProps(props)), _PreviousButton || (_PreviousButton = React.createElement(PreviousButton, null)), _NextButton || (_NextButton = React.createElement(NextButton, null)));
+}
+Buttons._supportsEufemiaSpacingProps = true;
+export default Buttons;
+//# sourceMappingURL=Buttons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Buttons.js","names":["React","classnames","ButtonRow","NextButton","PreviousButton","forwardSpaceProps","Buttons","props","className","createElement","_extends","_PreviousButton","_NextButton","_supportsEufemiaSpacingProps"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,SAASC,iBAAiB,QAAQ,UAAU;AAM5C,SAASC,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,OACEP,KAAA,CAAAS,aAAA,CAACP,SAAS,EAAAQ,QAAA;IACRF,SAAS,EAAEP,UAAU,CAAC,mBAAmB,EAAEO,SAAS;EAAE,GAClDH,iBAAiB,CAACE,KAAK,CAAC,GAAAI,eAAA,KAAAA,eAAA,GAE5BX,KAAA,CAAAS,aAAA,CAACL,cAAc,MAAE,CAAC,GAAAQ,WAAA,KAAAA,WAAA,GAClBZ,KAAA,CAAAS,aAAA,CAACN,UAAU,MAAE,CAAC,CACL,CAAC;AAEhB;AAEAG,OAAO,CAACO,4BAA4B,GAAG,IAAI;AAC3C,eAAeP,OAAO"}

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

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

package/extensions/forms/StepsLayout/NextButton.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext } from 'react';
+import classnames from 'classnames';
+import { Button } from '../../../components';
+import SharedContext from '../../../shared/Context';
+import StepsContext from './StepsContext';
+function NextButton(props) {
+  const sharedContext = useContext(SharedContext);
+  const {
+    className,
+    variant = 'primary',
+    icon_position = 'right',
+    icon = 'chevron_right',
+    children = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.stepNext
+  } = props;
+  const stepsContext = useContext(StepsContext);
+  return React.createElement(Button, _extends({}, props, {
+    className: classnames('dnb-forms-next-button', className),
+    onClick: stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.handleNext,
+    variant: variant,
+    icon_position: icon_position,
+    icon: icon
+  }), children);
+}
+NextButton._supportsEufemiaSpacingProps = true;
+export default NextButton;
+//# sourceMappingURL=NextButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NextButton.js","names":["React","useContext","classnames","Button","SharedContext","StepsContext","NextButton","props","sharedContext","className","variant","icon_position","icon","children","translation","Forms","stepNext","stepsContext","createElement","_extends","onClick","handleNext","_supportsEufemiaSpacingProps"],"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":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,OAAOC,aAAa,MAAM,yBAAyB;AACnD,OAAOC,YAAY,MAAM,gBAAgB;AAOzC,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,aAAa,GAAGP,UAAU,CAACG,aAAa,CAAC;EAC/C,MAAM;IACJK,SAAS;IACTC,OAAO,GAAG,SAAS;IACnBC,aAAa,GAAG,OAAO;IACvBC,IAAI,GAAG,eAAe;IACtBC,QAAQ,GAAGL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC;EAC9C,CAAC,GAAGT,KAAK;EACT,MAAMU,YAAY,GAAGhB,UAAU,CAACI,YAAY,CAAC;EAE7C,OACEL,KAAA,CAAAkB,aAAA,CAACf,MAAM,EAAAgB,QAAA,KACDZ,KAAK;IACTE,SAAS,EAAEP,UAAU,CAAC,uBAAuB,EAAEO,SAAS,CAAE;IAC1DW,OAAO,EAAEH,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEI,UAAW;IAClCX,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,IAAI,EAAEA;EAAK,IAEVC,QACK,CAAC;AAEb;AAEAP,UAAU,CAACgB,4BAA4B,GAAG,IAAI;AAC9C,eAAehB,UAAU"}

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

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

package/extensions/forms/StepsLayout/PreviousButton.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext } from 'react';
+import classnames from 'classnames';
+import { Button } from '../../../components';
+import SharedContext from '../../../shared/Context';
+import StepsContext from './StepsContext';
+function PreviousButton(props) {
+  const sharedContext = useContext(SharedContext);
+  const {
+    className,
+    variant = 'tertiary',
+    icon_position = 'left',
+    icon = 'chevron_left',
+    children = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.stepPrevious
+  } = props;
+  const stepsContext = useContext(StepsContext);
+  return React.createElement(Button, _extends({}, props, {
+    className: classnames('dnb-forms-previous-button', className),
+    onClick: stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.handlePrevious,
+    variant: variant,
+    icon_position: icon_position,
+    icon: icon
+  }), children);
+}
+PreviousButton._supportsEufemiaSpacingProps = true;
+export default PreviousButton;
+//# sourceMappingURL=PreviousButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviousButton.js","names":["React","useContext","classnames","Button","SharedContext","StepsContext","PreviousButton","props","sharedContext","className","variant","icon_position","icon","children","translation","Forms","stepPrevious","stepsContext","createElement","_extends","onClick","handlePrevious","_supportsEufemiaSpacingProps"],"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,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,OAAOC,aAAa,MAAM,yBAAyB;AACnD,OAAOC,YAAY,MAAM,gBAAgB;AAOzC,SAASC,cAAcA,CAACC,KAAY,EAAE;EACpC,MAAMC,aAAa,GAAGP,UAAU,CAACG,aAAa,CAAC;EAC/C,MAAM;IACJK,SAAS;IACTC,OAAO,GAAG,UAAU;IACpBC,aAAa,GAAG,MAAM;IACtBC,IAAI,GAAG,cAAc;IACrBC,QAAQ,GAAGL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC;EAC9C,CAAC,GAAGT,KAAK;EACT,MAAMU,YAAY,GAAGhB,UAAU,CAACI,YAAY,CAAC;EAE7C,OACEL,KAAA,CAAAkB,aAAA,CAACf,MAAM,EAAAgB,QAAA,KACDZ,KAAK;IACTE,SAAS,EAAEP,UAAU,CAAC,2BAA2B,EAAEO,SAAS,CAAE;IAC9DW,OAAO,EAAEH,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEI,cAAe;IACtCX,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,IAAI,EAAEA;EAAK,IAEVC,QACK,CAAC;AAEb;AAEAP,cAAc,CAACgB,4BAA4B,GAAG,IAAI;AAClD,eAAehB,cAAc"}

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

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

package/extensions/forms/StepsLayout/Step.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext } from 'react';
+import classnames from 'classnames';
+import { forwardSpaceProps } from '../utils';
+import FlexContainer from '../Layout/FlexContainer';
+import StepsContext from './StepsContext';
+function Step(props) {
+  const {
+    className,
+    index,
+    direction = 'column',
+    spacing = 'medium',
+    children
+  } = props;
+  const stepsContext = useContext(StepsContext);
+  if ((stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.activeIndex) !== index) {
+    return null;
+  }
+  return React.createElement(FlexContainer, _extends({
+    className: classnames('dnb-forms-step', className),
+    direction: direction,
+    spacing: spacing
+  }, forwardSpaceProps(props)), children);
+}
+Step._supportsEufemiaSpacingProps = true;
+export default Step;
+//# sourceMappingURL=Step.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Step.js","names":["React","useContext","classnames","forwardSpaceProps","FlexContainer","StepsContext","Step","props","className","index","direction","spacing","children","stepsContext","activeIndex","createElement","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/StepsLayout/Step.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from '../Layout/FlexContainer'\nimport StepsContext from './StepsContext'\n\nexport type Props = ComponentProps & {\n  index?: number\n  title?: string\n  direction?: FlexContainerProps['direction']\n  spacing?: FlexContainerProps['spacing']\n  children: React.ReactNode\n}\n\nfunction Step(props: Props) {\n  const {\n    className,\n    index,\n    direction = 'column',\n    spacing = 'medium',\n    children,\n  } = props\n  const stepsContext = useContext(StepsContext)\n\n  if (stepsContext?.activeIndex !== index) {\n    // Another step is active\n    return null\n  }\n\n  return (\n    <FlexContainer\n      className={classnames('dnb-forms-step', className)}\n      direction={direction}\n      spacing={spacing}\n      {...forwardSpaceProps(props)}\n    >\n      {children}\n    </FlexContainer>\n  )\n}\n\nStep._supportsEufemiaSpacingProps = true\nexport default Step\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,iBAAiB,QAAQ,UAAU;AAE5C,OAAOC,aAAa,MAEb,yBAAyB;AAChC,OAAOC,YAAY,MAAM,gBAAgB;AAUzC,SAASC,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,SAAS,GAAG,QAAQ;IACpBC,OAAO,GAAG,QAAQ;IAClBC;EACF,CAAC,GAAGL,KAAK;EACT,MAAMM,YAAY,GAAGZ,UAAU,CAACI,YAAY,CAAC;EAE7C,IAAI,CAAAQ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEC,WAAW,MAAKL,KAAK,EAAE;IAEvC,OAAO,IAAI;EACb;EAEA,OACET,KAAA,CAAAe,aAAA,CAACX,aAAa,EAAAY,QAAA;IACZR,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS,CAAE;IACnDE,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA;EAAQ,GACbR,iBAAiB,CAACI,KAAK,CAAC,GAE3BK,QACY,CAAC;AAEpB;AAEAN,IAAI,CAACW,4BAA4B,GAAG,IAAI;AACxC,eAAeX,IAAI"}