@dnb/eufemia 10.57.1 → 10.59.0

package/cjs/shared/helpers/useSharedState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSharedState.js","names":["_react","_interopRequireWildcard","require","_useMounted","_interopRequireDefault","_useMountEffect","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","useLayoutEffect","window","React","useEffect","useSharedState","id","_sharedState$get","initialData","onChange","forceUpdate","useReducer","hasMounted","useMounted","waitForMountedRef","useRef","forceRerender","useCallback","current","useMountEffect","sharedState","useMemo","createSharedState","sharedAttachment","sync","newData","_sharedAttachment$dat","_sharedAttachment$dat2","data","update","extend","subscribe","unsubscribe","_sharedAttachment$dat3","hadInitialData","sharedStates","subscribers","subscriber","includes","sub","Boolean"],"sources":["../../../../src/shared/helpers/useSharedState.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport useMounted from './useMounted'\nimport useMountEffect from './useMountEffect'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type SharedStateId = string\n\n/**\n * Custom hook that provides shared state functionality.\n *\n * @template Data - The type of data stored in the shared state.\n * @param {SharedStateId} id - The identifier for the shared state.\n * @param {Data} initialData - The initial data for the shared state.\n * @param {Function} onChange - Optional callback function to be called when the shared state is set from another instance/component.\n * @returns {Object} - An object containing the shared state data, update function, extend function, and set function.\n */\nexport function useSharedState<Data>(\n  id: SharedStateId,\n  initialData: Data = undefined,\n  onChange = null\n) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const hasMounted = useMounted()\n  const waitForMountedRef = useRef(false)\n\n  const forceRerender = useCallback(() => {\n    if (hasMounted.current) {\n      forceUpdate()\n    } else {\n      waitForMountedRef.current = true\n    }\n  }, [hasMounted])\n\n  useMountEffect(() => {\n    if (waitForMountedRef.current) {\n      forceUpdate()\n    }\n  })\n\n  const sharedState = useMemo(() => {\n    if (id) {\n      return createSharedState<Data>(id, initialData)\n    }\n  }, [id, initialData])\n  const sharedAttachment = useMemo(() => {\n    if (id) {\n      return createSharedState(id + '-oc', { onChange })\n    }\n  }, [id, onChange])\n\n  const sync = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedAttachment.data?.onChange?.(newData)\n      }\n    },\n    [id, sharedAttachment]\n  )\n\n  const update = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedState.update(newData)\n      }\n    },\n    [id, sharedState]\n  )\n\n  const set = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedState.set(newData)\n        sync(newData)\n      }\n    },\n    [id, sharedState, sync]\n  )\n\n  const extend = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedState.extend(newData)\n        sync(newData)\n      }\n    },\n    [id, sharedState, sync]\n  )\n\n  useLayoutEffect(() => {\n    if (!id) {\n      return\n    }\n\n    sharedState.subscribe(forceRerender)\n\n    return () => {\n      sharedState.unsubscribe(forceRerender)\n    }\n  }, [forceRerender, id, onChange, sharedState])\n\n  useEffect(() => {\n    // Set the onChange function in case it is not set yet\n    if (id && onChange && !sharedAttachment.data?.onChange) {\n      sharedAttachment.set({ onChange })\n    }\n  }, [id, onChange, sharedAttachment])\n\n  return {\n    get: sharedState?.get,\n    data: sharedState?.get?.() as Data,\n    hadInitialData: sharedState?.hadInitialData,\n    update,\n    set,\n    extend,\n    sync,\n  }\n}\n\ntype Subscriber = () => void\n\nexport interface SharedStateReturn<Data = undefined> {\n  data: Data\n  get: () => Data\n  set: (newData: Partial<Data>) => void\n  extend: (newData: Partial<Data>) => void\n  update: (newData: Partial<Data>) => void\n}\n\ninterface SharedStateInstance<Data> extends SharedStateReturn<Data> {\n  subscribe: (subscriber: Subscriber) => void\n  unsubscribe: (subscriber: Subscriber) => void\n  hadInitialData: boolean\n}\n\nconst sharedStates: Record<SharedStateId, SharedStateInstance<any>> = {}\n\n/**\n * Creates a shared state instance with the specified ID and initial data.\n * @template Data The type of data stored in the shared state.\n * @param id The ID of the shared state.\n * @param initialData The initial data for the shared state.\n * @returns The created shared state instance.\n */\nexport function createSharedState<Data>(\n  id: SharedStateId,\n  initialData?: Data\n): SharedStateInstance<Data> {\n  if (!sharedStates[id]) {\n    let subscribers: Subscriber[] = []\n\n    const get = () => sharedStates[id].data\n\n    const set = (newData: Partial<Data>) => {\n      sharedStates[id].data = { ...newData }\n    }\n\n    const update = (newData: Partial<Data>) => {\n      set(newData)\n      sync()\n    }\n\n    const extend = (newData: Data) => {\n      sharedStates[id].data = { ...sharedStates[id].data, ...newData }\n      sync()\n    }\n\n    const subscribe = (subscriber: Subscriber) => {\n      if (!subscribers.includes(subscriber)) {\n        subscribers.push(subscriber)\n      }\n    }\n\n    const unsubscribe = (subscriber: Subscriber) => {\n      subscribers = subscribers.filter((sub) => sub !== subscriber)\n    }\n\n    const sync = () => {\n      subscribers.forEach((subscriber) => subscriber())\n    }\n\n    sharedStates[id] = {\n      data: undefined,\n      get,\n      set,\n      extend,\n      update,\n      subscribe,\n      unsubscribe,\n      hadInitialData: Boolean(initialData),\n    } as SharedStateInstance<Data>\n\n    if (initialData) {\n      extend(initialData)\n    }\n  } else if (\n    sharedStates[id].data === undefined &&\n    initialData !== undefined\n  ) {\n    sharedStates[id].data = { ...initialData }\n  }\n\n  return sharedStates[id]\n}\n"],"mappings":"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"}
+{"version":3,"file":"useSharedState.js","names":["_react","_interopRequireWildcard","require","_useMounted","_interopRequireDefault","_useMountEffect","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","useLayoutEffect","window","React","useEffect","useSharedState","id","_sharedState$get","initialData","onChange","forceUpdate","useReducer","hasMounted","useMounted","waitForMountedRef","useRef","forceRerender","useCallback","current","useMountEffect","sharedState","useMemo","createSharedState","sharedAttachment","createReferenceKey","sync","newData","_sharedAttachment$dat","_sharedAttachment$dat2","data","update","extend","subscribe","unsubscribe","_sharedAttachment$dat3","hadInitialData","sharedStates","Map","subscribers","subscriber","includes","sub","Boolean","ref1","ref2","innerMap"],"sources":["../../../../src/shared/helpers/useSharedState.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport useMounted from './useMounted'\nimport useMountEffect from './useMountEffect'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type SharedStateId =\n  | string\n  | (() => void)\n  | Promise<() => void>\n  | React.Context<any>\n  | Record<string, unknown>\n\n/**\n * Custom hook that provides shared state functionality.\n */\nexport function useSharedState<Data>(\n  /** The identifier for the shared state. */\n  id: SharedStateId | undefined,\n  /** The initial data for the shared state. */\n  initialData: Data = undefined,\n  /** Optional callback function to be called when the shared state is set from another instance/component. */\n  onChange = null\n) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const hasMounted = useMounted()\n  const waitForMountedRef = useRef(false)\n\n  const forceRerender = useCallback(() => {\n    if (hasMounted.current) {\n      forceUpdate()\n    } else {\n      waitForMountedRef.current = true\n    }\n  }, [hasMounted])\n\n  useMountEffect(() => {\n    if (waitForMountedRef.current) {\n      forceUpdate()\n    }\n  })\n\n  const sharedState = useMemo(() => {\n    if (id) {\n      return createSharedState<Data>(id, initialData)\n    }\n  }, [id, initialData])\n  const sharedAttachment = useMemo(() => {\n    if (id) {\n      return createSharedState(createReferenceKey(id, 'oc'), { onChange })\n    }\n  }, [id, onChange])\n\n  const sync = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedAttachment.data?.onChange?.(newData)\n      }\n    },\n    [id, sharedAttachment]\n  )\n\n  const update = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedState.update(newData)\n      }\n    },\n    [id, sharedState]\n  )\n\n  const set = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedState.set(newData)\n        sync(newData)\n      }\n    },\n    [id, sharedState, sync]\n  )\n\n  const extend = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedState.extend(newData)\n        sync(newData)\n      }\n    },\n    [id, sharedState, sync]\n  )\n\n  useLayoutEffect(() => {\n    if (!id) {\n      return\n    }\n\n    sharedState.subscribe(forceRerender)\n\n    return () => {\n      sharedState.unsubscribe(forceRerender)\n    }\n  }, [forceRerender, id, onChange, sharedState])\n\n  useEffect(() => {\n    // Set the onChange function in case it is not set yet\n    if (id && onChange && !sharedAttachment.data?.onChange) {\n      sharedAttachment.set({ onChange })\n    }\n  }, [id, onChange, sharedAttachment])\n\n  return {\n    get: sharedState?.get,\n    data: sharedState?.get?.() as Data,\n    hadInitialData: sharedState?.hadInitialData,\n    update,\n    set,\n    extend,\n    sync,\n  }\n}\n\ntype Subscriber = () => void\n\nexport interface SharedStateReturn<Data = undefined> {\n  data: Data\n  get: () => Data\n  set: (newData: Partial<Data>) => void\n  extend: (newData: Partial<Data>) => void\n  update: (newData: Partial<Data>) => void\n}\n\ninterface SharedStateInstance<Data> extends SharedStateReturn<Data> {\n  subscribe: (subscriber: Subscriber) => void\n  unsubscribe: (subscriber: Subscriber) => void\n  hadInitialData: boolean\n}\n\nconst sharedStates: Map<\n  SharedStateId,\n  SharedStateInstance<any>\n> = new Map()\n\n/**\n * Creates a shared state instance with the specified ID and initial data.\n */\nexport function createSharedState<Data>(\n  /** The identifier for the shared state. */\n  id: SharedStateId,\n  /** The initial data for the shared state. */\n  initialData?: Data\n): SharedStateInstance<Data> {\n  if (!sharedStates.get(id)) {\n    let subscribers: Subscriber[] = []\n\n    const get = () => sharedStates.get(id).data\n\n    const set = (newData: Partial<Data>) => {\n      sharedStates.get(id).data = { ...newData }\n    }\n\n    const update = (newData: Partial<Data>) => {\n      set(newData)\n      sync()\n    }\n\n    const extend = (newData: Data) => {\n      sharedStates.get(id).data = {\n        ...sharedStates.get(id).data,\n        ...newData,\n      }\n      sync()\n    }\n\n    const subscribe = (subscriber: Subscriber) => {\n      if (!subscribers.includes(subscriber)) {\n        subscribers.push(subscriber)\n      }\n    }\n\n    const unsubscribe = (subscriber: Subscriber) => {\n      subscribers = subscribers.filter((sub) => sub !== subscriber)\n    }\n\n    const sync = () => {\n      subscribers.forEach((subscriber) => subscriber())\n    }\n\n    sharedStates.set(id, {\n      data: undefined,\n      get,\n      set,\n      extend,\n      update,\n      subscribe,\n      unsubscribe,\n      hadInitialData: Boolean(initialData),\n    } as SharedStateInstance<Data>)\n\n    if (initialData) {\n      extend(initialData)\n    }\n  } else if (\n    sharedStates.get(id).data === undefined &&\n    initialData !== undefined\n  ) {\n    sharedStates.get(id).data = { ...initialData }\n  }\n\n  return sharedStates.get(id)\n}\n\n/**\n * Creates a reference key for the shared state.\n * You can pass any JavaScript instance as the reference.\n */\nexport function createReferenceKey(ref1, ref2) {\n  if (!cache.has(ref1)) {\n    cache.set(ref1, new Map())\n  }\n\n  const innerMap = cache.get(ref1)\n\n  if (!innerMap.has(ref2)) {\n    innerMap.set(ref2, {})\n  }\n\n  return innerMap.get(ref2)\n}\nconst cache = new Map()\n"],"mappings":"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"}

package/cjs/style/core/scopes.scss

@@ -45,7 +45,7 @@
   word-break: break-word;
 
   // Will add this to the body tag – later we can test for a version mismatch
-  --eufemia-version: '10.57.1';
+  --eufemia-version: '10.59.0';
 
   @content;
 }

package/cjs/style/dnb-ui-basis.css

@@ -248,7 +248,7 @@ body {
   /* stylelint-disable-next-line */
   -webkit-text-size-adjust: 100%;
   word-break: break-word;
-  --eufemia-version: "10.57.1";
+  --eufemia-version: "10.59.0";
 }
 .dnb-core-style *,
 .dnb-core-style ::before,

package/cjs/style/dnb-ui-basis.min.css

@@ -1 +1 @@
-@charset "UTF-8";html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] a:hover{-webkit-text-decoration:none;text-decoration:none}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{max-width:60rem;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}body{margin:0}.dnb-core-style{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;--eufemia-version:"10.57.1";color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}.dnb-core-style *,.dnb-core-style :after,.dnb-core-style :before{background-repeat:no-repeat;box-sizing:border-box}.dnb-core-style :after,.dnb-core-style :before{text-decoration:inherit;vertical-align:inherit}.dnb-core-style hr{height:0;overflow:visible}.dnb-core-style main{display:block}.dnb-core-style nav ol,.dnb-core-style nav ul{list-style:none}.dnb-core-style abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.dnb-core-style b,.dnb-core-style strong{font-weight:bolder}.dnb-core-style code,.dnb-core-style kbd,.dnb-core-style pre,.dnb-core-style samp{font-family:var(--font-family-monospace)}.dnb-core-style ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}.dnb-core-style audio,.dnb-core-style canvas,.dnb-core-style iframe,.dnb-core-style img,.dnb-core-style svg,.dnb-core-style video{vertical-align:middle}.dnb-core-style audio,.dnb-core-style video{display:inline-block}.dnb-core-style audio:not([controls]){display:none;height:0}.dnb-core-style img{border-style:none}.dnb-core-style svg:not([fill]){fill:currentcolor}.dnb-core-style svg:not(:root){overflow:hidden}.dnb-core-style table{border-collapse:collapse}.dnb-core-style button,.dnb-core-style input,.dnb-core-style select,.dnb-core-style textarea{font-family:inherit;font-size:inherit;line-height:inherit}.dnb-core-style button,.dnb-core-style figure,.dnb-core-style input,.dnb-core-style select{margin:0}.dnb-core-style button{overflow:visible;text-transform:none}.dnb-core-style input{overflow:visible;word-break:normal}.dnb-core-style legend{color:inherit;display:table;max-width:100%;white-space:normal}.dnb-core-style progress{display:inline-block;vertical-align:baseline}.dnb-core-style select{text-transform:none}.dnb-core-style textarea{overflow:auto;resize:vertical}.dnb-core-style [type=checkbox],.dnb-core-style [type=radio]{padding:0}.dnb-core-style input[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}.dnb-core-style ::-webkit-inner-spin-button,.dnb-core-style ::-webkit-outer-spin-button{height:auto}.dnb-core-style ::input-placeholder{color:inherit;opacity:.54}.dnb-core-style ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.dnb-core-style ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}.dnb-core-style ::-moz-focus-inner{border-style:none;padding:0}.dnb-core-style details{display:block}.dnb-core-style summary{display:list-item}.dnb-core-style canvas{display:inline-block}.dnb-core-style template{display:none}.dnb-core-style [tabindex],.dnb-core-style a,.dnb-core-style area,.dnb-core-style button,.dnb-core-style input,.dnb-core-style label,.dnb-core-style select,.dnb-core-style summary,.dnb-core-style textarea{touch-action:manipulation}.dnb-core-style [hidden]{display:none}.dnb-core-style [aria-busy=true]{cursor:progress}.dnb-core-style [aria-controls]:not(input){cursor:pointer}.dnb-core-style [aria-disabled=true],.dnb-core-style [disabled]{cursor:not-allowed}.dnb-core-style [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{.dnb-core-style{background-color:#fff;color:#000}}.dnb-core-style .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}.dnb-no-focus,.dnb-tab-focus,.dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-tab-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-mouse-focus,.dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .dnb-mouse-focus:focus{box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-focus-ring,html[data-whatinput=mouse] .dnb-mouse-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent}.dnb-focus-ring{box-shadow:0 0 0 var(--border-width) var(--border-color)!important}.dnb-scrollbar-appearance{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}@supports not (scrollbar-color:auto){.dnb-scrollbar-appearance::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-skip-link{opacity:.3;position:absolute;top:-100vh;transition:opacity .3s ease-out;z-index:0}.dnb-skip-link--active,.dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;box-shadow:none;color:var(--skip-link-color);font-size:var(--font-size-basis);left:40%;margin:0;outline:none;padding:.5rem 1rem;position:fixed;text-align:center;-webkit-text-decoration:none;text-decoration:none;top:5%;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:9999}.dnb-skip-link--active:after,.dnb-skip-link:focus:after{background-color:hsla(0,0%,100%,.85);box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);content:"";height:150vh;left:-200vw;position:absolute;top:-200vh;width:150vw;z-index:-2}.dnb-skip-link--active:before,.dnb-skip-link:focus:before{background-color:var(--skip-link-background);border-radius:1.5rem;content:"";height:100%;left:0;outline:none;position:absolute;top:0;width:100%;z-index:-1}html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:hover:before,.dnb-skip-link:focus:hover:before{background-color:var(--skip-link-background--hover)}.dnb-skip-link--active:active:before,.dnb-skip-link:focus:active:before{background-color:var(--skip-link-background--active)}.dnb-skip-link--active:focus:not(:active):before,.dnb-skip-link:focus:focus:not(:active):before{outline:none}html[data-whatinput=keyboard] .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .dnb-skip-link:focus:focus:not(:active):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:focus,.dnb-skip-link:focus:focus{opacity:1}.dnb-skip-link--active:hover,.dnb-skip-link:focus:hover{background-color:transparent;box-shadow:none;color:var(--skip-link-color--hover)}.dnb-skip-link--active:focus:not(:hover):not(:active),.dnb-skip-link:focus:focus:not(:hover):not(:active){background-color:transparent;box-shadow:none;color:var(--skip-link-color)}.dnb-skip-link--active:active,.dnb-skip-link:focus:active{background-color:transparent;color:var(--skip-link-color--active)}html[data-whatintent=touch] .dnb-skip-link{display:none}.dnb-alignment-helper,.dnb-alignment-helper:before{speak:none;display:inline-block;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper:before{content:"‌"}.dnb-drop-shadow{box-shadow:var(--shadow-default)}.dnb-sr-only{-webkit-touch-callout:none!important;border:0!important;clip-path:inset(50%)!important;margin:0!important;max-height:1px!important;max-width:1px!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}.dnb-suffix{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding-left:.5rem;word-break:normal}
+@charset "UTF-8";html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] a:hover{-webkit-text-decoration:none;text-decoration:none}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{max-width:60rem;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}body{margin:0}.dnb-core-style{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;--eufemia-version:"10.59.0";color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}.dnb-core-style *,.dnb-core-style :after,.dnb-core-style :before{background-repeat:no-repeat;box-sizing:border-box}.dnb-core-style :after,.dnb-core-style :before{text-decoration:inherit;vertical-align:inherit}.dnb-core-style hr{height:0;overflow:visible}.dnb-core-style main{display:block}.dnb-core-style nav ol,.dnb-core-style nav ul{list-style:none}.dnb-core-style abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.dnb-core-style b,.dnb-core-style strong{font-weight:bolder}.dnb-core-style code,.dnb-core-style kbd,.dnb-core-style pre,.dnb-core-style samp{font-family:var(--font-family-monospace)}.dnb-core-style ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}.dnb-core-style audio,.dnb-core-style canvas,.dnb-core-style iframe,.dnb-core-style img,.dnb-core-style svg,.dnb-core-style video{vertical-align:middle}.dnb-core-style audio,.dnb-core-style video{display:inline-block}.dnb-core-style audio:not([controls]){display:none;height:0}.dnb-core-style img{border-style:none}.dnb-core-style svg:not([fill]){fill:currentcolor}.dnb-core-style svg:not(:root){overflow:hidden}.dnb-core-style table{border-collapse:collapse}.dnb-core-style button,.dnb-core-style input,.dnb-core-style select,.dnb-core-style textarea{font-family:inherit;font-size:inherit;line-height:inherit}.dnb-core-style button,.dnb-core-style figure,.dnb-core-style input,.dnb-core-style select{margin:0}.dnb-core-style button{overflow:visible;text-transform:none}.dnb-core-style input{overflow:visible;word-break:normal}.dnb-core-style legend{color:inherit;display:table;max-width:100%;white-space:normal}.dnb-core-style progress{display:inline-block;vertical-align:baseline}.dnb-core-style select{text-transform:none}.dnb-core-style textarea{overflow:auto;resize:vertical}.dnb-core-style [type=checkbox],.dnb-core-style [type=radio]{padding:0}.dnb-core-style input[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}.dnb-core-style ::-webkit-inner-spin-button,.dnb-core-style ::-webkit-outer-spin-button{height:auto}.dnb-core-style ::input-placeholder{color:inherit;opacity:.54}.dnb-core-style ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.dnb-core-style ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}.dnb-core-style ::-moz-focus-inner{border-style:none;padding:0}.dnb-core-style details{display:block}.dnb-core-style summary{display:list-item}.dnb-core-style canvas{display:inline-block}.dnb-core-style template{display:none}.dnb-core-style [tabindex],.dnb-core-style a,.dnb-core-style area,.dnb-core-style button,.dnb-core-style input,.dnb-core-style label,.dnb-core-style select,.dnb-core-style summary,.dnb-core-style textarea{touch-action:manipulation}.dnb-core-style [hidden]{display:none}.dnb-core-style [aria-busy=true]{cursor:progress}.dnb-core-style [aria-controls]:not(input){cursor:pointer}.dnb-core-style [aria-disabled=true],.dnb-core-style [disabled]{cursor:not-allowed}.dnb-core-style [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{.dnb-core-style{background-color:#fff;color:#000}}.dnb-core-style .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}.dnb-no-focus,.dnb-tab-focus,.dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-tab-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-mouse-focus,.dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .dnb-mouse-focus:focus{box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-focus-ring,html[data-whatinput=mouse] .dnb-mouse-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent}.dnb-focus-ring{box-shadow:0 0 0 var(--border-width) var(--border-color)!important}.dnb-scrollbar-appearance{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}@supports not (scrollbar-color:auto){.dnb-scrollbar-appearance::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-skip-link{opacity:.3;position:absolute;top:-100vh;transition:opacity .3s ease-out;z-index:0}.dnb-skip-link--active,.dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;box-shadow:none;color:var(--skip-link-color);font-size:var(--font-size-basis);left:40%;margin:0;outline:none;padding:.5rem 1rem;position:fixed;text-align:center;-webkit-text-decoration:none;text-decoration:none;top:5%;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:9999}.dnb-skip-link--active:after,.dnb-skip-link:focus:after{background-color:hsla(0,0%,100%,.85);box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);content:"";height:150vh;left:-200vw;position:absolute;top:-200vh;width:150vw;z-index:-2}.dnb-skip-link--active:before,.dnb-skip-link:focus:before{background-color:var(--skip-link-background);border-radius:1.5rem;content:"";height:100%;left:0;outline:none;position:absolute;top:0;width:100%;z-index:-1}html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:hover:before,.dnb-skip-link:focus:hover:before{background-color:var(--skip-link-background--hover)}.dnb-skip-link--active:active:before,.dnb-skip-link:focus:active:before{background-color:var(--skip-link-background--active)}.dnb-skip-link--active:focus:not(:active):before,.dnb-skip-link:focus:focus:not(:active):before{outline:none}html[data-whatinput=keyboard] .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .dnb-skip-link:focus:focus:not(:active):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:focus,.dnb-skip-link:focus:focus{opacity:1}.dnb-skip-link--active:hover,.dnb-skip-link:focus:hover{background-color:transparent;box-shadow:none;color:var(--skip-link-color--hover)}.dnb-skip-link--active:focus:not(:hover):not(:active),.dnb-skip-link:focus:focus:not(:hover):not(:active){background-color:transparent;box-shadow:none;color:var(--skip-link-color)}.dnb-skip-link--active:active,.dnb-skip-link:focus:active{background-color:transparent;color:var(--skip-link-color--active)}html[data-whatintent=touch] .dnb-skip-link{display:none}.dnb-alignment-helper,.dnb-alignment-helper:before{speak:none;display:inline-block;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper:before{content:"‌"}.dnb-drop-shadow{box-shadow:var(--shadow-default)}.dnb-sr-only{-webkit-touch-callout:none!important;border:0!important;clip-path:inset(50%)!important;margin:0!important;max-height:1px!important;max-width:1px!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}.dnb-suffix{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding-left:.5rem;word-break:normal}

package/cjs/style/dnb-ui-body.css

@@ -274,7 +274,7 @@ body {
   /* stylelint-disable-next-line */
   -webkit-text-size-adjust: 100%;
   word-break: break-word;
-  --eufemia-version: "10.57.1";
+  --eufemia-version: "10.59.0";
 }
 body *,
 body ::before,

package/cjs/style/dnb-ui-body.min.css

@@ -1 +1 @@
-html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:var(--line-height-basis);-moz-tab-size:4;tab-size:4;word-break:break-word}body{margin:0}html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] a:hover{-webkit-text-decoration:none;text-decoration:none}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{max-width:60rem;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;--eufemia-version:"10.57.1";color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}body *,body :after,body :before{background-repeat:no-repeat;box-sizing:border-box}body :after,body :before{text-decoration:inherit;vertical-align:inherit}body hr{height:0;overflow:visible}body main{display:block}body nav ol,body nav ul{list-style:none}body abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}body b,body strong{font-weight:bolder}body code,body kbd,body pre,body samp{font-family:var(--font-family-monospace)}body ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}body audio,body canvas,body iframe,body img,body svg,body video{vertical-align:middle}body audio,body video{display:inline-block}body audio:not([controls]){display:none;height:0}body img{border-style:none}body svg:not([fill]){fill:currentcolor}body svg:not(:root){overflow:hidden}body table{border-collapse:collapse}body button,body input,body select,body textarea{font-family:inherit;font-size:inherit;line-height:inherit}body button,body figure,body input,body select{margin:0}body button{overflow:visible;text-transform:none}body input{overflow:visible;word-break:normal}body legend{color:inherit;display:table;max-width:100%;white-space:normal}body progress{display:inline-block;vertical-align:baseline}body select{text-transform:none}body textarea{overflow:auto;resize:vertical}body [type=checkbox],body [type=radio]{padding:0}body input[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}body ::-webkit-inner-spin-button,body ::-webkit-outer-spin-button{height:auto}body ::input-placeholder{color:inherit;opacity:.54}body ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}body ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}body ::-moz-focus-inner{border-style:none;padding:0}body details{display:block}body summary{display:list-item}body canvas{display:inline-block}body template{display:none}body [tabindex],body a,body area,body button,body input,body label,body select,body summary,body textarea{touch-action:manipulation}body [hidden]{display:none}body [aria-busy=true]{cursor:progress}body [aria-controls]:not(input){cursor:pointer}body [aria-disabled=true],body [disabled]{cursor:not-allowed}body [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{body{background-color:#fff;color:#000}}body .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}
+html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:var(--line-height-basis);-moz-tab-size:4;tab-size:4;word-break:break-word}body{margin:0}html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] a:hover{-webkit-text-decoration:none;text-decoration:none}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{max-width:60rem;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;--eufemia-version:"10.59.0";color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}body *,body :after,body :before{background-repeat:no-repeat;box-sizing:border-box}body :after,body :before{text-decoration:inherit;vertical-align:inherit}body hr{height:0;overflow:visible}body main{display:block}body nav ol,body nav ul{list-style:none}body abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}body b,body strong{font-weight:bolder}body code,body kbd,body pre,body samp{font-family:var(--font-family-monospace)}body ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}body audio,body canvas,body iframe,body img,body svg,body video{vertical-align:middle}body audio,body video{display:inline-block}body audio:not([controls]){display:none;height:0}body img{border-style:none}body svg:not([fill]){fill:currentcolor}body svg:not(:root){overflow:hidden}body table{border-collapse:collapse}body button,body input,body select,body textarea{font-family:inherit;font-size:inherit;line-height:inherit}body button,body figure,body input,body select{margin:0}body button{overflow:visible;text-transform:none}body input{overflow:visible;word-break:normal}body legend{color:inherit;display:table;max-width:100%;white-space:normal}body progress{display:inline-block;vertical-align:baseline}body select{text-transform:none}body textarea{overflow:auto;resize:vertical}body [type=checkbox],body [type=radio]{padding:0}body input[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}body ::-webkit-inner-spin-button,body ::-webkit-outer-spin-button{height:auto}body ::input-placeholder{color:inherit;opacity:.54}body ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}body ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}body ::-moz-focus-inner{border-style:none;padding:0}body details{display:block}body summary{display:list-item}body canvas{display:inline-block}body template{display:none}body [tabindex],body a,body area,body button,body input,body label,body select,body summary,body textarea{touch-action:manipulation}body [hidden]{display:none}body [aria-busy=true]{cursor:progress}body [aria-controls]:not(input){cursor:pointer}body [aria-disabled=true],body [disabled]{cursor:not-allowed}body [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{body{background-color:#fff;color:#000}}body .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}

package/cjs/style/dnb-ui-components.css

@@ -965,12 +965,6 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   display: flex;
   flex-direction: column;
 }
-.dnb-forms-section-block--variant-basic {
-  --border-color: transparent;
-}
-.dnb-forms-section-block--variant-basic .dnb-card {
-  --card-outline-color: transparent;
-}
 .dnb-forms-section-block__inner {
   flex: 1;
   outline: none;
@@ -990,6 +984,16 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-section-block__inner .dnb-dl .dnb-dd {
   margin-bottom: 0;
 }
+.dnb-forms-section-block--variant-basic {
+  --border-color: transparent;
+}
+.dnb-forms-section-block--variant-basic .dnb-card, .dnb-card .dnb-forms-section-block--variant-basic .dnb-card {
+  --card-outline-color: transparent;
+}
+.dnb-forms-section-block--variant-filled .dnb-forms-section-block__inner {
+  --space: var(--spacing-small);
+  background-color: var(--color-lavender);
+}
 .dnb-forms-section-block--no-animation .dnb-forms-section-block__inner {
   transform: translateY(0);
 }