@dnb/eufemia 10.75.2 → 10.75.4

package/es/shared/build-info/BuildInfoData.cjs

@@ -0,0 +1,2 @@
+exports.version = '10.75.4'
+exports.sha = 'f23174b06'

package/es/shared/build-info/BuildInfoData.d.ts

@@ -0,0 +1,2 @@
+export const version: "10.75.4";
+export const sha: "f23174b06";

package/es/shared/build-info/BuildInfoData.js

@@ -0,0 +1,3 @@
+export const version = '10.75.4';
+export const sha = 'f23174b06';
+//# sourceMappingURL=BuildInfoData.js.map

package/es/shared/build-info/BuildInfoData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildInfoData.js","names":["version","sha"],"sources":["../../../../src/shared/build-info/BuildInfoData.js"],"sourcesContent":["export const version = '10.75.4'\nexport const sha = 'f23174b06'\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAChC,OAAO,MAAMC,GAAG,GAAG,WAAW","ignoreList":[]}

package/es/shared/helpers/runCssVersionMismatchWarning.d.ts

@@ -1,8 +1 @@
-declare global {
-    interface Window {
-        Eufemia?: {
-            version: string;
-        };
-    }
-}
 export declare function runCssVersionMismatchWarning(): void;

package/es/shared/helpers/runCssVersionMismatchWarning.js.map

@@ -1 +1 @@
-{"version":3,"file":"runCssVersionMismatchWarning.js","names":["runCssVersionMismatchWarning","document","process","env","NODE_ENV","runCheck","_window$Eufemia","jsVersion","window","Eufemia","version","getCssVersion","element","_window$getComputedSt","getComputedStyle","getPropertyValue","replace","undefined","cssVersion","body","getElementsByClassName","isUnknown","consoleArguments","console","warn","error","readyState","requestAnimationFrame","addEventListener"],"sources":["../../../../src/shared/helpers/runCssVersionMismatchWarning.ts"],"sourcesContent":["declare global {\n  interface Window {\n    Eufemia?: {\n      version: string\n    }\n  }\n}\n\nexport function runCssVersionMismatchWarning() {\n  try {\n    if (\n      typeof document !== 'undefined' &&\n      process.env.NODE_ENV === 'development'\n    ) {\n      const runCheck = () => {\n        const jsVersion = window.Eufemia?.version\n\n        if (jsVersion === '__VERSION__') {\n          return\n        }\n\n        const getCssVersion = (element) => {\n          return element\n            ? window\n                .getComputedStyle(element)\n                .getPropertyValue('--eufemia-version')\n                ?.replace(/[\"']/g, '')\n            : undefined\n        }\n\n        const cssVersion =\n          getCssVersion(document.body) ||\n          getCssVersion(\n            document.getElementsByClassName('dnb-core-style')[0]\n          ) ||\n          'unknown'\n\n        if (cssVersion !== jsVersion) {\n          const isUnknown = cssVersion === 'unknown'\n\n          const consoleArguments = [\n            `Eufemia CSS and JS version mismatch!${\n              isUnknown\n                ? ' CSS version is either not loaded (are you perhaps using lazy loading?), or older than \"10.25.0\"'\n                : ''\n            }`,\n            `\\nCSS: ${cssVersion}`,\n            `\\nJS: ${jsVersion}`,\n          ]\n\n          if (isUnknown) {\n            console.warn(...consoleArguments)\n          } else {\n            console.error(...consoleArguments)\n          }\n        }\n      }\n\n      if (document.readyState === 'complete') {\n        window.requestAnimationFrame(runCheck)\n      } else {\n        window.addEventListener('load', runCheck)\n      }\n    }\n  } catch (error) {\n    console.error(error)\n  }\n}\n"],"mappings":"AAQA,OAAO,SAASA,4BAA4BA,CAAA,EAAG;EAC7C,IAAI;IACF,IACE,OAAOC,QAAQ,KAAK,WAAW,IAC/BC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EACtC;MACA,MAAMC,QAAQ,GAAGA,CAAA,KAAM;QAAA,IAAAC,eAAA;QACrB,MAAMC,SAAS,IAAAD,eAAA,GAAGE,MAAM,CAACC,OAAO,cAAAH,eAAA,uBAAdA,eAAA,CAAgBI,OAAO;QAEzC,IAAIH,SAAS,KAAK,aAAa,EAAE;UAC/B;QACF;QAEA,MAAMI,aAAa,GAAIC,OAAO,IAAK;UAAA,IAAAC,qBAAA;UACjC,OAAOD,OAAO,IAAAC,qBAAA,GACVL,MAAM,CACHM,gBAAgB,CAACF,OAAO,CAAC,CACzBG,gBAAgB,CAAC,mBAAmB,CAAC,cAAAF,qBAAA,uBAFxCA,qBAAA,CAGIG,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,GACxBC,SAAS;QACf,CAAC;QAED,MAAMC,UAAU,GACdP,aAAa,CAACV,QAAQ,CAACkB,IAAI,CAAC,IAC5BR,aAAa,CACXV,QAAQ,CAACmB,sBAAsB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACrD,CAAC,IACD,SAAS;QAEX,IAAIF,UAAU,KAAKX,SAAS,EAAE;UAC5B,MAAMc,SAAS,GAAGH,UAAU,KAAK,SAAS;UAE1C,MAAMI,gBAAgB,GAAG,CACvB,uCACED,SAAS,GACL,kGAAkG,GAClG,EAAE,EACN,EACF,UAAUH,UAAU,EAAE,EACtB,SAASX,SAAS,EAAE,CACrB;UAED,IAAIc,SAAS,EAAE;YACbE,OAAO,CAACC,IAAI,CAAC,GAAGF,gBAAgB,CAAC;UACnC,CAAC,MAAM;YACLC,OAAO,CAACE,KAAK,CAAC,GAAGH,gBAAgB,CAAC;UACpC;QACF;MACF,CAAC;MAED,IAAIrB,QAAQ,CAACyB,UAAU,KAAK,UAAU,EAAE;QACtClB,MAAM,CAACmB,qBAAqB,CAACtB,QAAQ,CAAC;MACxC,CAAC,MAAM;QACLG,MAAM,CAACoB,gBAAgB,CAAC,MAAM,EAAEvB,QAAQ,CAAC;MAC3C;IACF;EACF,CAAC,CAAC,OAAOoB,KAAK,EAAE;IACdF,OAAO,CAACE,KAAK,CAACA,KAAK,CAAC;EACtB;AACF","ignoreList":[]}
+{"version":3,"file":"runCssVersionMismatchWarning.js","names":["runCssVersionMismatchWarning","document","process","env","NODE_ENV","runCheck","_window$Eufemia","jsVersion","window","Eufemia","version","getCssVersion","element","_window$getComputedSt","getComputedStyle","getPropertyValue","replace","undefined","cssVersion","body","getElementsByClassName","isUnknown","consoleArguments","console","warn","error","readyState","requestAnimationFrame","addEventListener"],"sources":["../../../../src/shared/helpers/runCssVersionMismatchWarning.ts"],"sourcesContent":["export function runCssVersionMismatchWarning() {\n  try {\n    if (\n      typeof document !== 'undefined' &&\n      process.env.NODE_ENV === 'development'\n    ) {\n      const runCheck = () => {\n        const jsVersion = window.Eufemia?.version\n\n        if (jsVersion === '__VERSION__') {\n          return\n        }\n\n        const getCssVersion = (element) => {\n          return element\n            ? window\n                .getComputedStyle(element)\n                .getPropertyValue('--eufemia-version')\n                ?.replace(/[\"']/g, '')\n            : undefined\n        }\n\n        const cssVersion =\n          getCssVersion(document.body) ||\n          getCssVersion(\n            document.getElementsByClassName('dnb-core-style')[0]\n          ) ||\n          'unknown'\n\n        if (cssVersion !== jsVersion) {\n          const isUnknown = cssVersion === 'unknown'\n\n          const consoleArguments = [\n            `Eufemia CSS and JS version mismatch!${\n              isUnknown\n                ? ' CSS version is either not loaded (are you perhaps using lazy loading?), or older than \"10.25.0\"'\n                : ''\n            }`,\n            `\\nCSS: ${cssVersion}`,\n            `\\nJS: ${jsVersion}`,\n          ]\n\n          if (isUnknown) {\n            console.warn(...consoleArguments)\n          } else {\n            console.error(...consoleArguments)\n          }\n        }\n      }\n\n      if (document.readyState === 'complete') {\n        window.requestAnimationFrame(runCheck)\n      } else {\n        window.addEventListener('load', runCheck)\n      }\n    }\n  } catch (error) {\n    console.error(error)\n  }\n}\n"],"mappings":"AAAA,OAAO,SAASA,4BAA4BA,CAAA,EAAG;EAC7C,IAAI;IACF,IACE,OAAOC,QAAQ,KAAK,WAAW,IAC/BC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EACtC;MACA,MAAMC,QAAQ,GAAGA,CAAA,KAAM;QAAA,IAAAC,eAAA;QACrB,MAAMC,SAAS,IAAAD,eAAA,GAAGE,MAAM,CAACC,OAAO,cAAAH,eAAA,uBAAdA,eAAA,CAAgBI,OAAO;QAEzC,IAAIH,SAAS,KAAK,aAAa,EAAE;UAC/B;QACF;QAEA,MAAMI,aAAa,GAAIC,OAAO,IAAK;UAAA,IAAAC,qBAAA;UACjC,OAAOD,OAAO,IAAAC,qBAAA,GACVL,MAAM,CACHM,gBAAgB,CAACF,OAAO,CAAC,CACzBG,gBAAgB,CAAC,mBAAmB,CAAC,cAAAF,qBAAA,uBAFxCA,qBAAA,CAGIG,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,GACxBC,SAAS;QACf,CAAC;QAED,MAAMC,UAAU,GACdP,aAAa,CAACV,QAAQ,CAACkB,IAAI,CAAC,IAC5BR,aAAa,CACXV,QAAQ,CAACmB,sBAAsB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACrD,CAAC,IACD,SAAS;QAEX,IAAIF,UAAU,KAAKX,SAAS,EAAE;UAC5B,MAAMc,SAAS,GAAGH,UAAU,KAAK,SAAS;UAE1C,MAAMI,gBAAgB,GAAG,CACvB,uCACED,SAAS,GACL,kGAAkG,GAClG,EAAE,EACN,EACF,UAAUH,UAAU,EAAE,EACtB,SAASX,SAAS,EAAE,CACrB;UAED,IAAIc,SAAS,EAAE;YACbE,OAAO,CAACC,IAAI,CAAC,GAAGF,gBAAgB,CAAC;UACnC,CAAC,MAAM;YACLC,OAAO,CAACE,KAAK,CAAC,GAAGH,gBAAgB,CAAC;UACpC;QACF;MACF,CAAC;MAED,IAAIrB,QAAQ,CAACyB,UAAU,KAAK,UAAU,EAAE;QACtClB,MAAM,CAACmB,qBAAqB,CAACtB,QAAQ,CAAC;MACxC,CAAC,MAAM;QACLG,MAAM,CAACoB,gBAAgB,CAAC,MAAM,EAAEvB,QAAQ,CAAC;MAC3C;IACF;EACF,CAAC,CAAC,OAAOoB,KAAK,EAAE;IACdF,OAAO,CAACE,KAAK,CAACA,KAAK,CAAC;EACtB;AACF","ignoreList":[]}

package/es/shared/useMedia.js

@@ -3,7 +3,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import Context from './Context';
 import { makeMediaQueryList, createMediaQueryListener, isMatchMediaSupported } from './MediaQueryUtils';
 import { toPascalCase } from './component-helper';
@@ -34,64 +34,22 @@ export default function useMedia(props = {}) {
   } = props;
   const context = useContext(Context);
   const refs = useRef({});
-  const defaults = useRef({});
-  const isMounted = useRef(false);
-  const isDisabled = useRef(disabled);
-  const [result, updateRerender] = useState(makeResult);
-  const useLayoutEffect = useMemo(makeLayoutEffect, []);
-  useLayoutEffect(() => {
-    if (!isMounted.current) {
-      isMounted.current = true;
-      updateRerender(makeResult());
-    }
-    return removeListeners;
-  }, []);
-  useLayoutEffect(() => {
-    if (isDisabled.current && !disabled) {
-      updateRerender(makeResult());
-    }
-    isDisabled.current = disabled;
-  }, [disabled]);
-  return result;
-  function removeListeners() {
+  const defaultsRef = useRef({});
+  const resultRef = useRef({});
+  const isMountedRef = useRef(false);
+  const isDisabledRef = useRef(disabled);
+  const removeListeners = useCallback(() => {
     Object.entries(refs.current).forEach(([key, item]) => {
       var _item$event;
       item === null || item === void 0 ? void 0 : (_item$event = item.event) === null || _item$event === void 0 ? void 0 : _item$event.call(item);
       delete refs.current[key];
     });
-  }
-  function makeResult() {
-    return Object.entries(queries).reduce((acc, [k, when]) => {
-      var _item$mediaQueryList;
-      const key = k;
-      const name = `is${toPascalCase(key)}`;
-      if (disabled) {
-        acc[name] = false;
-        return acc;
-      }
-      defaults.current[name] = false;
-      const item = runQuery({
-        when,
-        name,
-        key
-      });
-      const hasMatch = !isMounted.current ? typeof (initialValue === null || initialValue === void 0 ? void 0 : initialValue[name]) !== 'undefined' ? initialValue[name] : false : (item === null || item === void 0 ? void 0 : (_item$mediaQueryList = item.mediaQueryList) === null || _item$mediaQueryList === void 0 ? void 0 : _item$mediaQueryList.matches) || false;
-      acc[name] = hasMatch;
-      if (hasMatch) {
-        acc.key = key;
-      }
-      refs.current[key] = item;
-      return acc;
-    }, {
-      isSSR: !isMatchMediaSupported(),
-      key: null
-    });
-  }
-  function runQuery({
+  }, []);
+  const runQuery = useCallback(({
     when,
     name,
     key
-  }) {
+  }) => {
     if (!isMatchMediaSupported()) {
       return;
     }
@@ -103,10 +61,10 @@ export default function useMedia(props = {}) {
       log
     });
     const event = createMediaQueryListener(mediaQueryList, match => {
-      if (!isDisabled.current && match) {
-        const state = _objectSpread(_objectSpread({}, defaults.current), {}, {
+      if (!isDisabledRef.current && match) {
+        const state = _objectSpread(_objectSpread({}, defaultsRef.current), {}, {
           key,
-          isSSR: result.isSSR
+          isSSR: resultRef.current.isSSR
         });
         state[name] = match;
         updateRerender(state);
@@ -116,6 +74,59 @@ export default function useMedia(props = {}) {
       event,
       mediaQueryList
     };
-  }
+  }, [breakpoints, context.breakpoints, correctRange, disabled, log]);
+  const makeResult = useCallback(() => {
+    return Object.entries(queries).reduce((acc, [k, when]) => {
+      const key = k;
+      const name = `is${toPascalCase(key)}`;
+      if (disabled) {
+        acc[name] = false;
+        return acc;
+      }
+      defaultsRef.current[name] = false;
+      const item = runQuery({
+        when,
+        name,
+        key
+      });
+      let hasMatch = undefined;
+      if (typeof (initialValue === null || initialValue === void 0 ? void 0 : initialValue[name]) !== 'undefined' && !isMountedRef.current) {
+        hasMatch = initialValue[name];
+      } else {
+        var _item$mediaQueryList;
+        hasMatch = (item === null || item === void 0 ? void 0 : (_item$mediaQueryList = item.mediaQueryList) === null || _item$mediaQueryList === void 0 ? void 0 : _item$mediaQueryList.matches) || false;
+      }
+      acc[name] = hasMatch;
+      if (hasMatch) {
+        acc.key = key;
+      }
+      refs.current[key] = item;
+      return acc;
+    }, {
+      isSSR: !isMatchMediaSupported(),
+      key: null
+    });
+  }, [disabled, initialValue, queries, runQuery]);
+  const [result, updateRerender] = useState(makeResult);
+  resultRef.current = result;
+  const useLayoutEffect = useMemo(makeLayoutEffect, []);
+  useLayoutEffect(() => {
+    if (!isMountedRef.current) {
+      isMountedRef.current = true;
+      const result = makeResult();
+      const hasChanged = Object.keys(result).some(key => resultRef.current[key] !== result[key]);
+      if (hasChanged) {
+        updateRerender(result);
+      }
+    }
+    return removeListeners;
+  }, [makeResult, removeListeners]);
+  useLayoutEffect(() => {
+    if (isDisabledRef.current && !disabled) {
+      updateRerender(makeResult());
+    }
+    isDisabledRef.current = disabled;
+  }, [disabled, makeResult]);
+  return result;
 }
 //# sourceMappingURL=useMedia.js.map

package/es/shared/useMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMedia.js","names":["React","useContext","useEffect","useMemo","useRef","useState","Context","makeMediaQueryList","createMediaQueryListener","isMatchMediaSupported","toPascalCase","makeLayoutEffect","window","useLayoutEffect","defaultQueries","small","min","max","medium","large","useMedia","props","initialValue","disabled","correctRange","breakpoints","queries","log","context","refs","defaults","isMounted","isDisabled","result","updateRerender","makeResult","current","removeListeners","Object","entries","forEach","key","item","_item$event","event","call","reduce","acc","k","when","_item$mediaQueryList","name","runQuery","hasMatch","mediaQueryList","matches","isSSR","match","state","_objectSpread"],"sources":["../../../src/shared/useMedia.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport Context from './Context'\nimport {\n  makeMediaQueryList,\n  createMediaQueryListener,\n  isMatchMediaSupported,\n} from './MediaQueryUtils'\nimport type {\n  MediaQueryListener,\n  MediaQueryCondition,\n  MediaQueryBreakpoints,\n  MediaQueryOptions,\n} from './MediaQueryUtils'\nimport { toPascalCase } from './component-helper'\n\nconst makeLayoutEffect = () => {\n  // SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n  return typeof window === 'undefined'\n    ? useEffect\n    : window['__SSR_TEST__'] // To be able to test this hook like we are in SSR land\n    ? () => null\n    : React.useLayoutEffect\n}\n\nexport type UseMediaProps = {\n  /**\n   * Give a initial value, that is used during SSR as well.\n   * Default: null\n   */\n  initialValue?: Partial<UseMediaResult>\n\n  /**\n   * If set to true, no MediaQuery will be used.\n   * Default: false\n   */\n  disabled?: MediaQueryOptions['disabled']\n\n  /**\n   * Provide a custom breakpoint\n   * Default: defaultBreakpoints\n   */\n  breakpoints?: MediaQueryBreakpoints\n\n  /**\n   * Provide a custom query\n   * Default: defaultQueries\n   */\n  queries?: Record<string, MediaQueryCondition>\n\n  /**\n   * For debugging\n   */\n  log?: boolean\n\n  /**\n   * Not documented as of now. For internal use only.\n   * Default: true\n   */\n  correctRange?: MediaQueryOptions['correctRange']\n}\n\nexport type UseMediaQueries = {\n  small: MediaQueryCondition\n  medium: MediaQueryCondition\n  large: MediaQueryCondition\n}\n\nexport const defaultQueries: UseMediaQueries = {\n  small: { min: 0, max: 'small' },\n  medium: { min: 'small', max: 'medium' },\n  large: { min: 'medium' },\n}\n\nexport type UseMediaResult = {\n  isSmall: boolean\n  isMedium: boolean\n  isLarge: boolean\n  isSSR: boolean\n  key: Keys\n}\n\n/**\n * Internal stuff\n */\n\ntype Keys = keyof UseMediaQueries\ntype Names = 'isSmall' | 'isMedium' | 'isLarge'\n\ntype UseMediaItem = {\n  event: MediaQueryListener\n  mediaQueryList: MediaQueryList\n}\n\ntype UseMediaQueryProps = {\n  when: MediaQueryCondition\n  name: Names\n  key: Keys\n}\n\nexport default function useMedia(\n  props: UseMediaProps = {}\n): UseMediaResult {\n  const {\n    initialValue = null,\n    disabled,\n    correctRange = true,\n    breakpoints,\n    queries = defaultQueries,\n    log,\n  } = props\n\n  const context = useContext(Context)\n\n  const refs = useRef({})\n  const defaults = useRef({})\n  const isMounted = useRef(false)\n  const isDisabled = useRef(disabled)\n  const [result, updateRerender] = useState<UseMediaResult>(makeResult)\n\n  const useLayoutEffect = useMemo(makeLayoutEffect, [])\n\n  useLayoutEffect(() => {\n    if (!isMounted.current) {\n      isMounted.current = true\n      updateRerender(makeResult())\n    }\n\n    return removeListeners\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useLayoutEffect(() => {\n    // If it was disabled before\n    if (isDisabled.current && !disabled) {\n      updateRerender(makeResult())\n    }\n    isDisabled.current = disabled\n  }, [disabled]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return result\n\n  function removeListeners() {\n    Object.entries(refs.current).forEach(\n      ([key, item]: [Keys, UseMediaItem]) => {\n        item?.event?.()\n        delete refs.current[key]\n      }\n    )\n  }\n\n  function makeResult() {\n    return Object.entries(queries).reduce(\n      (acc, [k, when]) => {\n        const key = k as Keys\n        const name = `is${toPascalCase(key)}` as Names\n\n        if (disabled) {\n          acc[name] = false\n          return acc\n        }\n\n        defaults.current[name] = false\n\n        const item = runQuery({\n          when,\n          name,\n          key,\n        })\n\n        const hasMatch = !isMounted.current\n          ? typeof initialValue?.[name] !== 'undefined'\n            ? initialValue[name]\n            : false\n          : item?.mediaQueryList?.matches || false\n        acc[name] = hasMatch\n        if (hasMatch) {\n          acc.key = key\n        }\n\n        refs.current[key] = item\n\n        return acc\n      },\n      { isSSR: !isMatchMediaSupported(), key: null } as UseMediaResult\n    ) as UseMediaResult\n  }\n\n  function runQuery({\n    when,\n    name,\n    key,\n  }: UseMediaQueryProps): UseMediaItem {\n    if (!isMatchMediaSupported()) {\n      return // do nothing\n    }\n\n    const mediaQueryList = makeMediaQueryList(\n      { when },\n      breakpoints || context.breakpoints,\n      { disabled, correctRange, log }\n    )\n\n    const event = createMediaQueryListener(mediaQueryList, (match) => {\n      if (!isDisabled.current && match) {\n        const state = {\n          ...defaults.current,\n          key,\n          isSSR: result.isSSR,\n        } as UseMediaResult\n        state[name] = match\n        updateRerender(state)\n      }\n    })\n\n    return { event, mediaQueryList }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useMedia.js","names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","Context","makeMediaQueryList","createMediaQueryListener","isMatchMediaSupported","toPascalCase","makeLayoutEffect","window","useLayoutEffect","defaultQueries","small","min","max","medium","large","useMedia","props","initialValue","disabled","correctRange","breakpoints","queries","log","context","refs","defaultsRef","resultRef","isMountedRef","isDisabledRef","removeListeners","Object","entries","current","forEach","key","item","_item$event","event","call","runQuery","when","name","mediaQueryList","match","state","_objectSpread","isSSR","updateRerender","makeResult","reduce","acc","k","hasMatch","undefined","_item$mediaQueryList","matches","result","hasChanged","keys","some"],"sources":["../../../src/shared/useMedia.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport Context from './Context'\nimport {\n  makeMediaQueryList,\n  createMediaQueryListener,\n  isMatchMediaSupported,\n} from './MediaQueryUtils'\nimport type {\n  MediaQueryListener,\n  MediaQueryCondition,\n  MediaQueryBreakpoints,\n  MediaQueryOptions,\n} from './MediaQueryUtils'\nimport { toPascalCase } from './component-helper'\n\nconst makeLayoutEffect = () => {\n  // SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n  return typeof window === 'undefined'\n    ? useEffect\n    : window['__SSR_TEST__'] // To be able to test this hook like we are in SSR land\n    ? () => null\n    : React.useLayoutEffect\n}\n\nexport type UseMediaProps = {\n  /**\n   * Give a initial value, that is used during SSR as well.\n   * Default: null\n   */\n  initialValue?: Partial<UseMediaResult>\n\n  /**\n   * If set to true, no MediaQuery will be used.\n   * Default: false\n   */\n  disabled?: MediaQueryOptions['disabled']\n\n  /**\n   * Provide a custom breakpoint\n   * Default: defaultBreakpoints\n   */\n  breakpoints?: MediaQueryBreakpoints\n\n  /**\n   * Provide a custom query\n   * Default: defaultQueries\n   */\n  queries?: Record<string, MediaQueryCondition>\n\n  /**\n   * For debugging\n   */\n  log?: boolean\n\n  /**\n   * Not documented as of now. For internal use only.\n   * Default: true\n   */\n  correctRange?: MediaQueryOptions['correctRange']\n}\n\nexport type UseMediaQueries = {\n  small: MediaQueryCondition\n  medium: MediaQueryCondition\n  large: MediaQueryCondition\n}\n\nexport const defaultQueries: UseMediaQueries = {\n  small: { min: 0, max: 'small' },\n  medium: { min: 'small', max: 'medium' },\n  large: { min: 'medium' },\n}\n\nexport type UseMediaResult = {\n  isSmall: boolean\n  isMedium: boolean\n  isLarge: boolean\n  isSSR: boolean\n  key: Keys\n}\n\n/**\n * Internal stuff\n */\n\ntype Keys = keyof UseMediaQueries\ntype Names = 'isSmall' | 'isMedium' | 'isLarge'\n\ntype UseMediaItem = {\n  event: MediaQueryListener\n  mediaQueryList: MediaQueryList\n}\n\ntype UseMediaQueryProps = {\n  when: MediaQueryCondition\n  name: Names\n  key: Keys\n}\n\nexport default function useMedia(\n  props: UseMediaProps = {}\n): UseMediaResult {\n  const {\n    initialValue = null,\n    disabled,\n    correctRange = true,\n    breakpoints,\n    queries = defaultQueries,\n    log,\n  } = props\n\n  const context = useContext(Context)\n\n  const refs = useRef({})\n  const defaultsRef = useRef({})\n  const resultRef = useRef<Partial<UseMediaResult>>({})\n  const isMountedRef = useRef(false)\n  const isDisabledRef = useRef(disabled)\n\n  const removeListeners = useCallback(() => {\n    Object.entries(refs.current).forEach(\n      ([key, item]: [Keys, UseMediaItem]) => {\n        item?.event?.()\n        delete refs.current[key]\n      }\n    )\n  }, [])\n\n  const runQuery = useCallback(\n    ({ when, name, key }: UseMediaQueryProps): UseMediaItem => {\n      if (!isMatchMediaSupported()) {\n        return // do nothing\n      }\n\n      const mediaQueryList = makeMediaQueryList(\n        { when },\n        breakpoints || context.breakpoints,\n        { disabled, correctRange, log }\n      )\n\n      const event = createMediaQueryListener(mediaQueryList, (match) => {\n        if (!isDisabledRef.current && match) {\n          const state = {\n            ...defaultsRef.current,\n            key,\n            isSSR: resultRef.current.isSSR,\n          } as UseMediaResult\n          state[name] = match\n          updateRerender(state)\n        }\n      })\n\n      return { event, mediaQueryList }\n    },\n    [breakpoints, context.breakpoints, correctRange, disabled, log]\n  )\n\n  const makeResult = useCallback(() => {\n    return Object.entries(queries).reduce(\n      (acc, [k, when]) => {\n        const key = k as Keys\n        const name = `is${toPascalCase(key)}` as Names\n\n        if (disabled) {\n          acc[name] = false\n          return acc\n        }\n\n        defaultsRef.current[name] = false\n\n        const item = runQuery({\n          when,\n          name,\n          key,\n        })\n\n        let hasMatch = undefined\n\n        if (\n          typeof initialValue?.[name] !== 'undefined' &&\n          !isMountedRef.current\n        ) {\n          hasMatch = initialValue[name]\n        } else {\n          hasMatch = item?.mediaQueryList?.matches || false\n        }\n\n        acc[name] = hasMatch\n        if (hasMatch) {\n          acc.key = key\n        }\n\n        refs.current[key] = item\n\n        return acc\n      },\n      { isSSR: !isMatchMediaSupported(), key: null } as UseMediaResult\n    ) as UseMediaResult\n  }, [disabled, initialValue, queries, runQuery])\n\n  const [result, updateRerender] = useState<UseMediaResult>(makeResult)\n  resultRef.current = result\n\n  const useLayoutEffect = useMemo(makeLayoutEffect, [])\n\n  useLayoutEffect(() => {\n    if (!isMountedRef.current) {\n      isMountedRef.current = true\n\n      const result = makeResult()\n\n      const hasChanged = Object.keys(result).some(\n        (key) => resultRef.current[key] !== result[key]\n      )\n      if (hasChanged) {\n        updateRerender(result)\n      }\n    }\n\n    return removeListeners\n  }, [makeResult, removeListeners])\n\n  useLayoutEffect(() => {\n    // If it was disabled before\n    if (isDisabledRef.current && !disabled) {\n      updateRerender(makeResult())\n    }\n    isDisabledRef.current = disabled\n  }, [disabled, makeResult])\n\n  return result\n}\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IACVC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,OAAOC,OAAO,MAAM,WAAW;AAC/B,SACEC,kBAAkB,EAClBC,wBAAwB,EACxBC,qBAAqB,QAChB,mBAAmB;AAO1B,SAASC,YAAY,QAAQ,oBAAoB;AAEjD,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAE7B,OAAO,OAAOC,MAAM,KAAK,WAAW,GAChCV,SAAS,GACTU,MAAM,CAAC,cAAc,CAAC,GACtB,MAAM,IAAI,GACVb,KAAK,CAACc,eAAe;AAC3B,CAAC;AA6CD,OAAO,MAAMC,cAA+B,GAAG;EAC7CC,KAAK,EAAE;IAAEC,GAAG,EAAE,CAAC;IAAEC,GAAG,EAAE;EAAQ,CAAC;EAC/BC,MAAM,EAAE;IAAEF,GAAG,EAAE,OAAO;IAAEC,GAAG,EAAE;EAAS,CAAC;EACvCE,KAAK,EAAE;IAAEH,GAAG,EAAE;EAAS;AACzB,CAAC;AA4BD,eAAe,SAASI,QAAQA,CAC9BC,KAAoB,GAAG,CAAC,CAAC,EACT;EAChB,MAAM;IACJC,YAAY,GAAG,IAAI;IACnBC,QAAQ;IACRC,YAAY,GAAG,IAAI;IACnBC,WAAW;IACXC,OAAO,GAAGZ,cAAc;IACxBa;EACF,CAAC,GAAGN,KAAK;EAET,MAAMO,OAAO,GAAG3B,UAAU,CAACK,OAAO,CAAC;EAEnC,MAAMuB,IAAI,GAAGzB,MAAM,CAAC,CAAC,CAAC,CAAC;EACvB,MAAM0B,WAAW,GAAG1B,MAAM,CAAC,CAAC,CAAC,CAAC;EAC9B,MAAM2B,SAAS,GAAG3B,MAAM,CAA0B,CAAC,CAAC,CAAC;EACrD,MAAM4B,YAAY,GAAG5B,MAAM,CAAC,KAAK,CAAC;EAClC,MAAM6B,aAAa,GAAG7B,MAAM,CAACmB,QAAQ,CAAC;EAEtC,MAAMW,eAAe,GAAGlC,WAAW,CAAC,MAAM;IACxCmC,MAAM,CAACC,OAAO,CAACP,IAAI,CAACQ,OAAO,CAAC,CAACC,OAAO,CAClC,CAAC,CAACC,GAAG,EAAEC,IAAI,CAAuB,KAAK;MAAA,IAAAC,WAAA;MACrCD,IAAI,aAAJA,IAAI,wBAAAC,WAAA,GAAJD,IAAI,CAAEE,KAAK,cAAAD,WAAA,uBAAXA,WAAA,CAAAE,IAAA,CAAAH,IAAc,CAAC;MACf,OAAOX,IAAI,CAACQ,OAAO,CAACE,GAAG,CAAC;IAC1B,CACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,QAAQ,GAAG5C,WAAW,CAC1B,CAAC;IAAE6C,IAAI;IAAEC,IAAI;IAAEP;EAAwB,CAAC,KAAmB;IACzD,IAAI,CAAC9B,qBAAqB,CAAC,CAAC,EAAE;MAC5B;IACF;IAEA,MAAMsC,cAAc,GAAGxC,kBAAkB,CACvC;MAAEsC;IAAK,CAAC,EACRpB,WAAW,IAAIG,OAAO,CAACH,WAAW,EAClC;MAAEF,QAAQ;MAAEC,YAAY;MAAEG;IAAI,CAChC,CAAC;IAED,MAAMe,KAAK,GAAGlC,wBAAwB,CAACuC,cAAc,EAAGC,KAAK,IAAK;MAChE,IAAI,CAACf,aAAa,CAACI,OAAO,IAAIW,KAAK,EAAE;QACnC,MAAMC,KAAK,GAAAC,aAAA,CAAAA,aAAA,KACNpB,WAAW,CAACO,OAAO;UACtBE,GAAG;UACHY,KAAK,EAAEpB,SAAS,CAACM,OAAO,CAACc;QAAK,EACb;QACnBF,KAAK,CAACH,IAAI,CAAC,GAAGE,KAAK;QACnBI,cAAc,CAACH,KAAK,CAAC;MACvB;IACF,CAAC,CAAC;IAEF,OAAO;MAAEP,KAAK;MAAEK;IAAe,CAAC;EAClC,CAAC,EACD,CAACtB,WAAW,EAAEG,OAAO,CAACH,WAAW,EAAED,YAAY,EAAED,QAAQ,EAAEI,GAAG,CAChE,CAAC;EAED,MAAM0B,UAAU,GAAGrD,WAAW,CAAC,MAAM;IACnC,OAAOmC,MAAM,CAACC,OAAO,CAACV,OAAO,CAAC,CAAC4B,MAAM,CACnC,CAACC,GAAG,EAAE,CAACC,CAAC,EAAEX,IAAI,CAAC,KAAK;MAClB,MAAMN,GAAG,GAAGiB,CAAS;MACrB,MAAMV,IAAI,GAAG,KAAKpC,YAAY,CAAC6B,GAAG,CAAC,EAAW;MAE9C,IAAIhB,QAAQ,EAAE;QACZgC,GAAG,CAACT,IAAI,CAAC,GAAG,KAAK;QACjB,OAAOS,GAAG;MACZ;MAEAzB,WAAW,CAACO,OAAO,CAACS,IAAI,CAAC,GAAG,KAAK;MAEjC,MAAMN,IAAI,GAAGI,QAAQ,CAAC;QACpBC,IAAI;QACJC,IAAI;QACJP;MACF,CAAC,CAAC;MAEF,IAAIkB,QAAQ,GAAGC,SAAS;MAExB,IACE,QAAOpC,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGwB,IAAI,CAAC,MAAK,WAAW,IAC3C,CAACd,YAAY,CAACK,OAAO,EACrB;QACAoB,QAAQ,GAAGnC,YAAY,CAACwB,IAAI,CAAC;MAC/B,CAAC,MAAM;QAAA,IAAAa,oBAAA;QACLF,QAAQ,GAAG,CAAAjB,IAAI,aAAJA,IAAI,wBAAAmB,oBAAA,GAAJnB,IAAI,CAAEO,cAAc,cAAAY,oBAAA,uBAApBA,oBAAA,CAAsBC,OAAO,KAAI,KAAK;MACnD;MAEAL,GAAG,CAACT,IAAI,CAAC,GAAGW,QAAQ;MACpB,IAAIA,QAAQ,EAAE;QACZF,GAAG,CAAChB,GAAG,GAAGA,GAAG;MACf;MAEAV,IAAI,CAACQ,OAAO,CAACE,GAAG,CAAC,GAAGC,IAAI;MAExB,OAAOe,GAAG;IACZ,CAAC,EACD;MAAEJ,KAAK,EAAE,CAAC1C,qBAAqB,CAAC,CAAC;MAAE8B,GAAG,EAAE;IAAK,CAC/C,CAAC;EACH,CAAC,EAAE,CAAChB,QAAQ,EAAED,YAAY,EAAEI,OAAO,EAAEkB,QAAQ,CAAC,CAAC;EAE/C,MAAM,CAACiB,MAAM,EAAET,cAAc,CAAC,GAAG/C,QAAQ,CAAiBgD,UAAU,CAAC;EACrEtB,SAAS,CAACM,OAAO,GAAGwB,MAAM;EAE1B,MAAMhD,eAAe,GAAGV,OAAO,CAACQ,gBAAgB,EAAE,EAAE,CAAC;EAErDE,eAAe,CAAC,MAAM;IACpB,IAAI,CAACmB,YAAY,CAACK,OAAO,EAAE;MACzBL,YAAY,CAACK,OAAO,GAAG,IAAI;MAE3B,MAAMwB,MAAM,GAAGR,UAAU,CAAC,CAAC;MAE3B,MAAMS,UAAU,GAAG3B,MAAM,CAAC4B,IAAI,CAACF,MAAM,CAAC,CAACG,IAAI,CACxCzB,GAAG,IAAKR,SAAS,CAACM,OAAO,CAACE,GAAG,CAAC,KAAKsB,MAAM,CAACtB,GAAG,CAChD,CAAC;MACD,IAAIuB,UAAU,EAAE;QACdV,cAAc,CAACS,MAAM,CAAC;MACxB;IACF;IAEA,OAAO3B,eAAe;EACxB,CAAC,EAAE,CAACmB,UAAU,EAAEnB,eAAe,CAAC,CAAC;EAEjCrB,eAAe,CAAC,MAAM;IAEpB,IAAIoB,aAAa,CAACI,OAAO,IAAI,CAACd,QAAQ,EAAE;MACtC6B,cAAc,CAACC,UAAU,CAAC,CAAC,CAAC;IAC9B;IACApB,aAAa,CAACI,OAAO,GAAGd,QAAQ;EAClC,CAAC,EAAE,CAACA,QAAQ,EAAE8B,UAAU,CAAC,CAAC;EAE1B,OAAOQ,MAAM;AACf","ignoreList":[]}

package/es/style/core/helper-classes/helper-classes.scss

@@ -45,6 +45,9 @@
   @include alignmentHelperClass();
   @include alignmentHelper();
 }
+.dnb-alignment-helper--pseudo-element-only {
+  @include alignmentHelper();
+}
 
 .dnb-drop-shadow {
   @include defaultDropShadow();

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.75.2';
+  --eufemia-version: '10.75.4';
 
   @content;
 }

package/es/style/core/utilities.scss

@@ -319,8 +319,10 @@ $breakpoint-offset: 0;
 @mixin alignmentHelper() {
   // Add a char to align the component
   &::before {
-    content: '\200C'; // zero-width non-joiner
+    content: '\2060'; // zero-width non-breaking space
     @include alignmentHelperClass();
+
+    opacity: 0; // hide the element in case ISO-8859-1 encoding is used
   }
 }
 @mixin alignmentHelperClass() {

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

@@ -244,7 +244,7 @@ body {
   /* stylelint-disable-next-line */
   -webkit-text-size-adjust: 100%;
   word-break: break-word;
-  --eufemia-version: "10.75.2";
+  --eufemia-version: "10.75.4";
 }
 .dnb-core-style *,
 .dnb-core-style ::before,
@@ -628,12 +628,23 @@ html[data-whatintent=touch] .dnb-skip-link {
   speak: none;
 }
 .dnb-alignment-helper::before {
-  content: "‌";
+  content: "⁠";
   display: inline-block;
   width: 0;
   height: 0;
   font-size: var(--font-size-small);
   speak: none;
+  opacity: 0;
+}
+
+.dnb-alignment-helper--pseudo-element-only::before {
+  content: "⁠";
+  display: inline-block;
+  width: 0;
+  height: 0;
+  font-size: var(--font-size-small);
+  speak: none;
+  opacity: 0;
 }
 
 .dnb-drop-shadow {

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"] .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"] .dnb-ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-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{padding:0;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.75.2";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"] .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"] .dnb-ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-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{padding:0;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.75.4";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{speak:none;display:inline-block;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper--pseudo-element-only:before,.dnb-alignment-helper:before{speak:none;content:"⁠";display:inline-block;font-size:var(--font-size-small);height:0;opacity:0;width:0}.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

@@ -28,7 +28,6 @@ html {
   line-height: var(--line-height-basis); /* 3 */ /* 4 */
   tab-size: 4; /* 4 */ /* 5 */
   -webkit-text-size-adjust: 100%;
-     -moz-text-size-adjust: 100%;
           text-size-adjust: 100%; /* 5 */
   word-break: break-word; /* 6 */
 }
@@ -269,7 +268,7 @@ body {
   /* stylelint-disable-next-line */
   -webkit-text-size-adjust: 100%;
   word-break: break-word;
-  --eufemia-version: "10.75.2";
+  --eufemia-version: "10.75.4";
 }
 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);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"] .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"] .dnb-ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-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{padding:0;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.75.2";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%;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);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"] .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"] .dnb-ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-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{padding:0;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.75.4";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/es/style/dnb-ui-components.css

@@ -732,13 +732,11 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
   -webkit-appearance: none;
           appearance: none;
   transform: none;
-  z-index: 1;
   left: calc(var(--list-padding) * -1);
   width: 100vw;
   height: var(--list-height);
 }
 .dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-form-label {
-  z-index: 2;
   padding-left: var(--list-padding);
 }
 .dnb-forms-field-selection__variant--radio-list .dnb-radio:not(:first-of-type)::before {
@@ -1497,16 +1495,10 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   border: var(--accordion-border-width) solid transparent;
   border-radius: var(--accordion-border-radius);
 }
-.dnb-accordion__header:focus {
-  -webkit-user-select: none;
-          user-select: none;
-}
 .dnb-accordion__header * {
   pointer-events: none;
 }
 .dnb-accordion__header--prevent-click {
-  -webkit-user-select: none;
-          user-select: none;
   pointer-events: none;
 }
 .dnb-accordion__header__wrapper {
@@ -4583,7 +4575,6 @@ html[data-whatinput=keyboard] .dnb-date-picker__container table.dnb-no-focus:foc
 .dnb-date-picker .dnb-input__input.dnb-date-picker__input--label-alignment-right, .dnb-core-style .dnb-date-picker__input--label-alignment-right {
   flex-flow: row-reverse;
   width: -webkit-fit-content;
-  width: -moz-fit-content;
   width: fit-content;
 }
 .dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type, .dnb-date-picker__input:first-of-type {
@@ -5150,10 +5141,6 @@ html:not([data-visual-test]) .dnb-dialog--hide {
   }
 }
 
-[data-visual-test].hide-page-content #___gatsby {
-  opacity: 0;
-}
-
 /*
 * Drawer component
 *
@@ -5499,10 +5486,6 @@ html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--bottom {
   }
 }
 
-[data-visual-test].hide-page-content #___gatsby {
-  opacity: 0;
-}
-
 /*
 * Dropdown component
 *
@@ -5979,7 +5962,6 @@ label + .dnb-dropdown[class*=__form-status] .dnb-dropdown__shell {
 }
 .dnb-form-label[for] {
   width: -webkit-fit-content;
-  width: -moz-fit-content;
   width: fit-content;
 }
 .dnb-form-label--vertical {
@@ -6872,7 +6854,6 @@ p > .dnb-icon {
 
 .dnb-multi-input-mask {
   width: -webkit-fit-content;
-  width: -moz-fit-content;
   width: fit-content;
 }
 .dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input,
@@ -7537,10 +7518,6 @@ html[data-visual-test] .dnb-modal__overlay, .dnb-modal__overlay--no-animation {
   justify-content: space-between;
 }
 
-[data-visual-test].hide-page-content #___gatsby {
-  opacity: 0;
-}
-
 /*
  * NumberFormat Component
  *
@@ -11888,7 +11865,6 @@ html[data-visual-test] .dnb-tooltip--hide {
 }
 .dnb-upload__accepted-file-types-table.dnb-table {
   width: -webkit-fit-content;
-  width: -moz-fit-content;
   width: fit-content;
 }
 .dnb-upload__accepted-file-types-table.dnb-table thead th {