@dnb/eufemia 10.34.0 → 10.35.0

package/es/shared/useTranslation.js

@@ -14,16 +14,16 @@ export default function useTranslation(messages, args) {
   return useMemo(() => {
     const id = typeof messages === 'string' ? messages : undefined;
     if (id) {
-      return formatMessage(String(id), args, translation);
+      return formatMessage(id, args, translation);
     }
-    return combineTranslations({
+    return combineWithExternalTranslations({
       translation,
       messages,
       locale
     });
   }, [locale, messages, args, translation]);
 }
-export function combineTranslations({
+export function combineWithExternalTranslations({
   translation,
   messages,
   locale
@@ -40,26 +40,28 @@ export function combineTranslations({
     }
   }
   combined.formatMessage = (id, args) => {
-    return formatMessage(id, args, translation);
+    return formatMessage(id, args, combined);
   };
   return combined;
 }
 export function formatMessage(id, args, messages) {
+  var _id$includes;
   let str = undefined;
-  if (messages[id]) {
+  if (typeof id === 'function') {
+    str = id(messages);
+  } else if (messages[id]) {
     str = messages[id];
-  } else if (id.includes('.')) {
+  } else if (id !== null && id !== void 0 && (_id$includes = id.includes) !== null && _id$includes !== void 0 && _id$includes.call(id, '.')) {
     const keys = id.split('.');
-    let obj = messages;
     for (const key of keys) {
-      if (obj[key]) {
-        obj = obj[key];
+      if (messages[key]) {
+        messages = messages[key];
       } else {
         break;
       }
     }
-    if (typeof obj === 'string') {
-      str = obj;
+    if (typeof messages === 'string') {
+      str = messages;
     }
   }
   if (str) {

package/es/shared/useTranslation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTranslation.js","names":["useContext","useMemo","Context","defaultLocales","useTranslation","messages","args","locale","translation","id","undefined","formatMessage","String","combineTranslations","combined","_objectSpread","Object","keys","some","key","str","includes","split","obj","t","replace","RegExp"],"sources":["../../../src/shared/useTranslation.tsx"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport Context, {\n  Translation,\n  TranslationLocale,\n  TranslationCustomLocales,\n  InternalLocale,\n} from './Context'\nimport defaultLocales from './locales'\n\nexport type TranslationId = string\nexport type TranslationArguments = Record<TranslationId, unknown>\nexport type UseTranslationMessages<T = Translation> =\n  | TranslationId\n  | Translation\n  | TranslationCustomLocales\n  | Record<TranslationLocale, T>\n\nexport default function useTranslation<T = Translation>(\n  messages?: UseTranslationMessages<T>,\n  args?: TranslationArguments\n) {\n  const { locale, translation } = useContext(Context)\n\n  return useMemo(() => {\n    const id = typeof messages === 'string' ? messages : undefined\n    if (id) {\n      return formatMessage(String(id), args, translation)\n    }\n\n    return combineTranslations({\n      translation,\n      messages,\n      locale,\n    }) as T\n  }, [locale, messages, args, translation])\n}\n\nexport type CombineTranslationsArgs = {\n  translation: Translation\n  messages?: TranslationCustomLocales\n  locale?: InternalLocale\n}\nexport type CombineTranslationsReturn = Translation &\n  TranslationCustomLocales & {\n    formatMessage: typeof formatMessage\n  }\n\nexport function combineTranslations({\n  translation,\n  messages,\n  locale,\n}: CombineTranslationsArgs): CombineTranslationsReturn {\n  let combined = { ...translation } as CombineTranslationsReturn\n\n  if (messages) {\n    if (Object.keys(defaultLocales).some((locale) => messages[locale])) {\n      if (messages[locale]) {\n        combined = messages[locale]\n      }\n    }\n\n    for (const key in messages as TranslationCustomLocales) {\n      combined[key] = { ...translation[key], ...messages[key] }\n    }\n  }\n\n  combined.formatMessage = (\n    id: TranslationId,\n    args: TranslationArguments\n  ) => {\n    return formatMessage(id, args, translation)\n  }\n\n  return combined\n}\n\nexport function formatMessage(\n  id: TranslationId,\n  args: TranslationArguments,\n  messages: TranslationCustomLocales\n) {\n  let str = undefined\n\n  if (messages[id]) {\n    str = messages[id]\n  } else if (id.includes('.')) {\n    const keys = id.split('.')\n    let obj = messages\n    for (const key of keys) {\n      if (obj[key]) {\n        obj = obj[key]\n      } else {\n        break\n      }\n    }\n    if (typeof obj === 'string') {\n      str = obj\n    }\n  }\n\n  if (str) {\n    for (const t in args) {\n      str = str.replace(new RegExp(`{${t}}`, 'g'), args[t])\n    }\n  }\n\n  return str\n}\n"],"mappings":";;;;;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,OAAOC,OAAO,MAKP,WAAW;AAClB,OAAOC,cAAc,MAAM,WAAW;AAUtC,eAAe,SAASC,cAAcA,CACpCC,QAAoC,EACpCC,IAA2B,EAC3B;EACA,MAAM;IAAEC,MAAM;IAAEC;EAAY,CAAC,GAAGR,UAAU,CAACE,OAAO,CAAC;EAEnD,OAAOD,OAAO,CAAC,MAAM;IACnB,MAAMQ,EAAE,GAAG,OAAOJ,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGK,SAAS;IAC9D,IAAID,EAAE,EAAE;MACN,OAAOE,aAAa,CAACC,MAAM,CAACH,EAAE,CAAC,EAAEH,IAAI,EAAEE,WAAW,CAAC;IACrD;IAEA,OAAOK,mBAAmB,CAAC;MACzBL,WAAW;MACXH,QAAQ;MACRE;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,MAAM,EAAEF,QAAQ,EAAEC,IAAI,EAAEE,WAAW,CAAC,CAAC;AAC3C;AAYA,OAAO,SAASK,mBAAmBA,CAAC;EAClCL,WAAW;EACXH,QAAQ;EACRE;AACuB,CAAC,EAA6B;EACrD,IAAIO,QAAQ,GAAAC,aAAA,KAAQP,WAAW,CAA+B;EAE9D,IAAIH,QAAQ,EAAE;IACZ,IAAIW,MAAM,CAACC,IAAI,CAACd,cAAc,CAAC,CAACe,IAAI,CAAEX,MAAM,IAAKF,QAAQ,CAACE,MAAM,CAAC,CAAC,EAAE;MAClE,IAAIF,QAAQ,CAACE,MAAM,CAAC,EAAE;QACpBO,QAAQ,GAAGT,QAAQ,CAACE,MAAM,CAAC;MAC7B;IACF;IAEA,KAAK,MAAMY,GAAG,IAAId,QAAQ,EAA8B;MACtDS,QAAQ,CAACK,GAAG,CAAC,GAAAJ,aAAA,CAAAA,aAAA,KAAQP,WAAW,CAACW,GAAG,CAAC,GAAKd,QAAQ,CAACc,GAAG,CAAC,CAAE;IAC3D;EACF;EAEAL,QAAQ,CAACH,aAAa,GAAG,CACvBF,EAAiB,EACjBH,IAA0B,KACvB;IACH,OAAOK,aAAa,CAACF,EAAE,EAAEH,IAAI,EAAEE,WAAW,CAAC;EAC7C,CAAC;EAED,OAAOM,QAAQ;AACjB;AAEA,OAAO,SAASH,aAAaA,CAC3BF,EAAiB,EACjBH,IAA0B,EAC1BD,QAAkC,EAClC;EACA,IAAIe,GAAG,GAAGV,SAAS;EAEnB,IAAIL,QAAQ,CAACI,EAAE,CAAC,EAAE;IAChBW,GAAG,GAAGf,QAAQ,CAACI,EAAE,CAAC;EACpB,CAAC,MAAM,IAAIA,EAAE,CAACY,QAAQ,CAAC,GAAG,CAAC,EAAE;IAC3B,MAAMJ,IAAI,GAAGR,EAAE,CAACa,KAAK,CAAC,GAAG,CAAC;IAC1B,IAAIC,GAAG,GAAGlB,QAAQ;IAClB,KAAK,MAAMc,GAAG,IAAIF,IAAI,EAAE;MACtB,IAAIM,GAAG,CAACJ,GAAG,CAAC,EAAE;QACZI,GAAG,GAAGA,GAAG,CAACJ,GAAG,CAAC;MAChB,CAAC,MAAM;QACL;MACF;IACF;IACA,IAAI,OAAOI,GAAG,KAAK,QAAQ,EAAE;MAC3BH,GAAG,GAAGG,GAAG;IACX;EACF;EAEA,IAAIH,GAAG,EAAE;IACP,KAAK,MAAMI,CAAC,IAAIlB,IAAI,EAAE;MACpBc,GAAG,GAAGA,GAAG,CAACK,OAAO,CAAC,IAAIC,MAAM,CAAE,IAAGF,CAAE,GAAE,EAAE,GAAG,CAAC,EAAElB,IAAI,CAACkB,CAAC,CAAC,CAAC;IACvD;EACF;EAEA,OAAOJ,GAAG;AACZ"}
+{"version":3,"file":"useTranslation.js","names":["useContext","useMemo","Context","defaultLocales","useTranslation","messages","args","locale","translation","id","undefined","formatMessage","combineWithExternalTranslations","combined","_objectSpread","Object","keys","some","key","_id$includes","str","includes","call","split","t","replace","RegExp"],"sources":["../../../src/shared/useTranslation.tsx"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport Context, {\n  Translation,\n  TranslationLocale,\n  TranslationCustomLocales,\n  InternalLocale,\n} from './Context'\nimport defaultLocales from './locales'\n\nexport type TranslationId = string\nexport type TranslationIdAsFunction<T = TranslationCustomLocales> = (\n  messages: T & Translation\n) => string\nexport type TranslationArguments = Record<TranslationId, unknown>\nexport type UseTranslationMessages<T = Translation> =\n  | TranslationId\n  | Translation\n  | TranslationCustomLocales\n  | Record<TranslationLocale, T>\n\nexport default function useTranslation<T = Translation>(\n  messages?: UseTranslationMessages<T>,\n  args?: TranslationArguments\n) {\n  const { locale, translation } = useContext(Context)\n\n  return useMemo(() => {\n    const id = typeof messages === 'string' ? messages : undefined\n    if (id) {\n      return formatMessage(id, args, translation)\n    }\n\n    return combineWithExternalTranslations({\n      translation,\n      messages,\n      locale,\n    }) as T\n  }, [locale, messages, args, translation])\n}\n\nexport type combineWithExternalTranslationsArgs = {\n  translation: Translation\n  messages?: TranslationCustomLocales\n  locale?: InternalLocale\n}\nexport type combineWithExternalTranslationsReturn = Translation &\n  TranslationCustomLocales & {\n    formatMessage: typeof formatMessage\n  }\n\nexport function combineWithExternalTranslations({\n  translation,\n  messages,\n  locale,\n}: combineWithExternalTranslationsArgs): combineWithExternalTranslationsReturn {\n  let combined = {\n    ...translation,\n  } as combineWithExternalTranslationsReturn\n\n  if (messages) {\n    if (Object.keys(defaultLocales).some((locale) => messages[locale])) {\n      if (messages[locale]) {\n        combined = messages[locale]\n      }\n    }\n\n    for (const key in messages as TranslationCustomLocales) {\n      combined[key] = { ...translation[key], ...messages[key] }\n    }\n  }\n\n  combined.formatMessage = (\n    id: TranslationId,\n    args: TranslationArguments\n  ) => {\n    return formatMessage(id, args, combined)\n  }\n\n  return combined\n}\n\nexport function formatMessage(\n  id: TranslationId | TranslationIdAsFunction,\n  args: TranslationArguments,\n  messages: TranslationCustomLocales\n) {\n  let str = undefined\n\n  if (typeof id === 'function') {\n    str = id(messages)\n  } else if (messages[id]) {\n    str = messages[id]\n  } else if (id?.includes?.('.')) {\n    const keys = id.split('.')\n    for (const key of keys) {\n      if (messages[key]) {\n        messages = messages[key]\n      } else {\n        break\n      }\n    }\n    if (typeof messages === 'string') {\n      str = messages\n    }\n  }\n\n  if (str) {\n    for (const t in args) {\n      str = str.replace(new RegExp(`{${t}}`, 'g'), args[t])\n    }\n  }\n\n  return str\n}\n"],"mappings":"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"}

package/es/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.34.0';
+  --eufemia-version: '10.35.0';
 
   @content;
 }

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

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

package/es/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.34.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 fieldset{padding:.35rem .75rem .625rem}.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.35.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 fieldset{padding:.35rem .75rem .625rem}.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/es/style/dnb-ui-body.css

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

package/es/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.34.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 fieldset{padding:.35rem .75rem .625rem}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.35.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 fieldset{padding:.35rem .75rem .625rem}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/es/style/dnb-ui-components.css

@@ -362,10 +362,12 @@ html[data-visual-test] .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawe
   from {
     opacity: 0;
     transform: translateY(calc(1px - var(--drawer-list-height)));
+    pointer-events: none;
   }
   to {
     opacity: 1;
     transform: translateY(0);
+    pointer-events: auto;
   }
 }
 @keyframes drawer-list-slide-top-up {
@@ -392,10 +394,12 @@ html[data-visual-test] .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawe
   from {
     opacity: 0;
     transform: translateY(calc(1px + var(--drawer-list-height)));
+    pointer-events: none;
   }
   to {
     opacity: 1;
     transform: translateY(0);
+    pointer-events: auto;
   }
 }
 /*
@@ -617,6 +621,16 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after {
   width: var(--number-control-button-width--large);
 }
+.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before,
+.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after {
+  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);
@@ -838,6 +852,52 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   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;
+  outline: none;
+  margin-bottom: var(--space);
+  padding: var(--padding, 1rem);
+  transition: transform 400ms var(--easing-default) 50ms, box-shadow 0.8s var(--easing-default);
+  transform: translateY(-2.5rem);
+}
+.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: 0.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(-0.5rem);
+}
+.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner {
+  transform: translateY(0);
+}
+
 /*
  * Utilities
  */
@@ -947,50 +1007,6 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
     font-size: 0;
   }
 }
-.dnb-forms-iterate-block {
-  --block-outline-color: var(--outline-color, var(--color-lavender));
-}
-.dnb-forms-iterate-block--error:has(.dnb-form-status--error) {
-  --block-outline-color: var(--color-fire-red);
-}
-.dnb-forms-iterate-block:not(.dnb-height-animation--hidden) {
-  display: flex;
-  flex-direction: column;
-}
-.dnb-forms-iterate-block__inner {
-  flex: 1;
-  margin-bottom: var(--space);
-  padding: var(--padding, 1rem);
-  transition: transform 400ms var(--easing-default) 50ms, box-shadow 0.8s var(--easing-default);
-  transform: translateY(-2.5rem);
-}
-.dnb-forms-iterate-block--variant-basic .dnb-forms-iterate-block__inner, .dnb-forms-iterate-block__inner:not([class*=dnb-flex-container--spacing]) {
-  --padding: 0;
-}
-.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing] {
-  border-radius: 0.375rem;
-}
-.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small {
-  --space: var(--spacing-small);
-}
-.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium {
-  --space: var(--spacing-medium);
-}
-.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large {
-  --space: var(--spacing-large);
-}
-.dnb-forms-iterate-block--variant-outline .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing] {
-  box-shadow: inset 0 0 0 2px var(--block-outline-color);
-}
-.dnb-forms-iterate-block__inner .dnb-dl .dnb-dd {
-  margin-bottom: 0;
-}
-.dnb-forms-iterate-block.dnb-height-animation--is-visible .dnb-forms-iterate-block__inner {
-  transform: translateY(-0.5rem);
-}
-.dnb-forms-iterate-block.dnb-height-animation--parallax .dnb-forms-iterate-block__inner {
-  transform: translateY(0);
-}
 .dnb-forms-iterate__element {
   outline: none;
 }
@@ -4869,6 +4885,10 @@ html[data-visual-test] .dnb-height-animation, html[data-visual-test] .dnb-height
  * TODO: Set spacing in the theme file, as theme comes later in the stack
  *
  */
+.dnb-help-button .dnb-button__bounding {
+  transform: scale(1.5);
+}
+
 /*
 * Icon component
 *
@@ -5771,6 +5791,9 @@ html[data-visual-test] .dnb-modal__overlay, .dnb-modal__overlay--no-animation {
   -webkit-user-select: all;
           user-select: all;
 }
+.dnb-number-format--monospace {
+  font-family: var(--font-family-monospace);
+}
 .dnb-number-format.dnb-skeleton, .dnb-skeleton .dnb-number-format {
   -webkit-text-fill-color: var(--skeleton-color);
 }