@dnb/eufemia 10.53.0 → 10.54.0

package/cjs/shared/useTranslation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTranslation.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_locales","_br","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","useTranslation","messages","args","locale","translation","useContext","Context","assignUtils","useAdditionalUtils","useMemo","id","formatMessage","combineWithExternalTranslations","translationsRef","useRef","fM","useCallback","current","rM","message","renderMessage","translations","assign","_ref","combined","defaultLocales","some","_str","str","_id$includes","found","includes","split","t","replace","RegExp","text","element","Array","isArray","map","item","index","createElement","Fragment"],"sources":["../../../src/shared/useTranslation.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n} 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  const { assignUtils } = useAdditionalUtils()\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 assignUtils(\n      combineWithExternalTranslations({\n        translation,\n        messages,\n        locale,\n      })\n    )\n  }, [messages, translation, locale, assignUtils, args])\n}\n\nexport type CombineWithExternalTranslationsArgs = {\n  translation: Translation\n  messages?: TranslationCustomLocales\n  locale?: InternalLocale\n}\nexport type FormatMessage = {\n  formatMessage: typeof formatMessage\n  renderMessage: typeof renderMessage\n}\nexport type CombineWithExternalTranslationsReturn = Translation &\n  TranslationCustomLocales &\n  FormatMessage\n\nexport function useAdditionalUtils() {\n  const translationsRef = useRef<CombineWithExternalTranslationsReturn>()\n\n  const fM = useCallback(\n    (id: TranslationId, args: TranslationArguments) => {\n      return formatMessage(id, args, translationsRef.current)\n    },\n    []\n  )\n\n  const rM = useCallback((message: string) => {\n    return renderMessage(message)\n  }, [])\n\n  const assignUtils = useCallback(\n    (translations: CombineWithExternalTranslationsReturn) => {\n      translationsRef.current = translations\n      Object.assign(translations, { formatMessage: fM, renderMessage: rM })\n      return translations\n    },\n    [fM, rM]\n  )\n\n  return { assignUtils }\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  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 === 'string') {\n    let found = false\n    if (messages[id]) {\n      str = messages[id]\n      found = true\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        found = true\n      }\n    }\n    if (!found && typeof id === 'string') {\n      str = id\n    }\n  } else if (typeof id === 'function') {\n    str = id(messages)\n  }\n\n  if (typeof str === 'string') {\n    for (const t in args) {\n      str = str.replace(new RegExp(`{${t}}`, 'g'), args[t])\n    }\n  }\n\n  return str ?? id\n}\n\nexport function renderMessage(\n  text: string | Array<React.ReactNode>\n): string | React.ReactNode {\n  let element = text\n\n  if (typeof text === 'string') {\n    element = text.split('{br}')\n  }\n\n  if (Array.isArray(element)) {\n    return element.map((item, index) => (\n      <Fragment key={index}>\n        {item}\n        <br />\n      </Fragment>\n    ))\n  }\n\n  return text\n}\n"],"mappings":"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"}
+{"version":3,"file":"useTranslation.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_locales","_br","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","useTranslation","messages","args","locale","translation","useContext","Context","assignUtils","useAdditionalUtils","useMemo","id","formatMessage","combineWithExternalTranslations","translationsRef","useRef","fM","useCallback","current","rM","message","renderMessage","translations","assign","_ref","combined","defaultLocales","some","_str","str","_id$includes","found","includes","split","t","replace","RegExp","text","element","Array","isArray","map","item","index","createElement","Fragment"],"sources":["../../../src/shared/useTranslation.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n} 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  const { assignUtils } = useAdditionalUtils()\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 assignUtils(\n      combineWithExternalTranslations({\n        translation,\n        messages,\n        locale,\n      })\n    )\n  }, [messages, translation, locale, assignUtils, args])\n}\n\nexport type CombineWithExternalTranslationsArgs = {\n  translation: Translation\n  messages?: TranslationCustomLocales\n  locale?: InternalLocale\n}\nexport type AdditionalReturnUtils = {\n  formatMessage: typeof formatMessage\n  renderMessage: typeof renderMessage\n}\nexport type CombineWithExternalTranslationsReturn = Translation &\n  TranslationCustomLocales &\n  AdditionalReturnUtils\n\nexport function useAdditionalUtils() {\n  const translationsRef = useRef<CombineWithExternalTranslationsReturn>()\n\n  const fM = useCallback(\n    (id: TranslationId, args: TranslationArguments) => {\n      return formatMessage(id, args, translationsRef.current)\n    },\n    []\n  )\n\n  const rM = useCallback((message: string) => {\n    return renderMessage(message)\n  }, [])\n\n  const assignUtils = useCallback(\n    (translations: CombineWithExternalTranslationsReturn) => {\n      translationsRef.current = translations\n      Object.assign(translations, { formatMessage: fM, renderMessage: rM })\n      return translations\n    },\n    [fM, rM]\n  )\n\n  return { assignUtils }\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  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 === 'string') {\n    let found = false\n    if (messages[id]) {\n      str = messages[id]\n      found = true\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        found = true\n      }\n    }\n    if (!found && typeof id === 'string') {\n      str = id\n    }\n  } else if (typeof id === 'function') {\n    str = id(messages)\n  }\n\n  if (typeof str === 'string') {\n    for (const t in args) {\n      str = str.replace(new RegExp(`{${t}}`, 'g'), args[t])\n    }\n  }\n\n  return str ?? id\n}\n\nexport function renderMessage(\n  text: string | Array<React.ReactNode>\n): string | React.ReactNode {\n  let element = text\n\n  if (typeof text === 'string') {\n    element = text.split('{br}')\n  }\n\n  if (Array.isArray(element)) {\n    return element.map((item, index) => (\n      <Fragment key={index}>\n        {item}\n        <br />\n      </Fragment>\n    ))\n  }\n\n  return text\n}\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.53.0';
+  --eufemia-version: '10.54.0';
 
   @content;
 }

package/cjs/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.53.0";
+  --eufemia-version: "10.54.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.53.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.54.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/cjs/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.53.0";
+  --eufemia-version: "10.54.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.53.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.54.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)}