@dnb/eufemia 10.25.0 → 10.26.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviousButton.js","names":["React","useContext","classnames","Button","WizardContext","ButtonRow","useLocale","PreviousButton","props","translations","Step","className","variant","icon_position","icon","children","previous","wizardContext","params","activeIndex","disabled","createElement","_extends","onClick","handlePrevious","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/PreviousButton/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 WizardContext from '../Context/WizardContext'\nimport ButtonRow from '../../Form/ButtonRow'\nimport useLocale from '../../hooks/useLocale'\n\nexport type Props = ComponentProps & ButtonProps\n\nfunction PreviousButton(props: Props) {\n  const translations = useLocale().Step\n\n  const {\n    className,\n    variant = 'tertiary',\n    icon_position = 'left',\n    icon = 'chevron_left',\n    children = translations.previous,\n  } = props\n  const wizardContext = useContext(WizardContext)\n\n  const params: Props = {}\n  if (wizardContext?.activeIndex === 0) {\n    params.disabled = true\n  }\n\n  return (\n    <ButtonRow>\n      <Button\n        className={classnames('dnb-forms-previous-button', className)}\n        onClick={wizardContext?.handlePrevious}\n        variant={variant}\n        icon_position={icon_position}\n        icon={icon}\n        {...params}\n        {...props}\n      >\n        {children}\n      </Button>\n    </ButtonRow>\n  )\n}\n\nPreviousButton._supportsSpacingProps = true\nexport default PreviousButton\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,SAAS,MAAM,sBAAsB;AAC5C,OAAOC,SAAS,MAAM,uBAAuB;AAI7C,SAASC,cAAcA,CAACC,KAAY,EAAE;EACpC,MAAMC,YAAY,GAAGH,SAAS,CAAC,CAAC,CAACI,IAAI;EAErC,MAAM;IACJC,SAAS;IACTC,OAAO,GAAG,UAAU;IACpBC,aAAa,GAAG,MAAM;IACtBC,IAAI,GAAG,cAAc;IACrBC,QAAQ,GAAGN,YAAY,CAACO;EAC1B,CAAC,GAAGR,KAAK;EACT,MAAMS,aAAa,GAAGhB,UAAU,CAACG,aAAa,CAAC;EAE/C,MAAMc,MAAa,GAAG,CAAC,CAAC;EACxB,IAAI,CAAAD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEE,WAAW,MAAK,CAAC,EAAE;IACpCD,MAAM,CAACE,QAAQ,GAAG,IAAI;EACxB;EAEA,OACEpB,KAAA,CAAAqB,aAAA,CAAChB,SAAS,QACRL,KAAA,CAAAqB,aAAA,CAAClB,MAAM,EAAAmB,QAAA;IACLX,SAAS,EAAET,UAAU,CAAC,2BAA2B,EAAES,SAAS,CAAE;IAC9DY,OAAO,EAAEN,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEO,cAAe;IACvCZ,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,IAAI,EAAEA;EAAK,GACPI,MAAM,EACNV,KAAK,GAERO,QACK,CACC,CAAC;AAEhB;AAEAR,cAAc,CAACkB,qBAAqB,GAAG,IAAI;AAC3C,eAAelB,cAAc"}

package/extensions/forms/Wizard/PreviousButton/index.js.map

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

package/{es/extensions/forms/StepsLayout → extensions/forms/Wizard}/Step/Step.js

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
 import classnames from 'classnames';
 import { pickFlexContainerProps } from '../../../../components/flex/Container';
-import StepsContext from '../StepsContext';
+import WizardContext from '../Context/WizardContext';
 import Flex from '../../../../components/flex/Flex';
 function Step(props) {
   const {
@@ -12,8 +12,8 @@ function Step(props) {
     index,
     children
   } = props;
-  const stepsContext = useContext(StepsContext);
-  if ((stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.activeIndex) !== index) {
+  const wizardContext = useContext(WizardContext);
+  if ((wizardContext === null || wizardContext === void 0 ? void 0 : wizardContext.activeIndex) !== index) {
     return null;
   }
   return React.createElement(Flex.Stack, _extends({

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

@@ -0,0 +1 @@
+{"version":3,"file":"Step.js","names":["React","useContext","classnames","pickFlexContainerProps","WizardContext","Flex","Step","props","className","index","children","wizardContext","activeIndex","createElement","Stack","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/Step.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport {\n  Props as FlexContainerProps,\n  pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport WizardContext from '../Context/WizardContext'\nimport Flex from '../../../../components/flex/Flex'\n\nexport type Props = ComponentProps &\n  FlexContainerProps & {\n    index?: number\n    title?: string\n  }\n\nfunction Step(props: Props) {\n  const { className, index, children } = props\n  const wizardContext = useContext(WizardContext)\n\n  if (wizardContext?.activeIndex !== index) {\n    // Another step is active\n    return null\n  }\n\n  return (\n    <Flex.Stack\n      className={classnames('dnb-forms-step', className)}\n      {...pickFlexContainerProps(props)}\n    >\n      {children}\n    </Flex.Stack>\n  )\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAEEC,sBAAsB,QACjB,uCAAuC;AAC9C,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,IAAI,MAAM,kCAAkC;AAQnD,SAASC,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC5C,MAAMI,aAAa,GAAGV,UAAU,CAACG,aAAa,CAAC;EAE/C,IAAI,CAAAO,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEC,WAAW,MAAKH,KAAK,EAAE;IAExC,OAAO,IAAI;EACb;EAEA,OACET,KAAA,CAAAa,aAAA,CAACR,IAAI,CAACS,KAAK,EAAAC,QAAA;IACTP,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS;EAAE,GAC/CL,sBAAsB,CAACI,KAAK,CAAC,GAEhCG,QACS,CAAC;AAEjB;AAEAJ,IAAI,CAACU,qBAAqB,GAAG,IAAI;AACjC,eAAeV,IAAI"}

package/extensions/forms/Wizard/Step/index.js.map

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

package/extensions/forms/Wizard/hooks/useNextRouter.d.ts

@@ -0,0 +1,7 @@
+export default function useNextRouter(id: string, { useRouter, usePathname, useSearchParams }: {
+    useRouter: any;
+    usePathname: any;
+    useSearchParams: any;
+}): {
+    getIndex: () => number;
+};

package/extensions/forms/Wizard/hooks/useNextRouter.js

@@ -0,0 +1,43 @@
+import React, { useCallback } from 'react';
+import useStep from './useStep';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
+export default function useNextRouter(id, _ref) {
+  let {
+    useRouter,
+    usePathname,
+    useSearchParams
+  } = _ref;
+  const {
+    setFormError
+  } = useStep(id);
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const onStepChange = useCallback(async index => {
+    try {
+      const params = new URLSearchParams(searchParams.toString());
+      params.set(`${id}-step`, String(index));
+      router.push(`${pathname}?${params.toString()}`);
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [id, pathname, router, searchParams, setFormError]);
+  const {
+    setActiveIndex
+  } = useStep(id, {
+    onStepChange
+  });
+  const getIndex = useCallback(() => parseFloat(searchParams.get(`${id}-step`)), [id, searchParams]);
+  useLayoutEffect(() => {
+    const routerIndex = getIndex();
+    if (!isNaN(routerIndex)) {
+      setActiveIndex(routerIndex, {
+        skipCallOnChange: true
+      });
+    }
+  }, [getIndex, id, searchParams, setActiveIndex, setFormError]);
+  return {
+    getIndex
+  };
+}
+//# sourceMappingURL=useNextRouter.js.map

package/extensions/forms/Wizard/hooks/useNextRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNextRouter.js","names":["React","useCallback","useStep","useLayoutEffect","window","useEffect","useNextRouter","id","_ref","useRouter","usePathname","useSearchParams","setFormError","router","pathname","searchParams","onStepChange","index","params","URLSearchParams","toString","set","String","push","error","setActiveIndex","getIndex","parseFloat","get","routerIndex","isNaN","skipCallOnChange"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useNextRouter.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport useStep from './useStep'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport default function useNextRouter(\n  id: string,\n  { useRouter, usePathname, useSearchParams }\n) {\n  const { setFormError } = useStep(id)\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n\n  const onStepChange = useCallback(\n    async (index: number) => {\n      try {\n        const params = new URLSearchParams(searchParams.toString())\n        params.set(`${id}-step`, String(index))\n        router.push(`${pathname}?${params.toString()}`)\n      } catch (error) {\n        setFormError(error)\n      }\n    },\n    [id, pathname, router, searchParams, setFormError]\n  )\n\n  const { setActiveIndex } = useStep(id, { onStepChange })\n\n  const getIndex = useCallback(\n    () => parseFloat(searchParams.get(`${id}-step`)),\n    [id, searchParams]\n  )\n\n  useLayoutEffect(() => {\n    const routerIndex = getIndex()\n    if (!isNaN(routerIndex)) {\n      setActiveIndex(routerIndex, { skipCallOnChange: true })\n    }\n  }, [getIndex, id, searchParams, setActiveIndex, setFormError])\n\n  return { getIndex }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,OAAO,MAAM,WAAW;AAG/B,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGJ,KAAK,CAACK,SAAS,GAAGL,KAAK,CAACG,eAAe;AAEzE,eAAe,SAASG,aAAaA,CACnCC,EAAU,EAAAC,IAAA,EAEV;EAAA,IADA;IAAEC,SAAS;IAAEC,WAAW;IAAEC;EAAgB,CAAC,GAAAH,IAAA;EAE3C,MAAM;IAAEI;EAAa,CAAC,GAAGV,OAAO,CAACK,EAAE,CAAC;EACpC,MAAMM,MAAM,GAAGJ,SAAS,CAAC,CAAC;EAC1B,MAAMK,QAAQ,GAAGJ,WAAW,CAAC,CAAC;EAC9B,MAAMK,YAAY,GAAGJ,eAAe,CAAC,CAAC;EAEtC,MAAMK,YAAY,GAAGf,WAAW,CAC9B,MAAOgB,KAAa,IAAK;IACvB,IAAI;MACF,MAAMC,MAAM,GAAG,IAAIC,eAAe,CAACJ,YAAY,CAACK,QAAQ,CAAC,CAAC,CAAC;MAC3DF,MAAM,CAACG,GAAG,CAAE,GAAEd,EAAG,OAAM,EAAEe,MAAM,CAACL,KAAK,CAAC,CAAC;MACvCJ,MAAM,CAACU,IAAI,CAAE,GAAET,QAAS,IAAGI,MAAM,CAACE,QAAQ,CAAC,CAAE,EAAC,CAAC;IACjD,CAAC,CAAC,OAAOI,KAAK,EAAE;MACdZ,YAAY,CAACY,KAAK,CAAC;IACrB;EACF,CAAC,EACD,CAACjB,EAAE,EAAEO,QAAQ,EAAED,MAAM,EAAEE,YAAY,EAAEH,YAAY,CACnD,CAAC;EAED,MAAM;IAAEa;EAAe,CAAC,GAAGvB,OAAO,CAACK,EAAE,EAAE;IAAES;EAAa,CAAC,CAAC;EAExD,MAAMU,QAAQ,GAAGzB,WAAW,CAC1B,MAAM0B,UAAU,CAACZ,YAAY,CAACa,GAAG,CAAE,GAAErB,EAAG,OAAM,CAAC,CAAC,EAChD,CAACA,EAAE,EAAEQ,YAAY,CACnB,CAAC;EAEDZ,eAAe,CAAC,MAAM;IACpB,MAAM0B,WAAW,GAAGH,QAAQ,CAAC,CAAC;IAC9B,IAAI,CAACI,KAAK,CAACD,WAAW,CAAC,EAAE;MACvBJ,cAAc,CAACI,WAAW,EAAE;QAAEE,gBAAgB,EAAE;MAAK,CAAC,CAAC;IACzD;EACF,CAAC,EAAE,CAACL,QAAQ,EAAEnB,EAAE,EAAEQ,YAAY,EAAEU,cAAc,EAAEb,YAAY,CAAC,CAAC;EAE9D,OAAO;IAAEc;EAAS,CAAC;AACrB"}

package/extensions/forms/Wizard/hooks/useQueryLocator.d.ts

@@ -0,0 +1,3 @@
+export default function useQueryLocator(id: string): {
+    getIndex: () => number;
+};

package/extensions/forms/Wizard/hooks/useQueryLocator.js

@@ -0,0 +1,51 @@
+import React, { useCallback } from 'react';
+import useStep from './useStep';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
+export default function useQueryLocator(id) {
+  const {
+    setFormError
+  } = useStep(id);
+  const onStepChange = useCallback(async index => {
+    try {
+      const url = new URL(window.location.href);
+      url.searchParams.set(`${id}-step`, String(index));
+      window.history.pushState({}, '', url.toString());
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [id, setFormError]);
+  const {
+    setActiveIndex
+  } = useStep(id, {
+    onStepChange
+  });
+  const getIndex = useCallback(() => {
+    try {
+      const searchParams = new URLSearchParams(window.location.search);
+      return parseFloat(searchParams.get(`${id}-step`));
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [id, setFormError]);
+  useLayoutEffect(() => {
+    try {
+      const popstateListener = () => {
+        const routerIndex = getIndex();
+        if (!isNaN(routerIndex)) {
+          setActiveIndex(routerIndex, {
+            skipCallOnChange: true
+          });
+        }
+      };
+      popstateListener();
+      window.addEventListener('popstate', popstateListener);
+      return () => window.removeEventListener('popstate', popstateListener);
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [getIndex, id, setActiveIndex, setFormError]);
+  return {
+    getIndex
+  };
+}
+//# sourceMappingURL=useQueryLocator.js.map

package/extensions/forms/Wizard/hooks/useQueryLocator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryLocator.js","names":["React","useCallback","useStep","useLayoutEffect","window","useEffect","useQueryLocator","id","setFormError","onStepChange","index","url","URL","location","href","searchParams","set","String","history","pushState","toString","error","setActiveIndex","getIndex","URLSearchParams","search","parseFloat","get","popstateListener","routerIndex","isNaN","skipCallOnChange","addEventListener","removeEventListener"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useQueryLocator.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport useStep from './useStep'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport default function useQueryLocator(id: string) {\n  const { setFormError } = useStep(id)\n\n  const onStepChange = useCallback(\n    async (index: number) => {\n      try {\n        const url = new URL(window.location.href)\n        url.searchParams.set(`${id}-step`, String(index))\n        window.history.pushState({}, '', url.toString())\n      } catch (error) {\n        setFormError(error)\n      }\n    },\n    [id, setFormError]\n  )\n\n  const { setActiveIndex } = useStep(id, { onStepChange })\n\n  const getIndex = useCallback(() => {\n    try {\n      const searchParams = new URLSearchParams(window.location.search)\n      return parseFloat(searchParams.get(`${id}-step`))\n    } catch (error) {\n      setFormError(error)\n    }\n  }, [id, setFormError])\n\n  useLayoutEffect(() => {\n    try {\n      const popstateListener = () => {\n        const routerIndex = getIndex()\n        if (!isNaN(routerIndex)) {\n          setActiveIndex(routerIndex, { skipCallOnChange: true })\n        }\n      }\n\n      // Initial setup call\n      popstateListener()\n\n      window.addEventListener('popstate', popstateListener)\n      return () => window.removeEventListener('popstate', popstateListener)\n    } catch (error) {\n      setFormError(error)\n    }\n  }, [getIndex, id, setActiveIndex, setFormError])\n\n  return { getIndex }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,OAAO,MAAM,WAAW;AAG/B,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGJ,KAAK,CAACK,SAAS,GAAGL,KAAK,CAACG,eAAe;AAEzE,eAAe,SAASG,eAAeA,CAACC,EAAU,EAAE;EAClD,MAAM;IAAEC;EAAa,CAAC,GAAGN,OAAO,CAACK,EAAE,CAAC;EAEpC,MAAME,YAAY,GAAGR,WAAW,CAC9B,MAAOS,KAAa,IAAK;IACvB,IAAI;MACF,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAACR,MAAM,CAACS,QAAQ,CAACC,IAAI,CAAC;MACzCH,GAAG,CAACI,YAAY,CAACC,GAAG,CAAE,GAAET,EAAG,OAAM,EAAEU,MAAM,CAACP,KAAK,CAAC,CAAC;MACjDN,MAAM,CAACc,OAAO,CAACC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EAAER,GAAG,CAACS,QAAQ,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdb,YAAY,CAACa,KAAK,CAAC;IACrB;EACF,CAAC,EACD,CAACd,EAAE,EAAEC,YAAY,CACnB,CAAC;EAED,MAAM;IAAEc;EAAe,CAAC,GAAGpB,OAAO,CAACK,EAAE,EAAE;IAAEE;EAAa,CAAC,CAAC;EAExD,MAAMc,QAAQ,GAAGtB,WAAW,CAAC,MAAM;IACjC,IAAI;MACF,MAAMc,YAAY,GAAG,IAAIS,eAAe,CAACpB,MAAM,CAACS,QAAQ,CAACY,MAAM,CAAC;MAChE,OAAOC,UAAU,CAACX,YAAY,CAACY,GAAG,CAAE,GAAEpB,EAAG,OAAM,CAAC,CAAC;IACnD,CAAC,CAAC,OAAOc,KAAK,EAAE;MACdb,YAAY,CAACa,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACd,EAAE,EAAEC,YAAY,CAAC,CAAC;EAEtBL,eAAe,CAAC,MAAM;IACpB,IAAI;MACF,MAAMyB,gBAAgB,GAAGA,CAAA,KAAM;QAC7B,MAAMC,WAAW,GAAGN,QAAQ,CAAC,CAAC;QAC9B,IAAI,CAACO,KAAK,CAACD,WAAW,CAAC,EAAE;UACvBP,cAAc,CAACO,WAAW,EAAE;YAAEE,gBAAgB,EAAE;UAAK,CAAC,CAAC;QACzD;MACF,CAAC;MAGDH,gBAAgB,CAAC,CAAC;MAElBxB,MAAM,CAAC4B,gBAAgB,CAAC,UAAU,EAAEJ,gBAAgB,CAAC;MACrD,OAAO,MAAMxB,MAAM,CAAC6B,mBAAmB,CAAC,UAAU,EAAEL,gBAAgB,CAAC;IACvE,CAAC,CAAC,OAAOP,KAAK,EAAE;MACdb,YAAY,CAACa,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACE,QAAQ,EAAEhB,EAAE,EAAEe,cAAc,EAAEd,YAAY,CAAC,CAAC;EAEhD,OAAO;IAAEe;EAAS,CAAC;AACrB"}

package/extensions/forms/Wizard/hooks/useReachRouter.d.ts

@@ -0,0 +1,6 @@
+export default function useReachRouter(id: string, { useLocation, navigate }: {
+    useLocation: any;
+    navigate: any;
+}): {
+    getIndex: () => number;
+};

package/extensions/forms/Wizard/hooks/useReachRouter.js

@@ -0,0 +1,47 @@
+import React, { useCallback } from 'react';
+import useStep from './useStep';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
+export default function useReachRouter(id, _ref) {
+  let {
+    useLocation,
+    navigate
+  } = _ref;
+  const {
+    setFormError
+  } = useStep(id);
+  const location = useLocation();
+  const onStepChange = useCallback(async index => {
+    try {
+      const url = new URL(location.href);
+      url.searchParams.set(`${id}-step`, String(index));
+      navigate(url.href);
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [id, location.href, navigate, setFormError]);
+  const {
+    setActiveIndex
+  } = useStep(id, {
+    onStepChange
+  });
+  const getIndex = useCallback(() => {
+    try {
+      const searchParams = new URLSearchParams(location.search);
+      return parseFloat(searchParams.get(`${id}-step`));
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [id, location.search, setFormError]);
+  useLayoutEffect(() => {
+    const routerIndex = getIndex();
+    if (!isNaN(routerIndex)) {
+      setActiveIndex(routerIndex, {
+        skipCallOnChange: true
+      });
+    }
+  }, [getIndex, setActiveIndex]);
+  return {
+    getIndex
+  };
+}
+//# sourceMappingURL=useReachRouter.js.map

package/extensions/forms/Wizard/hooks/useReachRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReachRouter.js","names":["React","useCallback","useStep","useLayoutEffect","window","useEffect","useReachRouter","id","_ref","useLocation","navigate","setFormError","location","onStepChange","index","url","URL","href","searchParams","set","String","error","setActiveIndex","getIndex","URLSearchParams","search","parseFloat","get","routerIndex","isNaN","skipCallOnChange"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useReachRouter.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport useStep from './useStep'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport default function useReachRouter(\n  id: string,\n  { useLocation, navigate }\n) {\n  const { setFormError } = useStep(id)\n  const location = useLocation()\n\n  const onStepChange = useCallback(\n    async (index: number) => {\n      try {\n        const url = new URL(location.href)\n        url.searchParams.set(`${id}-step`, String(index))\n        navigate(url.href)\n      } catch (error) {\n        setFormError(error)\n      }\n    },\n    [id, location.href, navigate, setFormError]\n  )\n\n  const { setActiveIndex } = useStep(id, { onStepChange })\n\n  const getIndex = useCallback(() => {\n    try {\n      const searchParams = new URLSearchParams(location.search)\n      return parseFloat(searchParams.get(`${id}-step`))\n    } catch (error) {\n      setFormError(error)\n    }\n  }, [id, location.search, setFormError])\n\n  useLayoutEffect(() => {\n    const routerIndex = getIndex()\n    if (!isNaN(routerIndex)) {\n      setActiveIndex(routerIndex, { skipCallOnChange: true })\n    }\n  }, [getIndex, setActiveIndex])\n\n  return { getIndex }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,OAAO,MAAM,WAAW;AAG/B,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGJ,KAAK,CAACK,SAAS,GAAGL,KAAK,CAACG,eAAe;AAEzE,eAAe,SAASG,cAAcA,CACpCC,EAAU,EAAAC,IAAA,EAEV;EAAA,IADA;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAAF,IAAA;EAEzB,MAAM;IAAEG;EAAa,CAAC,GAAGT,OAAO,CAACK,EAAE,CAAC;EACpC,MAAMK,QAAQ,GAAGH,WAAW,CAAC,CAAC;EAE9B,MAAMI,YAAY,GAAGZ,WAAW,CAC9B,MAAOa,KAAa,IAAK;IACvB,IAAI;MACF,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAACJ,QAAQ,CAACK,IAAI,CAAC;MAClCF,GAAG,CAACG,YAAY,CAACC,GAAG,CAAE,GAAEZ,EAAG,OAAM,EAAEa,MAAM,CAACN,KAAK,CAAC,CAAC;MACjDJ,QAAQ,CAACK,GAAG,CAACE,IAAI,CAAC;IACpB,CAAC,CAAC,OAAOI,KAAK,EAAE;MACdV,YAAY,CAACU,KAAK,CAAC;IACrB;EACF,CAAC,EACD,CAACd,EAAE,EAAEK,QAAQ,CAACK,IAAI,EAAEP,QAAQ,EAAEC,YAAY,CAC5C,CAAC;EAED,MAAM;IAAEW;EAAe,CAAC,GAAGpB,OAAO,CAACK,EAAE,EAAE;IAAEM;EAAa,CAAC,CAAC;EAExD,MAAMU,QAAQ,GAAGtB,WAAW,CAAC,MAAM;IACjC,IAAI;MACF,MAAMiB,YAAY,GAAG,IAAIM,eAAe,CAACZ,QAAQ,CAACa,MAAM,CAAC;MACzD,OAAOC,UAAU,CAACR,YAAY,CAACS,GAAG,CAAE,GAAEpB,EAAG,OAAM,CAAC,CAAC;IACnD,CAAC,CAAC,OAAOc,KAAK,EAAE;MACdV,YAAY,CAACU,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACd,EAAE,EAAEK,QAAQ,CAACa,MAAM,EAAEd,YAAY,CAAC,CAAC;EAEvCR,eAAe,CAAC,MAAM;IACpB,MAAMyB,WAAW,GAAGL,QAAQ,CAAC,CAAC;IAC9B,IAAI,CAACM,KAAK,CAACD,WAAW,CAAC,EAAE;MACvBN,cAAc,CAACM,WAAW,EAAE;QAAEE,gBAAgB,EAAE;MAAK,CAAC,CAAC;IACzD;EACF,CAAC,EAAE,CAACP,QAAQ,EAAED,cAAc,CAAC,CAAC;EAE9B,OAAO;IAAEC;EAAS,CAAC;AACrB"}

package/extensions/forms/Wizard/hooks/useReactRouter.d.ts

@@ -0,0 +1,5 @@
+export default function useReactRouter(id: string, { useSearchParams }: {
+    useSearchParams: any;
+}): {
+    getIndex: () => number;
+};

package/extensions/forms/Wizard/hooks/useReactRouter.js

@@ -0,0 +1,38 @@
+import React, { useCallback } from 'react';
+import useStep from './useStep';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
+export default function useReactRouter(id, _ref) {
+  let {
+    useSearchParams
+  } = _ref;
+  const {
+    setFormError
+  } = useStep(id);
+  const [searchParams, setSearchParams] = useSearchParams();
+  const onStepChange = useCallback(async index => {
+    try {
+      searchParams.set(`${id}-step`, index);
+      setSearchParams(searchParams);
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [id, searchParams, setFormError, setSearchParams]);
+  const {
+    setActiveIndex
+  } = useStep(id, {
+    onStepChange
+  });
+  const getIndex = useCallback(() => parseFloat(searchParams.get(`${id}-step`)), [id, searchParams]);
+  useLayoutEffect(() => {
+    const routerIndex = getIndex();
+    if (!isNaN(routerIndex)) {
+      setActiveIndex(routerIndex, {
+        skipCallOnChange: true
+      });
+    }
+  }, [getIndex, id, searchParams, setActiveIndex, setFormError]);
+  return {
+    getIndex
+  };
+}
+//# sourceMappingURL=useReactRouter.js.map

package/extensions/forms/Wizard/hooks/useReactRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReactRouter.js","names":["React","useCallback","useStep","useLayoutEffect","window","useEffect","useReactRouter","id","_ref","useSearchParams","setFormError","searchParams","setSearchParams","onStepChange","index","set","error","setActiveIndex","getIndex","parseFloat","get","routerIndex","isNaN","skipCallOnChange"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useReactRouter.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport useStep from './useStep'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport default function useReactRouter(id: string, { useSearchParams }) {\n  const { setFormError } = useStep(id)\n  const [searchParams, setSearchParams] = useSearchParams()\n\n  const onStepChange = useCallback(\n    async (index: number) => {\n      try {\n        searchParams.set(`${id}-step`, index)\n        setSearchParams(searchParams)\n      } catch (error) {\n        setFormError(error)\n      }\n    },\n    [id, searchParams, setFormError, setSearchParams]\n  )\n\n  const { setActiveIndex } = useStep(id, { onStepChange })\n\n  const getIndex = useCallback(\n    () => parseFloat(searchParams.get(`${id}-step`)),\n    [id, searchParams]\n  )\n\n  useLayoutEffect(() => {\n    const routerIndex = getIndex()\n    if (!isNaN(routerIndex)) {\n      setActiveIndex(routerIndex, { skipCallOnChange: true })\n    }\n  }, [getIndex, id, searchParams, setActiveIndex, setFormError])\n\n  return { getIndex }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,OAAO,MAAM,WAAW;AAG/B,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGJ,KAAK,CAACK,SAAS,GAAGL,KAAK,CAACG,eAAe;AAEzE,eAAe,SAASG,cAAcA,CAACC,EAAU,EAAAC,IAAA,EAAuB;EAAA,IAArB;IAAEC;EAAgB,CAAC,GAAAD,IAAA;EACpE,MAAM;IAAEE;EAAa,CAAC,GAAGR,OAAO,CAACK,EAAE,CAAC;EACpC,MAAM,CAACI,YAAY,EAAEC,eAAe,CAAC,GAAGH,eAAe,CAAC,CAAC;EAEzD,MAAMI,YAAY,GAAGZ,WAAW,CAC9B,MAAOa,KAAa,IAAK;IACvB,IAAI;MACFH,YAAY,CAACI,GAAG,CAAE,GAAER,EAAG,OAAM,EAAEO,KAAK,CAAC;MACrCF,eAAe,CAACD,YAAY,CAAC;IAC/B,CAAC,CAAC,OAAOK,KAAK,EAAE;MACdN,YAAY,CAACM,KAAK,CAAC;IACrB;EACF,CAAC,EACD,CAACT,EAAE,EAAEI,YAAY,EAAED,YAAY,EAAEE,eAAe,CAClD,CAAC;EAED,MAAM;IAAEK;EAAe,CAAC,GAAGf,OAAO,CAACK,EAAE,EAAE;IAAEM;EAAa,CAAC,CAAC;EAExD,MAAMK,QAAQ,GAAGjB,WAAW,CAC1B,MAAMkB,UAAU,CAACR,YAAY,CAACS,GAAG,CAAE,GAAEb,EAAG,OAAM,CAAC,CAAC,EAChD,CAACA,EAAE,EAAEI,YAAY,CACnB,CAAC;EAEDR,eAAe,CAAC,MAAM;IACpB,MAAMkB,WAAW,GAAGH,QAAQ,CAAC,CAAC;IAC9B,IAAI,CAACI,KAAK,CAACD,WAAW,CAAC,EAAE;MACvBJ,cAAc,CAACI,WAAW,EAAE;QAAEE,gBAAgB,EAAE;MAAK,CAAC,CAAC;IACzD;EACF,CAAC,EAAE,CAACL,QAAQ,EAAEX,EAAE,EAAEI,YAAY,EAAEM,cAAc,EAAEP,YAAY,CAAC,CAAC;EAE9D,OAAO;IAAEQ;EAAS,CAAC;AACrB"}

package/extensions/forms/Wizard/hooks/useStep.d.ts

@@ -0,0 +1,5 @@
+import { OnStepChange, WizardContextState } from '../Context/WizardContext';
+import { Identifier } from '../../types';
+export default function useStep(id?: Identifier, { onStepChange }?: {
+    onStepChange?: OnStepChange;
+}): WizardContextState;

package/extensions/forms/Wizard/hooks/useStep.js

@@ -0,0 +1,24 @@
+"use client";
+
+import { useContext, useEffect, useRef } from 'react';
+import WizardContext from '../Context/WizardContext';
+import { useSharedState } from '../../../../shared/helpers/useSharedState';
+export default function useStep() {
+  let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  let {
+    onStepChange
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const context = useContext(WizardContext);
+  if (onStepChange && !id && context.id) {
+    id = context.id;
+  }
+  const sharedDataRef = useRef(null);
+  sharedDataRef.current = useSharedState(id ? id + '-wizard' : undefined);
+  useEffect(() => {
+    sharedDataRef.current.extend({
+      onStepChange
+    });
+  }, [onStepChange]);
+  return sharedDataRef.current.data || context;
+}
+//# sourceMappingURL=useStep.js.map

package/extensions/forms/Wizard/hooks/useStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStep.js","names":["useContext","useEffect","useRef","WizardContext","useSharedState","useStep","id","arguments","length","undefined","onStepChange","context","sharedDataRef","current","extend","data"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useStep.tsx"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react'\nimport WizardContext, {\n  OnStepChange,\n  WizardContextState,\n} from '../Context/WizardContext'\nimport { Identifier } from '../../types'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\n\nexport default function useStep(\n  id: Identifier = null,\n  { onStepChange }: { onStepChange?: OnStepChange } = {}\n) {\n  const context = useContext(WizardContext)\n\n  // In order to make it possible to add a \"onStepChange\" handler without an id,\n  // we at least check if there is one from the context.\n  if (onStepChange && !id && context.id) {\n    id = context.id\n  }\n\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<WizardContextState>>>(null)\n  sharedDataRef.current = useSharedState<WizardContextState>(\n    id ? id + '-wizard' : undefined\n  )\n\n  useEffect(() => {\n    sharedDataRef.current.extend({\n      onStepChange,\n    } as unknown as WizardContextState) // Internal type\n  }, [onStepChange])\n\n  return sharedDataRef.current.data || context\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACrD,OAAOC,aAAa,MAGb,0BAA0B;AAEjC,SAASC,cAAc,QAAQ,2CAA2C;AAE1E,eAAe,SAASC,OAAOA,CAAA,EAG7B;EAAA,IAFAC,EAAc,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAAA,IACrB;IAAEG;EAA8C,CAAC,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAEtD,MAAMI,OAAO,GAAGX,UAAU,CAACG,aAAa,CAAC;EAIzC,IAAIO,YAAY,IAAI,CAACJ,EAAE,IAAIK,OAAO,CAACL,EAAE,EAAE;IACrCA,EAAE,GAAGK,OAAO,CAACL,EAAE;EACjB;EAEA,MAAMM,aAAa,GACjBV,MAAM,CAAwD,IAAI,CAAC;EACrEU,aAAa,CAACC,OAAO,GAAGT,cAAc,CACpCE,EAAE,GAAGA,EAAE,GAAG,SAAS,GAAGG,SACxB,CAAC;EAEDR,SAAS,CAAC,MAAM;IACdW,aAAa,CAACC,OAAO,CAACC,MAAM,CAAC;MAC3BJ;IACF,CAAkC,CAAC;EACrC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,OAAOE,aAAa,CAACC,OAAO,CAACE,IAAI,IAAIJ,OAAO;AAC9C"}

package/extensions/forms/Wizard/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export { default as Container } from './Container';
+export { default as Step } from './Step';
+export { default as Context } from './Context';
+export { default as PreviousButton } from './PreviousButton';
+export { default as NextButton } from './NextButton';
+export { default as Buttons } from './Buttons';
+export { default as useStep } from './hooks/useStep';
+export { default as useQueryLocator } from './hooks/useQueryLocator';
+export { default as useReachRouter } from './hooks/useReachRouter';
+export { default as useReactRouter } from './hooks/useReactRouter';
+export { default as useNextRouter } from './hooks/useNextRouter';
+export declare const Provider: import("react").Provider<import("./Context").WizardContextState>;

package/extensions/forms/Wizard/index.js

@@ -0,0 +1,14 @@
+import WizardContext from './Context';
+export { default as Container } from './Container';
+export { default as Step } from './Step';
+export { default as Context } from './Context';
+export { default as PreviousButton } from './PreviousButton';
+export { default as NextButton } from './NextButton';
+export { default as Buttons } from './Buttons';
+export { default as useStep } from './hooks/useStep';
+export { default as useQueryLocator } from './hooks/useQueryLocator';
+export { default as useReachRouter } from './hooks/useReachRouter';
+export { default as useReactRouter } from './hooks/useReactRouter';
+export { default as useNextRouter } from './hooks/useNextRouter';
+export const Provider = WizardContext.Provider;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["WizardContext","default","Container","Step","Context","PreviousButton","NextButton","Buttons","useStep","useQueryLocator","useReachRouter","useReactRouter","useNextRouter","Provider"],"sources":["../../../../../src/extensions/forms/Wizard/index.ts"],"sourcesContent":["import WizardContext from './Context'\n\nexport { default as Container } from './Container'\nexport { default as Step } from './Step'\nexport { default as Context } from './Context'\nexport { default as PreviousButton } from './PreviousButton'\nexport { default as NextButton } from './NextButton'\nexport { default as Buttons } from './Buttons'\nexport { default as useStep } from './hooks/useStep'\nexport { default as useQueryLocator } from './hooks/useQueryLocator'\nexport { default as useReachRouter } from './hooks/useReachRouter'\nexport { default as useReactRouter } from './hooks/useReactRouter'\nexport { default as useNextRouter } from './hooks/useNextRouter'\nexport const Provider = WizardContext.Provider\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,WAAW;AAErC,SAASC,OAAO,IAAIC,SAAS,QAAQ,aAAa;AAClD,SAASD,OAAO,IAAIE,IAAI,QAAQ,QAAQ;AACxC,SAASF,OAAO,IAAIG,OAAO,QAAQ,WAAW;AAC9C,SAASH,OAAO,IAAII,cAAc,QAAQ,kBAAkB;AAC5D,SAASJ,OAAO,IAAIK,UAAU,QAAQ,cAAc;AACpD,SAASL,OAAO,IAAIM,OAAO,QAAQ,WAAW;AAC9C,SAASN,OAAO,IAAIO,OAAO,QAAQ,iBAAiB;AACpD,SAASP,OAAO,IAAIQ,eAAe,QAAQ,yBAAyB;AACpE,SAASR,OAAO,IAAIS,cAAc,QAAQ,wBAAwB;AAClE,SAAST,OAAO,IAAIU,cAAc,QAAQ,wBAAwB;AAClE,SAASV,OAAO,IAAIW,aAAa,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,QAAQ,GAAGb,aAAa,CAACa,QAAQ"}

package/{es/extensions/forms/StepsLayout/style/dnb-steps-layout.css → extensions/forms/Wizard/style/dnb-wizard-layout.css}

@@ -1,42 +1,43 @@
 /*
  * Utilities
  */
-.dnb-forms-steps-layout {
+.dnb-forms-wizard-layout {
   display: flex;
   flex-flow: row wrap;
   -moz-column-gap: var(--spacing-medium);
        column-gap: var(--spacing-medium);
 }
-.dnb-forms-steps-layout--drawer {
+.dnb-forms-wizard-layout--drawer {
   flex-direction: column;
   justify-content: stretch;
   align-items: stretch;
 }
-.dnb-forms-steps-layout__sidebar {
+.dnb-forms-wizard-layout__sidebar {
   flex: 0;
   margin-bottom: 2rem;
 }
-.dnb-forms-steps-layout__contents {
+.dnb-forms-wizard-layout__contents {
   flex: 1;
 }
-.dnb-forms-steps-layout__contents .dnb-card {
+.dnb-forms-wizard-layout__contents .dnb-card {
   --border-color: var(--color-pistachio);
+  max-width: var(--forms-card-max-width);
 }
 @media screen and (min-width: 40em) {
-  .dnb-forms-steps-layout + .dnb-form-status:not([class*=space__left]), .dnb-forms-steps-layout + .dnb-form-status + .dnb-form-status:not([class*=space__left]) {
+  .dnb-forms-wizard-layout + .dnb-form-status:not([class*=space__left]), .dnb-forms-wizard-layout + .dnb-form-status + .dnb-form-status:not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
 }
 @media screen and (max-width: 60em) {
-  .dnb-forms-steps-layout {
+  .dnb-forms-wizard-layout {
     flex-direction: column;
     justify-content: stretch;
     align-items: stretch;
   }
-  .dnb-forms-steps-layout__contents {
+  .dnb-forms-wizard-layout__contents {
     flex-basis: auto;
   }
 }
-.dnb-forms-steps-layout .dnb-step-indicator__sidebar {
+.dnb-forms-wizard-layout .dnb-step-indicator__sidebar {
   margin-right: 0;
 }

package/extensions/forms/Wizard/style/dnb-wizard-layout.min.css

@@ -0,0 +1 @@
+.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__sidebar{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-card{--border-color:var(--color-pistachio);max-width:var(--forms-card-max-width)}@media screen and (min-width:40em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}

package/{cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.scss → extensions/forms/Wizard/style/dnb-wizard-layout.scss}

@@ -1,6 +1,6 @@
 @import '../../../../style/core/utilities.scss';
 
-.dnb-forms-steps-layout {
+.dnb-forms-wizard-layout {
   display: flex;
   flex-flow: row wrap;
   column-gap: var(--spacing-medium);
@@ -18,10 +18,11 @@
 
   &__contents {
     flex: 1;
-  }
 
-  &__contents .dnb-card {
-    --border-color: var(--color-pistachio);
+    .dnb-card {
+      --border-color: var(--color-pistachio);
+      max-width: var(--forms-card-max-width);
+    }
   }
 
   // FormStatus as part of the Form.Handler

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

@@ -0,0 +1,5 @@
+/**
+ * Web Style Import
+ *
+ */
+import './dnb-wizard-layout.scss';

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

@@ -0,0 +1 @@
+import "./dnb-wizard-layout.min.css";

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/extensions/forms/Wizard/style/index.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-wizard-layout.scss'\n"],"mappings":"AAKA,OAAO,6BAA0B"}

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

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

package/extensions/forms/constants/countries.d.ts

@@ -13,6 +13,7 @@ export type CountryType = {
     continent: 'Asia' | 'Europe' | 'Africa' | 'Oceania' | 'Antarctica' | 'North America' | 'South America';
     regions?: Array<'Scandinavia' | 'Nordic'>;
 };
+export type CountryLang = keyof CountryType['i18n'];
 export declare const prioritizedCountries: string[];
 declare const countries: Array<CountryType>;
 export default countries;