@dnb/eufemia 10.52.1 → 10.54.0

package/es/extensions/forms/hooks/usePath.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePath.js","names":["useCallback","useContext","useMemo","useId","SectionContext","IterateElementContext","usePath","props","_useContext","_useContext2","path","pathProp","itemPath","itemPathProp","id","sectionPath","iteratePathProp","index","iterateElementIndex","startsWith","Error","joinPath","paths","cleanPath","reduce","acc","cur","makeSectionPath","makeIteratePath","iteratePath","root","makePath","identifier","replace"],"sources":["../../../../../src/extensions/forms/hooks/usePath.ts"],"sourcesContent":["import { useCallback, useContext, useMemo } from 'react'\nimport { Path } from '../types'\nimport useId from '../../../shared/helpers/useId'\nimport SectionContext from '../Form/Section/SectionContext'\nimport IterateElementContext from '../Iterate/IterateItemContext'\n\nexport type Props = {\n  id?: string\n  path?: Path\n  itemPath?: Path\n}\n\nexport default function usePath(props: Props = {}) {\n  const { path: pathProp, itemPath: itemPathProp } = props\n  const id = useId(props.id)\n  const { path: sectionPath } = useContext(SectionContext) ?? {}\n  const { path: iteratePathProp, index: iterateElementIndex } =\n    useContext(IterateElementContext) ?? {}\n\n  if (pathProp && !pathProp.startsWith('/')) {\n    throw new Error(`path=\"${pathProp}\" must start with a slash`)\n  }\n  if (itemPathProp && !itemPathProp.startsWith('/')) {\n    throw new Error(`itemPath=\"${itemPathProp}\" must start with a slash`)\n  }\n\n  const joinPath = useCallback((paths: Array<Path>) => {\n    return cleanPath(\n      paths.reduce((acc, cur) => (cur ? `${acc}/${cur}` : acc), '/')\n    )\n  }, [])\n\n  const makeSectionPath = useCallback(\n    (path: Path) => {\n      return cleanPath(\n        `${sectionPath && sectionPath !== '/' ? sectionPath : ''}${path}`\n      )\n    },\n    [sectionPath]\n  )\n\n  const makeIteratePath = useCallback(\n    (\n      itemPath: Path = itemPathProp,\n      iteratePath: Path = iteratePathProp\n    ) => {\n      let root = ''\n\n      if (sectionPath) {\n        root = makeSectionPath('')\n      }\n\n      return cleanPath(\n        `${root}${iteratePath || ''}/${iterateElementIndex}${\n          itemPath || ''\n        }`\n      )\n    },\n    [\n      itemPathProp,\n      iteratePathProp,\n      sectionPath,\n      iterateElementIndex,\n      makeSectionPath,\n    ]\n  )\n\n  const itemPath = useMemo(() => {\n    if (itemPathProp) {\n      return makeIteratePath()\n    }\n  }, [itemPathProp, makeIteratePath])\n\n  const makePath = useCallback(\n    (path: Path) => {\n      if (itemPathProp) {\n        return itemPath\n      }\n\n      if (sectionPath) {\n        return makeSectionPath(path)\n      }\n\n      // Identifier is used is registries of multiple fields, like in the DataContext keeping track of errors\n      return path\n    },\n    [itemPathProp, sectionPath, itemPath, makeSectionPath]\n  )\n\n  const path = useMemo(() => {\n    return makePath(pathProp)\n  }, [makePath, pathProp])\n\n  const identifier = path ?? id\n  return {\n    identifier,\n    path,\n    itemPath,\n    joinPath,\n    makePath,\n    makeIteratePath,\n    makeSectionPath,\n  }\n}\n\n// Will remove duplicate slashes and trailing slashes\n// /foo///bar/// => /foo/bar\nfunction cleanPath(path: Path) {\n  return path.replace(/\\/+$|\\/(\\/)+/g, '$1')\n}\n"],"mappings":"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"}
+{"version":3,"file":"usePath.js","names":["useCallback","useContext","useMemo","useId","SectionContext","IterateElementContext","usePath","props","_useContext","_useContext2","path","pathProp","itemPath","itemPathProp","id","sectionPath","iteratePathProp","index","iterateElementIndex","startsWith","Error","joinPath","paths","cleanPath","reduce","acc","cur","makeSectionPath","makeIteratePath","iteratePath","root","makePath","identifier","replace"],"sources":["../../../../../src/extensions/forms/hooks/usePath.ts"],"sourcesContent":["import { useCallback, useContext, useMemo } from 'react'\nimport { Path } from '../types'\nimport useId from '../../../shared/helpers/useId'\nimport SectionContext from '../Form/Section/SectionContext'\nimport IterateElementContext from '../Iterate/IterateItemContext'\n\nexport type Props = {\n  id?: string\n  path?: Path\n  itemPath?: Path\n}\n\nexport default function usePath(props: Props = {}) {\n  const { path: pathProp, itemPath: itemPathProp } = props\n  const id = useId(props.id)\n  const { path: sectionPath } = useContext(SectionContext) ?? {}\n  const { path: iteratePathProp, index: iterateElementIndex } =\n    useContext(IterateElementContext) ?? {}\n\n  if (pathProp && !pathProp.startsWith('/')) {\n    throw new Error(`path=\"${pathProp}\" must start with a slash`)\n  }\n  if (itemPathProp && !itemPathProp.startsWith('/')) {\n    throw new Error(`itemPath=\"${itemPathProp}\" must start with a slash`)\n  }\n\n  const joinPath = useCallback((paths: Array<Path>) => {\n    return cleanPath(\n      paths.reduce((acc, cur) => (cur ? `${acc}/${cur}` : acc), '/')\n    )\n  }, [])\n\n  const makeSectionPath = useCallback(\n    (path: Path) => {\n      return cleanPath(\n        `${sectionPath && sectionPath !== '/' ? sectionPath : ''}${path}`\n      )\n    },\n    [sectionPath]\n  )\n\n  const makeIteratePath = useCallback(\n    (\n      itemPath: Path = itemPathProp,\n      iteratePath: Path = iteratePathProp\n    ) => {\n      let root = ''\n\n      if (sectionPath) {\n        root = makeSectionPath('')\n      }\n\n      return cleanPath(\n        `${root}${iteratePath || ''}/${iterateElementIndex}${\n          itemPath || ''\n        }`\n      )\n    },\n    [\n      itemPathProp,\n      iteratePathProp,\n      sectionPath,\n      iterateElementIndex,\n      makeSectionPath,\n    ]\n  )\n\n  const itemPath = useMemo(() => {\n    if (itemPathProp) {\n      return makeIteratePath()\n    }\n  }, [itemPathProp, makeIteratePath])\n\n  const makePath = useCallback(\n    (path: Path) => {\n      if (itemPathProp) {\n        return itemPath\n      }\n\n      if (sectionPath) {\n        return makeSectionPath(path)\n      }\n\n      // Identifier is used is registries of multiple fields, like in the DataContext keeping track of errors\n      return path\n    },\n    [itemPathProp, sectionPath, itemPath, makeSectionPath]\n  )\n\n  const path = useMemo(() => {\n    return makePath(pathProp)\n  }, [makePath, pathProp])\n\n  const identifier = path ?? id\n  return {\n    identifier,\n    path,\n    itemPath,\n    joinPath,\n    makePath,\n    makeIteratePath,\n    makeSectionPath,\n    cleanPath,\n  }\n}\n\n// Will remove duplicate slashes and trailing slashes\n// /foo///bar/// => /foo/bar\nfunction cleanPath(path: Path) {\n  return path.replace(/\\/+$|\\/(\\/)+/g, '$1')\n}\n"],"mappings":"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"}

package/es/extensions/forms/hooks/useProcessManager.js

@@ -4,7 +4,7 @@ import { useRef, useCallback } from 'react';
 export default function useProcessManager() {
   const tokenRef = useRef();
   const startProcess = useCallback(() => {
-    const processToken = Math.round(Math.random() * 1000000000);
+    const processToken = Math.floor(Math.random() * 100000);
     tokenRef.current = processToken;
     const isProcessActive = () => tokenRef.current === processToken;
     return isProcessActive;

package/es/extensions/forms/hooks/useProcessManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"useProcessManager.js","names":["useRef","useCallback","useProcessManager","tokenRef","startProcess","processToken","Math","round","random","current","isProcessActive"],"sources":["../../../../../src/extensions/forms/hooks/useProcessManager.ts"],"sourcesContent":["import { useRef, useCallback } from 'react'\n\n/**\n * Keep track of possible parallel processes to avoid issues\n */\nexport default function useProcessManager() {\n  const tokenRef = useRef<number>()\n\n  const startProcess = useCallback(() => {\n    const processToken = Math.round(Math.random() * 1000000000)\n    tokenRef.current = processToken\n\n    // If another process was started after this one code can skip further steps to avoid race conditions\n    // that could lead to overwriting state in the wrong order.\n    const isProcessActive = () => tokenRef.current === processToken\n\n    return isProcessActive\n  }, [])\n\n  return {\n    startProcess,\n  }\n}\n"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,WAAW,QAAQ,OAAO;AAK3C,eAAe,SAASC,iBAAiBA,CAAA,EAAG;EAC1C,MAAMC,QAAQ,GAAGH,MAAM,CAAS,CAAC;EAEjC,MAAMI,YAAY,GAAGH,WAAW,CAAC,MAAM;IACrC,MAAMI,YAAY,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,UAAU,CAAC;IAC3DL,QAAQ,CAACM,OAAO,GAAGJ,YAAY;IAI/B,MAAMK,eAAe,GAAGA,CAAA,KAAMP,QAAQ,CAACM,OAAO,KAAKJ,YAAY;IAE/D,OAAOK,eAAe;EACxB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLN;EACF,CAAC;AACH"}
+{"version":3,"file":"useProcessManager.js","names":["useRef","useCallback","useProcessManager","tokenRef","startProcess","processToken","Math","floor","random","current","isProcessActive"],"sources":["../../../../../src/extensions/forms/hooks/useProcessManager.ts"],"sourcesContent":["import { useRef, useCallback } from 'react'\n\n/**\n * Keep track of possible parallel processes to avoid issues\n */\nexport default function useProcessManager() {\n  const tokenRef = useRef<number>()\n\n  const startProcess = useCallback(() => {\n    const processToken = Math.floor(Math.random() * 100000)\n    tokenRef.current = processToken\n\n    // If another process was started after this one code can skip further steps to avoid race conditions\n    // that could lead to overwriting state in the wrong order.\n    const isProcessActive = () => tokenRef.current === processToken\n\n    return isProcessActive\n  }, [])\n\n  return {\n    startProcess,\n  }\n}\n"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,WAAW,QAAQ,OAAO;AAK3C,eAAe,SAASC,iBAAiBA,CAAA,EAAG;EAC1C,MAAMC,QAAQ,GAAGH,MAAM,CAAS,CAAC;EAEjC,MAAMI,YAAY,GAAGH,WAAW,CAAC,MAAM;IACrC,MAAMI,YAAY,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC;IACvDL,QAAQ,CAACM,OAAO,GAAGJ,YAAY;IAI/B,MAAMK,eAAe,GAAGA,CAAA,KAAMP,QAAQ,CAACM,OAAO,KAAKJ,YAAY;IAE/D,OAAOK,eAAe;EACxB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLN;EACF,CAAC;AACH"}

package/es/extensions/forms/hooks/useTranslation.d.ts

@@ -1,3 +1,5 @@
+import { TranslationObjectToFlat } from '../../../shared/Context';
+import { AdditionalReturnUtils } from '../../../shared/useTranslation';
 import { DeepPartial } from '../../../shared/types';
 import formsLocales from '../constants/locales';
 export type FormsTranslationDefaultLocales = typeof formsLocales;
@@ -5,6 +7,7 @@ export type FormsTranslationLocale = keyof FormsTranslationDefaultLocales;
 export type FormsTranslationKeys = keyof FormsTranslationDefaultLocales[FormsTranslationLocale];
 export type FormsTranslationValues = FormsTranslationDefaultLocales[FormsTranslationLocale];
 export type FormsTranslation = DeepPartial<FormsTranslationDefaultLocales[FormsTranslationLocale]>;
+export type FormsTranslationFlat = TranslationObjectToFlat<FormsTranslation>;
 type CustomLocales = Partial<Record<FormsTranslationLocale, FormsTranslation>>;
-export default function useTranslation<T = FormsTranslation>(messages?: FormsTranslation | CustomLocales | Record<FormsTranslationLocale, T>): T;
+export default function useTranslation<T = FormsTranslation>(messages?: FormsTranslation | CustomLocales | Record<FormsTranslationLocale, T>): T & AdditionalReturnUtils;
 export {};

package/es/extensions/forms/hooks/useTranslation.js

@@ -2,7 +2,7 @@
 
 import { useMemo, useContext } from 'react';
 import SharedContext from '../../../shared/Context';
-import { combineWithExternalTranslations } from '../../../shared/useTranslation';
+import { combineWithExternalTranslations, useAdditionalUtils } from '../../../shared/useTranslation';
 import { extendDeep } from '../../../shared/component-helper';
 import { LOCALE } from '../../../shared/defaults';
 import formsLocales from '../constants/locales';
@@ -11,13 +11,16 @@ export default function useTranslation(messages) {
     locale,
     translation: globalTranslation
   } = useContext(SharedContext);
+  const {
+    assignUtils
+  } = useAdditionalUtils();
   return useMemo(() => {
     const translation = extendDeep({}, formsLocales[locale] || formsLocales[LOCALE], globalTranslation);
-    return combineWithExternalTranslations({
+    return assignUtils(combineWithExternalTranslations({
       translation,
       messages,
       locale
-    });
-  }, [globalTranslation, locale, messages]);
+    }));
+  }, [assignUtils, globalTranslation, locale, messages]);
 }
 //# sourceMappingURL=useTranslation.js.map

package/es/extensions/forms/hooks/useTranslation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTranslation.js","names":["useMemo","useContext","SharedContext","combineWithExternalTranslations","extendDeep","LOCALE","formsLocales","useTranslation","messages","locale","translation","globalTranslation"],"sources":["../../../../../src/extensions/forms/hooks/useTranslation.tsx"],"sourcesContent":["import { useMemo, useContext } from 'react'\nimport SharedContext from '../../../shared/Context'\nimport { combineWithExternalTranslations } from '../../../shared/useTranslation'\nimport { extendDeep } from '../../../shared/component-helper'\nimport { DeepPartial } from '../../../shared/types'\nimport { LOCALE } from '../../../shared/defaults'\nimport formsLocales from '../constants/locales'\n\nexport type FormsTranslationDefaultLocales = typeof formsLocales\nexport type FormsTranslationLocale = keyof FormsTranslationDefaultLocales\nexport type FormsTranslationKeys =\n  keyof FormsTranslationDefaultLocales[FormsTranslationLocale]\nexport type FormsTranslationValues =\n  FormsTranslationDefaultLocales[FormsTranslationLocale]\nexport type FormsTranslation = DeepPartial<\n  FormsTranslationDefaultLocales[FormsTranslationLocale]\n>\n\ntype CustomLocales = Partial<\n  Record<FormsTranslationLocale, FormsTranslation>\n>\n\nexport default function useTranslation<T = FormsTranslation>(\n  messages?:\n    | FormsTranslation\n    | CustomLocales\n    | Record<FormsTranslationLocale, T>\n) {\n  const { locale, translation: globalTranslation } =\n    useContext(SharedContext)\n\n  return useMemo(() => {\n    const translation = extendDeep(\n      {},\n      formsLocales[locale] || formsLocales[LOCALE],\n      globalTranslation\n    )\n\n    return combineWithExternalTranslations({\n      translation,\n      messages,\n      locale,\n    }) as T\n  }, [globalTranslation, locale, messages])\n}\n"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,UAAU,QAAQ,OAAO;AAC3C,OAAOC,aAAa,MAAM,yBAAyB;AACnD,SAASC,+BAA+B,QAAQ,gCAAgC;AAChF,SAASC,UAAU,QAAQ,kCAAkC;AAE7D,SAASC,MAAM,QAAQ,0BAA0B;AACjD,OAAOC,YAAY,MAAM,sBAAsB;AAgB/C,eAAe,SAASC,cAAcA,CACpCC,QAGqC,EACrC;EACA,MAAM;IAAEC,MAAM;IAAEC,WAAW,EAAEC;EAAkB,CAAC,GAC9CV,UAAU,CAACC,aAAa,CAAC;EAE3B,OAAOF,OAAO,CAAC,MAAM;IACnB,MAAMU,WAAW,GAAGN,UAAU,CAC5B,CAAC,CAAC,EACFE,YAAY,CAACG,MAAM,CAAC,IAAIH,YAAY,CAACD,MAAM,CAAC,EAC5CM,iBACF,CAAC;IAED,OAAOR,+BAA+B,CAAC;MACrCO,WAAW;MACXF,QAAQ;MACRC;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACE,iBAAiB,EAAEF,MAAM,EAAED,QAAQ,CAAC,CAAC;AAC3C"}
+{"version":3,"file":"useTranslation.js","names":["useMemo","useContext","SharedContext","combineWithExternalTranslations","useAdditionalUtils","extendDeep","LOCALE","formsLocales","useTranslation","messages","locale","translation","globalTranslation","assignUtils"],"sources":["../../../../../src/extensions/forms/hooks/useTranslation.tsx"],"sourcesContent":["import { useMemo, useContext } from 'react'\nimport SharedContext, {\n  TranslationObjectToFlat,\n} from '../../../shared/Context'\nimport {\n  combineWithExternalTranslations,\n  AdditionalReturnUtils,\n  useAdditionalUtils,\n} from '../../../shared/useTranslation'\nimport { extendDeep } from '../../../shared/component-helper'\nimport { DeepPartial } from '../../../shared/types'\nimport { LOCALE } from '../../../shared/defaults'\nimport formsLocales from '../constants/locales'\n\nexport type FormsTranslationDefaultLocales = typeof formsLocales\nexport type FormsTranslationLocale = keyof FormsTranslationDefaultLocales\nexport type FormsTranslationKeys =\n  keyof FormsTranslationDefaultLocales[FormsTranslationLocale]\nexport type FormsTranslationValues =\n  FormsTranslationDefaultLocales[FormsTranslationLocale]\nexport type FormsTranslation = DeepPartial<\n  FormsTranslationDefaultLocales[FormsTranslationLocale]\n>\nexport type FormsTranslationFlat =\n  TranslationObjectToFlat<FormsTranslation>\n\ntype CustomLocales = Partial<\n  Record<FormsTranslationLocale, FormsTranslation>\n>\n\nexport default function useTranslation<T = FormsTranslation>(\n  messages?:\n    | FormsTranslation\n    | CustomLocales\n    | Record<FormsTranslationLocale, T>\n) {\n  const { locale, translation: globalTranslation } =\n    useContext(SharedContext)\n  const { assignUtils } = useAdditionalUtils()\n\n  return useMemo(() => {\n    const translation = extendDeep(\n      {},\n      formsLocales[locale] || formsLocales[LOCALE],\n      globalTranslation\n    )\n\n    return assignUtils(\n      combineWithExternalTranslations({\n        translation,\n        messages,\n        locale,\n      })\n    ) as T & AdditionalReturnUtils\n  }, [assignUtils, globalTranslation, locale, messages])\n}\n"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,UAAU,QAAQ,OAAO;AAC3C,OAAOC,aAAa,MAEb,yBAAyB;AAChC,SACEC,+BAA+B,EAE/BC,kBAAkB,QACb,gCAAgC;AACvC,SAASC,UAAU,QAAQ,kCAAkC;AAE7D,SAASC,MAAM,QAAQ,0BAA0B;AACjD,OAAOC,YAAY,MAAM,sBAAsB;AAkB/C,eAAe,SAASC,cAAcA,CACpCC,QAGqC,EACrC;EACA,MAAM;IAAEC,MAAM;IAAEC,WAAW,EAAEC;EAAkB,CAAC,GAC9CX,UAAU,CAACC,aAAa,CAAC;EAC3B,MAAM;IAAEW;EAAY,CAAC,GAAGT,kBAAkB,CAAC,CAAC;EAE5C,OAAOJ,OAAO,CAAC,MAAM;IACnB,MAAMW,WAAW,GAAGN,UAAU,CAC5B,CAAC,CAAC,EACFE,YAAY,CAACG,MAAM,CAAC,IAAIH,YAAY,CAACD,MAAM,CAAC,EAC5CM,iBACF,CAAC;IAED,OAAOC,WAAW,CAChBV,+BAA+B,CAAC;MAC9BQ,WAAW;MACXF,QAAQ;MACRC;IACF,CAAC,CACH,CAAC;EACH,CAAC,EAAE,CAACG,WAAW,EAAED,iBAAiB,EAAEF,MAAM,EAAED,QAAQ,CAAC,CAAC;AACxD"}

package/es/extensions/forms/hooks/useValueProps.d.ts

@@ -1,3 +1,3 @@
 import { ValueProps } from '../types';
 export type Props<Value> = ValueProps<Value>;
-export default function useValueProps<Value = unknown, Props extends ValueProps<Value> = ValueProps<Value>>(localeProps: Props): Props & ValueProps<Value>;
+export default function useValueProps<Value = unknown, Props extends ValueProps<Value> = ValueProps<Value>>(localProps: Props): Props & ValueProps<Value>;

package/es/extensions/forms/hooks/useValueProps.js

@@ -12,13 +12,13 @@ import ValueProviderContext from '../Value/Provider/ValueProviderContext';
 const transformLabelParameters = {
   convertJsxToString
 };
-export default function useValueProps(localeProps) {
+export default function useValueProps(localProps) {
   var _useExternalValue, _props$label, _fieldPropsRef$curren, _fieldPropsRef$curren2;
   const [, forceUpdate] = useReducer(() => ({}), {});
   const {
     extend
   } = useContext(ValueProviderContext);
-  const props = extend(localeProps);
+  const props = extend(localProps);
   const {
     path: pathProp,
     value: valueProp,

package/es/extensions/forms/hooks/useValueProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useValueProps.js","names":["useCallback","useContext","useEffect","useReducer","useRef","convertJsxToString","useExternalValue","usePath","DataContext","ValueProviderContext","transformLabelParameters","useValueProps","localeProps","_useExternalValue","_props$label","_fieldPropsRef$curren","_fieldPropsRef$curren2","forceUpdate","extend","props","path","pathProp","value","valueProp","itemPath","defaultValue","inheritVisibility","inheritLabel","transformLabel","label","transformIn","toInput","fromExternal","transformers","externalValue","fieldPropsRef","mountedFieldsRef","setValueProps","setFieldEventListener","requestAnimationFrame","shouldBeVisible","_mountedFieldsRef$cur","item","current","isVisible","isPreMounted","wasStepChange","undefined","_objectSpread"],"sources":["../../../../../src/extensions/forms/hooks/useValueProps.ts"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useRef,\n} from 'react'\nimport { Path, ValueProps } from '../types'\nimport { convertJsxToString } from '../../../shared/component-helper'\nimport useExternalValue from './useExternalValue'\nimport usePath from './usePath'\nimport DataContext from '../DataContext/Context'\nimport ValueProviderContext from '../Value/Provider/ValueProviderContext'\n\nexport type Props<Value> = ValueProps<Value>\n\nconst transformLabelParameters = {\n  convertJsxToString,\n} as unknown as Parameters<Props<unknown>['transformLabel']>[1]\n\nexport default function useValueProps<\n  Value = unknown,\n  Props extends ValueProps<Value> = ValueProps<Value>,\n>(localeProps: Props): Props & ValueProps<Value> {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const { extend } = useContext(ValueProviderContext)\n  const props = extend(localeProps)\n\n  const {\n    path: pathProp,\n    value: valueProp,\n    itemPath,\n    defaultValue,\n    inheritVisibility,\n    inheritLabel,\n    transformLabel = (label: Props['label']) => label,\n    transformIn = (value: Value) => value,\n    toInput = (value: Value) => value,\n    fromExternal = (value: Value) => value,\n  } = props\n\n  const transformers = useRef({\n    transformIn,\n    toInput,\n    fromExternal,\n  })\n\n  const { path } = usePath({ path: pathProp, itemPath })\n\n  const externalValue =\n    useExternalValue<Value>({\n      path,\n      itemPath,\n      value: valueProp,\n      transformers,\n    }) ?? defaultValue\n\n  const {\n    fieldPropsRef,\n    mountedFieldsRef,\n    setValueProps,\n    setFieldEventListener,\n  } = useContext(DataContext) || {}\n  setValueProps?.(path, props)\n\n  useEffect(() => {\n    if (inheritLabel || inheritVisibility) {\n      setFieldEventListener?.(path, 'onMount', () => {\n        // This is needed to make values, rendered before the field, to get the correct visibility state\n        requestAnimationFrame(forceUpdate)\n      })\n    }\n  }, [setFieldEventListener, path, inheritVisibility, inheritLabel])\n\n  const shouldBeVisible = useCallback(\n    (path: Path): boolean => {\n      const item = mountedFieldsRef?.current?.[path]\n\n      if (!item || !inheritVisibility) {\n        return true\n      }\n\n      return (\n        item.isVisible !== false &&\n        (item.isPreMounted !== false || item.wasStepChange === true)\n      )\n    },\n    [inheritVisibility, mountedFieldsRef]\n  )\n\n  const value = shouldBeVisible(path)\n    ? transformIn(toInput(externalValue))\n    : undefined\n\n  const label = transformLabel(\n    props.label ??\n      (inheritLabel ? fieldPropsRef?.current?.[path]?.label : undefined),\n    transformLabelParameters\n  )\n\n  return { ...props, label, value }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useValueProps.js","names":["useCallback","useContext","useEffect","useReducer","useRef","convertJsxToString","useExternalValue","usePath","DataContext","ValueProviderContext","transformLabelParameters","useValueProps","localProps","_useExternalValue","_props$label","_fieldPropsRef$curren","_fieldPropsRef$curren2","forceUpdate","extend","props","path","pathProp","value","valueProp","itemPath","defaultValue","inheritVisibility","inheritLabel","transformLabel","label","transformIn","toInput","fromExternal","transformers","externalValue","fieldPropsRef","mountedFieldsRef","setValueProps","setFieldEventListener","requestAnimationFrame","shouldBeVisible","_mountedFieldsRef$cur","item","current","isVisible","isPreMounted","wasStepChange","undefined","_objectSpread"],"sources":["../../../../../src/extensions/forms/hooks/useValueProps.ts"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useRef,\n} from 'react'\nimport { Path, ValueProps } from '../types'\nimport { convertJsxToString } from '../../../shared/component-helper'\nimport useExternalValue from './useExternalValue'\nimport usePath from './usePath'\nimport DataContext from '../DataContext/Context'\nimport ValueProviderContext from '../Value/Provider/ValueProviderContext'\n\nexport type Props<Value> = ValueProps<Value>\n\nconst transformLabelParameters = {\n  convertJsxToString,\n} as unknown as Parameters<Props<unknown>['transformLabel']>[1]\n\nexport default function useValueProps<\n  Value = unknown,\n  Props extends ValueProps<Value> = ValueProps<Value>,\n>(localProps: Props): Props & ValueProps<Value> {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const { extend } = useContext(ValueProviderContext)\n  const props = extend(localProps)\n\n  const {\n    path: pathProp,\n    value: valueProp,\n    itemPath,\n    defaultValue,\n    inheritVisibility,\n    inheritLabel,\n    transformLabel = (label: Props['label']) => label,\n    transformIn = (value: Value) => value,\n    toInput = (value: Value) => value,\n    fromExternal = (value: Value) => value,\n  } = props\n\n  const transformers = useRef({\n    transformIn,\n    toInput,\n    fromExternal,\n  })\n\n  const { path } = usePath({ path: pathProp, itemPath })\n\n  const externalValue =\n    useExternalValue<Value>({\n      path,\n      itemPath,\n      value: valueProp,\n      transformers,\n    }) ?? defaultValue\n\n  const {\n    fieldPropsRef,\n    mountedFieldsRef,\n    setValueProps,\n    setFieldEventListener,\n  } = useContext(DataContext) || {}\n  setValueProps?.(path, props)\n\n  useEffect(() => {\n    if (inheritLabel || inheritVisibility) {\n      setFieldEventListener?.(path, 'onMount', () => {\n        // This is needed to make values, rendered before the field, to get the correct visibility state\n        requestAnimationFrame(forceUpdate)\n      })\n    }\n  }, [setFieldEventListener, path, inheritVisibility, inheritLabel])\n\n  const shouldBeVisible = useCallback(\n    (path: Path): boolean => {\n      const item = mountedFieldsRef?.current?.[path]\n\n      if (!item || !inheritVisibility) {\n        return true\n      }\n\n      return (\n        item.isVisible !== false &&\n        (item.isPreMounted !== false || item.wasStepChange === true)\n      )\n    },\n    [inheritVisibility, mountedFieldsRef]\n  )\n\n  const value = shouldBeVisible(path)\n    ? transformIn(toInput(externalValue))\n    : undefined\n\n  const label = transformLabel(\n    props.label ??\n      (inheritLabel ? fieldPropsRef?.current?.[path]?.label : undefined),\n    transformLabelParameters\n  )\n\n  return { ...props, label, value }\n}\n"],"mappings":"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"}

package/es/extensions/forms/style/dnb-forms.css

@@ -285,6 +285,9 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   flex-grow: 1;
 }
 @media screen and (min-width: 25.00625em) {
+  .dnb-forms-field-block--width-custom {
+    width: calc(var(--dnb-forms-field-block-width));
+  }
   .dnb-forms-field-block--width-small {
     width: var(--forms-field-width--small);
   }
@@ -324,6 +327,9 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   width: 100%;
 }
 @media screen and (min-width: 25.00625em) {
+  .dnb-forms-field-block__contents--width-custom {
+    width: calc(var(--dnb-forms-field-block-content-width));
+  }
   .dnb-forms-field-block__contents--width-small {
     width: var(--forms-field-width--small);
   }
@@ -705,11 +711,6 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
     transform: translate3d(0, 0, 0);
   }
 }
-@media screen and (min-width: 40.00625em) {
-  .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-wizard-layout {
     flex-direction: column;
@@ -726,7 +727,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 
 @media screen and (min-width: 60.00625em) {
   .dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status {
-    margin-left: 23rem;
+    margin-left: 21.5rem;
   }
 }
 .dnb-forms-test-element {

package/es/extensions/forms/style/dnb-forms.min.css

@@ -1 +1 @@
-@charset "UTF-8";.dnb-forms-field-array-selection{--row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--row-gap)}.dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-array-selection--variant-checkbox.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{row-gap:0}.dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{line-height:2.5rem}.dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--row-gap)}@media screen and (min-width:40.00625em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents{display:flex}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25.00625em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40.00625em){.dnb-card+.dnb-button--primary:not([class*=space__left]),.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40.00625em){.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-section-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-section-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;margin-bottom:var(--space);outline:none;padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block--variant-basic .dnb-forms-section-block__inner,.dnb-forms-section-block__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-forms-section-block--variant-outline .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-submit-indicator{--padding-left:0.5em;display:inline}.dnb-forms-submit-indicator__content{font-size:0;line-height:1em;transition:font-size .8s var(--easing-default);will-change:font-size}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;font-weight:var(--font-weight-bold)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon{color:var(--color-success-green);padding-left:var(--padding-left)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon--default{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content__label{font-size:var(--font-size-small);padding-left:calc(var(--padding-left)*2)}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.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__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (min-width:40.00625em){.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}@media screen and (min-width:60.00625em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:23rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}
+@charset "UTF-8";.dnb-forms-field-array-selection{--row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--row-gap)}.dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-array-selection--variant-checkbox.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{row-gap:0}.dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{line-height:2.5rem}.dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--row-gap)}@media screen and (min-width:40.00625em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents{display:flex}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25.00625em){.dnb-forms-field-block--width-custom{width:calc(var(--dnb-forms-field-block-width))}.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents--width-custom{width:calc(var(--dnb-forms-field-block-content-width))}.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40.00625em){.dnb-card+.dnb-button--primary:not([class*=space__left]),.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40.00625em){.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-section-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-section-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;margin-bottom:var(--space);outline:none;padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block--variant-basic .dnb-forms-section-block__inner,.dnb-forms-section-block__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-forms-section-block--variant-outline .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-submit-indicator{--padding-left:0.5em;display:inline}.dnb-forms-submit-indicator__content{font-size:0;line-height:1em;transition:font-size .8s var(--easing-default);will-change:font-size}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;font-weight:var(--font-weight-bold)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon{color:var(--color-success-green);padding-left:var(--padding-left)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon--default{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content__label{font-size:var(--font-size-small);padding-left:calc(var(--padding-left)*2)}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.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__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@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}@media screen and (min-width:60.00625em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:21.5rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}

package/es/extensions/forms/types.d.ts

@@ -1,9 +1,10 @@
+import type { AriaAttributes } from 'react';
 import type { SpacingProps } from '../../components/space/types';
+import type { FilterData, TransformData, VisibleDataOptions } from './DataContext';
 import type { JSONSchema4, JSONSchema6, JSONSchema7 } from 'json-schema';
 import type { JSONSchemaType } from 'ajv/dist/2020';
-import { JsonObject } from './utils/json-pointer';
-import { AriaAttributes } from 'react';
-import { FilterData, VisibleDataOptions } from './DataContext';
+import { JsonObject, FormError } from './utils';
+import { FormsTranslationFlat, FormsTranslationLocale } from './hooks/useTranslation';
 export type * from 'json-schema';
 export type JSONSchema = JSONSchema7;
 export type AllJSONSchemaVersionsBasis<DataType> = JSONSchema4 | JSONSchema6 | JSONSchema7 | JSONSchemaType<DataType>;
@@ -11,8 +12,6 @@ export type AllJSONSchemaVersions<DataType = unknown> = AllJSONSchemaVersionsBas
     required?: readonly string[];
 });
 export { JSONSchemaType };
-type ValidationRule = 'type' | 'pattern' | 'required' | string;
-type MessageValues = Record<string, string>;
 export type ValidatorReturnSync<Value> = Error | undefined | void | Array<Validator<Value>>;
 export type ValidatorReturnAsync<Value> = ValidatorReturnSync<Value> | Promise<ValidatorReturnSync<Value>>;
 export type Validator<Value, ErrorMessages = DefaultErrorMessages> = (value: Value, additionalArgs?: ValidatorAdditionalArgs<Value, ErrorMessages>) => ValidatorReturnAsync<Value>;
@@ -34,44 +33,66 @@ export type ValidatorAdditionalArgs<Value, ErrorMessages = DefaultErrorMessages>
     validators: Record<string, Validator<Value>>;
 } & {
     /** @deprecated use the error messages from the { errorMessages } object instead. */
-    pattern: string;
+    pattern?: string;
     /** @deprecated use the error messages from the { errorMessages } object instead. */
-    required: string;
+    required?: string;
 };
-interface IFormErrorOptions {
-    validationRule?: ValidationRule;
-    messageValues?: MessageValues;
-}
 /**
- * Standard error object for Eufemia Forms, extending the built-in error with additional information for data handling
+ * Accept any key, so custom message keys can be used
+ * including the path to the field the message is for
  */
-export declare class FormError extends Error {
-    /**
-     * What validation rule did the error occur based on? (i.e: minLength, required or maximum)
-     */
-    validationRule?: ValidationRule;
-    /**
-     * Replacement values relevant for this error.
-     * @example { minLength: 3 } to be able to replace values in a message like "Minimum {minLength} characters"
-     */
-    messageValues?: MessageValues;
-    constructor(message: string, options?: IFormErrorOptions);
-}
+export type GlobalErrorMessagesWithPaths = VariousErrorMessages | {
+    [K in `/${string}`]?: VariousErrorMessages;
+};
 /**
- * Accept any key, so custom message keys can be used
+ * 'MyCustom.message': 'Your custom message'
  */
-export type CustomErrorMessages = Record<string, string>;
+export type DotNotationErrorMessages = Record<`${string}` | `${string}.${string}`, string>;
 /**
- * Accept any key, so custom message keys can be used
- * including the path to the field the message is for
+ * { 'nb-NO': { 'Field.errorRequired': 'Dette feltet er påkrevd' } }
  */
-export type CustomErrorMessagesWithPaths = CustomErrorMessages | {
-    [K in `/${string}`]?: CustomErrorMessages;
-};
-export interface DefaultErrorMessages {
+export type ErrorMessagesWithLocaleSupport = Record<FormsTranslationLocale, DefaultErrorMessages>;
+export type InternalErrorMessages = Record<FormsTranslationFlat, string>;
+export type DefaultErrorMessages = Partial<InternalErrorMessages> & Partial<DotNotationErrorMessages> & Partial<DeprecatedErrorMessages>;
+export type VariousErrorMessages = DefaultErrorMessages | ErrorMessagesWithLocaleSupport;
+export type DeprecatedErrorMessages = {
+    /**
+     * @deprecated Use translation keys as the message instead of this parameter (e.g. Field.errorRequired)
+     */
     required?: string;
+    /**
+     * @deprecated Use translation keys as the message instead of this parameter (e.g. Field.errorPattern)
+     */
     pattern?: string;
-}
+    /**
+     * @deprecated use StringField.errorMinLength instead
+     */
+    minLength?: string;
+    /**
+     * @deprecated use StringField.errorMaxLength instead
+     */
+    maxLength?: string;
+    /**
+     * @deprecated use NumberField.errorMinimum instead
+     */
+    minimum?: string;
+    /**
+     * @deprecated use NumberField.errorMaximum instead
+     */
+    maximum?: string;
+    /**
+     * @deprecated use NumberField.errorExclusiveMinimum instead
+     */
+    exclusiveMinimum?: string;
+    /**
+     * @deprecated use NumberField.errorExclusiveMaximum instead
+     */
+    exclusiveMaximum?: string;
+    /**
+     * @deprecated use NumberField.errorMultipleOf instead
+     */
+    multipleOf?: string;
+};
 export interface DataValueReadProps<Value = unknown> {
     /** JSON Pointer for where the data for this field is located in the source dataset */
     path?: Path;
@@ -127,7 +148,8 @@ export type FieldBlockProps = {
 /**
  * The width of a field block
  */
-export type FieldBlockWidth = false | 'small' | 'medium' | 'large' | 'stretch';
+export type CustomWidth = `${number}rem`;
+export type FieldBlockWidth = false | 'small' | 'medium' | 'large' | 'stretch' | CustomWidth;
 export interface UseFieldProps<Value = unknown, EmptyValue = undefined | unknown, ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages> extends DataValueReadWriteComponentProps<Value, EmptyValue>, AriaAttributes {
     /**
      * ID added to the actual field component, and linked to the label via for-attribute
@@ -181,7 +203,7 @@ export interface UseFieldProps<Value = unknown, EmptyValue = undefined | unknown
      */
     errorMessages?: ErrorMessages;
     /**
-     * Transforms the `value` before its displayed in the field (e.g. input).
+     * Transforms the `value` before it's displayed in the field (e.g. input).
      * Public API. Should not be used internally.
      */
     transformIn?: (external: unknown) => Value;
@@ -260,7 +282,7 @@ export interface ValueProps<Value = unknown> extends DataValueReadComponentProps
      */
     transformLabel?: (label: React.ReactNode, convertJsxToString: (label: React.ReactNode) => string) => React.ReactNode;
     /**
-     * Transforms the `value` before its displayed in the field (e.g. input).
+     * Transforms the `value` before it's displayed in the field (e.g. input).
      * Public API. Should not be used internally.
      */
     transformIn?: (external: Value | unknown) => Value | unknown;
@@ -334,6 +356,8 @@ export type EventReturnWithStateObjectAndSuccess = Error | EventStateObjectWithS
 export type OnSubmitParams = {
     /** Will remove data entries of fields that are not visible */
     reduceToVisibleFields: (data: JsonObject, options?: VisibleDataOptions) => Partial<JsonObject>;
+    /** Will call the given function for each data path. The returned `value` will replace each data entry. It's up to you to define the shape of the value. */
+    transformData: (data: JsonObject, handler: TransformData) => TransformData;
     /** Will filter data based on the given "filterDataHandler" method */
     filterData: (filterDataHandler: FilterData) => Partial<JsonObject>;
     /** Will remove browser-side stored autocomplete data  */
@@ -342,7 +366,7 @@ export type OnSubmitParams = {
     clearData: () => void;
 };
 export type OnSubmitReturn = EventReturnWithStateObject | void | Promise<EventReturnWithStateObject | void>;
-export type OnSubmit<Data = JsonObject> = (data: Data, { reduceToVisibleFields, filterData, resetForm, clearData, }: OnSubmitParams) => OnSubmitReturn;
+export type OnSubmit<Data = JsonObject> = (data: Data, { reduceToVisibleFields, transformData, filterData, resetForm, clearData, }: OnSubmitParams) => OnSubmitReturn;
 export type OnCommit<Data = JsonObject> = (data: Data, { clearData, preventCommit, }: {
     clearData: () => void;
     preventCommit?: () => void;

package/es/extensions/forms/types.js

@@ -1,16 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-export class FormError extends Error {
-  constructor(message, options) {
-    super(message);
-    _defineProperty(this, "validationRule", void 0);
-    _defineProperty(this, "messageValues", void 0);
-    if (options) {
-      for (const key in options) {
-        this[key] = options[key];
-      }
-    }
-  }
-}
 const dataValueReadProps = ['path', 'itemPath', 'value'];
 export function pickDataValueReadProps(props) {
   return Object.fromEntries(Object.entries(props !== null && props !== void 0 ? props : {}).filter(([key]) => dataValueReadProps.includes(key)));