npm - @dnb/eufemia - Versions diffs - 10.75.2 → 10.75.3 - Mend

@dnb/eufemia 10.75.2 → 10.75.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (368) hide show

package/es/extensions/payment-card/PaymentCard.js CHANGED Viewed

@@ -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/es/extensions/payment-card/PaymentCard.js.map CHANGED Viewed

	@@ -1 +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","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":[]}
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","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/es/shared/AlignmentHelper.d.ts CHANGED Viewed

@@ -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/es/shared/AlignmentHelper.js CHANGED Viewed

@@ -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/es/shared/AlignmentHelper.js.map CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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/es/shared/BuildInfo.cjs ADDED Viewed

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

package/es/shared/BuildInfo.d.cts ADDED Viewed

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

package/es/shared/Eufemia.d.ts CHANGED Viewed

@@ -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/es/shared/Eufemia.js CHANGED Viewed

@@ -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/es/shared/Eufemia.js.map CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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/es/shared/helpers/runCssVersionMismatchWarning.d.ts CHANGED Viewed

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

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

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

package/es/shared/useMedia.js CHANGED Viewed

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

package/es/shared/useMedia.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMedia.js","names":["React","useContext","useEffect","useMemo","useRef","useState","Context","makeMediaQueryList","createMediaQueryListener","isMatchMediaSupported","toPascalCase","makeLayoutEffect","window","useLayoutEffect","defaultQueries","small","min","max","medium","large","useMedia","props","initialValue","disabled","correctRange","breakpoints","queries","log","context","refs","defaults","isMounted","isDisabled","result","updateRerender","makeResult","current","removeListeners","Object","entries","forEach","key","item","_item$event","event","call","reduce","acc","k","when","_item$mediaQueryList","name","runQuery","hasMatch","mediaQueryList","matches","isSSR","match","state","_objectSpread"],"sources":["../../../src/shared/useMedia.tsx"],"sourcesContent":["import React, {\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\nimport Context from './Context'\nimport {\n makeMediaQueryList,\n createMediaQueryListener,\n isMatchMediaSupported,\n} from './MediaQueryUtils'\nimport type {\n MediaQueryListener,\n MediaQueryCondition,\n MediaQueryBreakpoints,\n MediaQueryOptions,\n} from './MediaQueryUtils'\nimport { toPascalCase } from './component-helper'\n\nconst makeLayoutEffect = () => {\n // SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n return typeof window === 'undefined'\n ? useEffect\n : window['__SSR_TEST__'] // To be able to test this hook like we are in SSR land\n ? () => null\n : React.useLayoutEffect\n}\n\nexport type UseMediaProps = {\n /*\n Give a initial value, that is used during SSR as well.\n * Default: null\n /\n initialValue?: Partial<UseMediaResult>\n\n /\n If set to true, no MediaQuery will be used.\n * Default: false\n /\n disabled?: MediaQueryOptions['disabled']\n\n /\n Provide a custom breakpoint\n * Default: defaultBreakpoints\n /\n breakpoints?: MediaQueryBreakpoints\n\n /\n Provide a custom query\n * Default: defaultQueries\n /\n queries?: Record<string, MediaQueryCondition>\n\n /\n For debugging\n /\n log?: boolean\n\n /\n Not documented as of now. For internal use only.\n * Default: true\n /\n correctRange?: MediaQueryOptions['correctRange']\n}\n\nexport type UseMediaQueries = {\n small: MediaQueryCondition\n medium: MediaQueryCondition\n large: MediaQueryCondition\n}\n\nexport const defaultQueries: UseMediaQueries = {\n small: { min: 0, max: 'small' },\n medium: { min: 'small', max: 'medium' },\n large: { min: 'medium' },\n}\n\nexport type UseMediaResult = {\n isSmall: boolean\n isMedium: boolean\n isLarge: boolean\n isSSR: boolean\n key: Keys\n}\n\n/\n Internal stuff\n */\n\ntype Keys = keyof UseMediaQueries\ntype Names = 'isSmall' \| 'isMedium' \| 'isLarge'\n\ntype UseMediaItem = {\n event: MediaQueryListener\n mediaQueryList: MediaQueryList\n}\n\ntype UseMediaQueryProps = {\n when: MediaQueryCondition\n name: Names\n key: Keys\n}\n\nexport default function useMedia(\n props: UseMediaProps = {}\n): UseMediaResult {\n const {\n initialValue = null,\n disabled,\n correctRange = true,\n breakpoints,\n queries = defaultQueries,\n log,\n } = props\n\n const context = useContext(Context)\n\n const refs = useRef({})\n const defaults = useRef({})\n const isMounted = useRef(false)\n const isDisabled = useRef(disabled)\n const [result, updateRerender] = useState<UseMediaResult>(makeResult)\n\n const useLayoutEffect = useMemo(makeLayoutEffect, [])\n\n useLayoutEffect(() => {\n if (!isMounted.current) {\n isMounted.current = true\n updateRerender(makeResult())\n }\n\n return removeListeners\n }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n useLayoutEffect(() => {\n // If it was disabled before\n if (isDisabled.current && !disabled) {\n updateRerender(makeResult())\n }\n isDisabled.current = disabled\n }, [disabled]) // eslint-disable-line react-hooks/exhaustive-deps\n\n return result\n\n function removeListeners() {\n Object.entries(refs.current).forEach(\n ([key, item]: [Keys, UseMediaItem]) => {\n item?.event?.()\n delete refs.current[key]\n }\n )\n }\n\n function makeResult() {\n return Object.entries(queries).reduce(\n (acc, [k, when]) => {\n const key = k as Keys\n const name = `is${toPascalCase(key)}` as Names\n\n if (disabled) {\n acc[name] = false\n return acc\n }\n\n defaults.current[name] = false\n\n const item = runQuery({\n when,\n name,\n key,\n })\n\n const hasMatch = !isMounted.current\n ? typeof initialValue?.[name] !== 'undefined'\n ? initialValue[name]\n : false\n : item?.mediaQueryList?.matches \|\| false\n acc[name] = hasMatch\n if (hasMatch) {\n acc.key = key\n }\n\n refs.current[key] = item\n\n return acc\n },\n { isSSR: !isMatchMediaSupported(), key: null } as UseMediaResult\n ) as UseMediaResult\n }\n\n function runQuery({\n when,\n name,\n key,\n }: UseMediaQueryProps): UseMediaItem {\n if (!isMatchMediaSupported()) {\n return // do nothing\n }\n\n const mediaQueryList = makeMediaQueryList(\n { when },\n breakpoints \|\| context.breakpoints,\n { disabled, correctRange, log }\n )\n\n const event = createMediaQueryListener(mediaQueryList, (match) => {\n if (!isDisabled.current && match) {\n const state = {\n ...defaults.current,\n key,\n isSSR: result.isSSR,\n } as UseMediaResult\n state[name] = match\n updateRerender(state)\n }\n })\n\n return { event, mediaQueryList }\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"useMedia.js","names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","Context","makeMediaQueryList","createMediaQueryListener","isMatchMediaSupported","toPascalCase","makeLayoutEffect","window","useLayoutEffect","defaultQueries","small","min","max","medium","large","useMedia","props","initialValue","disabled","correctRange","breakpoints","queries","log","context","refs","defaultsRef","resultRef","isMountedRef","isDisabledRef","removeListeners","Object","entries","current","forEach","key","item","_item$event","event","call","runQuery","when","name","mediaQueryList","match","state","_objectSpread","isSSR","updateRerender","makeResult","reduce","acc","k","hasMatch","undefined","_item$mediaQueryList","matches","result","hasChanged","keys","some"],"sources":["../../../src/shared/useMedia.tsx"],"sourcesContent":["import React, {\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\nimport Context from './Context'\nimport {\n makeMediaQueryList,\n createMediaQueryListener,\n isMatchMediaSupported,\n} from './MediaQueryUtils'\nimport type {\n MediaQueryListener,\n MediaQueryCondition,\n MediaQueryBreakpoints,\n MediaQueryOptions,\n} from './MediaQueryUtils'\nimport { toPascalCase } from './component-helper'\n\nconst makeLayoutEffect = () => {\n // SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n return typeof window === 'undefined'\n ? useEffect\n : window['__SSR_TEST__'] // To be able to test this hook like we are in SSR land\n ? () => null\n : React.useLayoutEffect\n}\n\nexport type UseMediaProps = {\n /*\n Give a initial value, that is used during SSR as well.\n * Default: null\n /\n initialValue?: Partial<UseMediaResult>\n\n /\n If set to true, no MediaQuery will be used.\n * Default: false\n /\n disabled?: MediaQueryOptions['disabled']\n\n /\n Provide a custom breakpoint\n * Default: defaultBreakpoints\n /\n breakpoints?: MediaQueryBreakpoints\n\n /\n Provide a custom query\n * Default: defaultQueries\n /\n queries?: Record<string, MediaQueryCondition>\n\n /\n For debugging\n /\n log?: boolean\n\n /\n Not documented as of now. For internal use only.\n * Default: true\n /\n correctRange?: MediaQueryOptions['correctRange']\n}\n\nexport type UseMediaQueries = {\n small: MediaQueryCondition\n medium: MediaQueryCondition\n large: MediaQueryCondition\n}\n\nexport const defaultQueries: UseMediaQueries = {\n small: { min: 0, max: 'small' },\n medium: { min: 'small', max: 'medium' },\n large: { min: 'medium' },\n}\n\nexport type UseMediaResult = {\n isSmall: boolean\n isMedium: boolean\n isLarge: boolean\n isSSR: boolean\n key: Keys\n}\n\n/\n Internal stuff\n */\n\ntype Keys = keyof UseMediaQueries\ntype Names = 'isSmall' \| 'isMedium' \| 'isLarge'\n\ntype UseMediaItem = {\n event: MediaQueryListener\n mediaQueryList: MediaQueryList\n}\n\ntype UseMediaQueryProps = {\n when: MediaQueryCondition\n name: Names\n key: Keys\n}\n\nexport default function useMedia(\n props: UseMediaProps = {}\n): UseMediaResult {\n const {\n initialValue = null,\n disabled,\n correctRange = true,\n breakpoints,\n queries = defaultQueries,\n log,\n } = props\n\n const context = useContext(Context)\n\n const refs = useRef({})\n const defaultsRef = useRef({})\n const resultRef = useRef<Partial<UseMediaResult>>({})\n const isMountedRef = useRef(false)\n const isDisabledRef = useRef(disabled)\n\n const removeListeners = useCallback(() => {\n Object.entries(refs.current).forEach(\n ([key, item]: [Keys, UseMediaItem]) => {\n item?.event?.()\n delete refs.current[key]\n }\n )\n }, [])\n\n const runQuery = useCallback(\n ({ when, name, key }: UseMediaQueryProps): UseMediaItem => {\n if (!isMatchMediaSupported()) {\n return // do nothing\n }\n\n const mediaQueryList = makeMediaQueryList(\n { when },\n breakpoints \|\| context.breakpoints,\n { disabled, correctRange, log }\n )\n\n const event = createMediaQueryListener(mediaQueryList, (match) => {\n if (!isDisabledRef.current && match) {\n const state = {\n ...defaultsRef.current,\n key,\n isSSR: resultRef.current.isSSR,\n } as UseMediaResult\n state[name] = match\n updateRerender(state)\n }\n })\n\n return { event, mediaQueryList }\n },\n [breakpoints, context.breakpoints, correctRange, disabled, log]\n )\n\n const makeResult = useCallback(() => {\n return Object.entries(queries).reduce(\n (acc, [k, when]) => {\n const key = k as Keys\n const name = `is${toPascalCase(key)}` as Names\n\n if (disabled) {\n acc[name] = false\n return acc\n }\n\n defaultsRef.current[name] = false\n\n const item = runQuery({\n when,\n name,\n key,\n })\n\n let hasMatch = undefined\n\n if (\n typeof initialValue?.[name] !== 'undefined' &&\n !isMountedRef.current\n ) {\n hasMatch = initialValue[name]\n } else {\n hasMatch = item?.mediaQueryList?.matches \|\| false\n }\n\n acc[name] = hasMatch\n if (hasMatch) {\n acc.key = key\n }\n\n refs.current[key] = item\n\n return acc\n },\n { isSSR: !isMatchMediaSupported(), key: null } as UseMediaResult\n ) as UseMediaResult\n }, [disabled, initialValue, queries, runQuery])\n\n const [result, updateRerender] = useState<UseMediaResult>(makeResult)\n resultRef.current = result\n\n const useLayoutEffect = useMemo(makeLayoutEffect, [])\n\n useLayoutEffect(() => {\n if (!isMountedRef.current) {\n isMountedRef.current = true\n\n const result = makeResult()\n\n const hasChanged = Object.keys(result).some(\n (key) => resultRef.current[key] !== result[key]\n )\n if (hasChanged) {\n updateRerender(result)\n }\n }\n\n return removeListeners\n }, [makeResult, removeListeners])\n\n useLayoutEffect(() => {\n // If it was disabled before\n if (isDisabledRef.current && !disabled) {\n updateRerender(makeResult())\n }\n isDisabledRef.current = disabled\n }, [disabled, makeResult])\n\n return result\n}\n"],"mappings":"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","ignoreList":[]}

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

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

package/es/style/core/scopes.scss CHANGED Viewed

@@ -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/es/style/core/utilities.scss CHANGED Viewed

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

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

@@ -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/es/style/dnb-ui-basis.min.css CHANGED Viewed

	@@ -1 +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}
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.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/es/style/dnb-ui-body.css CHANGED Viewed

@@ -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/es/style/dnb-ui-body.min.css CHANGED Viewed

	@@ -1 +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)}
1	+ 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)}