@dnb/eufemia 10.75.2 → 10.75.3

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

@@ -29,7 +29,14 @@ Object.defineProperty(exports, "ProductType", {
     return _Types.ProductType;
   }
 });
-exports.getCardData = exports.default = void 0;
+exports.default = void 0;
+Object.defineProperty(exports, "formatCardNumber", {
+  enumerable: true,
+  get: function () {
+    return _CardNumber.formatCardNumber;
+  }
+});
+exports.getCardData = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentCard.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_Context","_Provider","_componentHelper","_SpacingHelper","_SkeletonHelper","_CardNumber","_CardFigure","_interopRequireWildcard","_Types","_CardDesigns","_cardProducts","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","translationDefaultPropsProps","text_blocked","text_expired","text_not_active","text_new_order","text_order_in_process","text_replaced","text_renewed","text_new","text_unknown","PaymentCard","React","PureComponent","render","_this$context","props","extendPropsWithContextInClassComponent","defaultProps","locale","context","skeleton","product_code","card_number","card_status","variant","digits","id","raw_data","className","class","_className","children","attributes","cardData","getCardData","params","classnames","createSkeletonClass","createSpacingClasses","skeletonDOMAttributes","validateDOMAttributes","createElement","Consumer","_ref","translation","translations","productName","isTrue","compact","data","cardStatus","cardNumber","formatCardNumber","parseFloat","exports","Context","process","env","NODE_ENV","propTypes","PropTypes","string","isRequired","oneOf","oneOfType","number","cardDataPropTypes","bool","spacingPropTypes","node","func","productCode","card","cardProducts","find","item","defaultCard","displayName","cardDesign","defaultDesign","cardType","CardType","None","productType","ProductType","bankAxept","BankAxeptType"],"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","_interopRequireDefault","require","_propTypes","_classnames","_Context","_Provider","_componentHelper","_SpacingHelper","_SkeletonHelper","_CardNumber","_CardFigure","_interopRequireWildcard","_Types","_CardDesigns","_cardProducts","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","translationDefaultPropsProps","text_blocked","text_expired","text_not_active","text_new_order","text_order_in_process","text_replaced","text_renewed","text_new","text_unknown","PaymentCard","React","PureComponent","render","_this$context","props","extendPropsWithContextInClassComponent","defaultProps","locale","context","skeleton","product_code","card_number","card_status","variant","digits","id","raw_data","className","class","_className","children","attributes","cardData","getCardData","params","classnames","createSkeletonClass","createSpacingClasses","skeletonDOMAttributes","validateDOMAttributes","createElement","Consumer","_ref","translation","translations","productName","isTrue","compact","data","cardStatus","cardNumber","formatCardNumber","parseFloat","exports","Context","process","env","NODE_ENV","propTypes","PropTypes","string","isRequired","oneOf","oneOfType","number","cardDataPropTypes","bool","spacingPropTypes","node","func","productCode","card","cardProducts","find","item","defaultCard","displayName","cardDesign","defaultDesign","cardType","CardType","None","productType","ProductType","bankAxept","BankAxeptType"],"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/cjs/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/cjs/shared/AlignmentHelper.js

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = AlignmentHelper;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
-const _excluded = ["className", "children"];
+const _excluded = ["className", "children", "pseudoElementOnly"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
@@ -15,16 +14,13 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 function AlignmentHelper(_ref) {
   let {
       className = null,
-      children = null
+      children = null,
+      pseudoElementOnly = false
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return _react.default.createElement("span", _extends({
-    className: (0, _classnames.default)('dnb-alignment-helper', className),
+    className: (0, _classnames.default)(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.default.node,
-  className: _propTypes.default.string
-} : void 0;
 //# sourceMappingURL=AlignmentHelper.js.map

package/cjs/shared/AlignmentHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlignmentHelper.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","AlignmentHelper","_ref","className","children","props","createElement","classnames","process","env","NODE_ENV","propTypes","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAmC,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,yBAAAf,CAAA,EAAAU,CAAA,gBAAAV,CAAA,iBAAAgB,CAAA,EAAAL,CAAA,EAAAM,CAAA,GAAAC,6BAAA,CAAAlB,CAAA,EAAAU,CAAA,OAAAN,MAAA,CAAAe,qBAAA,QAAAZ,CAAA,GAAAH,MAAA,CAAAe,qBAAA,CAAAnB,CAAA,QAAAW,CAAA,MAAAA,CAAA,GAAAJ,CAAA,CAAAE,MAAA,EAAAE,CAAA,IAAAK,CAAA,GAAAT,CAAA,CAAAI,CAAA,UAAAD,CAAA,CAAAU,OAAA,CAAAJ,CAAA,QAAAK,oBAAA,CAAAR,IAAA,CAAAb,CAAA,EAAAgB,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAhB,CAAA,CAAAgB,CAAA,aAAAC,CAAA;AAAA,SAAAC,8BAAAP,CAAA,EAAAX,CAAA,gBAAAW,CAAA,iBAAAD,CAAA,gBAAAH,CAAA,IAAAI,CAAA,SAAAC,cAAA,CAAAC,IAAA,CAAAF,CAAA,EAAAJ,CAAA,gBAAAP,CAAA,CAAAoB,OAAA,CAAAb,CAAA,aAAAG,CAAA,CAAAH,CAAA,IAAAI,CAAA,CAAAJ,CAAA,YAAAG,CAAA;AAEpB,SAASY,eAAeA,CAAAC,IAAA,EAIpC;EAAA,IAJqC;MACtCC,SAAS,GAAG,IAAI;MAChBC,QAAQ,GAAG;IAEb,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAX,wBAAA,CAAAQ,IAAA,EAAAxB,SAAA;EAER,OACEL,MAAA,CAAAQ,OAAA,CAAAyB,aAAA,SAAAxB,QAAA;IACEqB,SAAS,EAAE,IAAAI,mBAAU,EAAC,sBAAsB,EAAEJ,SAAS,CAAE;IACzD;EAAW,GACPE,KAAK,GAERD,QACG,CAAC;AAEX;AAEAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAAT,eAAe,CAACU,SAAS,GAAG;EAC1BP,QAAQ,EAAEQ,kBAAS,CAACC,IAAI;EACxBV,SAAS,EAAES,kBAAS,CAACE;AACvB,CAAC","ignoreList":[]}
+{"version":3,"file":"AlignmentHelper.js","names":["_react","_interopRequireDefault","require","_classnames","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","AlignmentHelper","_ref","className","children","pseudoElementOnly","props","createElement","classnames"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmC,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,yBAAAf,CAAA,EAAAU,CAAA,gBAAAV,CAAA,iBAAAgB,CAAA,EAAAL,CAAA,EAAAM,CAAA,GAAAC,6BAAA,CAAAlB,CAAA,EAAAU,CAAA,OAAAN,MAAA,CAAAe,qBAAA,QAAAZ,CAAA,GAAAH,MAAA,CAAAe,qBAAA,CAAAnB,CAAA,QAAAW,CAAA,MAAAA,CAAA,GAAAJ,CAAA,CAAAE,MAAA,EAAAE,CAAA,IAAAK,CAAA,GAAAT,CAAA,CAAAI,CAAA,UAAAD,CAAA,CAAAU,OAAA,CAAAJ,CAAA,QAAAK,oBAAA,CAAAR,IAAA,CAAAb,CAAA,EAAAgB,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAhB,CAAA,CAAAgB,CAAA,aAAAC,CAAA;AAAA,SAAAC,8BAAAP,CAAA,EAAAX,CAAA,gBAAAW,CAAA,iBAAAD,CAAA,gBAAAH,CAAA,IAAAI,CAAA,SAAAC,cAAA,CAAAC,IAAA,CAAAF,CAAA,EAAAJ,CAAA,gBAAAP,CAAA,CAAAoB,OAAA,CAAAb,CAAA,aAAAG,CAAA,CAAAH,CAAA,IAAAI,CAAA,CAAAJ,CAAA,YAAAG,CAAA;AAQpB,SAASY,eAAeA,CAAAC,IAAA,EAK7B;EAAA,IAL8B;MACtCC,SAAS,GAAG,IAAI;MAChBC,QAAQ,GAAG,IAAI;MACfC,iBAAiB,GAAG;IAEf,CAAC,GAAAH,IAAA;IADHI,KAAK,GAAAZ,wBAAA,CAAAQ,IAAA,EAAAxB,SAAA;EAER,OACEJ,MAAA,CAAAO,OAAA,CAAA0B,aAAA,SAAAzB,QAAA;IACEqB,SAAS,EAAE,IAAAK,mBAAU,EACnBH,iBAAiB,GACb,2CAA2C,GAC3C,sBAAsB,EAC1BF,SACF,CAAE;IACF;EAAW,GACPG,KAAK,GAERF,QACG,CAAC;AAEX","ignoreList":[]}

package/cjs/shared/BuildInfo.d.cts

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

package/cjs/shared/BuildInfo.js

@@ -0,0 +1,5 @@
+"use strict";
+
+exports.version = '10.75.3';
+exports.sha = 'ecf961951';
+//# sourceMappingURL=BuildInfo.js.map

package/cjs/shared/BuildInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildInfo.js","names":["exports","version","sha"],"sources":["../../../src/shared/BuildInfo.cjs"],"sourcesContent":["/**\n * This file will be transformed by makeReleaseVersion.ts\n */\n\nexports.version = '10.75.3'\nexports.sha = 'ecf961951'\n"],"mappings":";;AAIAA,OAAO,CAACC,OAAO,GAAG,SAAS;AAC3BD,OAAO,CAACE,GAAG,GAAG,WAAW","ignoreList":[]}

package/cjs/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/cjs/shared/Eufemia.js

@@ -1,16 +1,44 @@
 "use strict";
 
+require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.init = init;
-exports.version = void 0;
-const version = exports.version = '10.75.2';
+exports.version = exports.sha = void 0;
+var BuildInfo = _interopRequireWildcard(require("./BuildInfo.cjs"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const version = exports.version = BuildInfo.version;
+const sha = exports.sha = BuildInfo.sha;
 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/cjs/shared/Eufemia.js.map

@@ -1 +1 @@
-{"version":3,"file":"Eufemia.js","names":["version","exports","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":";;;;;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAS;AAEzB,SAASE,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIJ,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAG,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF","ignoreList":[]}
+{"version":3,"file":"Eufemia.js","names":["BuildInfo","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","version","exports","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,IAAAA,SAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA4C,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAErC,MAAMW,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAGvB,SAAS,CAACuB,OAAO;AACjC,MAAME,GAAG,GAAAD,OAAA,CAAAC,GAAA,GAAGzB,SAAS,CAACyB,GAAG;AAezB,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,CAACR,OAAO,CAAC,EAAE;UACpDI,MAAM,CAACG,iBAAiB,CAACE,IAAI,CAAC,IAAI,CAACT,OAAO,CAAC;QAC7C;QAEA,IAAI,CAACI,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,IAAIF,OAAOA,CAAA,EAAG;QACZ,OAAOA,OAAO;MAChB;MAEA,IAAIW,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/cjs/shared/helpers/runCssVersionMismatchWarning.d.ts

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

package/cjs/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":";;;;;;;;AAQO,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":";;;;;;;;AAAO,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/cjs/shared/useMedia.js

@@ -47,67 +47,24 @@ function useMedia() {
   } = props;
   const context = (0, _react.useContext)(_Context.default);
   const refs = (0, _react.useRef)({});
-  const defaults = (0, _react.useRef)({});
-  const isMounted = (0, _react.useRef)(false);
-  const isDisabled = (0, _react.useRef)(disabled);
-  const [result, updateRerender] = (0, _react.useState)(makeResult);
-  const useLayoutEffect = (0, _react.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 = (0, _react.useRef)({});
+  const resultRef = (0, _react.useRef)({});
+  const isMountedRef = (0, _react.useRef)(false);
+  const isDisabledRef = (0, _react.useRef)(disabled);
+  const removeListeners = (0, _react.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${(0, _componentHelper.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: !(0, _MediaQueryUtils.isMatchMediaSupported)(),
-      key: null
-    });
-  }
-  function runQuery(_ref3) {
+  }, []);
+  const runQuery = (0, _react.useCallback)(_ref2 => {
     let {
       when,
       name,
       key
-    } = _ref3;
+    } = _ref2;
     if (!(0, _MediaQueryUtils.isMatchMediaSupported)()) {
       return;
     }
@@ -119,10 +76,10 @@ function useMedia() {
       log
     });
     const event = (0, _MediaQueryUtils.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);
@@ -132,6 +89,60 @@ function useMedia() {
       event,
       mediaQueryList
     };
-  }
+  }, [breakpoints, context.breakpoints, correctRange, disabled, log]);
+  const makeResult = (0, _react.useCallback)(() => {
+    return Object.entries(queries).reduce((acc, _ref3) => {
+      let [k, when] = _ref3;
+      const key = k;
+      const name = `is${(0, _componentHelper.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: !(0, _MediaQueryUtils.isMatchMediaSupported)(),
+      key: null
+    });
+  }, [disabled, initialValue, queries, runQuery]);
+  const [result, updateRerender] = (0, _react.useState)(makeResult);
+  resultRef.current = result;
+  const useLayoutEffect = (0, _react.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/cjs/shared/useMedia.js.map

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