@dnb/eufemia 10.24.0 → 10.26.0

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

@@ -0,0 +1,46 @@
+import React, { useCallback } from 'react';
+import useStep from './useStep';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
+export default function useReachRouter(id, {
+  useLocation,
+  navigate
+}) {
+  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/es/extensions/forms/Wizard/hooks/useReachRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReachRouter.js","names":["React","useCallback","useStep","useLayoutEffect","window","useEffect","useReachRouter","id","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,EACV;EAAEC,WAAW;EAAEC;AAAS,CAAC,EACzB;EACA,MAAM;IAAEC;EAAa,CAAC,GAAGR,OAAO,CAACK,EAAE,CAAC;EACpC,MAAMI,QAAQ,GAAGH,WAAW,CAAC,CAAC;EAE9B,MAAMI,YAAY,GAAGX,WAAW,CAC9B,MAAOY,KAAa,IAAK;IACvB,IAAI;MACF,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAACJ,QAAQ,CAACK,IAAI,CAAC;MAClCF,GAAG,CAACG,YAAY,CAACC,GAAG,CAAE,GAAEX,EAAG,OAAM,EAAEY,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,CAACb,EAAE,EAAEI,QAAQ,CAACK,IAAI,EAAEP,QAAQ,EAAEC,YAAY,CAC5C,CAAC;EAED,MAAM;IAAEW;EAAe,CAAC,GAAGnB,OAAO,CAACK,EAAE,EAAE;IAAEK;EAAa,CAAC,CAAC;EAExD,MAAMU,QAAQ,GAAGrB,WAAW,CAAC,MAAM;IACjC,IAAI;MACF,MAAMgB,YAAY,GAAG,IAAIM,eAAe,CAACZ,QAAQ,CAACa,MAAM,CAAC;MACzD,OAAOC,UAAU,CAACR,YAAY,CAACS,GAAG,CAAE,GAAEnB,EAAG,OAAM,CAAC,CAAC;IACnD,CAAC,CAAC,OAAOa,KAAK,EAAE;MACdV,YAAY,CAACU,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACb,EAAE,EAAEI,QAAQ,CAACa,MAAM,EAAEd,YAAY,CAAC,CAAC;EAEvCP,eAAe,CAAC,MAAM;IACpB,MAAMwB,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/es/extensions/forms/Wizard/hooks/useReactRouter.d.ts

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

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

@@ -0,0 +1,37 @@
+import React, { useCallback } from 'react';
+import useStep from './useStep';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
+export default function useReactRouter(id, {
+  useSearchParams
+}) {
+  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/es/extensions/forms/Wizard/hooks/useReactRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReactRouter.js","names":["React","useCallback","useStep","useLayoutEffect","window","useEffect","useReactRouter","id","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,EAAE;EAAEC;AAAgB,CAAC,EAAE;EACtE,MAAM;IAAEC;EAAa,CAAC,GAAGP,OAAO,CAACK,EAAE,CAAC;EACpC,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAGH,eAAe,CAAC,CAAC;EAEzD,MAAMI,YAAY,GAAGX,WAAW,CAC9B,MAAOY,KAAa,IAAK;IACvB,IAAI;MACFH,YAAY,CAACI,GAAG,CAAE,GAAEP,EAAG,OAAM,EAAEM,KAAK,CAAC;MACrCF,eAAe,CAACD,YAAY,CAAC;IAC/B,CAAC,CAAC,OAAOK,KAAK,EAAE;MACdN,YAAY,CAACM,KAAK,CAAC;IACrB;EACF,CAAC,EACD,CAACR,EAAE,EAAEG,YAAY,EAAED,YAAY,EAAEE,eAAe,CAClD,CAAC;EAED,MAAM;IAAEK;EAAe,CAAC,GAAGd,OAAO,CAACK,EAAE,EAAE;IAAEK;EAAa,CAAC,CAAC;EAExD,MAAMK,QAAQ,GAAGhB,WAAW,CAC1B,MAAMiB,UAAU,CAACR,YAAY,CAACS,GAAG,CAAE,GAAEZ,EAAG,OAAM,CAAC,CAAC,EAChD,CAACA,EAAE,EAAEG,YAAY,CACnB,CAAC;EAEDP,eAAe,CAAC,MAAM;IACpB,MAAMiB,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,EAAEV,EAAE,EAAEG,YAAY,EAAEM,cAAc,EAAEP,YAAY,CAAC,CAAC;EAE9D,OAAO;IAAEQ;EAAS,CAAC;AACrB"}

package/es/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/es/extensions/forms/Wizard/hooks/useStep.js

@@ -0,0 +1,22 @@
+"use client";
+
+import { useContext, useEffect, useRef } from 'react';
+import WizardContext from '../Context/WizardContext';
+import { useSharedState } from '../../../../shared/helpers/useSharedState';
+export default function useStep(id = null, {
+  onStepChange
+} = {}) {
+  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/es/extensions/forms/Wizard/hooks/useStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStep.js","names":["useContext","useEffect","useRef","WizardContext","useSharedState","useStep","id","onStepChange","context","sharedDataRef","current","undefined","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,CAC7BC,EAAc,GAAG,IAAI,EACrB;EAAEC;AAA8C,CAAC,GAAG,CAAC,CAAC,EACtD;EACA,MAAMC,OAAO,GAAGR,UAAU,CAACG,aAAa,CAAC;EAIzC,IAAII,YAAY,IAAI,CAACD,EAAE,IAAIE,OAAO,CAACF,EAAE,EAAE;IACrCA,EAAE,GAAGE,OAAO,CAACF,EAAE;EACjB;EAEA,MAAMG,aAAa,GACjBP,MAAM,CAAwD,IAAI,CAAC;EACrEO,aAAa,CAACC,OAAO,GAAGN,cAAc,CACpCE,EAAE,GAAGA,EAAE,GAAG,SAAS,GAAGK,SACxB,CAAC;EAEDV,SAAS,CAAC,MAAM;IACdQ,aAAa,CAACC,OAAO,CAACE,MAAM,CAAC;MAC3BL;IACF,CAAkC,CAAC;EACrC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,OAAOE,aAAa,CAACC,OAAO,CAACG,IAAI,IAAIL,OAAO;AAC9C"}

package/es/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/es/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/es/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/{cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.css → es/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 {
-  flex: 1 0 auto;
+.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/es/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/es/extensions/forms/{StepsLayout/style/dnb-steps-layout.scss → 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);
@@ -17,11 +17,12 @@
   }
 
   &__contents {
-    flex: 1 0 auto;
-  }
+    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/es/extensions/forms/Wizard/style/index.d.ts

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

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

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

package/es/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/es/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/es/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;