@dnb/eufemia 10.37.0 → 10.39.0

package/cjs/extensions/forms/Form/Visibility/Visibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"Visibility.js","names":["_react","_interopRequireDefault","require","_helpers","_useMountEffect","_HeightAnimation","_FieldProps","_useVisibility","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","visibleWhen","visibleWhenNot","inferData","filterData","animate","keepInDOM","fieldPropsWhenHidden","children","rest","useMountEffect","warn","check","useVisibility","open","props","createElement","Boolean","className","hidden","Fragment","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react'\n\nimport { warn } from '../../../../shared/helpers'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport HeightAnimation, {\n  HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\nimport FieldProps from '../FieldProps'\nimport useVisibility from './useVisibility'\n\nimport type { UseFieldProps } from '../../types'\nimport type { DataAttributes } from '../../hooks/useFieldProps'\nimport { FilterData } from '../../DataContext'\n\nexport type VisibleWhen =\n  | {\n      path: string\n      hasValue: unknown\n    }\n  | {\n      path: string\n      withValue: (value: unknown) => boolean\n    }\n\nexport type Props = {\n  visible?: boolean\n  /** Given data context path must be defined to show children */\n  pathDefined?: string\n  /** Given data context path must be undefined to show children */\n  pathUndefined?: string\n  /** Given data context path must be truthy to show children */\n  pathTruthy?: string\n  /** Given data context path must be falsy to show children */\n  pathFalsy?: string\n  /** Given data context path must be true to show children */\n  pathTrue?: string\n  /** Given data context path must be false to show children */\n  pathFalse?: string\n  /** Provide a `path` and a `hasValue` property with the excepted value in order to show children. You can alternatively provide a `withValue` function that returns a boolean. The first parameter is the value of the path. */\n  visibleWhen?: VisibleWhen\n  /** Same as `visibleWhen`, but with inverted logic. */\n  visibleWhenNot?: VisibleWhen\n  /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */\n  inferData?: (data: unknown) => boolean\n  /** Filter data based on provided criteria. The first parameter is the path, the second is the value, and the third is the props, and the fourth is the internal. Return false to filter out the data. */\n  filterData?: FilterData\n  /** Animate the visibility change */\n  animate?: boolean\n  /** Keep the content in the DOM, even if it's not visible */\n  keepInDOM?: boolean\n  /** When visibility is hidden, and `keepInDOM` is true, pass these props to the children */\n  fieldPropsWhenHidden?: UseFieldProps & DataAttributes & AriaAttributes\n  element?: HeightAnimationProps['element']\n  children: React.ReactNode\n\n  /** @deprecated Use `visibleWhen` instead */\n  pathValue?: string\n  /** @deprecated Use `visibleWhen` instead */\n  whenValue?: unknown\n}\n\nfunction Visibility({\n  visible,\n  pathDefined,\n  pathUndefined,\n  pathTruthy,\n  pathFalsy,\n  pathTrue,\n  pathFalse,\n  pathValue,\n  whenValue,\n  visibleWhen,\n  visibleWhenNot,\n  inferData,\n  filterData,\n  animate,\n  keepInDOM,\n  fieldPropsWhenHidden,\n  children,\n  ...rest\n}: Props) {\n  useMountEffect(() => {\n    if (fieldPropsWhenHidden && !keepInDOM) {\n      warn('Using \"fieldPropsWhenHidden\" requires \"keepInDOM\" to be true.')\n    }\n  })\n\n  const { check } = useVisibility({\n    visible,\n    pathDefined,\n    pathUndefined,\n    pathTruthy,\n    pathFalsy,\n    pathTrue,\n    pathFalse,\n    pathValue,\n    whenValue,\n    visibleWhen,\n    visibleWhenNot,\n    inferData,\n    filterData,\n  })\n  const open = check()\n\n  if (animate) {\n    const props = !open ? fieldPropsWhenHidden : null\n\n    return (\n      <HeightAnimation\n        open={open}\n        keepInDOM={Boolean(keepInDOM)}\n        className=\"dnb-forms-visibility\"\n        {...rest}\n      >\n        <FieldProps {...props}>{children}</FieldProps>\n      </HeightAnimation>\n    )\n  }\n\n  if (keepInDOM) {\n    const props = !open ? fieldPropsWhenHidden : null\n    return (\n      <span className=\"dnb-forms-visibility\" hidden={!open}>\n        <FieldProps {...props}>{children}</FieldProps>\n      </span>\n    )\n  }\n\n  return <>{open ? children : null}</>\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":"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"}
+{"version":3,"file":"Visibility.js","names":["_react","_interopRequireDefault","require","_helpers","_useMountEffect","_HeightAnimation","_FieldProps","_useVisibility","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","visibleWhen","visibleWhenNot","inferData","filterData","animate","keepInDOM","compensateForGap","fieldPropsWhenHidden","children","rest","useMountEffect","warn","check","useVisibility","open","props","createElement","Boolean","className","hidden","Fragment","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react'\n\nimport { warn } from '../../../../shared/helpers'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport HeightAnimation, {\n  HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\nimport FieldProps from '../FieldProps'\nimport useVisibility from './useVisibility'\n\nimport type { UseFieldProps } from '../../types'\nimport type { DataAttributes } from '../../hooks/useFieldProps'\nimport { FilterData } from '../../DataContext'\n\nexport type VisibleWhen =\n  | {\n      path: string\n      hasValue: unknown\n    }\n  | {\n      path: string\n      withValue: (value: unknown) => boolean\n    }\n\nexport type Props = {\n  visible?: boolean\n  /** Given data context path must be defined to show children */\n  pathDefined?: string\n  /** Given data context path must be undefined to show children */\n  pathUndefined?: string\n  /** Given data context path must be truthy to show children */\n  pathTruthy?: string\n  /** Given data context path must be falsy to show children */\n  pathFalsy?: string\n  /** Given data context path must be true to show children */\n  pathTrue?: string\n  /** Given data context path must be false to show children */\n  pathFalse?: string\n  /** Provide a `path` and a `hasValue` property with the excepted value in order to show children. You can alternatively provide a `withValue` function that returns a boolean. The first parameter is the value of the path. */\n  visibleWhen?: VisibleWhen\n  /** Same as `visibleWhen`, but with inverted logic. */\n  visibleWhenNot?: VisibleWhen\n  /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */\n  inferData?: (data: unknown) => boolean\n  /** Filter data based on provided criteria. The first parameter is the path, the second is the value, and the third is the props, and the fourth is the internal. Return false to filter out the data. */\n  filterData?: FilterData\n  /** Animate the visibility change */\n  animate?: boolean\n  /** Keep the content in the DOM, even if it's not visible */\n  keepInDOM?: boolean\n  /** To compensate for CSS gap between the rows, so animation does not jump during the animation. Provide a CSS unit or `auto`. Defaults to `null`. */\n  compensateForGap?: HeightAnimationProps['compensateForGap']\n  /** When visibility is hidden, and `keepInDOM` is true, pass these props to the children */\n  fieldPropsWhenHidden?: UseFieldProps & DataAttributes & AriaAttributes\n  element?: HeightAnimationProps['element']\n  children: React.ReactNode\n\n  /** @deprecated Use `visibleWhen` instead */\n  pathValue?: string\n  /** @deprecated Use `visibleWhen` instead */\n  whenValue?: unknown\n}\n\nfunction Visibility({\n  visible,\n  pathDefined,\n  pathUndefined,\n  pathTruthy,\n  pathFalsy,\n  pathTrue,\n  pathFalse,\n  pathValue,\n  whenValue,\n  visibleWhen,\n  visibleWhenNot,\n  inferData,\n  filterData,\n  animate,\n  keepInDOM,\n  compensateForGap,\n  fieldPropsWhenHidden,\n  children,\n  ...rest\n}: Props) {\n  useMountEffect(() => {\n    if (fieldPropsWhenHidden && !keepInDOM) {\n      warn('Using \"fieldPropsWhenHidden\" requires \"keepInDOM\" to be true.')\n    }\n  })\n\n  const { check } = useVisibility({\n    visible,\n    pathDefined,\n    pathUndefined,\n    pathTruthy,\n    pathFalsy,\n    pathTrue,\n    pathFalse,\n    pathValue,\n    whenValue,\n    visibleWhen,\n    visibleWhenNot,\n    inferData,\n    filterData,\n  })\n  const open = check()\n\n  if (animate) {\n    const props = !open ? fieldPropsWhenHidden : null\n\n    return (\n      <HeightAnimation\n        open={open}\n        keepInDOM={Boolean(keepInDOM)}\n        className=\"dnb-forms-visibility\"\n        compensateForGap={compensateForGap}\n        {...rest}\n      >\n        <FieldProps {...props}>{children}</FieldProps>\n      </HeightAnimation>\n    )\n  }\n\n  if (keepInDOM) {\n    const props = !open ? fieldPropsWhenHidden : null\n    return (\n      <span className=\"dnb-forms-visibility\" hidden={!open}>\n        <FieldProps {...props}>{children}</FieldProps>\n      </span>\n    )\n  }\n\n  return <>{open ? children : null}</>\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/Visibility/VisibilityDocs.js

@@ -65,6 +65,11 @@ const VisibilityProperties = {
     type: 'boolean',
     status: 'optional'
   },
+  compensateForGap: {
+    doc: 'To compensate for CSS gap between the rows, so animation does not jump during the animation. Provide a CSS unit or `auto`. Defaults to `null`.',
+    type: 'string',
+    status: 'optional'
+  },
   filterData: {
     doc: 'Filter data based on provided criteria. More info about `filterData` can be found in the [Getting Started](/uilib/extensions/forms/getting-started/#filter-data) documentation.',
     type: ['object', 'function'],

package/cjs/extensions/forms/Form/Visibility/VisibilityDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisibilityDocs.js","names":["VisibilityProperties","pathDefined","doc","type","status","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","visibleWhen","visibleWhenNot","inferData","visible","animate","keepInDOM","filterData","fieldPropsWhenHidden","element","children","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/VisibilityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const VisibilityProperties: PropertiesTableProps = {\n  pathDefined: {\n    doc: 'Given data context path must be defined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathUndefined: {\n    doc: 'Given data context path must be undefined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTruthy: {\n    doc: 'Given data context path must be truthy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalsy: {\n    doc: 'Given data context path must be falsy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTrue: {\n    doc: 'Given data context path must be true to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalse: {\n    doc: 'Given data context path must be false to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  visibleWhen: {\n    doc: 'Provide a `path` and a `hasValue` property with the excepted value in order to show children. You can alternatively provide a `withValue` function that returns a boolean. The first parameter is the value of the path.',\n    type: 'object',\n    status: 'optional',\n  },\n  visibleWhenNot: {\n    doc: 'Same as `visibleWhen`, but with inverted logic.',\n    type: 'object',\n    status: 'optional',\n  },\n  inferData: {\n    doc: 'Will be called to decide by external logic, and show/hide contents based on the return value.',\n    type: 'function',\n    status: 'optional',\n  },\n  visible: {\n    doc: 'Control visibility directly by boolean value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animate: {\n    doc: 'Define if the content should animate during show/hide.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keepInDOM: {\n    doc: \"Keep the content in the DOM, even if it's not visible. Can be used to let fields run validation.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  filterData: {\n    doc: 'Filter data based on provided criteria. More info about `filterData` can be found in the [Getting Started](/uilib/extensions/forms/getting-started/#filter-data) documentation.',\n    type: ['object', 'function'],\n    status: 'optional',\n  },\n  fieldPropsWhenHidden: {\n    doc: 'When visibility is hidden, and `keepInDOM` is true, pass these props to the children.',\n    type: 'various',\n    status: 'optional',\n  },\n  element: {\n    doc: 'Define the type of element. Defaults to `div`. Only for when `animate` is true.',\n    type: 'string or React.Element',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,oBAA0C,GAAG;EACxDC,WAAW,EAAE;IACXC,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbH,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;IACVJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,0NAA0N;IAC/NC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,cAAc,EAAE;IACdT,GAAG,EAAE,iDAAiD;IACtDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,SAAS,EAAE;IACTV,GAAG,EAAE,+FAA+F;IACpGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,OAAO,EAAE;IACPZ,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,SAAS,EAAE;IACTb,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,UAAU,EAAE;IACVd,GAAG,EAAE,iLAAiL;IACtLC,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDa,oBAAoB,EAAE;IACpBf,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDc,OAAO,EAAE;IACPhB,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,yBAAyB;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDe,QAAQ,EAAE;IACRjB,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAgB,OAAA,CAAApB,oBAAA,GAAAA,oBAAA"}
+{"version":3,"file":"VisibilityDocs.js","names":["VisibilityProperties","pathDefined","doc","type","status","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","visibleWhen","visibleWhenNot","inferData","visible","animate","keepInDOM","compensateForGap","filterData","fieldPropsWhenHidden","element","children","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/VisibilityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const VisibilityProperties: PropertiesTableProps = {\n  pathDefined: {\n    doc: 'Given data context path must be defined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathUndefined: {\n    doc: 'Given data context path must be undefined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTruthy: {\n    doc: 'Given data context path must be truthy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalsy: {\n    doc: 'Given data context path must be falsy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTrue: {\n    doc: 'Given data context path must be true to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalse: {\n    doc: 'Given data context path must be false to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  visibleWhen: {\n    doc: 'Provide a `path` and a `hasValue` property with the excepted value in order to show children. You can alternatively provide a `withValue` function that returns a boolean. The first parameter is the value of the path.',\n    type: 'object',\n    status: 'optional',\n  },\n  visibleWhenNot: {\n    doc: 'Same as `visibleWhen`, but with inverted logic.',\n    type: 'object',\n    status: 'optional',\n  },\n  inferData: {\n    doc: 'Will be called to decide by external logic, and show/hide contents based on the return value.',\n    type: 'function',\n    status: 'optional',\n  },\n  visible: {\n    doc: 'Control visibility directly by boolean value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animate: {\n    doc: 'Define if the content should animate during show/hide.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keepInDOM: {\n    doc: \"Keep the content in the DOM, even if it's not visible. Can be used to let fields run validation.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  compensateForGap: {\n    doc: 'To compensate for CSS gap between the rows, so animation does not jump during the animation. Provide a CSS unit or `auto`. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  filterData: {\n    doc: 'Filter data based on provided criteria. More info about `filterData` can be found in the [Getting Started](/uilib/extensions/forms/getting-started/#filter-data) documentation.',\n    type: ['object', 'function'],\n    status: 'optional',\n  },\n  fieldPropsWhenHidden: {\n    doc: 'When visibility is hidden, and `keepInDOM` is true, pass these props to the children.',\n    type: 'various',\n    status: 'optional',\n  },\n  element: {\n    doc: 'Define the type of element. Defaults to `div`. Only for when `animate` is true.',\n    type: 'string or React.Element',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,oBAA0C,GAAG;EACxDC,WAAW,EAAE;IACXC,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbH,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;IACVJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,0NAA0N;IAC/NC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,cAAc,EAAE;IACdT,GAAG,EAAE,iDAAiD;IACtDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,SAAS,EAAE;IACTV,GAAG,EAAE,+FAA+F;IACpGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,OAAO,EAAE;IACPZ,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,SAAS,EAAE;IACTb,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,gBAAgB,EAAE;IAChBd,GAAG,EAAE,gJAAgJ;IACrJC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,UAAU,EAAE;IACVf,GAAG,EAAE,iLAAiL;IACtLC,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDc,oBAAoB,EAAE;IACpBhB,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDe,OAAO,EAAE;IACPjB,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,yBAAyB;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDgB,QAAQ,EAAE;IACRlB,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAiB,OAAA,CAAArB,oBAAA,GAAAA,oBAAA"}

package/cjs/extensions/forms/hooks/DataValueDocs.js

@@ -42,7 +42,7 @@ const dataValueProperties = {
   },
   emptyValue: {
     doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',
-    type: 'any',
+    type: ['{valueType}', 'undefined'],
     status: 'optional'
   },
   required: {

package/cjs/extensions/forms/hooks/DataValueDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataValueDocs.js","names":["dataValueProperties","value","doc","type","status","defaultValue","path","info","warning","error","disabled","emptyValue","required","schema","validateInitially","validateUnchanged","continuousValidation","errorMessages","validator","onBlurValidator","transformIn","transformOut","exports","dataValueEvents","onChange","onFocus","onBlur"],"sources":["../../../../../src/extensions/forms/hooks/DataValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const dataValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Source data value for the field Will take precedence over the path value given in the data context..',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default source data value for the field. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for the field is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.',\n    type: 'string',\n    status: 'optional',\n  },\n  info: {\n    doc: 'Info message shown below / after the field.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  warning: {\n    doc: 'Warning message shown below / after the field.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  error: {\n    doc: 'Error message shown below / after the field.',\n    type: 'Error',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Set `true` to show the field but without the possibility of changing the value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',\n    type: 'any',\n    status: 'optional',\n  },\n  required: {\n    doc: 'When set `true`, the field will give an error if the value cannot be empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  schema: {\n    doc: 'Custom JSON Schema for validating the value.',\n    type: 'object',\n    status: 'optional',\n  },\n  validateInitially: {\n    doc: 'Set `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  validateUnchanged: {\n    doc: 'Set `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  continuousValidation: {\n    doc: 'Set `true` to show validation based errors continuously while writing, not just when blurring the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  errorMessages: {\n    doc: 'Custom error messages for each type of error, overriding default messages.',\n    type: 'object',\n    status: 'optional',\n  },\n  validator: {\n    doc: 'Custom validator function that will be called for every change done by the user. Can be asynchronous or synchronous.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that will be called when the user leaves the field (blurring a text input, closing a dropdown etc). Can be asynchronous or synchronous.',\n    type: 'function',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'transforms the `value` before its displayed in the field (e.g. input).',\n    type: 'function',\n    status: 'optional',\n  },\n  transformOut: {\n    doc: 'transforms the value before it gets forwarded to the form data object or returned as the `onChange` value parameter.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const dataValueEvents: PropertiesTableProps = {\n  onChange: {\n    doc: \"Will be called on value changes made by the user, with the new value as argument. When an `async` function is used, the corresponding [FieldBlock](/uilib/extensions/forms/create-component/FieldBlock/) will show an indicator on the field label. You can return `{ success: 'saved' } as const` to show a success symbol, or an error or an object with these keys `{ info: 'Info message', warning: 'Warning message', error: Error('My error') } as const`.\",\n    type: 'function',\n    status: 'optional',\n  },\n  onFocus: {\n    doc: 'Will be called when the component gets into focus. Like clicking inside a text input or opening a dropdown. Called with active value as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlur: {\n    doc: 'Will be called when the component stop being in focus. Like when going to next field, or closing a dropdown. Called with active value as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,mBAAyC,GAAG;EACvDC,KAAK,EAAE;IACLC,GAAG,EAAE,sGAAsG;IAC3GC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,kHAAkH;IACvHC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,mPAAmP;IACxPC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,6CAA6C;IAClDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPN,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDK,KAAK,EAAE;IACLP,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,kMAAkM;IACvMC,IAAI,EAAE,KAAK;IACXC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,6EAA6E;IAClFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,MAAM,EAAE;IACNX,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,iBAAiB,EAAE;IACjBZ,GAAG,EAAE,uIAAuI;IAC5IC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,iBAAiB,EAAE;IACjBb,GAAG,EAAE,qQAAqQ;IAC1QC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,oBAAoB,EAAE;IACpBd,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,aAAa,EAAE;IACbf,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,SAAS,EAAE;IACThB,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDe,eAAe,EAAE;IACfjB,GAAG,EAAE,mKAAmK;IACxKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDgB,WAAW,EAAE;IACXlB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDiB,YAAY,EAAE;IACZnB,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAkB,OAAA,CAAAtB,mBAAA,GAAAA,mBAAA;AAEM,MAAMuB,eAAqC,GAAG;EACnDC,QAAQ,EAAE;IACRtB,GAAG,EAAE,kcAAkc;IACvcC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDqB,OAAO,EAAE;IACPvB,GAAG,EAAE,mJAAmJ;IACxJC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDsB,MAAM,EAAE;IACNxB,GAAG,EAAE,oJAAoJ;IACzJC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAkB,OAAA,CAAAC,eAAA,GAAAA,eAAA"}
+{"version":3,"file":"DataValueDocs.js","names":["dataValueProperties","value","doc","type","status","defaultValue","path","info","warning","error","disabled","emptyValue","required","schema","validateInitially","validateUnchanged","continuousValidation","errorMessages","validator","onBlurValidator","transformIn","transformOut","exports","dataValueEvents","onChange","onFocus","onBlur"],"sources":["../../../../../src/extensions/forms/hooks/DataValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const dataValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Source data value for the field Will take precedence over the path value given in the data context..',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default source data value for the field. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for the field is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the [string](/uilib/extensions/forms/base-fields/String/)-field.',\n    type: 'string',\n    status: 'optional',\n  },\n  info: {\n    doc: 'Info message shown below / after the field.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  warning: {\n    doc: 'Warning message shown below / after the field.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  error: {\n    doc: 'Error message shown below / after the field.',\n    type: 'Error',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Set `true` to show the field but without the possibility of changing the value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.',\n    type: ['{valueType}', 'undefined'],\n    status: 'optional',\n  },\n  required: {\n    doc: 'When set `true`, the field will give an error if the value cannot be empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  schema: {\n    doc: 'Custom JSON Schema for validating the value.',\n    type: 'object',\n    status: 'optional',\n  },\n  validateInitially: {\n    doc: 'Set `true` to show validation based errors initially (from given value-prop or source data) before the user interacts with the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  validateUnchanged: {\n    doc: 'Set `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  continuousValidation: {\n    doc: 'Set `true` to show validation based errors continuously while writing, not just when blurring the field.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  errorMessages: {\n    doc: 'Custom error messages for each type of error, overriding default messages.',\n    type: 'object',\n    status: 'optional',\n  },\n  validator: {\n    doc: 'Custom validator function that will be called for every change done by the user. Can be asynchronous or synchronous.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that will be called when the user leaves the field (blurring a text input, closing a dropdown etc). Can be asynchronous or synchronous.',\n    type: 'function',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'transforms the `value` before its displayed in the field (e.g. input).',\n    type: 'function',\n    status: 'optional',\n  },\n  transformOut: {\n    doc: 'transforms the value before it gets forwarded to the form data object or returned as the `onChange` value parameter.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const dataValueEvents: PropertiesTableProps = {\n  onChange: {\n    doc: \"Will be called on value changes made by the user, with the new value as argument. When an `async` function is used, the corresponding [FieldBlock](/uilib/extensions/forms/create-component/FieldBlock/) will show an indicator on the field label. You can return `{ success: 'saved' } as const` to show a success symbol, or an error or an object with these keys `{ info: 'Info message', warning: 'Warning message', error: Error('My error') } as const`.\",\n    type: 'function',\n    status: 'optional',\n  },\n  onFocus: {\n    doc: 'Will be called when the component gets into focus. Like clicking inside a text input or opening a dropdown. Called with active value as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlur: {\n    doc: 'Will be called when the component stop being in focus. Like when going to next field, or closing a dropdown. Called with active value as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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"}

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

@@ -10,20 +10,29 @@
 /*
  * Utilities
  */
+.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(--spacing-x-small);
+  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--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options {
+.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 {
   display: flex;
   flex-flow: row wrap;
   -moz-column-gap: var(--spacing-small);
        column-gap: var(--spacing-small);
-  row-gap: var(--spacing-x-small);
+  row-gap: var(--row-gap);
 }
 @media screen and (min-width: 40em) {
   .dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label {
@@ -209,6 +218,15 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
 .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 {
+  width: 100%;
+  flex-grow: 1;
+}
 
 /*
  * Utilities

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

@@ -1 +1 @@
-@charset "UTF-8";.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{row-gap:0}.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(--spacing-x-small)}@media screen and (min-width:40em){.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}: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:25em){.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:25em){.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:25em){.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:40em){.dnb-card+.dnb-button--primary:not([class*=space__left]),.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}:root{--forms-card-max-width:36.5rem}.dnb-forms-form .dnb-card{max-width:var(--forms-card-max-width)}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.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.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-iterate-block){margin-top:0}.dnb-forms-summary-list.dnb-dl .dnb-dt,.dnb-forms-summary-list.dnb-dl:not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-summary-list.dnb-dl.dnb-dl__layout--grid{row-gap:var(--spacing-medium)}.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:25em){.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-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:25em){.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-card{max-width:var(--forms-card-max-width)}.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: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}@media screen and (min-width:60em){.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:40em){.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:25em){.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:25em){.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:25em){.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:40em){.dnb-card+.dnb-button--primary:not([class*=space__left]),.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}:root{--forms-card-max-width:36.5rem}.dnb-forms-form .dnb-card{max-width:var(--forms-card-max-width)}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.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.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-iterate-block){margin-top:0}.dnb-forms-summary-list.dnb-dl .dnb-dt,.dnb-forms-summary-list.dnb-dl:not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-summary-list.dnb-dl.dnb-dl__layout--grid{row-gap:var(--spacing-medium)}.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:25em){.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-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:25em){.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-card{max-width:var(--forms-card-max-width)}.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: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}@media screen and (min-width:60em){.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}

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

@@ -166,7 +166,7 @@ export interface UseFieldProps<Value = unknown, EmptyValue = undefined | unknown
      */
     toEvent?: (internal: Value, type: 'onChange' | 'onFocus' | 'onBlur' | 'onBlurValidator') => Value;
     /**
-     * Transforms the value given by `handleChange` before it is used in the further process flow. Use it to destruct the value form the original event object.
+     * Transforms the value given by `handleChange` before it is used in the further process flow. Use it to destruct the value from the original event object.
      */
     fromInput?: (external: Value | unknown) => Value;
     /**

package/cjs/extensions/forms/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["FormError","Error","constructor","message","options","_defineProperty","key","exports","dataValueReadProps","pickDataValueReadProps","props","Object","fromEntries","entries","filter","_ref","includes","omitDataValueReadProps","_ref2","dataValueWriteProps","pickDataValueWriteProps","_ref3","omitDataValueWriteProps","_ref4","pickDataValueReadWriteProps","_ref5","omitDataValueReadWriteProps","_ref6"],"sources":["../../../../src/extensions/forms/types.ts"],"sourcesContent":["import type { SpacingProps } from '../../components/space/types'\nimport type { JSONSchema4, JSONSchema6, JSONSchema7 } from 'json-schema'\nimport type { JSONSchemaType } from 'ajv/dist/2020'\nimport { JsonObject } from 'json-pointer'\nimport { AriaAttributes } from 'react'\n\nexport type * from 'json-schema'\nexport type JSONSchema = JSONSchema7\nexport type AllJSONSchemaVersionsBasis<DataType> =\n  | JSONSchema4\n  | JSONSchema6\n  | JSONSchema7\n  | JSONSchemaType<DataType>\nexport type AllJSONSchemaVersions<DataType = unknown> =\n  | AllJSONSchemaVersionsBasis<DataType>\n\n  // In order to support \"schema = { ... } as const\"\n  | (Omit<AllJSONSchemaVersionsBasis<DataType>, 'required'> & {\n      required?: readonly string[]\n    })\nexport { JSONSchemaType }\n\ntype ValidationRule = 'type' | 'pattern' | 'required' | string\ntype MessageValues = Record<string, string>\n\ninterface IFormErrorOptions {\n  validationRule?: ValidationRule\n  messageValues?: MessageValues\n}\n\n/**\n * Standard error object for Eufemia Forms, extending the built-in error with additional information for data handling\n */\nexport class FormError extends Error {\n  /**\n   * What validation rule did the error occur based on? (i.e: minLength, required or maximum)\n   */\n  validationRule?: ValidationRule\n\n  /**\n   * Replacement values relevant for this error.\n   * @example { minLength: 3 } to be able to replace values in a message like \"Minimum {minLength} characters\"\n   */\n  messageValues?: MessageValues\n\n  constructor(message: string, options?: IFormErrorOptions) {\n    super(message)\n\n    if (options) {\n      for (const key in options) {\n        this[key] = options[key]\n      }\n    }\n  }\n}\n\n/**\n * Accept any key, so custom message keys can be used\n */\nexport type CustomErrorMessages = Record<string, string>\n\n/**\n * Accept any key, so custom message keys can be used\n * including the path to the field the message is for\n */\nexport type CustomErrorMessagesWithPaths =\n  | CustomErrorMessages\n  | {\n      // eslint-disable-next-line no-unused-vars\n      [K in `/${string}`]?: CustomErrorMessages\n    }\n\nexport interface DefaultErrorMessages {\n  required?: string\n  pattern?: string\n}\n\nexport interface DataValueReadProps<Value = unknown> {\n  /** JSON Pointer for where the data for this field is located in the source dataset */\n  path?: Path\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  itemPath?: Path\n  /** Source data value for the field. Will take precedence over the path value given in the data context */\n  value?: Value\n  /** Default source data value for the field. Will not take precedence over the path value given in the data context */\n  defaultValue?: Value\n}\n\nconst dataValueReadProps = ['path', 'itemPath', 'value']\n\nexport function pickDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): DataValueReadProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): Omit<DataValueReadProps, keyof DataValueReadProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport interface DataValueWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> {\n  emptyValue?: EmptyValue\n  onFocus?: (value: Value | EmptyValue) => void\n  onBlur?: (value: Value | EmptyValue) => void\n  onChange?: OnChangeValue<Value, EmptyValue>\n}\n\nconst dataValueWriteProps = ['emptyValue', 'onFocus', 'onBlur', 'onChange']\n\nexport function pickDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): DataValueWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): Omit<DataValueWriteProps, keyof DataValueWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type DataValueReadWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = DataValueReadProps<Value> & DataValueWriteProps<Value, EmptyValue>\n\nexport function pickDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(props: Props): DataValueReadWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        dataValueReadProps.includes(key) ||\n        dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(\n  props: Props\n): Omit<DataValueReadWriteProps, keyof DataValueReadWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        !dataValueReadProps.includes(key) &&\n        !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type ComponentProps = SpacingProps & {\n  className?: string\n}\n\nexport type AdditionalEventArgs = Record<string, unknown>\n\nexport type DataValueReadComponentProps<Value = unknown> = ComponentProps &\n  DataValueReadProps<Value>\n\nexport type DataValueReadWriteComponentProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = ComponentProps &\n  DataValueReadProps<Value> &\n  DataValueWriteProps<Value, EmptyValue>\n\nexport type FieldSectionProps = {\n  /**\n   * The layout of the field block\n   */\n  layout?: 'horizontal' | 'vertical'\n  /**\n   * Main label text for the field\n   */\n  label?: React.ReactNode\n  /**\n   * A more discreet text displayed beside the label\n   */\n  labelDescription?: React.ReactNode\n  /**\n   * Text showing in place of the value if no value is given\n   */\n  placeholder?: React.ReactNode\n}\n\n/**\n * The width of a field block\n */\nexport type FieldBlockWidth =\n  | false\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'stretch'\n\nexport interface UseFieldProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> extends DataValueReadWriteComponentProps<Value, EmptyValue>,\n    AriaAttributes {\n  // - HTML Element Attributes\n  /**\n   * ID added to the actual field component, and linked to the label via for-attribute\n   */\n  id?: Identifier\n  name?: string\n  disabled?: boolean\n  readOnly?: boolean\n  autoComplete?:\n    | HTMLInputElement['autocomplete']\n    | HTMLTextAreaElement['autocomplete']\n\n  /**\n   * NB: Undocumented for now.\n   * Forwards all possible props to the underlying component.\n   */\n  htmlAttributes?: Record<string, unknown>\n\n  // - Used by useFieldProps and FieldBlock\n  info?: React.ReactNode\n  warning?: React.ReactNode\n  error?: Error | FormError\n\n  // - Validation\n  required?: boolean\n  schema?: AllJSONSchemaVersions<Value>\n  validator?: (\n    value: Value | EmptyValue,\n    errorMessages?: ErrorMessages\n  ) => Error | undefined | void | Promise<Error | undefined | void>\n  onBlurValidator?: (\n    value: Value | EmptyValue\n  ) => Error | undefined | void | Promise<Error | undefined | void>\n  validateRequired?: (\n    internal: Value,\n    {\n      emptyValue,\n      required,\n      isChanged,\n      error,\n    }: {\n      emptyValue: EmptyValue\n      required: boolean\n      isChanged: boolean\n      error: FormError | undefined\n    }\n  ) => FormError | undefined\n  /**\n   * Should error messages based on validation be shown initially (from given value-prop or source data)\n   * before the user interacts with the field?\n   * @default false\n   */\n  validateInitially?: boolean\n  /**\n   * Should error messages be shown when touching (like focusing a field and blurring) without having changed\n   * the value? So the user did not introduce a new error, but it was invalid based on validation initially.\n   */\n  validateUnchanged?: boolean\n  /**\n   * Should validation be done while writing, not just when blurring the field?\n   */\n  continuousValidation?: boolean\n  /**\n   * Provide custom error messages for the field\n   */\n  errorMessages?: ErrorMessages\n\n  // - Derivatives\n\n  /**\n   * Transforms the `value` before its displayed in the field (e.g. input).\n   * Public API. Should not be used internally.\n   */\n  transformIn?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the value before it gets forwarded to the form data object or returned as the onChange value parameter.\n   * Public API. Should not be used internally.\n   */\n  transformOut?: (internal: Value | unknown) => Value\n\n  /**\n   * Transforms the value given by `handleChange` after `fromInput` and before `updateValue` and `toEvent`. The second parameter returns the current value.\n   */\n  transformValue?: (value: Value, currentValue?: Value) => Value\n\n  /**\n   * Transforms the value before it gets returned as the `value`.\n   */\n  toInput?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the internal value before it gets returned by even callbacks such as `onChange`, `onFocus` and `onBlur`. The second parameter returns the event type: `onChange`, `onFocus`, `onBlur` or `onBlurValidator`.\n   */\n  toEvent?: (\n    internal: Value,\n    type: 'onChange' | 'onFocus' | 'onBlur' | 'onBlurValidator'\n  ) => Value\n\n  /**\n   * Transforms the value given by `handleChange` before it is used in the further process flow. Use it to destruct the value form the original event object.\n   */\n  fromInput?: (external: Value | unknown) => Value\n\n  /**\n   * Transforms the given props `value` before any other step gets entered.\n   */\n  fromExternal?: (external: Value) => Value\n\n  /**\n   * For internal use only.\n   */\n  valueType?: string | number | boolean | Array<string | number | boolean>\n}\n\nexport type FieldProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> = UseFieldProps<Value, EmptyValue, ErrorMessages> & FieldSectionProps\n\nexport interface FieldHelpProps {\n  help?: {\n    title?: string\n    content?: string\n  }\n}\n\nexport interface ValueProps<Value = unknown>\n  extends DataValueReadComponentProps<Value> {\n  /**\n   * Field label to show above the data value.\n   */\n  label?: React.ReactNode\n\n  /**\n   * Shows the value even if it is empty.\n   */\n  showEmpty?: boolean\n\n  /**\n   * Text showing in place of the value if no value is given.\n   */\n  placeholder?: React.ReactNode\n\n  /**\n   * For showing the value inline (not as a block element)\n   */\n  inline?: boolean\n\n  /** The max-width of a value block. Defaults to large */\n  maxWidth?: 'small' | 'medium' | 'large' | 'auto'\n\n  /**\n   * Transforms the `value` before its displayed in the field (e.g. input).\n   * Public API. Should not be used internally.\n   */\n  transformIn?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the value before it gets returned as the `value`.\n   */\n  toInput?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the given props `value` before any other step gets entered.\n   */\n  fromExternal?: (external: Value) => Value\n}\n\nexport type Path = string\nexport type Identifier = string\n\nexport type SubmitState =\n  | 'pending' // Used for async operations\n  | 'complete' // Used to hide the submit indicator\n  | 'success' // Used for fields\n  | 'error' // Used when error is shown\n  | 'abort' // Used to abort the state regardless (step change)\n\n/**\n * Provide a error that shows in the FormStatus of a field.\n */\ntype EventStateObjectError = Error\n/**\n * Provide a warning that shows in the FormStatus of a field.\n */\ntype EventStateObjectWarning = React.ReactNode\n/**\n * Provide an info that shows in the FormStatus of a field.\n */\ntype EventStateObjectInfo = React.ReactNode\n\n/**\n * Provide a status that will enforce the form to stay in pending state\n */\ntype EventStateObjectStatus = 'pending'\n\n/**\n * Provide a success state that will show an indicator on the related field label\n */\ntype EventStateObjectSuccess = 'saved'\n\n/**\n * Provide an error or status messages that shows in the FormStatus of a field\n */\nexport type EventStateObjectOr = {\n  error?: EventStateObjectError\n  warning?: EventStateObjectWarning\n  info?: EventStateObjectInfo\n  pending?: EventStateObjectStatus\n}\n\nexport type EventStateObjectEitherOr =\n  | { error: EventStateObjectError }\n  | { warning: EventStateObjectWarning }\n  | { info: EventStateObjectInfo }\n  | { status: EventStateObjectStatus }\n\nexport type EventStateObject = EventStateObjectOr &\n  EventStateObjectEitherOr\n\n/**\n * Provide 'saved' to indicate the data has been saved successfully. Can not be combined with `error`.\n */\nexport type EventStateObjectWithSuccess = EventStateObjectOr & {\n  success?: EventStateObjectSuccess\n} & (EventStateObjectEitherOr | { success: EventStateObjectSuccess })\n\n/**\n * Provide an error or status messages that shows in the FormStatus of a field\n */\nexport type EventReturnWithStateObject = Error | EventStateObject\n\nexport type EventReturnWithStateObjectAndSuccess =\n  | Error\n  | EventStateObjectWithSuccess\n\nexport type OnSubmitParams = {\n  /** Will remove browser-side stored autocomplete data  */\n  resetForm: () => void\n\n  /** Will empty the whole internal data set of the form  */\n  clearData: () => void\n}\n\nexport type OnSubmit<Data = JsonObject> = (\n  data: Data,\n  { resetForm, clearData }: OnSubmitParams\n) =>\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\n\nexport type OnChange<Data = unknown> = (\n  data: Data\n) =>\n  | EventReturnWithStateObjectAndSuccess\n  | void\n  | Promise<EventReturnWithStateObjectAndSuccess | void>\n\nexport type OnChangeValue<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = (\n  value: Value | EmptyValue,\n  additionalArgs?: AdditionalEventArgs\n) =>\n  | EventReturnWithStateObjectAndSuccess\n  | void\n  | Promise<EventReturnWithStateObjectAndSuccess | void>\n"],"mappings":";;;;;;;;;;;;;;;AAiCO,MAAMA,SAAS,SAASC,KAAK,CAAC;EAYnCC,WAAWA,CAACC,OAAe,EAAEC,OAA2B,EAAE;IACxD,KAAK,CAACD,OAAO,CAAC;IAAAE,eAAA;IAAAA,eAAA;IAEd,IAAID,OAAO,EAAE;MACX,KAAK,MAAME,GAAG,IAAIF,OAAO,EAAE;QACzB,IAAI,CAACE,GAAG,CAAC,GAAGF,OAAO,CAACE,GAAG,CAAC;MAC1B;IACF;EACF;AACF;AAACC,OAAA,CAAAP,SAAA,GAAAA,SAAA;AAkCD,MAAMQ,kBAAkB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC;AAEjD,SAASC,sBAAsBA,CACpCC,KAAY,EACQ;EACpB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAACC,IAAA;IAAA,IAAC,CAACT,GAAG,CAAC,GAAAS,IAAA;IAAA,OACvCP,kBAAkB,CAACQ,QAAQ,CAACV,GAAG,CAAC;EAAA,CAClC,CACF,CAAC;AACH;AAEO,SAASW,sBAAsBA,CACpCP,KAAY,EACwC;EACpD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChCI,KAAA;IAAA,IAAC,CAACZ,GAAG,CAAC,GAAAY,KAAA;IAAA,OAAK,CAACV,kBAAkB,CAACQ,QAAQ,CAACV,GAAG,CAAC;EAAA,CAC9C,CACF,CAAC;AACH;AAYA,MAAMa,mBAAmB,GAAG,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC;AAEpE,SAASC,uBAAuBA,CACrCV,KAAY,EACS;EACrB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAACO,KAAA;IAAA,IAAC,CAACf,GAAG,CAAC,GAAAe,KAAA;IAAA,OACvCF,mBAAmB,CAACH,QAAQ,CAACV,GAAG,CAAC;EAAA,CACnC,CACF,CAAC;AACH;AAEO,SAASgB,uBAAuBA,CACrCZ,KAAY,EAC0C;EACtD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChCS,KAAA;IAAA,IAAC,CAACjB,GAAG,CAAC,GAAAiB,KAAA;IAAA,OAAK,CAACJ,mBAAmB,CAACH,QAAQ,CAACV,GAAG,CAAC;EAAA,CAC/C,CACF,CAAC;AACH;AAOO,SAASkB,2BAA2BA,CAEzCd,KAAY,EAA2B;EACvC,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChCW,KAAA;IAAA,IAAC,CAACnB,GAAG,CAAC,GAAAmB,KAAA;IAAA,OACJjB,kBAAkB,CAACQ,QAAQ,CAACV,GAAG,CAAC,IAChCa,mBAAmB,CAACH,QAAQ,CAACV,GAAG,CAAC;EAAA,CACrC,CACF,CAAC;AACH;AAEO,SAASoB,2BAA2BA,CAGzChB,KAAY,EACkD;EAC9D,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChCa,KAAA;IAAA,IAAC,CAACrB,GAAG,CAAC,GAAAqB,KAAA;IAAA,OACJ,CAACnB,kBAAkB,CAACQ,QAAQ,CAACV,GAAG,CAAC,IACjC,CAACa,mBAAmB,CAACH,QAAQ,CAACV,GAAG,CAAC;EAAA,CACtC,CACF,CAAC;AACH"}
+{"version":3,"file":"types.js","names":["FormError","Error","constructor","message","options","_defineProperty","key","exports","dataValueReadProps","pickDataValueReadProps","props","Object","fromEntries","entries","filter","_ref","includes","omitDataValueReadProps","_ref2","dataValueWriteProps","pickDataValueWriteProps","_ref3","omitDataValueWriteProps","_ref4","pickDataValueReadWriteProps","_ref5","omitDataValueReadWriteProps","_ref6"],"sources":["../../../../src/extensions/forms/types.ts"],"sourcesContent":["import type { SpacingProps } from '../../components/space/types'\nimport type { JSONSchema4, JSONSchema6, JSONSchema7 } from 'json-schema'\nimport type { JSONSchemaType } from 'ajv/dist/2020'\nimport { JsonObject } from 'json-pointer'\nimport { AriaAttributes } from 'react'\n\nexport type * from 'json-schema'\nexport type JSONSchema = JSONSchema7\nexport type AllJSONSchemaVersionsBasis<DataType> =\n  | JSONSchema4\n  | JSONSchema6\n  | JSONSchema7\n  | JSONSchemaType<DataType>\nexport type AllJSONSchemaVersions<DataType = unknown> =\n  | AllJSONSchemaVersionsBasis<DataType>\n\n  // In order to support \"schema = { ... } as const\"\n  | (Omit<AllJSONSchemaVersionsBasis<DataType>, 'required'> & {\n      required?: readonly string[]\n    })\nexport { JSONSchemaType }\n\ntype ValidationRule = 'type' | 'pattern' | 'required' | string\ntype MessageValues = Record<string, string>\n\ninterface IFormErrorOptions {\n  validationRule?: ValidationRule\n  messageValues?: MessageValues\n}\n\n/**\n * Standard error object for Eufemia Forms, extending the built-in error with additional information for data handling\n */\nexport class FormError extends Error {\n  /**\n   * What validation rule did the error occur based on? (i.e: minLength, required or maximum)\n   */\n  validationRule?: ValidationRule\n\n  /**\n   * Replacement values relevant for this error.\n   * @example { minLength: 3 } to be able to replace values in a message like \"Minimum {minLength} characters\"\n   */\n  messageValues?: MessageValues\n\n  constructor(message: string, options?: IFormErrorOptions) {\n    super(message)\n\n    if (options) {\n      for (const key in options) {\n        this[key] = options[key]\n      }\n    }\n  }\n}\n\n/**\n * Accept any key, so custom message keys can be used\n */\nexport type CustomErrorMessages = Record<string, string>\n\n/**\n * Accept any key, so custom message keys can be used\n * including the path to the field the message is for\n */\nexport type CustomErrorMessagesWithPaths =\n  | CustomErrorMessages\n  | {\n      // eslint-disable-next-line no-unused-vars\n      [K in `/${string}`]?: CustomErrorMessages\n    }\n\nexport interface DefaultErrorMessages {\n  required?: string\n  pattern?: string\n}\n\nexport interface DataValueReadProps<Value = unknown> {\n  /** JSON Pointer for where the data for this field is located in the source dataset */\n  path?: Path\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  itemPath?: Path\n  /** Source data value for the field. Will take precedence over the path value given in the data context */\n  value?: Value\n  /** Default source data value for the field. Will not take precedence over the path value given in the data context */\n  defaultValue?: Value\n}\n\nconst dataValueReadProps = ['path', 'itemPath', 'value']\n\nexport function pickDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): DataValueReadProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): Omit<DataValueReadProps, keyof DataValueReadProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport interface DataValueWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> {\n  emptyValue?: EmptyValue\n  onFocus?: (value: Value | EmptyValue) => void\n  onBlur?: (value: Value | EmptyValue) => void\n  onChange?: OnChangeValue<Value, EmptyValue>\n}\n\nconst dataValueWriteProps = ['emptyValue', 'onFocus', 'onBlur', 'onChange']\n\nexport function pickDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): DataValueWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): Omit<DataValueWriteProps, keyof DataValueWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type DataValueReadWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = DataValueReadProps<Value> & DataValueWriteProps<Value, EmptyValue>\n\nexport function pickDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(props: Props): DataValueReadWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        dataValueReadProps.includes(key) ||\n        dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(\n  props: Props\n): Omit<DataValueReadWriteProps, keyof DataValueReadWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        !dataValueReadProps.includes(key) &&\n        !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type ComponentProps = SpacingProps & {\n  className?: string\n}\n\nexport type AdditionalEventArgs = Record<string, unknown>\n\nexport type DataValueReadComponentProps<Value = unknown> = ComponentProps &\n  DataValueReadProps<Value>\n\nexport type DataValueReadWriteComponentProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = ComponentProps &\n  DataValueReadProps<Value> &\n  DataValueWriteProps<Value, EmptyValue>\n\nexport type FieldSectionProps = {\n  /**\n   * The layout of the field block\n   */\n  layout?: 'horizontal' | 'vertical'\n  /**\n   * Main label text for the field\n   */\n  label?: React.ReactNode\n  /**\n   * A more discreet text displayed beside the label\n   */\n  labelDescription?: React.ReactNode\n  /**\n   * Text showing in place of the value if no value is given\n   */\n  placeholder?: React.ReactNode\n}\n\n/**\n * The width of a field block\n */\nexport type FieldBlockWidth =\n  | false\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'stretch'\n\nexport interface UseFieldProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> extends DataValueReadWriteComponentProps<Value, EmptyValue>,\n    AriaAttributes {\n  // - HTML Element Attributes\n  /**\n   * ID added to the actual field component, and linked to the label via for-attribute\n   */\n  id?: Identifier\n  name?: string\n  disabled?: boolean\n  readOnly?: boolean\n  autoComplete?:\n    | HTMLInputElement['autocomplete']\n    | HTMLTextAreaElement['autocomplete']\n\n  /**\n   * NB: Undocumented for now.\n   * Forwards all possible props to the underlying component.\n   */\n  htmlAttributes?: Record<string, unknown>\n\n  // - Used by useFieldProps and FieldBlock\n  info?: React.ReactNode\n  warning?: React.ReactNode\n  error?: Error | FormError\n\n  // - Validation\n  required?: boolean\n  schema?: AllJSONSchemaVersions<Value>\n  validator?: (\n    value: Value | EmptyValue,\n    errorMessages?: ErrorMessages\n  ) => Error | undefined | void | Promise<Error | undefined | void>\n  onBlurValidator?: (\n    value: Value | EmptyValue\n  ) => Error | undefined | void | Promise<Error | undefined | void>\n  validateRequired?: (\n    internal: Value,\n    {\n      emptyValue,\n      required,\n      isChanged,\n      error,\n    }: {\n      emptyValue: EmptyValue\n      required: boolean\n      isChanged: boolean\n      error: FormError | undefined\n    }\n  ) => FormError | undefined\n  /**\n   * Should error messages based on validation be shown initially (from given value-prop or source data)\n   * before the user interacts with the field?\n   * @default false\n   */\n  validateInitially?: boolean\n  /**\n   * Should error messages be shown when touching (like focusing a field and blurring) without having changed\n   * the value? So the user did not introduce a new error, but it was invalid based on validation initially.\n   */\n  validateUnchanged?: boolean\n  /**\n   * Should validation be done while writing, not just when blurring the field?\n   */\n  continuousValidation?: boolean\n  /**\n   * Provide custom error messages for the field\n   */\n  errorMessages?: ErrorMessages\n\n  // - Derivatives\n\n  /**\n   * Transforms the `value` before its displayed in the field (e.g. input).\n   * Public API. Should not be used internally.\n   */\n  transformIn?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the value before it gets forwarded to the form data object or returned as the onChange value parameter.\n   * Public API. Should not be used internally.\n   */\n  transformOut?: (internal: Value | unknown) => Value\n\n  /**\n   * Transforms the value given by `handleChange` after `fromInput` and before `updateValue` and `toEvent`. The second parameter returns the current value.\n   */\n  transformValue?: (value: Value, currentValue?: Value) => Value\n\n  /**\n   * Transforms the value before it gets returned as the `value`.\n   */\n  toInput?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the internal value before it gets returned by even callbacks such as `onChange`, `onFocus` and `onBlur`. The second parameter returns the event type: `onChange`, `onFocus`, `onBlur` or `onBlurValidator`.\n   */\n  toEvent?: (\n    internal: Value,\n    type: 'onChange' | 'onFocus' | 'onBlur' | 'onBlurValidator'\n  ) => Value\n\n  /**\n   * Transforms the value given by `handleChange` before it is used in the further process flow. Use it to destruct the value from the original event object.\n   */\n  fromInput?: (external: Value | unknown) => Value\n\n  /**\n   * Transforms the given props `value` before any other step gets entered.\n   */\n  fromExternal?: (external: Value) => Value\n\n  /**\n   * For internal use only.\n   */\n  valueType?: string | number | boolean | Array<string | number | boolean>\n}\n\nexport type FieldProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> = UseFieldProps<Value, EmptyValue, ErrorMessages> & FieldSectionProps\n\nexport interface FieldHelpProps {\n  help?: {\n    title?: string\n    content?: string\n  }\n}\n\nexport interface ValueProps<Value = unknown>\n  extends DataValueReadComponentProps<Value> {\n  /**\n   * Field label to show above the data value.\n   */\n  label?: React.ReactNode\n\n  /**\n   * Shows the value even if it is empty.\n   */\n  showEmpty?: boolean\n\n  /**\n   * Text showing in place of the value if no value is given.\n   */\n  placeholder?: React.ReactNode\n\n  /**\n   * For showing the value inline (not as a block element)\n   */\n  inline?: boolean\n\n  /** The max-width of a value block. Defaults to large */\n  maxWidth?: 'small' | 'medium' | 'large' | 'auto'\n\n  /**\n   * Transforms the `value` before its displayed in the field (e.g. input).\n   * Public API. Should not be used internally.\n   */\n  transformIn?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the value before it gets returned as the `value`.\n   */\n  toInput?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the given props `value` before any other step gets entered.\n   */\n  fromExternal?: (external: Value) => Value\n}\n\nexport type Path = string\nexport type Identifier = string\n\nexport type SubmitState =\n  | 'pending' // Used for async operations\n  | 'complete' // Used to hide the submit indicator\n  | 'success' // Used for fields\n  | 'error' // Used when error is shown\n  | 'abort' // Used to abort the state regardless (step change)\n\n/**\n * Provide a error that shows in the FormStatus of a field.\n */\ntype EventStateObjectError = Error\n/**\n * Provide a warning that shows in the FormStatus of a field.\n */\ntype EventStateObjectWarning = React.ReactNode\n/**\n * Provide an info that shows in the FormStatus of a field.\n */\ntype EventStateObjectInfo = React.ReactNode\n\n/**\n * Provide a status that will enforce the form to stay in pending state\n */\ntype EventStateObjectStatus = 'pending'\n\n/**\n * Provide a success state that will show an indicator on the related field label\n */\ntype EventStateObjectSuccess = 'saved'\n\n/**\n * Provide an error or status messages that shows in the FormStatus of a field\n */\nexport type EventStateObjectOr = {\n  error?: EventStateObjectError\n  warning?: EventStateObjectWarning\n  info?: EventStateObjectInfo\n  pending?: EventStateObjectStatus\n}\n\nexport type EventStateObjectEitherOr =\n  | { error: EventStateObjectError }\n  | { warning: EventStateObjectWarning }\n  | { info: EventStateObjectInfo }\n  | { status: EventStateObjectStatus }\n\nexport type EventStateObject = EventStateObjectOr &\n  EventStateObjectEitherOr\n\n/**\n * Provide 'saved' to indicate the data has been saved successfully. Can not be combined with `error`.\n */\nexport type EventStateObjectWithSuccess = EventStateObjectOr & {\n  success?: EventStateObjectSuccess\n} & (EventStateObjectEitherOr | { success: EventStateObjectSuccess })\n\n/**\n * Provide an error or status messages that shows in the FormStatus of a field\n */\nexport type EventReturnWithStateObject = Error | EventStateObject\n\nexport type EventReturnWithStateObjectAndSuccess =\n  | Error\n  | EventStateObjectWithSuccess\n\nexport type OnSubmitParams = {\n  /** Will remove browser-side stored autocomplete data  */\n  resetForm: () => void\n\n  /** Will empty the whole internal data set of the form  */\n  clearData: () => void\n}\n\nexport type OnSubmit<Data = JsonObject> = (\n  data: Data,\n  { resetForm, clearData }: OnSubmitParams\n) =>\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\n\nexport type OnChange<Data = unknown> = (\n  data: Data\n) =>\n  | EventReturnWithStateObjectAndSuccess\n  | void\n  | Promise<EventReturnWithStateObjectAndSuccess | void>\n\nexport type OnChangeValue<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = (\n  value: Value | EmptyValue,\n  additionalArgs?: AdditionalEventArgs\n) =>\n  | EventReturnWithStateObjectAndSuccess\n  | void\n  | Promise<EventReturnWithStateObjectAndSuccess | void>\n"],"mappings":"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"}

package/cjs/extensions/payment-card/utils/cardProducts.js

@@ -328,24 +328,24 @@ const cardData = [{
   bankAxept: _Types.BankAxeptType.None
 }, {
   productCode: 'VO3',
-  productName: 'SBanken Visa',
-  displayName: 'SBanken Visa',
+  productName: 'Sbanken Visa',
+  displayName: 'Sbanken Visa',
   cardDesign: _CardDesigns.sbankenVisa,
   productType: _Types.ProductType.None,
   cardType: _Types.CardType.Visa,
   bankAxept: _Types.BankAxeptType.BankAxept
 }, {
   productCode: 'VS8',
-  productName: 'SBanken et konsept fra DNB',
-  displayName: 'SBanken et Konsept fra DNB',
+  productName: 'Sbanken – et konsept fra DNB',
+  displayName: 'Sbanken – et konsept fra DNB',
   cardDesign: _CardDesigns.sbankenVisa,
   productType: _Types.ProductType.None,
   cardType: _Types.CardType.Visa,
   bankAxept: _Types.BankAxeptType.BankAxept
 }, {
-  productCode: 'P103',
-  productName: 'SBanken et konsept fra DNB',
-  displayName: 'SBanken et konsept fra DNB',
+  productCode: '103',
+  productName: 'Sbanken – et konsept fra DNB',
+  displayName: 'Sbanken – et konsept fra DNB',
   cardDesign: _CardDesigns.sbankenMastercard,
   productType: _Types.ProductType.None,
   cardType: _Types.CardType.Mastercard,

package/cjs/extensions/payment-card/utils/cardProducts.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardProducts.js","names":["_CardDesigns","require","_Types","cardData","productCode","productName","displayName","cardDesign","defaultDesign","cardType","CardType","None","productType","ProductType","bankAxept","BankAxeptType","BankAxept","Visa","saga","Saga","Mastercard","pluss","Pluss","young","sagaPlatinum","privateBanking","PrivateBanking","myFirst","youth","Intro","gold","businessNoVisa","Bedrift","businessWithVisa","Business","mcBlack","sbankenVisa","sbankenMastercard","Credit","_default","exports","default"],"sources":["../../../../../src/extensions/payment-card/utils/cardProducts.js"],"sourcesContent":["import {\n  defaultDesign,\n  pluss,\n  young,\n  myFirst,\n  youth,\n  gold,\n  saga,\n  sagaPlatinum,\n  privateBanking,\n  mcBlack,\n  businessNoVisa,\n  businessWithVisa,\n  sbankenVisa,\n  sbankenMastercard,\n} from './CardDesigns'\n\nimport { CardType, ProductType, BankAxeptType } from './Types'\n\nconst cardData = [\n  {\n    productCode: 'NK1',\n    productName: 'DNB Kortet',\n    displayName: 'DNB Kortet',\n    cardDesign: defaultDesign,\n    cardType: CardType.None,\n    productType: ProductType.None,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'NK4',\n    productName: 'DNB Kortet',\n    displayName: 'DNB Kortet',\n    cardDesign: defaultDesign,\n    cardType: CardType.None,\n    productType: ProductType.None,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'NK5',\n    productName: 'DNB Kortet',\n    displayName: 'DNB Kortet',\n    cardDesign: defaultDesign,\n    cardType: CardType.None,\n    productType: ProductType.None,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VE1',\n    productName: 'DNB Electron',\n    displayName: 'DNB Electron',\n    cardDesign: defaultDesign,\n    cardType: CardType.Visa,\n    productType: ProductType.None,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VE2',\n    productName: 'DNB Electron u/leg',\n    displayName: 'DNB Electron',\n    cardDesign: defaultDesign,\n    cardType: CardType.Visa,\n    productType: ProductType.None,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VG1',\n    productName: 'SAGA Gull Visa',\n    displayName: 'SAGA Gull',\n    cardDesign: saga,\n    cardType: CardType.Visa,\n    productType: ProductType.Saga,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VG4',\n    productName: 'SAGA Gull Visa u/leg',\n    displayName: 'SAGA Gull',\n    cardDesign: saga,\n    cardType: CardType.Visa,\n    productType: ProductType.Saga,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: '053',\n    productName: 'SAGA Gull Mastercard',\n    displayName: 'SAGA Gull',\n    cardDesign: saga,\n    cardType: CardType.Mastercard,\n    productType: ProductType.Saga,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VK2',\n    productName: 'DNB Visa',\n    displayName: 'DNB Visa',\n    cardDesign: defaultDesign,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VK4',\n    productName: 'DNB Visa',\n    displayName: 'DNB Visa',\n    cardDesign: defaultDesign,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: '084',\n    productName: 'Pluss Mastercard(leve)',\n    displayName: 'Pluss Mastercard',\n    cardDesign: pluss,\n    productType: ProductType.Pluss,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VL1',\n    productName: 'Sølv Visa',\n    displayName: 'Pluss Visa',\n    cardDesign: pluss,\n    productType: ProductType.Pluss,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VL2',\n    productName: 'Hvitt Visa',\n    displayName: 'Hvitt kort',\n    cardDesign: young,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VL3',\n    productName: 'Sølv Visa',\n    displayName: 'Pluss Visa',\n    cardDesign: pluss,\n    productType: ProductType.Pluss,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VL4',\n    productName: 'DNB Visa u/leg',\n    displayName: 'DNB Visa',\n    cardDesign: defaultDesign,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VL6',\n    productName: 'Hvitt Visa u/leg',\n    displayName: 'Hvitt kort',\n    cardDesign: young,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: '085',\n    productName: 'Ung Mastercard(student)',\n    displayName: 'Ung Mastercard',\n    cardDesign: young,\n    productType: ProductType.None,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VO1',\n    productName: 'DNB Visa Online',\n    displayName: 'DNB Visa Online',\n    cardDesign: defaultDesign,\n    cardType: CardType.Visa,\n    productType: ProductType.None,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VP2',\n    productName: 'SAGA Platinum Visa',\n    displayName: 'SAGA Platinum',\n    cardDesign: sagaPlatinum,\n    productType: ProductType.Saga,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VP3',\n    productName: 'Private Banking Visa',\n    displayName: 'Private Banking',\n    cardDesign: privateBanking,\n    productType: ProductType.PrivateBanking,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VP4',\n    productName: 'SAGA Platinum Visa u/leg',\n    displayName: 'SAGA Platinum',\n    cardDesign: sagaPlatinum,\n    productType: ProductType.Saga,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: '069',\n    productName: 'SAGA Platinum Mastercard',\n    displayName: 'SAGA Platinum',\n    cardDesign: sagaPlatinum,\n    productType: ProductType.Saga,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VP5',\n    productName: 'Private Banking Visa u/leg',\n    displayName: 'Private Banking',\n    cardDesign: privateBanking,\n    productType: ProductType.PrivateBanking,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: '080',\n    productName: 'Private Banking Mastercard',\n    displayName: 'Private Banking',\n    cardDesign: privateBanking,\n    productType: ProductType.PrivateBanking,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VX1',\n    productName: 'Mitt første kort',\n    displayName: 'Mitt første kort',\n    cardDesign: myFirst,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VX3',\n    productName: 'Ungdomskortet',\n    displayName: 'Ungdomskort',\n    cardDesign: youth,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VX4',\n    productName: 'Mitt første kort u/leg',\n    displayName: 'Mitt første kort',\n    cardDesign: myFirst,\n    productType: ProductType.Intro,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VX5',\n    productName: 'Ungdomskortet u/leg',\n    displayName: 'Ungdomskort',\n    cardDesign: youth,\n    productType: ProductType.Intro,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: '096',\n    productName: 'DNB Mastercard',\n    displayName: 'DNB Mastercard',\n    cardDesign: gold,\n    productType: ProductType.None,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: '044',\n    productName: 'Hvitt Mastercard',\n    displayName: 'Student',\n    cardDesign: young,\n    productType: ProductType.None,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: '043',\n    productName: 'Sølv MasterCard',\n    displayName: 'Pluss Mastercard',\n    cardDesign: pluss,\n    productType: ProductType.Pluss,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: '098',\n    productName: 'SAGA Gull Mastercard',\n    displayName: 'SAGA Gull',\n    cardDesign: saga,\n    productType: ProductType.Saga,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: '074',\n    productName: 'SAGA Platinum Mastercard',\n    displayName: 'SAGA Platinum',\n    cardDesign: sagaPlatinum,\n    productType: ProductType.Saga,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: '062',\n    productName: 'Private Banking Mastercard',\n    displayName: 'Private Banking',\n    cardDesign: privateBanking,\n    productType: ProductType.PrivateBanking,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'BK1',\n    productName: 'Bedriftskort (småkjøpskort)',\n    displayName: 'Bedriftskort (småkjøpskort)',\n    cardDesign: businessNoVisa,\n    productType: ProductType.Bedrift,\n    cardType: CardType.None,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'BP1',\n    productName: 'Bedriftskort (småkjøpskort)',\n    displayName: 'Bedriftskort (småkjøpskort)',\n    cardDesign: businessNoVisa,\n    productType: ProductType.Bedrift,\n    cardType: CardType.None,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VB1',\n    productName: 'Bedriftskort med Visa',\n    displayName: 'Bedriftskort med Visa',\n    cardDesign: businessWithVisa,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VB2',\n    productName: 'Visa Business',\n    displayName: 'Visa Business',\n    cardDesign: businessWithVisa,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VB5',\n    productName: 'Bedriftskort med Visa',\n    displayName: 'Bedriftskort med Visa',\n    cardDesign: businessWithVisa,\n    productType: ProductType.Business,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'P101',\n    productName: '?',\n    displayName: 'Black Mastercard',\n    cardDesign: mcBlack,\n    productType: ProductType.None,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VO3',\n    productName: 'SBanken Visa',\n    displayName: 'SBanken Visa',\n    cardDesign: sbankenVisa,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VS8',\n    productName: 'SBanken et konsept fra DNB',\n    displayName: 'SBanken et Konsept fra DNB',\n    cardDesign: sbankenVisa,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'P103',\n    productName: 'SBanken et konsept fra DNB',\n    displayName: 'SBanken et konsept fra DNB',\n    cardDesign: sbankenMastercard,\n    productType: ProductType.None,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.Credit,\n  },\n]\n\nexport default cardData\n"],"mappings":"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"}
+{"version":3,"file":"cardProducts.js","names":["_CardDesigns","require","_Types","cardData","productCode","productName","displayName","cardDesign","defaultDesign","cardType","CardType","None","productType","ProductType","bankAxept","BankAxeptType","BankAxept","Visa","saga","Saga","Mastercard","pluss","Pluss","young","sagaPlatinum","privateBanking","PrivateBanking","myFirst","youth","Intro","gold","businessNoVisa","Bedrift","businessWithVisa","Business","mcBlack","sbankenVisa","sbankenMastercard","Credit","_default","exports","default"],"sources":["../../../../../src/extensions/payment-card/utils/cardProducts.js"],"sourcesContent":["import {\n  defaultDesign,\n  pluss,\n  young,\n  myFirst,\n  youth,\n  gold,\n  saga,\n  sagaPlatinum,\n  privateBanking,\n  mcBlack,\n  businessNoVisa,\n  businessWithVisa,\n  sbankenVisa,\n  sbankenMastercard,\n} from './CardDesigns'\n\nimport { CardType, ProductType, BankAxeptType } from './Types'\n\nconst cardData = [\n  {\n    productCode: 'NK1',\n    productName: 'DNB Kortet',\n    displayName: 'DNB Kortet',\n    cardDesign: defaultDesign,\n    cardType: CardType.None,\n    productType: ProductType.None,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'NK4',\n    productName: 'DNB Kortet',\n    displayName: 'DNB Kortet',\n    cardDesign: defaultDesign,\n    cardType: CardType.None,\n    productType: ProductType.None,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'NK5',\n    productName: 'DNB Kortet',\n    displayName: 'DNB Kortet',\n    cardDesign: defaultDesign,\n    cardType: CardType.None,\n    productType: ProductType.None,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VE1',\n    productName: 'DNB Electron',\n    displayName: 'DNB Electron',\n    cardDesign: defaultDesign,\n    cardType: CardType.Visa,\n    productType: ProductType.None,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VE2',\n    productName: 'DNB Electron u/leg',\n    displayName: 'DNB Electron',\n    cardDesign: defaultDesign,\n    cardType: CardType.Visa,\n    productType: ProductType.None,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VG1',\n    productName: 'SAGA Gull Visa',\n    displayName: 'SAGA Gull',\n    cardDesign: saga,\n    cardType: CardType.Visa,\n    productType: ProductType.Saga,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VG4',\n    productName: 'SAGA Gull Visa u/leg',\n    displayName: 'SAGA Gull',\n    cardDesign: saga,\n    cardType: CardType.Visa,\n    productType: ProductType.Saga,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: '053',\n    productName: 'SAGA Gull Mastercard',\n    displayName: 'SAGA Gull',\n    cardDesign: saga,\n    cardType: CardType.Mastercard,\n    productType: ProductType.Saga,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VK2',\n    productName: 'DNB Visa',\n    displayName: 'DNB Visa',\n    cardDesign: defaultDesign,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VK4',\n    productName: 'DNB Visa',\n    displayName: 'DNB Visa',\n    cardDesign: defaultDesign,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: '084',\n    productName: 'Pluss Mastercard(leve)',\n    displayName: 'Pluss Mastercard',\n    cardDesign: pluss,\n    productType: ProductType.Pluss,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VL1',\n    productName: 'Sølv Visa',\n    displayName: 'Pluss Visa',\n    cardDesign: pluss,\n    productType: ProductType.Pluss,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VL2',\n    productName: 'Hvitt Visa',\n    displayName: 'Hvitt kort',\n    cardDesign: young,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VL3',\n    productName: 'Sølv Visa',\n    displayName: 'Pluss Visa',\n    cardDesign: pluss,\n    productType: ProductType.Pluss,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VL4',\n    productName: 'DNB Visa u/leg',\n    displayName: 'DNB Visa',\n    cardDesign: defaultDesign,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VL6',\n    productName: 'Hvitt Visa u/leg',\n    displayName: 'Hvitt kort',\n    cardDesign: young,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: '085',\n    productName: 'Ung Mastercard(student)',\n    displayName: 'Ung Mastercard',\n    cardDesign: young,\n    productType: ProductType.None,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VO1',\n    productName: 'DNB Visa Online',\n    displayName: 'DNB Visa Online',\n    cardDesign: defaultDesign,\n    cardType: CardType.Visa,\n    productType: ProductType.None,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VP2',\n    productName: 'SAGA Platinum Visa',\n    displayName: 'SAGA Platinum',\n    cardDesign: sagaPlatinum,\n    productType: ProductType.Saga,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VP3',\n    productName: 'Private Banking Visa',\n    displayName: 'Private Banking',\n    cardDesign: privateBanking,\n    productType: ProductType.PrivateBanking,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VP4',\n    productName: 'SAGA Platinum Visa u/leg',\n    displayName: 'SAGA Platinum',\n    cardDesign: sagaPlatinum,\n    productType: ProductType.Saga,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: '069',\n    productName: 'SAGA Platinum Mastercard',\n    displayName: 'SAGA Platinum',\n    cardDesign: sagaPlatinum,\n    productType: ProductType.Saga,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VP5',\n    productName: 'Private Banking Visa u/leg',\n    displayName: 'Private Banking',\n    cardDesign: privateBanking,\n    productType: ProductType.PrivateBanking,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: '080',\n    productName: 'Private Banking Mastercard',\n    displayName: 'Private Banking',\n    cardDesign: privateBanking,\n    productType: ProductType.PrivateBanking,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VX1',\n    productName: 'Mitt første kort',\n    displayName: 'Mitt første kort',\n    cardDesign: myFirst,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VX3',\n    productName: 'Ungdomskortet',\n    displayName: 'Ungdomskort',\n    cardDesign: youth,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VX4',\n    productName: 'Mitt første kort u/leg',\n    displayName: 'Mitt første kort',\n    cardDesign: myFirst,\n    productType: ProductType.Intro,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VX5',\n    productName: 'Ungdomskortet u/leg',\n    displayName: 'Ungdomskort',\n    cardDesign: youth,\n    productType: ProductType.Intro,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: '096',\n    productName: 'DNB Mastercard',\n    displayName: 'DNB Mastercard',\n    cardDesign: gold,\n    productType: ProductType.None,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: '044',\n    productName: 'Hvitt Mastercard',\n    displayName: 'Student',\n    cardDesign: young,\n    productType: ProductType.None,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: '043',\n    productName: 'Sølv MasterCard',\n    displayName: 'Pluss Mastercard',\n    cardDesign: pluss,\n    productType: ProductType.Pluss,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: '098',\n    productName: 'SAGA Gull Mastercard',\n    displayName: 'SAGA Gull',\n    cardDesign: saga,\n    productType: ProductType.Saga,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: '074',\n    productName: 'SAGA Platinum Mastercard',\n    displayName: 'SAGA Platinum',\n    cardDesign: sagaPlatinum,\n    productType: ProductType.Saga,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: '062',\n    productName: 'Private Banking Mastercard',\n    displayName: 'Private Banking',\n    cardDesign: privateBanking,\n    productType: ProductType.PrivateBanking,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'BK1',\n    productName: 'Bedriftskort (småkjøpskort)',\n    displayName: 'Bedriftskort (småkjøpskort)',\n    cardDesign: businessNoVisa,\n    productType: ProductType.Bedrift,\n    cardType: CardType.None,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'BP1',\n    productName: 'Bedriftskort (småkjøpskort)',\n    displayName: 'Bedriftskort (småkjøpskort)',\n    cardDesign: businessNoVisa,\n    productType: ProductType.Bedrift,\n    cardType: CardType.None,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VB1',\n    productName: 'Bedriftskort med Visa',\n    displayName: 'Bedriftskort med Visa',\n    cardDesign: businessWithVisa,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VB2',\n    productName: 'Visa Business',\n    displayName: 'Visa Business',\n    cardDesign: businessWithVisa,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VB5',\n    productName: 'Bedriftskort med Visa',\n    displayName: 'Bedriftskort med Visa',\n    cardDesign: businessWithVisa,\n    productType: ProductType.Business,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'P101',\n    productName: '?',\n    displayName: 'Black Mastercard',\n    cardDesign: mcBlack,\n    productType: ProductType.None,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.None,\n  },\n  {\n    productCode: 'VO3',\n    productName: 'Sbanken Visa',\n    displayName: 'Sbanken Visa',\n    cardDesign: sbankenVisa,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: 'VS8',\n    productName: 'Sbanken – et konsept fra DNB',\n    displayName: 'Sbanken – et konsept fra DNB',\n    cardDesign: sbankenVisa,\n    productType: ProductType.None,\n    cardType: CardType.Visa,\n    bankAxept: BankAxeptType.BankAxept,\n  },\n  {\n    productCode: '103',\n    productName: 'Sbanken – et konsept fra DNB',\n    displayName: 'Sbanken – et konsept fra DNB',\n    cardDesign: sbankenMastercard,\n    productType: ProductType.None,\n    cardType: CardType.Mastercard,\n    bankAxept: BankAxeptType.Credit,\n  },\n]\n\nexport default cardData\n"],"mappings":"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"}

package/cjs/shared/Eufemia.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "10.37.0";
+export declare const version = "10.39.0";
 export declare function init(): void;

package/cjs/shared/Eufemia.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.init = init;
 exports.version = void 0;
-const version = '10.37.0';
+const version = '10.39.0';
 exports.version = version;
 function init() {
   if (typeof window !== 'undefined') {
     class Eufemia {
       get version() {
-        return '10.37.0';
+        return '10.39.0';
       }
     }
     window.Eufemia = new Eufemia();

package/cjs/shared/Eufemia.js.map

@@ -1 +1 @@
-{"version":3,"file":"Eufemia.js","names":["version","exports","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["export const version = '10.37.0'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.37.0'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":";;;;;;;AAAO,MAAMA,OAAO,GAAG,SAAS;AAAAC,OAAA,CAAAD,OAAA,GAAAA,OAAA;AAEzB,SAASE,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIJ,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAG,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}
+{"version":3,"file":"Eufemia.js","names":["version","exports","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["export const version = '10.39.0'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.39.0'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":";;;;;;;AAAO,MAAMA,OAAO,GAAG,SAAS;AAAAC,OAAA,CAAAD,OAAA,GAAAA,OAAA;AAEzB,SAASE,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIJ,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAG,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}

package/cjs/shared/locales/en-GB.d.ts

@@ -137,6 +137,7 @@ declare const _default: {
         Table: {
             accordionToggleButtonSR: string;
             accordionMoreContentSR: string;
+            navigationButtonSR: string;
         };
         Upload: {
             title: string;

package/cjs/shared/locales/en-GB.js

@@ -142,7 +142,8 @@ var _default = {
     },
     Table: {
       accordionToggleButtonSR: 'Show more content',
-      accordionMoreContentSR: 'More content in the next row'
+      accordionMoreContentSR: 'More content in the next row',
+      navigationButtonSR: 'Navigate to more content'
     },
     Upload: {
       title: 'Upload documents',