@dnb/eufemia 10.31.0 → 10.33.0

package/es/shared/useMedia.js

@@ -3,12 +3,12 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import Context from './Context';
 import { makeMediaQueryList, createMediaQueryListener, isMatchMediaSupported } from './MediaQueryUtils';
 import { toPascalCase } from './component-helper';
 const makeLayoutEffect = () => {
-  return typeof window === 'undefined' ? React.useEffect : window['__SSR_TEST__'] ? () => null : React.useLayoutEffect;
+  return typeof window === 'undefined' ? useEffect : window['__SSR_TEST__'] ? () => null : React.useLayoutEffect;
 };
 export const defaultQueries = {
   small: {
@@ -27,17 +27,18 @@ export default function useMedia(props = {}) {
   const {
     initialValue = null,
     disabled,
+    correctRange = true,
     breakpoints,
     queries = defaultQueries,
     log
   } = props;
-  const context = React.useContext(Context);
-  const refs = React.useRef({});
-  const defaults = React.useRef({});
-  const isMounted = React.useRef(false);
-  const isDisabled = React.useRef(disabled);
-  const [result, updateRerender] = React.useState(makeResult);
-  const useLayoutEffect = React.useMemo(makeLayoutEffect, []);
+  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;
@@ -95,10 +96,12 @@ export default function useMedia(props = {}) {
       return;
     }
     const mediaQueryList = makeMediaQueryList({
-      when,
+      when
+    }, breakpoints || context.breakpoints, {
       disabled,
+      correctRange,
       log
-    }, breakpoints || context.breakpoints);
+    });
     const event = createMediaQueryListener(mediaQueryList, match => {
       if (!isDisabled.current && match) {
         const state = _objectSpread(_objectSpread({}, defaults.current), {}, {

package/es/shared/useMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMedia.js","names":["React","Context","makeMediaQueryList","createMediaQueryListener","isMatchMediaSupported","toPascalCase","makeLayoutEffect","window","useEffect","useLayoutEffect","defaultQueries","small","min","max","medium","large","useMedia","props","initialValue","disabled","breakpoints","queries","log","context","useContext","refs","useRef","defaults","isMounted","isDisabled","result","updateRerender","useState","makeResult","useMemo","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 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} 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    ? React.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?: boolean\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\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    breakpoints,\n    queries = defaultQueries,\n    log,\n  } = props\n\n  const context = React.useContext(Context)\n\n  const refs = React.useRef({})\n  const defaults = React.useRef({})\n  const isMounted = React.useRef(false)\n  const isDisabled = React.useRef(disabled)\n  const [result, updateRerender] =\n    React.useState<UseMediaResult>(makeResult)\n\n  const useLayoutEffect = React.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      {\n        when,\n        disabled,\n        log,\n      },\n\n      breakpoints || context.breakpoints\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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"}
+{"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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"}

package/es/shared/useMediaQuery.js

@@ -1,39 +1,58 @@
 "use client";
 
-import React from 'react';
+import React, { useContext, useMemo, useRef, useState } from 'react';
 import { isTrue } from './component-helper';
 import Context from './Context';
 import { makeMediaQueryList, createMediaQueryListener, isMatchMediaSupported } from './MediaQueryUtils';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
 export default function useMediaQuery(props) {
   var _mediaQueryList$curre;
-  const context = React.useContext(Context);
+  const context = useContext(Context);
   const {
     query,
     when,
     not,
     matchOnSSR,
-    disabled
+    disabled,
+    correctRange = true,
+    log
   } = props;
-  let matches = React.useMemo(() => {
+  let matches = useMemo(() => {
     if (disabled) {
       return false;
     }
     return isTrue(matchOnSSR) && !isMatchMediaSupported();
   }, [disabled, matchOnSSR]);
-  const mediaQueryList = React.useRef(makeMediaQueryList(props, context.breakpoints));
+  const mediaQueryList = useRef(makeMediaQueryList({
+    query,
+    when,
+    not
+  }, context.breakpoints, {
+    disabled,
+    correctRange,
+    log
+  }));
   if ((_mediaQueryList$curre = mediaQueryList.current) !== null && _mediaQueryList$curre !== void 0 && _mediaQueryList$curre.matches) {
     matches = true;
   }
-  const [match, matchUpdate] = React.useState(matches);
-  const listenerRef = React.useRef();
-  React.useLayoutEffect(() => {
+  const [match, matchUpdate] = useState(matches);
+  const listenerRef = useRef();
+  useLayoutEffect(() => {
     if (disabled) {
       return;
     }
     if (typeof listenerRef.current === 'function') {
       var _mediaQueryList$curre2;
       listenerRef.current();
-      mediaQueryList.current = makeMediaQueryList(props, context.breakpoints);
+      mediaQueryList.current = makeMediaQueryList({
+        query,
+        when,
+        not
+      }, context.breakpoints, {
+        disabled,
+        correctRange,
+        log
+      });
       matchUpdate((_mediaQueryList$curre2 = mediaQueryList.current) === null || _mediaQueryList$curre2 === void 0 ? void 0 : _mediaQueryList$curre2.matches);
     }
     listenerRef.current = createMediaQueryListener(mediaQueryList.current, match => matchUpdate(match));

package/es/shared/useMediaQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.js","names":["React","isTrue","Context","makeMediaQueryList","createMediaQueryListener","isMatchMediaSupported","useMediaQuery","props","_mediaQueryList$curre","context","useContext","query","when","not","matchOnSSR","disabled","matches","useMemo","mediaQueryList","useRef","breakpoints","current","match","matchUpdate","useState","listenerRef","useLayoutEffect","_mediaQueryList$curre2","Boolean"],"sources":["../../../src/shared/useMediaQuery.tsx"],"sourcesContent":["import React from 'react'\nimport { isTrue } from './component-helper'\nimport Context from './Context'\nimport {\n  makeMediaQueryList,\n  createMediaQueryListener,\n  isMatchMediaSupported,\n} from './MediaQueryUtils'\nimport type {\n  MediaQueryProps,\n  MediaQueryListener,\n} from './MediaQueryUtils'\n\nexport type { MediaQueryProps }\n\nexport default function useMediaQuery(props: MediaQueryProps) {\n  const context = React.useContext(Context)\n  const { query, when, not, matchOnSSR, disabled } = props\n\n  let matches = React.useMemo(() => {\n    if (disabled) {\n      return false // stop here\n    }\n\n    return isTrue(matchOnSSR) && !isMatchMediaSupported()\n  }, [disabled, matchOnSSR])\n\n  const mediaQueryList = React.useRef(\n    makeMediaQueryList(props, context.breakpoints)\n  )\n  if (mediaQueryList.current?.matches) {\n    matches = true\n  }\n\n  const [match, matchUpdate] = React.useState(matches)\n\n  const listenerRef = React.useRef<MediaQueryListener>()\n  React.useLayoutEffect(() => {\n    if (disabled) {\n      return // stop here\n    }\n\n    if (typeof listenerRef.current === 'function') {\n      listenerRef.current()\n\n      mediaQueryList.current = makeMediaQueryList(\n        props,\n        context.breakpoints\n      )\n      matchUpdate(mediaQueryList.current?.matches)\n    }\n\n    listenerRef.current = createMediaQueryListener(\n      mediaQueryList.current,\n      (match) => matchUpdate(match)\n    )\n\n    return listenerRef.current\n  }, [query, when, not, disabled]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return Boolean(match)\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,OAAOC,OAAO,MAAM,WAAW;AAC/B,SACEC,kBAAkB,EAClBC,wBAAwB,EACxBC,qBAAqB,QAChB,mBAAmB;AAQ1B,eAAe,SAASC,aAAaA,CAACC,KAAsB,EAAE;EAAA,IAAAC,qBAAA;EAC5D,MAAMC,OAAO,GAAGT,KAAK,CAACU,UAAU,CAACR,OAAO,CAAC;EACzC,MAAM;IAAES,KAAK;IAAEC,IAAI;IAAEC,GAAG;IAAEC,UAAU;IAAEC;EAAS,CAAC,GAAGR,KAAK;EAExD,IAAIS,OAAO,GAAGhB,KAAK,CAACiB,OAAO,CAAC,MAAM;IAChC,IAAIF,QAAQ,EAAE;MACZ,OAAO,KAAK;IACd;IAEA,OAAOd,MAAM,CAACa,UAAU,CAAC,IAAI,CAACT,qBAAqB,CAAC,CAAC;EACvD,CAAC,EAAE,CAACU,QAAQ,EAAED,UAAU,CAAC,CAAC;EAE1B,MAAMI,cAAc,GAAGlB,KAAK,CAACmB,MAAM,CACjChB,kBAAkB,CAACI,KAAK,EAAEE,OAAO,CAACW,WAAW,CAC/C,CAAC;EACD,KAAAZ,qBAAA,GAAIU,cAAc,CAACG,OAAO,cAAAb,qBAAA,eAAtBA,qBAAA,CAAwBQ,OAAO,EAAE;IACnCA,OAAO,GAAG,IAAI;EAChB;EAEA,MAAM,CAACM,KAAK,EAAEC,WAAW,CAAC,GAAGvB,KAAK,CAACwB,QAAQ,CAACR,OAAO,CAAC;EAEpD,MAAMS,WAAW,GAAGzB,KAAK,CAACmB,MAAM,CAAqB,CAAC;EACtDnB,KAAK,CAAC0B,eAAe,CAAC,MAAM;IAC1B,IAAIX,QAAQ,EAAE;MACZ;IACF;IAEA,IAAI,OAAOU,WAAW,CAACJ,OAAO,KAAK,UAAU,EAAE;MAAA,IAAAM,sBAAA;MAC7CF,WAAW,CAACJ,OAAO,CAAC,CAAC;MAErBH,cAAc,CAACG,OAAO,GAAGlB,kBAAkB,CACzCI,KAAK,EACLE,OAAO,CAACW,WACV,CAAC;MACDG,WAAW,EAAAI,sBAAA,GAACT,cAAc,CAACG,OAAO,cAAAM,sBAAA,uBAAtBA,sBAAA,CAAwBX,OAAO,CAAC;IAC9C;IAEAS,WAAW,CAACJ,OAAO,GAAGjB,wBAAwB,CAC5Cc,cAAc,CAACG,OAAO,EACrBC,KAAK,IAAKC,WAAW,CAACD,KAAK,CAC9B,CAAC;IAED,OAAOG,WAAW,CAACJ,OAAO;EAC5B,CAAC,EAAE,CAACV,KAAK,EAAEC,IAAI,EAAEC,GAAG,EAAEE,QAAQ,CAAC,CAAC;EAEhC,OAAOa,OAAO,CAACN,KAAK,CAAC;AACvB"}
+{"version":3,"file":"useMediaQuery.js","names":["React","useContext","useMemo","useRef","useState","isTrue","Context","makeMediaQueryList","createMediaQueryListener","isMatchMediaSupported","useLayoutEffect","window","useEffect","useMediaQuery","props","_mediaQueryList$curre","context","query","when","not","matchOnSSR","disabled","correctRange","log","matches","mediaQueryList","breakpoints","current","match","matchUpdate","listenerRef","_mediaQueryList$curre2","Boolean"],"sources":["../../../src/shared/useMediaQuery.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react'\nimport { isTrue } from './component-helper'\nimport Context from './Context'\nimport {\n  makeMediaQueryList,\n  createMediaQueryListener,\n  isMatchMediaSupported,\n} from './MediaQueryUtils'\nimport type {\n  MediaQueryProps,\n  MediaQueryListener,\n} from './MediaQueryUtils'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type { MediaQueryProps }\n\nexport default function useMediaQuery(props: MediaQueryProps) {\n  const context = useContext(Context)\n  const {\n    query,\n    when,\n    not,\n    matchOnSSR,\n    disabled,\n    correctRange = true,\n    log,\n  } = props\n\n  let matches = useMemo(() => {\n    if (disabled) {\n      return false // stop here\n    }\n\n    return isTrue(matchOnSSR) && !isMatchMediaSupported()\n  }, [disabled, matchOnSSR])\n\n  const mediaQueryList = useRef(\n    makeMediaQueryList({ query, when, not }, context.breakpoints, {\n      disabled,\n      correctRange,\n      log,\n    })\n  )\n  if (mediaQueryList.current?.matches) {\n    matches = true\n  }\n\n  const [match, matchUpdate] = useState(matches)\n\n  const listenerRef = useRef<MediaQueryListener>()\n  useLayoutEffect(() => {\n    if (disabled) {\n      return // stop here\n    }\n\n    if (typeof listenerRef.current === 'function') {\n      listenerRef.current()\n\n      mediaQueryList.current = makeMediaQueryList(\n        { query, when, not },\n        context.breakpoints,\n        { disabled, correctRange, log }\n      )\n      matchUpdate(mediaQueryList.current?.matches)\n    }\n\n    listenerRef.current = createMediaQueryListener(\n      mediaQueryList.current,\n      (match) => matchUpdate(match)\n    )\n\n    return listenerRef.current\n  }, [query, when, not, disabled]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return Boolean(match)\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACpE,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,OAAOC,OAAO,MAAM,WAAW;AAC/B,SACEC,kBAAkB,EAClBC,wBAAwB,EACxBC,qBAAqB,QAChB,mBAAmB;AAO1B,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGX,KAAK,CAACY,SAAS,GAAGZ,KAAK,CAACU,eAAe;AAIzE,eAAe,SAASG,aAAaA,CAACC,KAAsB,EAAE;EAAA,IAAAC,qBAAA;EAC5D,MAAMC,OAAO,GAAGf,UAAU,CAACK,OAAO,CAAC;EACnC,MAAM;IACJW,KAAK;IACLC,IAAI;IACJC,GAAG;IACHC,UAAU;IACVC,QAAQ;IACRC,YAAY,GAAG,IAAI;IACnBC;EACF,CAAC,GAAGT,KAAK;EAET,IAAIU,OAAO,GAAGtB,OAAO,CAAC,MAAM;IAC1B,IAAImB,QAAQ,EAAE;MACZ,OAAO,KAAK;IACd;IAEA,OAAOhB,MAAM,CAACe,UAAU,CAAC,IAAI,CAACX,qBAAqB,CAAC,CAAC;EACvD,CAAC,EAAE,CAACY,QAAQ,EAAED,UAAU,CAAC,CAAC;EAE1B,MAAMK,cAAc,GAAGtB,MAAM,CAC3BI,kBAAkB,CAAC;IAAEU,KAAK;IAAEC,IAAI;IAAEC;EAAI,CAAC,EAAEH,OAAO,CAACU,WAAW,EAAE;IAC5DL,QAAQ;IACRC,YAAY;IACZC;EACF,CAAC,CACH,CAAC;EACD,KAAAR,qBAAA,GAAIU,cAAc,CAACE,OAAO,cAAAZ,qBAAA,eAAtBA,qBAAA,CAAwBS,OAAO,EAAE;IACnCA,OAAO,GAAG,IAAI;EAChB;EAEA,MAAM,CAACI,KAAK,EAAEC,WAAW,CAAC,GAAGzB,QAAQ,CAACoB,OAAO,CAAC;EAE9C,MAAMM,WAAW,GAAG3B,MAAM,CAAqB,CAAC;EAChDO,eAAe,CAAC,MAAM;IACpB,IAAIW,QAAQ,EAAE;MACZ;IACF;IAEA,IAAI,OAAOS,WAAW,CAACH,OAAO,KAAK,UAAU,EAAE;MAAA,IAAAI,sBAAA;MAC7CD,WAAW,CAACH,OAAO,CAAC,CAAC;MAErBF,cAAc,CAACE,OAAO,GAAGpB,kBAAkB,CACzC;QAAEU,KAAK;QAAEC,IAAI;QAAEC;MAAI,CAAC,EACpBH,OAAO,CAACU,WAAW,EACnB;QAAEL,QAAQ;QAAEC,YAAY;QAAEC;MAAI,CAChC,CAAC;MACDM,WAAW,EAAAE,sBAAA,GAACN,cAAc,CAACE,OAAO,cAAAI,sBAAA,uBAAtBA,sBAAA,CAAwBP,OAAO,CAAC;IAC9C;IAEAM,WAAW,CAACH,OAAO,GAAGnB,wBAAwB,CAC5CiB,cAAc,CAACE,OAAO,EACrBC,KAAK,IAAKC,WAAW,CAACD,KAAK,CAC9B,CAAC;IAED,OAAOE,WAAW,CAACH,OAAO;EAC5B,CAAC,EAAE,CAACV,KAAK,EAAEC,IAAI,EAAEC,GAAG,EAAEE,QAAQ,CAAC,CAAC;EAEhC,OAAOW,OAAO,CAACJ,KAAK,CAAC;AACvB"}

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

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

@@ -251,7 +251,7 @@ body {
   /* stylelint-disable-next-line */
   -webkit-text-size-adjust: 100%;
   word-break: break-word;
-  --eufemia-version: "10.31.0";
+  --eufemia-version: "10.33.0";
 }
 .dnb-core-style *,
 .dnb-core-style ::before,
@@ -656,8 +656,7 @@ html[data-whatintent=touch] .dnb-skip-link {
   -webkit-touch-callout: none !important;
   pointer-events: none !important;
   position: absolute !important;
-  -webkit-clip-path: inset(50%) !important;
-          clip-path: inset(50%) !important;
+  clip-path: inset(50%) !important;
   max-width: 1px !important;
   max-height: 1px !important;
   overflow: hidden !important;

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

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

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

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

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

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

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

@@ -691,9 +691,6 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   margin-left: 0;
 }
 
-.dnb-forms-field-block {
-  width: 100%;
-}
 .dnb-forms-field-block__grid {
   display: grid;
 }
@@ -969,7 +966,6 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 }
 .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing] {
   border-radius: 0.375rem;
-  box-shadow: inset 0 0 0 2px var(--block-outline-color);
 }
 .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small {
   --space: var(--spacing-small);
@@ -980,6 +976,9 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large {
   --space: var(--spacing-large);
 }
+.dnb-forms-iterate-block--variant-outline .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing] {
+  box-shadow: inset 0 0 0 2px var(--block-outline-color);
+}
 .dnb-forms-iterate-block__inner .dnb-dl .dnb-dd {
   margin-bottom: 0;
 }
@@ -1115,7 +1114,6 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   outline: none;
 }
 .dnb-forms-wizard-layout__contents .dnb-card {
-  --border-color: var(--color-pistachio);
   max-width: var(--forms-card-max-width);
 }
 .dnb-forms-wizard-layout__contents .dnb-forms-step > .appear-fx,
@@ -2513,8 +2511,7 @@ button.dnb-button::-moz-focus-inner {
   flex-wrap: nowrap;
 }
 .dnb-card--filled .dnb-scroll-view {
-  -webkit-clip-path: inset(0 0 0 0 round var(--rounded-corner) var(--rounded-corner) var(--rounded-corner) var(--rounded-corner));
-          clip-path: inset(0 0 0 0 round var(--rounded-corner) var(--rounded-corner) var(--rounded-corner) var(--rounded-corner));
+  clip-path: inset(0 0 0 0 round var(--rounded-corner) var(--rounded-corner) var(--rounded-corner) var(--rounded-corner));
 }
 .dnb-card > .dnb-flex-container > .dnb-space:has(> .dnb-scroll-view) {
   width: 100%;
@@ -2719,7 +2716,7 @@ html[data-whatinput=keyboard] .dnb-checkbox__focus {
   background-color: var(--checkbox-color-background-on);
   border-color: var(--checkbox-color-border-on);
 }
-.dnb-checkbox__input:not([disabled]):not(:checked):not([data-checked=true]) ~ .dnb-checkbox__gfx {
+.dnb-checkbox__input:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__gfx {
   opacity: 0;
   transform: scale(0.8);
   color: var(--checkbox-color-gfx-off);
@@ -2790,7 +2787,7 @@ html[data-whatinput=keyboard] .dnb-checkbox__focus {
   border-color: var(--checkbox-color-border-off--hover);
   background-color: var(--checkbox-color-background--hover);
 }
-.dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__gfx {
+.dnb-checkbox__input:hover ~ .dnb-checkbox__gfx {
   color: var(--checkbox-color-gfx--hover);
 }
 .dnb-checkbox__input:not([disabled]):checked:hover ~ .dnb-checkbox__button, .dnb-checkbox__input:not([disabled])[data-checked=true]:hover ~ .dnb-checkbox__button {
@@ -4729,6 +4726,9 @@ button .dnb-form-status__text {
        column-gap: var(--column-gap, 0);
   --grid-columns: var(--small-columns, 4);
 }
+.dnb-grid-container--row-gap-x-small {
+  --row-gap: var(--spacing-x-small);
+}
 .dnb-grid-container--row-gap-small {
   --row-gap: var(--spacing-small);
 }
@@ -4738,6 +4738,9 @@ button .dnb-form-status__text {
 .dnb-grid-container--row-gap-large {
   --row-gap: var(--spacing-large);
 }
+.dnb-grid-container--column-gap-x-small {
+  --column-gap: var(--spacing-x-small);
+}
 .dnb-grid-container--column-gap-small {
   --column-gap: var(--spacing-small);
 }
@@ -6656,8 +6659,7 @@ html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):no
   background-image: repeating-linear-gradient(-45deg, var(--skeleton-color--contrast) 1px 2px, transparent 0 6px) !important;
   background-repeat: repeat !important;
   background-size: 100% !important;
-  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
-          clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
+  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
   animation: skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay);
 }
 .dnb-skeleton--code pre,
@@ -6720,16 +6722,13 @@ html[data-visual-test] .dnb-skeleton--font, html[data-visual-test] .dnb-skeleton
 
 @keyframes skeletonLinearAnimation {
   0% {
-    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
-            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
+    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
   }
   50% {
-    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
-            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
+    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
   }
   100% {
-    -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
-            clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
+    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
   }
 }
 @keyframes skeletonFontAnimation {
@@ -8029,8 +8028,7 @@ html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus ~ .dnb-sw
 }
 .dnb-table--outline {
   position: relative;
-  -webkit-clip-path: inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);
-          clip-path: inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);
+  clip-path: inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);
   z-index: 1;
 }
 .dnb-table--outline, .dnb-table--outline::after {
@@ -8053,8 +8051,7 @@ html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus ~ .dnb-sw
 }
 .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child,
 .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last {
-  -webkit-clip-path: none;
-          clip-path: none;
+  clip-path: none;
 }
 .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__th, .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__th::before, .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__th::after,
 .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__td,
@@ -8367,8 +8364,7 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
 }
 .dnb-table--outline tbody:last-child .dnb-table__tr:last-child,
 .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last {
-  -webkit-clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
-          clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
+  clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
 }
 .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child, .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child::before, .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child::after,
 .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child,
@@ -8449,8 +8445,7 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
   bottom: 0;
   height: 6px;
   box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
-  -webkit-clip-path: inset(6px 0 -48px 0);
-          clip-path: inset(6px 0 -48px 0);
+  clip-path: inset(6px 0 -48px 0);
 }
 
 /*
@@ -8525,8 +8520,7 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
   min-height: 1rem;
 }
 .dnb-table__container .dnb-table__scroll-view {
-  -webkit-clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
-          clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
+  clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
 }
 @supports (-webkit-appearance: none) and (not (-moz-appearance: meterbar)) {
   .dnb-table__container::after {
@@ -9932,8 +9926,7 @@ html[data-visual-test] .dnb-tooltip--hide {
   -webkit-touch-callout: none !important;
   pointer-events: none !important;
   position: absolute !important;
-  -webkit-clip-path: inset(50%) !important;
-          clip-path: inset(50%) !important;
+  clip-path: inset(50%) !important;
   max-width: 1px !important;
   max-height: 1px !important;
   overflow: hidden !important;