@dnb/eufemia 10.12.0 → 10.14.0

package/shared/useMedia.js

@@ -1,3 +1,5 @@
+"use client";
+
 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; }

package/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","arguments","length","undefined","initialValue","disabled","breakpoints","queries","log","context","useContext","refs","useRef","defaults","isMounted","isDisabled","result","updateRerender","useState","makeResult","useMemo","current","removeListeners","Object","entries","forEach","_ref","_item$event","key","item","event","call","reduce","acc","_ref2","_item$mediaQueryList","k","when","name","runQuery","hasMatch","mediaQueryList","matches","isSSR","_ref3","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","Context","makeMediaQueryList","createMediaQueryListener","isMatchMediaSupported","toPascalCase","makeLayoutEffect","window","useEffect","useLayoutEffect","defaultQueries","small","min","max","medium","large","useMedia","props","arguments","length","undefined","initialValue","disabled","breakpoints","queries","log","context","useContext","refs","useRef","defaults","isMounted","isDisabled","result","updateRerender","useState","makeResult","useMemo","current","removeListeners","Object","entries","forEach","_ref","_item$event","key","item","event","call","reduce","acc","_ref2","_item$mediaQueryList","k","when","name","runQuery","hasMatch","mediaQueryList","matches","isSSR","_ref3","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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"}

package/shared/useMediaQuery.js

@@ -1,3 +1,5 @@
+"use client";
+
 import React from 'react';
 import { isTrue } from './component-helper';
 import Context from './Context';

package/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","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"}

package/shared/useTheme.js

@@ -1,3 +1,5 @@
+"use client";
+
 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; }

package/shared/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","names":["React","Context","useTheme","context","useContext","theme","name","_objectSpread","isUi","isSbanken","isEiendom"],"sources":["../../../src/shared/useTheme.tsx"],"sourcesContent":["/**\n * Theme Hook\n *\n */\n\nimport React from 'react'\nimport Context from './Context'\n\nexport default function useTheme() {\n  const context = React.useContext(Context)\n\n  if (context?.theme) {\n    const { name } = context.theme\n    return {\n      ...context.theme,\n      isUi: name === 'ui',\n      isSbanken: name === 'sbanken',\n      isEiendom: name === 'eiendom',\n    }\n  }\n\n  return null\n}\n"],"mappings":";;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,WAAW;AAE/B,eAAe,SAASC,QAAQA,CAAA,EAAG;EACjC,MAAMC,OAAO,GAAGH,KAAK,CAACI,UAAU,CAACH,OAAO,CAAC;EAEzC,IAAIE,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEE,KAAK,EAAE;IAClB,MAAM;MAAEC;IAAK,CAAC,GAAGH,OAAO,CAACE,KAAK;IAC9B,OAAAE,aAAA,CAAAA,aAAA,KACKJ,OAAO,CAACE,KAAK;MAChBG,IAAI,EAAEF,IAAI,KAAK,IAAI;MACnBG,SAAS,EAAEH,IAAI,KAAK,SAAS;MAC7BI,SAAS,EAAEJ,IAAI,KAAK;IAAS;EAEjC;EAEA,OAAO,IAAI;AACb"}
+{"version":3,"file":"useTheme.js","names":["React","Context","useTheme","context","useContext","theme","name","_objectSpread","isUi","isSbanken","isEiendom"],"sources":["../../../src/shared/useTheme.tsx"],"sourcesContent":["/**\n * Theme Hook\n *\n */\n\nimport React from 'react'\nimport Context from './Context'\n\nexport default function useTheme() {\n  const context = React.useContext(Context)\n\n  if (context?.theme) {\n    const { name } = context.theme\n    return {\n      ...context.theme,\n      isUi: name === 'ui',\n      isSbanken: name === 'sbanken',\n      isEiendom: name === 'eiendom',\n    }\n  }\n\n  return null\n}\n"],"mappings":";;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,WAAW;AAE/B,eAAe,SAASC,QAAQA,CAAA,EAAG;EACjC,MAAMC,OAAO,GAAGH,KAAK,CAACI,UAAU,CAACH,OAAO,CAAC;EAEzC,IAAIE,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEE,KAAK,EAAE;IAClB,MAAM;MAAEC;IAAK,CAAC,GAAGH,OAAO,CAACE,KAAK;IAC9B,OAAAE,aAAA,CAAAA,aAAA,KACKJ,OAAO,CAACE,KAAK;MAChBG,IAAI,EAAEF,IAAI,KAAK,IAAI;MACnBG,SAAS,EAAEH,IAAI,KAAK,SAAS;MAC7BI,SAAS,EAAEJ,IAAI,KAAK;IAAS;EAEjC;EAEA,OAAO,IAAI;AACb"}

package/shared/useTranslation.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";

package/shared/useTranslation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTranslation.js","names":["React","PropTypes","Context","getTranslation","id","params","createElement","Translation","_extends","useTranslation","translation","useContext","prepareTrans","PureComponent","render","_this$props","props","children","_objectWithoutProperties","_excluded","context","_defineProperty","process","env","NODE_ENV","propTypes","string","trans","str","t","replace","RegExp"],"sources":["../../../src/shared/useTranslation.js"],"sourcesContent":["/**\n * React Hook\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Context from './Context'\n\nexport function getTranslation(id, params) {\n  return <Translation id={id} {...params} />\n}\n\nexport default function useTranslation(id, params) {\n  const { translation } = React.useContext(Context)\n  return prepareTrans(id, params, translation)\n}\n\nexport class Translation extends React.PureComponent {\n  static contextType = Context\n  static propTypes = {\n    id: PropTypes.string,\n    children: PropTypes.string,\n  }\n  static defaultProps = {\n    id: null,\n    children: null,\n  }\n\n  render() {\n    const { id, children, ...params } = this.props\n    return prepareTrans(id || children, params, this.context.translation)\n  }\n}\n\nfunction prepareTrans(id, params, trans) {\n  let str = null\n  if (trans[id]) {\n    str = trans[id]\n    for (let t in params) {\n      str = str.replace(new RegExp(`{${t}}`, 'g'), params[t])\n    }\n  }\n\n  return str\n}\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,WAAW;AAE/B,OAAO,SAASC,cAAcA,CAACC,EAAE,EAAEC,MAAM,EAAE;EACzC,OAAOL,KAAA,CAAAM,aAAA,CAACC,WAAW,EAAAC,QAAA;IAACJ,EAAE,EAAEA;EAAG,GAAKC,MAAM,CAAG,CAAC;AAC5C;AAEA,eAAe,SAASI,cAAcA,CAACL,EAAE,EAAEC,MAAM,EAAE;EACjD,MAAM;IAAEK;EAAY,CAAC,GAAGV,KAAK,CAACW,UAAU,CAACT,OAAO,CAAC;EACjD,OAAOU,YAAY,CAACR,EAAE,EAAEC,MAAM,EAAEK,WAAW,CAAC;AAC9C;AAEA,OAAO,MAAMH,WAAW,SAASP,KAAK,CAACa,aAAa,CAAC;EAWnDC,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAAoC,IAAI,CAACC,KAAK;MAAxC;QAAEZ,EAAE;QAAEa;MAAoB,CAAC,GAAAF,WAAA;MAARV,MAAM,GAAAa,wBAAA,CAAAH,WAAA,EAAAI,SAAA;IAC/B,OAAOP,YAAY,CAACR,EAAE,IAAIa,QAAQ,EAAEZ,MAAM,EAAE,IAAI,CAACe,OAAO,CAACV,WAAW,CAAC;EACvE;AACF;AAACW,eAAA,CAfYd,WAAW,iBACDL,OAAO;AAAAmB,eAAA,CADjBd,WAAW,kBAMA;EACpBH,EAAE,EAAE,IAAI;EACRa,QAAQ,EAAE;AACZ,CAAC;AAAAK,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBATUjB,WAAW,CAEfkB,SAAS,GAAG;EACjBrB,EAAE,EAAEH,SAAS,CAACyB,MAAM;EACpBT,QAAQ,EAAEhB,SAAS,CAACyB;AACtB,CAAC;AAYH,SAASd,YAAYA,CAACR,EAAE,EAAEC,MAAM,EAAEsB,KAAK,EAAE;EACvC,IAAIC,GAAG,GAAG,IAAI;EACd,IAAID,KAAK,CAACvB,EAAE,CAAC,EAAE;IACbwB,GAAG,GAAGD,KAAK,CAACvB,EAAE,CAAC;IACf,KAAK,IAAIyB,CAAC,IAAIxB,MAAM,EAAE;MACpBuB,GAAG,GAAGA,GAAG,CAACE,OAAO,CAAC,IAAIC,MAAM,CAAE,IAAGF,CAAE,GAAE,EAAE,GAAG,CAAC,EAAExB,MAAM,CAACwB,CAAC,CAAC,CAAC;IACzD;EACF;EAEA,OAAOD,GAAG;AACZ"}
+{"version":3,"file":"useTranslation.js","names":["React","PropTypes","Context","getTranslation","id","params","createElement","Translation","_extends","useTranslation","translation","useContext","prepareTrans","PureComponent","render","_this$props","props","children","_objectWithoutProperties","_excluded","context","_defineProperty","process","env","NODE_ENV","propTypes","string","trans","str","t","replace","RegExp"],"sources":["../../../src/shared/useTranslation.js"],"sourcesContent":["/**\n * React Hook\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Context from './Context'\n\nexport function getTranslation(id, params) {\n  return <Translation id={id} {...params} />\n}\n\nexport default function useTranslation(id, params) {\n  const { translation } = React.useContext(Context)\n  return prepareTrans(id, params, translation)\n}\n\nexport class Translation extends React.PureComponent {\n  static contextType = Context\n  static propTypes = {\n    id: PropTypes.string,\n    children: PropTypes.string,\n  }\n  static defaultProps = {\n    id: null,\n    children: null,\n  }\n\n  render() {\n    const { id, children, ...params } = this.props\n    return prepareTrans(id || children, params, this.context.translation)\n  }\n}\n\nfunction prepareTrans(id, params, trans) {\n  let str = null\n  if (trans[id]) {\n    str = trans[id]\n    for (let t in params) {\n      str = str.replace(new RegExp(`{${t}}`, 'g'), params[t])\n    }\n  }\n\n  return str\n}\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,WAAW;AAE/B,OAAO,SAASC,cAAcA,CAACC,EAAE,EAAEC,MAAM,EAAE;EACzC,OAAOL,KAAA,CAAAM,aAAA,CAACC,WAAW,EAAAC,QAAA;IAACJ,EAAE,EAAEA;EAAG,GAAKC,MAAM,CAAG,CAAC;AAC5C;AAEA,eAAe,SAASI,cAAcA,CAACL,EAAE,EAAEC,MAAM,EAAE;EACjD,MAAM;IAAEK;EAAY,CAAC,GAAGV,KAAK,CAACW,UAAU,CAACT,OAAO,CAAC;EACjD,OAAOU,YAAY,CAACR,EAAE,EAAEC,MAAM,EAAEK,WAAW,CAAC;AAC9C;AAEA,OAAO,MAAMH,WAAW,SAASP,KAAK,CAACa,aAAa,CAAC;EAWnDC,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAAoC,IAAI,CAACC,KAAK;MAAxC;QAAEZ,EAAE;QAAEa;MAAoB,CAAC,GAAAF,WAAA;MAARV,MAAM,GAAAa,wBAAA,CAAAH,WAAA,EAAAI,SAAA;IAC/B,OAAOP,YAAY,CAACR,EAAE,IAAIa,QAAQ,EAAEZ,MAAM,EAAE,IAAI,CAACe,OAAO,CAACV,WAAW,CAAC;EACvE;AACF;AAACW,eAAA,CAfYd,WAAW,iBACDL,OAAO;AAAAmB,eAAA,CADjBd,WAAW,kBAMA;EACpBH,EAAE,EAAE,IAAI;EACRa,QAAQ,EAAE;AACZ,CAAC;AAAAK,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBATUjB,WAAW,CAEfkB,SAAS,GAAG;EACjBrB,EAAE,EAAEH,SAAS,CAACyB,MAAM;EACpBT,QAAQ,EAAEhB,SAAS,CAACyB;AACtB,CAAC;AAYH,SAASd,YAAYA,CAACR,EAAE,EAAEC,MAAM,EAAEsB,KAAK,EAAE;EACvC,IAAIC,GAAG,GAAG,IAAI;EACd,IAAID,KAAK,CAACvB,EAAE,CAAC,EAAE;IACbwB,GAAG,GAAGD,KAAK,CAACvB,EAAE,CAAC;IACf,KAAK,IAAIyB,CAAC,IAAIxB,MAAM,EAAE;MACpBuB,GAAG,GAAGA,GAAG,CAACE,OAAO,CAAC,IAAIC,MAAM,CAAE,IAAGF,CAAE,GAAE,EAAE,GAAG,CAAC,EAAExB,MAAM,CAACwB,CAAC,CAAC,CAAC;IACzD;EACF;EAEA,OAAOD,GAAG;AACZ"}

package/style/dnb-ui-components.css

@@ -550,7 +550,7 @@ html[data-whatinput=keyboard] .dnb-scroll-view[tabindex="0"]:focus {
 .dnb-accordion__header__description + .dnb-accordion__header__title {
   margin-top: 0.25rem;
 }
-.dnb-accordion--expanded > .dnb-accordion__header .dnb-accordion__header__icon:not(.dnb-accordion__header__icon--no-animation) {
+.dnb-accordion--expanded > .dnb-accordion__header .dnb-accordion__header__icon {
   transform: rotate(-180deg);
 }
 .dnb-accordion__content {
@@ -586,7 +586,7 @@ html[data-whatinput=keyboard] .dnb-scroll-view[tabindex="0"]:focus {
   }
 }
 @media screen and (min-width: 40em) {
-  .dnb-accordion-group--single-container .dnb-accordion > .dnb-accordion__header .dnb-accordion__header__icon:not(.dnb-accordion__header__icon--no-animation) {
+  .dnb-accordion-group--single-container .dnb-accordion > .dnb-accordion__header .dnb-accordion__header__icon {
     transform: rotate(-90deg);
   }
 }
@@ -5044,10 +5044,39 @@ html[data-visual-test] .dnb-progress-indicator__bar-transition {
   --radio-width--large: 2rem;
   --radio-height--large: 2rem;
   --radio-border-width: 0.125rem;
+  --radio-color-dot-on: black;
+  --radio-color-background-on: white;
+  --radio-color-border-on: black;
+  --radio-color-background-off: white;
+  --radio-color-border-off: black;
+  --radio-color-dot-on--disabled: lightgrey;
+  --radio-color-border-on--disabled: lightgrey;
+  --radio-color-border-off--disabled: lightgrey;
+  --radio-color-dot-on--active: lightgrey;
+  --radio-color-border-on--active: lightgrey;
+  --radio-color-background-off--active: lightgrey;
+  --radio-color-border-off--active: transparent;
+  --radio-color-dot-on--hover: lightgrey;
+  --radio-color-background-off--hover: lightgrey;
+  --radio-color-background-on--focus: var(--color-white);
+  --radio-color-background-off--focus: lightgrey;
+  --radio-color-dot-on--error: red;
+  --radio-color-border-on--error: red;
+  --radio-color-background-off--error: lavenderblush;
+  --radio-color-dot-on--error-hover: lavenderblush;
   display: inline-flex;
   flex-direction: column;
   font-size: var(--font-size-small);
   line-height: var(--line-height-basis);
+  /*
+   * Color scheme
+   */
+  /** Normal state **/
+  /** Disabled state **/
+  /** Active state **/
+  /** Hover state **/
+  /** Focus state **/
+  /** Error state **/
 }
 .dnb-radio__inner {
   display: inline-flex;
@@ -5095,6 +5124,8 @@ html[data-whatinput=keyboard] .dnb-radio__focus {
   width: calc(var(--radio-width--medium) - 0.75rem);
   height: calc(var(--radio-height--medium) - 0.75rem);
   border-radius: 50%;
+  background-color: var(--radio-color-dot-on);
+  transition: opacity 200ms ease-out, transform 200ms ease-out;
 }
 .dnb-radio--large .dnb-radio__dot {
   width: calc(var(--radio-width--large) - 0.875rem);
@@ -5180,6 +5211,9 @@ html[data-whatinput=keyboard] .dnb-radio__focus {
   margin-top: 0.5rem;
   margin-bottom: 1rem;
 }
+.dnb-radio > .dnb-form-status {
+  transform: translateY(0.25rem); /* 4/16 */
+}
 .dnb-radio-group {
   --radio-group-margin-bottom: 0.5rem;
   --radio-group-margin-right: 1rem;
@@ -5221,6 +5255,78 @@ html[data-whatinput=keyboard] .dnb-radio__focus {
 .dnb-skeleton .dnb-radio__input[disabled] ~ .dnb-radio__button {
   border-color: var(--skeleton-color);
 }
+.dnb-radio__input:checked ~ .dnb-radio__button, .dnb-radio__input[data-checked=true] ~ .dnb-radio__button {
+  background-color: var(--radio-color-background-on);
+  border-color: var(--radio-color-border-on);
+}
+.dnb-radio__input:checked ~ .dnb-radio__dot, .dnb-radio__input[data-checked=true] ~ .dnb-radio__dot {
+  opacity: 1;
+  transform: scale(1);
+}
+.dnb-radio__input:not(:checked):not([data-checked=true]) ~ .dnb-radio__dot {
+  opacity: 0;
+  transform: scale(0.8);
+}
+.dnb-radio__input:not(:checked):not([data-checked=true]) ~ .dnb-radio__button {
+  background-color: var(--radio-color-background-off);
+  border-color: var(--radio-color-border-off);
+}
+.dnb-radio__input[disabled]:checked ~ .dnb-radio__button, .dnb-radio__input[disabled][data-checked=true] ~ .dnb-radio__button {
+  border-color: var(--radio-color-border-on--disabled);
+}
+.dnb-radio__input[disabled]:checked ~ .dnb-radio__dot, .dnb-radio__input[disabled][data-checked=true] ~ .dnb-radio__dot {
+  background-color: var(--radio-color-dot-on--disabled);
+}
+.dnb-radio__input[disabled]:not(:checked):not([data-checked=true]) ~ .dnb-radio__button {
+  border-color: var(--radio-color-border-off--disabled);
+}
+.dnb-radio__input:not([disabled]):checked:active ~ .dnb-radio__button, .dnb-radio__input:not([disabled])[data-checked=true]:active ~ .dnb-radio__button {
+  border-color: var(--radio-color-border-on--active);
+}
+.dnb-radio__input:not([disabled]):checked:active ~ .dnb-radio__dot, .dnb-radio__input:not([disabled])[data-checked=true]:active ~ .dnb-radio__dot {
+  background-color: var(--radio-color-dot-on--active);
+}
+.dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):active ~ .dnb-radio__button {
+  background-color: var(--radio-color-background-off--active);
+  border-color: var(--radio-color-border-off--active);
+}
+.dnb-radio__input:not([disabled]):not(:focus):checked:hover ~ .dnb-radio__dot, .dnb-radio__input:not([disabled]):not(:focus)[data-checked=true]:hover ~ .dnb-radio__dot {
+  background-color: var(--radio-color-dot-on--hover);
+}
+.dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover ~ .dnb-radio__button {
+  background-color: var(--radio-color-background-off--hover);
+}
+html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):focus ~ .dnb-radio__button {
+  border: none;
+}
+.dnb-radio__input:not([disabled]):focus ~ .dnb-radio__focus, .dnb-radio__input:not([disabled]):active ~ .dnb-radio__focus {
+  display: block;
+}
+.dnb-radio__input:not([disabled]):not(:active):not(:hover):checked:focus ~ .dnb-radio__button, .dnb-radio__input:not([disabled]):not(:active):not(:hover)[data-checked=true]:focus ~ .dnb-radio__button {
+  background-color: var(--radio-color-background-on--focus);
+}
+html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):focus ~ .dnb-radio__button {
+  background-color: var(--radio-color-background-off--focus);
+}
+.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active) ~ .dnb-radio__button {
+  border: none;
+}
+.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active) ~ .dnb-radio__focus {
+  display: block;
+  --border-color: var(--radio-color-border-on--error);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover):checked ~ .dnb-radio__dot, .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover)[data-checked=true] ~ .dnb-radio__dot {
+  background-color: var(--radio-color-dot-on--error);
+}
+.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover ~ .dnb-radio__dot, .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)[data-checked=true]:hover ~ .dnb-radio__dot {
+  background-color: var(--radio-color-dot-on--error-hover);
+}
+.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover ~ .dnb-radio__button {
+  background-color: var(--radio-color-background-off--error);
+}
 
 /*
  * Section component