@dnb/eufemia 10.75.2 → 10.75.3

package/extensions/payment-card/PaymentCard.js

@@ -19,6 +19,7 @@ import { ProductType, CardType, BankAxeptType } from './utils/Types';
 import Designs, { defaultDesign } from './utils/CardDesigns';
 import cardProducts from './utils/cardProducts';
 export { Designs, ProductType, CardType, BankAxeptType };
+export { formatCardNumber };
 const translationDefaultPropsProps = {
   text_blocked: null,
   text_expired: null,

package/extensions/payment-card/PaymentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentCard.js","names":["React","PropTypes","classnames","Context","Provider","isTrue","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","formatCardNumber","CardFigure","cardDataPropTypes","ProductType","CardType","BankAxeptType","Designs","defaultDesign","cardProducts","translationDefaultPropsProps","text_blocked","text_expired","text_not_active","text_new_order","text_order_in_process","text_replaced","text_renewed","text_new","text_unknown","PaymentCard","PureComponent","render","_this$context","props","defaultProps","locale","context","skeleton","product_code","card_number","card_status","variant","digits","id","raw_data","className","class","_className","children","attributes","_objectWithoutProperties","_excluded","cardData","getCardData","params","_objectSpread","createElement","Consumer","_ref","translation","translations","productName","compact","data","cardStatus","cardNumber","parseFloat","_defineProperty","process","env","NODE_ENV","propTypes","string","isRequired","oneOf","oneOfType","number","bool","node","func","productCode","card","find","item","defaultCard","displayName","cardDesign","cardType","None","productType","bankAxept"],"sources":["../../../../src/extensions/payment-card/PaymentCard.js"],"sourcesContent":["/**\n * Web PaymentCard Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../../components/space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../../components/skeleton/SkeletonHelper'\n\nimport { formatCardNumber } from './components/CardNumber'\nimport CardFigure, { cardDataPropTypes } from './components/CardFigure'\n\nimport { ProductType, CardType, BankAxeptType } from './utils/Types'\nimport Designs, { defaultDesign } from './utils/CardDesigns'\nimport cardProducts from './utils/cardProducts'\n\nexport { Designs, ProductType, CardType, BankAxeptType }\n\nconst translationDefaultPropsProps = {\n  text_blocked: null,\n  text_expired: null,\n  text_not_active: null,\n  text_new_order: null,\n  text_order_in_process: null,\n  text_replaced: null,\n  text_renewed: null,\n  text_new: null,\n  text_unknown: null,\n}\n\nexport default class PaymentCard extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    product_code: PropTypes.string.isRequired,\n    card_number: PropTypes.string.isRequired,\n    card_status: PropTypes.oneOf([\n      'active',\n      'blocked',\n      'expired',\n      'not_active',\n      'new_order',\n      'new',\n      'order_in_process',\n      'renewed',\n      'replaced',\n      'unknown',\n    ]),\n    variant: PropTypes.oneOf(['normal', 'compact']),\n    digits: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    raw_data: cardDataPropTypes,\n    id: PropTypes.string,\n    locale: PropTypes.string,\n\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n  }\n\n  static defaultProps = {\n    digits: 8,\n    locale: null,\n    card_status: 'active',\n    variant: 'normal',\n\n    id: null,\n    raw_data: null,\n\n    skeleton: false,\n    className: null,\n    children: null,\n\n    ...translationDefaultPropsProps,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      PaymentCard.defaultProps,\n      { locale: this.context.locale },\n      { skeleton: this.context?.skeleton }\n    )\n\n    const {\n      product_code,\n      card_number,\n      card_status,\n      variant,\n      digits,\n      id,\n      raw_data,\n      locale,\n      skeleton,\n      className,\n      class: _className,\n      children, //eslint-disable-line\n      ...attributes\n    } = props\n\n    const cardData = raw_data || getCardData(product_code)\n\n    const params = {\n      className: classnames(\n        'dnb-payment-card',\n        `dnb-payment-card--${variant}`,\n        createSkeletonClass(null, skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <Provider locale={locale}>\n        <Context.Consumer>\n          {({ translation }) => {\n            const translations = extendPropsWithContextInClassComponent(\n              this.props,\n              translationDefaultPropsProps,\n              translation.PaymentCard\n            )\n            return (\n              <figure {...params}>\n                <figcaption className=\"dnb-sr-only dnb-payment-card__figcaption\">\n                  {cardData.productName}\n                </figcaption>\n                <CardFigure\n                  id={id}\n                  skeleton={isTrue(skeleton)}\n                  compact={variant === 'compact'}\n                  data={cardData}\n                  cardStatus={card_status}\n                  cardNumber={formatCardNumber(\n                    card_number,\n                    parseFloat(digits)\n                  )}\n                  translations={translations}\n                />\n              </figure>\n            )\n          }}\n        </Context.Consumer>\n      </Provider>\n    )\n  }\n}\n\nexport const getCardData = (productCode) => {\n  const card = cardProducts.find(\n    (item) => item.productCode === productCode\n  )\n  return card || defaultCard(productCode)\n}\n\nconst defaultCard = (productCode) => ({\n  productCode,\n  productName: '',\n  displayName: '',\n  cardDesign: defaultDesign,\n  cardType: CardType.None,\n  productType: ProductType.None,\n  bankAxept: BankAxeptType.None,\n})\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PaymentCard.js","names":["React","PropTypes","classnames","Context","Provider","isTrue","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","formatCardNumber","CardFigure","cardDataPropTypes","ProductType","CardType","BankAxeptType","Designs","defaultDesign","cardProducts","translationDefaultPropsProps","text_blocked","text_expired","text_not_active","text_new_order","text_order_in_process","text_replaced","text_renewed","text_new","text_unknown","PaymentCard","PureComponent","render","_this$context","props","defaultProps","locale","context","skeleton","product_code","card_number","card_status","variant","digits","id","raw_data","className","class","_className","children","attributes","_objectWithoutProperties","_excluded","cardData","getCardData","params","_objectSpread","createElement","Consumer","_ref","translation","translations","productName","compact","data","cardStatus","cardNumber","parseFloat","_defineProperty","process","env","NODE_ENV","propTypes","string","isRequired","oneOf","oneOfType","number","bool","node","func","productCode","card","find","item","defaultCard","displayName","cardDesign","cardType","None","productType","bankAxept"],"sources":["../../../../src/extensions/payment-card/PaymentCard.js"],"sourcesContent":["/**\n * Web PaymentCard Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../../components/space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../../components/skeleton/SkeletonHelper'\n\nimport { formatCardNumber } from './components/CardNumber'\nimport CardFigure, { cardDataPropTypes } from './components/CardFigure'\n\nimport { ProductType, CardType, BankAxeptType } from './utils/Types'\nimport Designs, { defaultDesign } from './utils/CardDesigns'\nimport cardProducts from './utils/cardProducts'\n\nexport { Designs, ProductType, CardType, BankAxeptType }\n\nexport { formatCardNumber }\n\nconst translationDefaultPropsProps = {\n  text_blocked: null,\n  text_expired: null,\n  text_not_active: null,\n  text_new_order: null,\n  text_order_in_process: null,\n  text_replaced: null,\n  text_renewed: null,\n  text_new: null,\n  text_unknown: null,\n}\n\nexport default class PaymentCard extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    product_code: PropTypes.string.isRequired,\n    card_number: PropTypes.string.isRequired,\n    card_status: PropTypes.oneOf([\n      'active',\n      'blocked',\n      'expired',\n      'not_active',\n      'new_order',\n      'new',\n      'order_in_process',\n      'renewed',\n      'replaced',\n      'unknown',\n    ]),\n    variant: PropTypes.oneOf(['normal', 'compact']),\n    digits: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    raw_data: cardDataPropTypes,\n    id: PropTypes.string,\n    locale: PropTypes.string,\n\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n  }\n\n  static defaultProps = {\n    digits: 8,\n    locale: null,\n    card_status: 'active',\n    variant: 'normal',\n\n    id: null,\n    raw_data: null,\n\n    skeleton: false,\n    className: null,\n    children: null,\n\n    ...translationDefaultPropsProps,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      PaymentCard.defaultProps,\n      { locale: this.context.locale },\n      { skeleton: this.context?.skeleton }\n    )\n\n    const {\n      product_code,\n      card_number,\n      card_status,\n      variant,\n      digits,\n      id,\n      raw_data,\n      locale,\n      skeleton,\n      className,\n      class: _className,\n      children, //eslint-disable-line\n      ...attributes\n    } = props\n\n    const cardData = raw_data || getCardData(product_code)\n\n    const params = {\n      className: classnames(\n        'dnb-payment-card',\n        `dnb-payment-card--${variant}`,\n        createSkeletonClass(null, skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <Provider locale={locale}>\n        <Context.Consumer>\n          {({ translation }) => {\n            const translations = extendPropsWithContextInClassComponent(\n              this.props,\n              translationDefaultPropsProps,\n              translation.PaymentCard\n            )\n            return (\n              <figure {...params}>\n                <figcaption className=\"dnb-sr-only dnb-payment-card__figcaption\">\n                  {cardData.productName}\n                </figcaption>\n                <CardFigure\n                  id={id}\n                  skeleton={isTrue(skeleton)}\n                  compact={variant === 'compact'}\n                  data={cardData}\n                  cardStatus={card_status}\n                  cardNumber={formatCardNumber(\n                    card_number,\n                    parseFloat(digits)\n                  )}\n                  translations={translations}\n                />\n              </figure>\n            )\n          }}\n        </Context.Consumer>\n      </Provider>\n    )\n  }\n}\n\nexport const getCardData = (productCode) => {\n  const card = cardProducts.find(\n    (item) => item.productCode === productCode\n  )\n  return card || defaultCard(productCode)\n}\n\nconst defaultCard = (productCode) => ({\n  productCode,\n  productName: '',\n  displayName: '',\n  cardDesign: defaultDesign,\n  cardType: CardType.None,\n  productType: ProductType.None,\n  bankAxept: BankAxeptType.None,\n})\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnb/eufemia",
-  "version": "10.75.2",
+  "version": "10.75.3",
   "description": "DNB Eufemia Design System UI Library",
   "license": "SEE LICENSE IN LICENSE FILE",
   "author": "DNB Team & Tobias Høegh",

package/shared/AlignmentHelper.d.ts

@@ -1,8 +1,14 @@
-import * as React from 'react';
-export interface AlignmentHelperProps
-  extends React.HTMLProps<HTMLElement> {
-  children?: React.ReactNode;
-  className?: string;
-}
-declare const AlignmentHelper: React.FC<AlignmentHelperProps>;
-export default AlignmentHelper;
+/**
+ * Alignment helper
+ *
+ * This helper element provides needed help when it comes to HTML inline alignment (vertically)
+ *
+ */
+import React from 'react';
+type Props = {
+    className?: string;
+    children?: React.ReactNode;
+    pseudoElementOnly?: boolean;
+} & React.HTMLAttributes<HTMLSpanElement>;
+export default function AlignmentHelper({ className, children, pseudoElementOnly, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/shared/AlignmentHelper.js

@@ -1,22 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["className", "children"];
+const _excluded = ["className", "children", "pseudoElementOnly"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
 export default function AlignmentHelper(_ref) {
   let {
       className = null,
-      children = null
+      children = null,
+      pseudoElementOnly = false
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return React.createElement("span", _extends({
-    className: classnames('dnb-alignment-helper', className),
+    className: classnames(pseudoElementOnly ? 'dnb-alignment-helper--pseudo-element-only' : 'dnb-alignment-helper', className),
     "aria-hidden": true
   }, props), children);
 }
-process.env.NODE_ENV !== "production" ? AlignmentHelper.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string
-} : void 0;
 //# sourceMappingURL=AlignmentHelper.js.map

package/shared/AlignmentHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlignmentHelper.js","names":["React","PropTypes","classnames","AlignmentHelper","_ref","className","children","props","_objectWithoutProperties","_excluded","createElement","_extends","process","env","NODE_ENV","propTypes","node","string"],"sources":["../../../src/shared/AlignmentHelper.js"],"sourcesContent":["/**\n * Alignment helper\n *\n * This helper element provides needed help when it comes to HTML inline alignment (vertically)\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nexport default function AlignmentHelper({\n  className = null,\n  children = null,\n  ...props\n}) {\n  return (\n    <span\n      className={classnames('dnb-alignment-helper', className)}\n      aria-hidden\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n\nAlignmentHelper.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n}\n"],"mappings":";;;AAOA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,eAAe,SAASC,eAAeA,CAAAC,IAAA,EAIpC;EAAA,IAJqC;MACtCC,SAAS,GAAG,IAAI;MAChBC,QAAQ,GAAG;IAEb,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,OACET,KAAA,CAAAU,aAAA,SAAAC,QAAA;IACEN,SAAS,EAAEH,UAAU,CAAC,sBAAsB,EAAEG,SAAS,CAAE;IACzD;EAAW,GACPE,KAAK,GAERD,QACG,CAAC;AAEX;AAEAM,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAAX,eAAe,CAACY,SAAS,GAAG;EAC1BT,QAAQ,EAAEL,SAAS,CAACe,IAAI;EACxBX,SAAS,EAAEJ,SAAS,CAACgB;AACvB,CAAC","ignoreList":[]}
+{"version":3,"file":"AlignmentHelper.js","names":["React","classnames","AlignmentHelper","_ref","className","children","pseudoElementOnly","props","_objectWithoutProperties","_excluded","createElement","_extends"],"sources":["../../../src/shared/AlignmentHelper.tsx"],"sourcesContent":["/**\n * Alignment helper\n *\n * This helper element provides needed help when it comes to HTML inline alignment (vertically)\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\n\ntype Props = {\n  className?: string\n  children?: React.ReactNode\n  pseudoElementOnly?: boolean\n} & React.HTMLAttributes<HTMLSpanElement>\n\nexport default function AlignmentHelper({\n  className = null,\n  children = null,\n  pseudoElementOnly = false,\n  ...props\n}: Props) {\n  return (\n    <span\n      className={classnames(\n        pseudoElementOnly\n          ? 'dnb-alignment-helper--pseudo-element-only'\n          : 'dnb-alignment-helper',\n        className\n      )}\n      aria-hidden\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n"],"mappings":";;;AAOA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAQnC,eAAe,SAASC,eAAeA,CAAAC,IAAA,EAK7B;EAAA,IAL8B;MACtCC,SAAS,GAAG,IAAI;MAChBC,QAAQ,GAAG,IAAI;MACfC,iBAAiB,GAAG;IAEf,CAAC,GAAAH,IAAA;IADHI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,OACET,KAAA,CAAAU,aAAA,SAAAC,QAAA;IACEP,SAAS,EAAEH,UAAU,CACnBK,iBAAiB,GACb,2CAA2C,GAC3C,sBAAsB,EAC1BF,SACF,CAAE;IACF;EAAW,GACPG,KAAK,GAERF,QACG,CAAC;AAEX","ignoreList":[]}

package/shared/BuildInfo.cjs

@@ -0,0 +1,6 @@
+/**
+ * This file will be transformed by makeReleaseVersion.ts
+ */
+
+exports.version = '10.75.3'
+exports.sha = 'ecf961951'

package/shared/BuildInfo.d.cts

@@ -0,0 +1,2 @@
+export const version: "10.75.3";
+export const sha: "ecf961951";

package/shared/Eufemia.d.ts

@@ -1,2 +1,15 @@
-export declare const version = "10.75.2";
+export declare const version: "10.75.3";
+export declare const sha: "ecf961951";
+declare global {
+    interface Window {
+        Eufemia?: {
+            version?: string;
+            versions?: string[];
+            sha?: string;
+            shas?: string[];
+        };
+        __eufemiaVersions?: string[];
+        __eufemiaSHAs?: string[];
+    }
+}
 export declare function init(): void;

package/shared/Eufemia.js

@@ -1,9 +1,34 @@
-export const version = '10.75.2';
+import * as BuildInfo from './BuildInfo.cjs';
+export const version = BuildInfo.version;
+export const sha = BuildInfo.sha;
 export function init() {
   if (typeof window !== 'undefined') {
     class Eufemia {
+      constructor() {
+        if (!window.__eufemiaVersions) {
+          window.__eufemiaVersions = [];
+        }
+        if (!window.__eufemiaVersions.includes(this.version)) {
+          window.__eufemiaVersions.push(this.version);
+        }
+        if (!window.__eufemiaSHAs) {
+          window.__eufemiaSHAs = [];
+        }
+        if (!window.__eufemiaSHAs.includes(this.sha)) {
+          window.__eufemiaSHAs.push(this.sha);
+        }
+      }
       get version() {
-        return '10.75.2';
+        return version;
+      }
+      get versions() {
+        return window.__eufemiaVersions;
+      }
+      get sha() {
+        return sha;
+      }
+      get shas() {
+        return window.__eufemiaSHAs;
       }
     }
     window.Eufemia = new Eufemia();

package/shared/Eufemia.js.map

@@ -1 +1 @@
-{"version":3,"file":"Eufemia.js","names":["version","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["export const version = '10.75.2'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.75.2'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAEhC,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAE,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF","ignoreList":[]}
+{"version":3,"file":"Eufemia.js","names":["BuildInfo","version","sha","init","window","Eufemia","constructor","__eufemiaVersions","includes","push","__eufemiaSHAs","versions","shas"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["import * as BuildInfo from './BuildInfo.cjs'\n\nexport const version = BuildInfo.version\nexport const sha = BuildInfo.sha\n\ndeclare global {\n  interface Window {\n    Eufemia?: {\n      version?: string\n      versions?: string[]\n      sha?: string\n      shas?: string[]\n    }\n    __eufemiaVersions?: string[]\n    __eufemiaSHAs?: string[]\n  }\n}\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      constructor() {\n        if (!window.__eufemiaVersions) {\n          window.__eufemiaVersions = []\n        }\n        if (!window.__eufemiaVersions.includes(this.version)) {\n          window.__eufemiaVersions.push(this.version)\n        }\n\n        if (!window.__eufemiaSHAs) {\n          window.__eufemiaSHAs = []\n        }\n        if (!window.__eufemiaSHAs.includes(this.sha)) {\n          window.__eufemiaSHAs.push(this.sha)\n        }\n      }\n\n      get version() {\n        return version\n      }\n\n      get versions(): string[] {\n        return window.__eufemiaVersions\n      }\n\n      get sha() {\n        return sha\n      }\n\n      get shas(): string[] {\n        return window.__eufemiaSHAs\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":"AAAA,OAAO,KAAKA,SAAS,MAAM,iBAAiB;AAE5C,OAAO,MAAMC,OAAO,GAAGD,SAAS,CAACC,OAAO;AACxC,OAAO,MAAMC,GAAG,GAAGF,SAAS,CAACE,GAAG;AAehC,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZC,WAAWA,CAAA,EAAG;QACZ,IAAI,CAACF,MAAM,CAACG,iBAAiB,EAAE;UAC7BH,MAAM,CAACG,iBAAiB,GAAG,EAAE;QAC/B;QACA,IAAI,CAACH,MAAM,CAACG,iBAAiB,CAACC,QAAQ,CAAC,IAAI,CAACP,OAAO,CAAC,EAAE;UACpDG,MAAM,CAACG,iBAAiB,CAACE,IAAI,CAAC,IAAI,CAACR,OAAO,CAAC;QAC7C;QAEA,IAAI,CAACG,MAAM,CAACM,aAAa,EAAE;UACzBN,MAAM,CAACM,aAAa,GAAG,EAAE;QAC3B;QACA,IAAI,CAACN,MAAM,CAACM,aAAa,CAACF,QAAQ,CAAC,IAAI,CAACN,GAAG,CAAC,EAAE;UAC5CE,MAAM,CAACM,aAAa,CAACD,IAAI,CAAC,IAAI,CAACP,GAAG,CAAC;QACrC;MACF;MAEA,IAAID,OAAOA,CAAA,EAAG;QACZ,OAAOA,OAAO;MAChB;MAEA,IAAIU,QAAQA,CAAA,EAAa;QACvB,OAAOP,MAAM,CAACG,iBAAiB;MACjC;MAEA,IAAIL,GAAGA,CAAA,EAAG;QACR,OAAOA,GAAG;MACZ;MAEA,IAAIU,IAAIA,CAAA,EAAa;QACnB,OAAOR,MAAM,CAACM,aAAa;MAC7B;IACF;IAEAN,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF","ignoreList":[]}

package/shared/helpers/runCssVersionMismatchWarning.d.ts

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

package/shared/helpers/runCssVersionMismatchWarning.js.map

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

package/shared/useMedia.js

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

package/shared/useMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMedia.js","names":["React","useContext","useEffect","useMemo","useRef","useState","Context","makeMediaQueryList","createMediaQueryListener","isMatchMediaSupported","toPascalCase","makeLayoutEffect","window","useLayoutEffect","defaultQueries","small","min","max","medium","large","useMedia","props","arguments","length","undefined","initialValue","disabled","correctRange","breakpoints","queries","log","context","refs","defaults","isMounted","isDisabled","result","updateRerender","makeResult","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, {\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":";;;;;;AAAA,OAAOA,KAAK,IACVC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,OAAOC,OAAO,MAAM,WAAW;AAC/B,SACEC,kBAAkB,EAClBC,wBAAwB,EACxBC,qBAAqB,QAChB,mBAAmB;AAO1B,SAASC,YAAY,QAAQ,oBAAoB;AAEjD,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAE7B,OAAO,OAAOC,MAAM,KAAK,WAAW,GAChCV,SAAS,GACTU,MAAM,CAAC,cAAc,CAAC,GACtB,MAAM,IAAI,GACVZ,KAAK,CAACa,eAAe;AAC3B,CAAC;AA6CD,OAAO,MAAMC,cAA+B,GAAG;EAC7CC,KAAK,EAAE;IAAEC,GAAG,EAAE,CAAC;IAAEC,GAAG,EAAE;EAAQ,CAAC;EAC/BC,MAAM,EAAE;IAAEF,GAAG,EAAE,OAAO;IAAEC,GAAG,EAAE;EAAS,CAAC;EACvCE,KAAK,EAAE;IAAEH,GAAG,EAAE;EAAS;AACzB,CAAC;AA4BD,eAAe,SAASI,QAAQA,CAAA,EAEd;EAAA,IADhBC,KAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAEzB,MAAM;IACJG,YAAY,GAAG,IAAI;IACnBC,QAAQ;IACRC,YAAY,GAAG,IAAI;IACnBC,WAAW;IACXC,OAAO,GAAGf,cAAc;IACxBgB;EACF,CAAC,GAAGT,KAAK;EAET,MAAMU,OAAO,GAAG9B,UAAU,CAACK,OAAO,CAAC;EAEnC,MAAM0B,IAAI,GAAG5B,MAAM,CAAC,CAAC,CAAC,CAAC;EACvB,MAAM6B,QAAQ,GAAG7B,MAAM,CAAC,CAAC,CAAC,CAAC;EAC3B,MAAM8B,SAAS,GAAG9B,MAAM,CAAC,KAAK,CAAC;EAC/B,MAAM+B,UAAU,GAAG/B,MAAM,CAACsB,QAAQ,CAAC;EACnC,MAAM,CAACU,MAAM,EAAEC,cAAc,CAAC,GAAGhC,QAAQ,CAAiBiC,UAAU,CAAC;EAErE,MAAMzB,eAAe,GAAGV,OAAO,CAACQ,gBAAgB,EAAE,EAAE,CAAC;EAErDE,eAAe,CAAC,MAAM;IACpB,IAAI,CAACqB,SAAS,CAACK,OAAO,EAAE;MACtBL,SAAS,CAACK,OAAO,GAAG,IAAI;MACxBF,cAAc,CAACC,UAAU,CAAC,CAAC,CAAC;IAC9B;IAEA,OAAOE,eAAe;EACxB,CAAC,EAAE,EAAE,CAAC;EAEN3B,eAAe,CAAC,MAAM;IAEpB,IAAIsB,UAAU,CAACI,OAAO,IAAI,CAACb,QAAQ,EAAE;MACnCW,cAAc,CAACC,UAAU,CAAC,CAAC,CAAC;IAC9B;IACAH,UAAU,CAACI,OAAO,GAAGb,QAAQ;EAC/B,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,OAAOU,MAAM;EAEb,SAASI,eAAeA,CAAA,EAAG;IACzBC,MAAM,CAACC,OAAO,CAACV,IAAI,CAACO,OAAO,CAAC,CAACI,OAAO,CAClCC,IAAA,IAAuC;MAAA,IAAAC,WAAA;MAAA,IAAtC,CAACC,GAAG,EAAEC,IAAI,CAAuB,GAAAH,IAAA;MAChCG,IAAI,aAAJA,IAAI,wBAAAF,WAAA,GAAJE,IAAI,CAAEC,KAAK,cAAAH,WAAA,uBAAXA,WAAA,CAAAI,IAAA,CAAAF,IAAc,CAAC;MACf,OAAOf,IAAI,CAACO,OAAO,CAACO,GAAG,CAAC;IAC1B,CACF,CAAC;EACH;EAEA,SAASR,UAAUA,CAAA,EAAG;IACpB,OAAOG,MAAM,CAACC,OAAO,CAACb,OAAO,CAAC,CAACqB,MAAM,CACnC,CAACC,GAAG,EAAAC,KAAA,KAAgB;MAAA,IAAAC,oBAAA;MAAA,IAAd,CAACC,CAAC,EAAEC,IAAI,CAAC,GAAAH,KAAA;MACb,MAAMN,GAAG,GAAGQ,CAAS;MACrB,MAAME,IAAI,GAAG,KAAK9C,YAAY,CAACoC,GAAG,CAAC,EAAW;MAE9C,IAAIpB,QAAQ,EAAE;QACZyB,GAAG,CAACK,IAAI,CAAC,GAAG,KAAK;QACjB,OAAOL,GAAG;MACZ;MAEAlB,QAAQ,CAACM,OAAO,CAACiB,IAAI,CAAC,GAAG,KAAK;MAE9B,MAAMT,IAAI,GAAGU,QAAQ,CAAC;QACpBF,IAAI;QACJC,IAAI;QACJV;MACF,CAAC,CAAC;MAEF,MAAMY,QAAQ,GAAG,CAACxB,SAAS,CAACK,OAAO,GAC/B,QAAOd,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG+B,IAAI,CAAC,MAAK,WAAW,GACzC/B,YAAY,CAAC+B,IAAI,CAAC,GAClB,KAAK,GACP,CAAAT,IAAI,aAAJA,IAAI,wBAAAM,oBAAA,GAAJN,IAAI,CAAEY,cAAc,cAAAN,oBAAA,uBAApBA,oBAAA,CAAsBO,OAAO,KAAI,KAAK;MAC1CT,GAAG,CAACK,IAAI,CAAC,GAAGE,QAAQ;MACpB,IAAIA,QAAQ,EAAE;QACZP,GAAG,CAACL,GAAG,GAAGA,GAAG;MACf;MAEAd,IAAI,CAACO,OAAO,CAACO,GAAG,CAAC,GAAGC,IAAI;MAExB,OAAOI,GAAG;IACZ,CAAC,EACD;MAAEU,KAAK,EAAE,CAACpD,qBAAqB,CAAC,CAAC;MAAEqC,GAAG,EAAE;IAAK,CAC/C,CAAC;EACH;EAEA,SAASW,QAAQA,CAAAK,KAAA,EAIoB;IAAA,IAJnB;MAChBP,IAAI;MACJC,IAAI;MACJV;IACkB,CAAC,GAAAgB,KAAA;IACnB,IAAI,CAACrD,qBAAqB,CAAC,CAAC,EAAE;MAC5B;IACF;IAEA,MAAMkD,cAAc,GAAGpD,kBAAkB,CACvC;MAAEgD;IAAK,CAAC,EACR3B,WAAW,IAAIG,OAAO,CAACH,WAAW,EAClC;MAAEF,QAAQ;MAAEC,YAAY;MAAEG;IAAI,CAChC,CAAC;IAED,MAAMkB,KAAK,GAAGxC,wBAAwB,CAACmD,cAAc,EAAGI,KAAK,IAAK;MAChE,IAAI,CAAC5B,UAAU,CAACI,OAAO,IAAIwB,KAAK,EAAE;QAChC,MAAMC,KAAK,GAAAC,aAAA,CAAAA,aAAA,KACNhC,QAAQ,CAACM,OAAO;UACnBO,GAAG;UACHe,KAAK,EAAEzB,MAAM,CAACyB;QAAK,EACF;QACnBG,KAAK,CAACR,IAAI,CAAC,GAAGO,KAAK;QACnB1B,cAAc,CAAC2B,KAAK,CAAC;MACvB;IACF,CAAC,CAAC;IAEF,OAAO;MAAEhB,KAAK;MAAEW;IAAe,CAAC;EAClC;AACF","ignoreList":[]}
+{"version":3,"file":"useMedia.js","names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","Context","makeMediaQueryList","createMediaQueryListener","isMatchMediaSupported","toPascalCase","makeLayoutEffect","window","useLayoutEffect","defaultQueries","small","min","max","medium","large","useMedia","props","arguments","length","undefined","initialValue","disabled","correctRange","breakpoints","queries","log","context","refs","defaultsRef","resultRef","isMountedRef","isDisabledRef","removeListeners","Object","entries","current","forEach","_ref","_item$event","key","item","event","call","runQuery","_ref2","when","name","mediaQueryList","match","state","_objectSpread","isSSR","updateRerender","makeResult","reduce","acc","_ref3","k","hasMatch","_item$mediaQueryList","matches","result","hasChanged","keys","some"],"sources":["../../../src/shared/useMedia.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport Context from './Context'\nimport {\n  makeMediaQueryList,\n  createMediaQueryListener,\n  isMatchMediaSupported,\n} from './MediaQueryUtils'\nimport type {\n  MediaQueryListener,\n  MediaQueryCondition,\n  MediaQueryBreakpoints,\n  MediaQueryOptions,\n} from './MediaQueryUtils'\nimport { toPascalCase } from './component-helper'\n\nconst makeLayoutEffect = () => {\n  // SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n  return typeof window === 'undefined'\n    ? useEffect\n    : window['__SSR_TEST__'] // To be able to test this hook like we are in SSR land\n    ? () => null\n    : React.useLayoutEffect\n}\n\nexport type UseMediaProps = {\n  /**\n   * Give a initial value, that is used during SSR as well.\n   * Default: null\n   */\n  initialValue?: Partial<UseMediaResult>\n\n  /**\n   * If set to true, no MediaQuery will be used.\n   * Default: false\n   */\n  disabled?: MediaQueryOptions['disabled']\n\n  /**\n   * Provide a custom breakpoint\n   * Default: defaultBreakpoints\n   */\n  breakpoints?: MediaQueryBreakpoints\n\n  /**\n   * Provide a custom query\n   * Default: defaultQueries\n   */\n  queries?: Record<string, MediaQueryCondition>\n\n  /**\n   * For debugging\n   */\n  log?: boolean\n\n  /**\n   * Not documented as of now. For internal use only.\n   * Default: true\n   */\n  correctRange?: MediaQueryOptions['correctRange']\n}\n\nexport type UseMediaQueries = {\n  small: MediaQueryCondition\n  medium: MediaQueryCondition\n  large: MediaQueryCondition\n}\n\nexport const defaultQueries: UseMediaQueries = {\n  small: { min: 0, max: 'small' },\n  medium: { min: 'small', max: 'medium' },\n  large: { min: 'medium' },\n}\n\nexport type UseMediaResult = {\n  isSmall: boolean\n  isMedium: boolean\n  isLarge: boolean\n  isSSR: boolean\n  key: Keys\n}\n\n/**\n * Internal stuff\n */\n\ntype Keys = keyof UseMediaQueries\ntype Names = 'isSmall' | 'isMedium' | 'isLarge'\n\ntype UseMediaItem = {\n  event: MediaQueryListener\n  mediaQueryList: MediaQueryList\n}\n\ntype UseMediaQueryProps = {\n  when: MediaQueryCondition\n  name: Names\n  key: Keys\n}\n\nexport default function useMedia(\n  props: UseMediaProps = {}\n): UseMediaResult {\n  const {\n    initialValue = null,\n    disabled,\n    correctRange = true,\n    breakpoints,\n    queries = defaultQueries,\n    log,\n  } = props\n\n  const context = useContext(Context)\n\n  const refs = useRef({})\n  const defaultsRef = useRef({})\n  const resultRef = useRef<Partial<UseMediaResult>>({})\n  const isMountedRef = useRef(false)\n  const isDisabledRef = useRef(disabled)\n\n  const removeListeners = useCallback(() => {\n    Object.entries(refs.current).forEach(\n      ([key, item]: [Keys, UseMediaItem]) => {\n        item?.event?.()\n        delete refs.current[key]\n      }\n    )\n  }, [])\n\n  const runQuery = useCallback(\n    ({ when, name, key }: UseMediaQueryProps): UseMediaItem => {\n      if (!isMatchMediaSupported()) {\n        return // do nothing\n      }\n\n      const mediaQueryList = makeMediaQueryList(\n        { when },\n        breakpoints || context.breakpoints,\n        { disabled, correctRange, log }\n      )\n\n      const event = createMediaQueryListener(mediaQueryList, (match) => {\n        if (!isDisabledRef.current && match) {\n          const state = {\n            ...defaultsRef.current,\n            key,\n            isSSR: resultRef.current.isSSR,\n          } as UseMediaResult\n          state[name] = match\n          updateRerender(state)\n        }\n      })\n\n      return { event, mediaQueryList }\n    },\n    [breakpoints, context.breakpoints, correctRange, disabled, log]\n  )\n\n  const makeResult = useCallback(() => {\n    return Object.entries(queries).reduce(\n      (acc, [k, when]) => {\n        const key = k as Keys\n        const name = `is${toPascalCase(key)}` as Names\n\n        if (disabled) {\n          acc[name] = false\n          return acc\n        }\n\n        defaultsRef.current[name] = false\n\n        const item = runQuery({\n          when,\n          name,\n          key,\n        })\n\n        let hasMatch = undefined\n\n        if (\n          typeof initialValue?.[name] !== 'undefined' &&\n          !isMountedRef.current\n        ) {\n          hasMatch = initialValue[name]\n        } else {\n          hasMatch = item?.mediaQueryList?.matches || false\n        }\n\n        acc[name] = hasMatch\n        if (hasMatch) {\n          acc.key = key\n        }\n\n        refs.current[key] = item\n\n        return acc\n      },\n      { isSSR: !isMatchMediaSupported(), key: null } as UseMediaResult\n    ) as UseMediaResult\n  }, [disabled, initialValue, queries, runQuery])\n\n  const [result, updateRerender] = useState<UseMediaResult>(makeResult)\n  resultRef.current = result\n\n  const useLayoutEffect = useMemo(makeLayoutEffect, [])\n\n  useLayoutEffect(() => {\n    if (!isMountedRef.current) {\n      isMountedRef.current = true\n\n      const result = makeResult()\n\n      const hasChanged = Object.keys(result).some(\n        (key) => resultRef.current[key] !== result[key]\n      )\n      if (hasChanged) {\n        updateRerender(result)\n      }\n    }\n\n    return removeListeners\n  }, [makeResult, removeListeners])\n\n  useLayoutEffect(() => {\n    // If it was disabled before\n    if (isDisabledRef.current && !disabled) {\n      updateRerender(makeResult())\n    }\n    isDisabledRef.current = disabled\n  }, [disabled, makeResult])\n\n  return result\n}\n"],"mappings":"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","ignoreList":[]}

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

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

package/style/core/scopes.scss

@@ -45,7 +45,7 @@
   word-break: break-word;
 
   // Will add this to the body tag – later we can test for a version mismatch
-  --eufemia-version: '10.75.2';
+  --eufemia-version: '10.75.3';
 
   @content;
 }

package/style/core/utilities.scss

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

package/style/dnb-ui-basis.css

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

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

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

package/style/dnb-ui-body.css

@@ -28,7 +28,6 @@ html {
   line-height: var(--line-height-basis); /* 3 */ /* 4 */
   tab-size: 4; /* 4 */ /* 5 */
   -webkit-text-size-adjust: 100%;
-     -moz-text-size-adjust: 100%;
           text-size-adjust: 100%; /* 5 */
   word-break: break-word; /* 6 */
 }
@@ -269,7 +268,7 @@ body {
   /* stylelint-disable-next-line */
   -webkit-text-size-adjust: 100%;
   word-break: break-word;
-  --eufemia-version: "10.75.2";
+  --eufemia-version: "10.75.3";
 }
 body *,
 body ::before,

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

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