@dnb/eufemia 9.12.4 → 9.13.0

package/cjs/components/logo/Logo.js

@@ -37,6 +37,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));

package/cjs/components/modal/Modal.js

@@ -45,6 +45,8 @@ Object.defineProperty(exports, "CloseButton", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/web.dom-collections.for-each.js");
 
 require("core-js/modules/es.object.freeze.js");

package/cjs/components/modal/ModalContent.js

@@ -48,6 +48,8 @@ require("core-js/modules/web.dom-collections.for-each.js");
 
 require("core-js/modules/es.array.filter.js");
 
+require("core-js/modules/es.parse-float.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -69,7 +71,7 @@ var _ModalHeader = _interopRequireWildcard(require("./ModalHeader"));
 var _helpers = require("../../shared/helpers");
 
 var _excluded = ["triggeredBy"],
-    _excluded2 = ["mode", "hide", "title", "labelled_by", "header_content", "modal_content", "bar_content", "close_title", "dialog_title", "hide_close_button", "close_button_attributes", "spacing", "prevent_close", "open_delay", "prevent_core_style", "animation_duration", "no_animation", "no_animation_on_mobile", "min_width", "max_width", "fullscreen", "align_content", "container_placement", "closeModal", "className", "class", "content_class", "overlay_class", "content_id", "toggleOpenClose", "children"];
+    _excluded2 = ["mode", "hide", "title", "labelled_by", "header_content", "modal_content", "bar_content", "id", "close_title", "dialog_title", "hide_close_button", "close_button_attributes", "spacing", "prevent_close", "open_delay", "prevent_core_style", "animation_duration", "no_animation", "no_animation_on_mobile", "min_width", "max_width", "fullscreen", "align_content", "container_placement", "closeModal", "className", "class", "content_class", "overlay_class", "content_id", "toggleOpenClose", "children"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -398,6 +400,7 @@ var ModalContent = function (_React$PureComponent) {
           header_content = _this$props2.header_content,
           modal_content = _this$props2.modal_content,
           bar_content = _this$props2.bar_content,
+          _id = _this$props2.id,
           close_title = _this$props2.close_title,
           dialog_title = _this$props2.dialog_title,
           hide_close_button = _this$props2.hide_close_button,
@@ -437,9 +440,10 @@ var ModalContent = function (_React$PureComponent) {
         minWidth = 0;
       }
 
+      var useDialogRole = !(_helpers.IS_MAC || _helpers.IS_SAFARI || _helpers.IS_IOS);
       var contentParams = {
-        role: _helpers.IS_MAC || _helpers.IS_SAFARI || _helpers.IS_IOS ? undefined : 'dialog',
-        'aria-modal': 'true',
+        role: useDialogRole ? 'dialog' : 'region',
+        'aria-modal': useDialogRole ? 'true' : undefined,
         'aria-labelledby': (0, _componentHelper.combineLabelledBy)(this.props, title ? id + '-title' : null, labelled_by),
         'aria-describedby': (0, _componentHelper.combineDescribedBy)(this.props, id + '-content'),
         'aria-label': !title && !labelled_by ? this.props.dialog_title : undefined,

package/cjs/components/number-format/NumberUtils.js

@@ -30,6 +30,8 @@ exports.formatNIN = exports.formatORG = exports.formatBAN = exports.formatPhone
 
 require("regenerator-runtime/runtime.js");
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.index-of.js");
 
 require("core-js/modules/es.string.trim.js");

package/cjs/components/pagination/PaginationInfinity.js

@@ -43,6 +43,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InfinityLoadButton = exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.find-index.js");
 
 require("core-js/modules/web.dom-collections.for-each.js");

package/cjs/components/pagination/PaginationProvider.js

@@ -39,6 +39,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.find.js");
 
 require("core-js/modules/es.array.concat.js");

package/cjs/components/progress-indicator/ProgressIndicator.js

@@ -41,6 +41,8 @@ exports.default = void 0;
 
 require("core-js/modules/es.array.concat.js");
 
+require("core-js/modules/es.parse-float.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));

package/cjs/components/progress-indicator/ProgressIndicatorCircular.js

@@ -39,6 +39,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));

package/cjs/components/progress-indicator/ProgressIndicatorLinear.js

@@ -39,6 +39,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));

package/cjs/components/slider/Slider.js

@@ -41,6 +41,8 @@ exports.default = void 0;
 
 require("core-js/modules/es.array.reverse.js");
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.number.to-fixed.js");
 
 require("core-js/modules/es.regexp.exec.js");

package/cjs/components/space/SpacingHelper.js

@@ -39,6 +39,8 @@ require("core-js/modules/es.array.reduce.js");
 
 require("core-js/modules/es.array.map.js");
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/web.dom-collections.for-each.js");
 
 require("core-js/modules/es.array.find.js");

package/cjs/components/step-indicator/StepIndicator.js

@@ -41,6 +41,8 @@ require("core-js/modules/es.regexp.exec.js");
 
 require("core-js/modules/es.string.replace.js");
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.reduce.js");
 
 require("core-js/modules/es.array.includes.js");

package/cjs/components/tabs/Tabs.js

@@ -41,6 +41,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Dummy = exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.array.reduce.js");

package/cjs/components/textarea/Textarea.js

@@ -39,6 +39,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));

package/cjs/components/tooltip/TooltipPortal.js

@@ -29,6 +29,8 @@ exports.default = void 0;
 
 require("core-js/modules/es.array.concat.js");
 
+require("core-js/modules/es.parse-float.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));

package/cjs/components/tooltip/TooltipWithEvents.js

@@ -39,6 +39,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));

package/cjs/elements/H.js

@@ -39,6 +39,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));

package/cjs/elements/Table.js

@@ -45,6 +45,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.StickyHelper = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.includes.js");
 
 require("core-js/modules/es.string.includes.js");

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

@@ -57,6 +57,8 @@ Object.defineProperty(exports, "Designs", {
 });
 exports.getCardData = exports.formatCardNumber = exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.regexp.exec.js");
 
 require("core-js/modules/es.string.replace.js");

package/cjs/fragments/drawer-list/DrawerList.js

@@ -45,6 +45,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.reduce.js");
 
 require("core-js/modules/es.object.entries.js");

package/cjs/fragments/drawer-list/DrawerListHelpers.js

@@ -39,6 +39,8 @@ require("core-js/modules/es.array.map.js");
 
 require("core-js/modules/es.array.find-index.js");
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.array.find.js");

package/cjs/fragments/drawer-list/DrawerListPortal.js

@@ -27,6 +27,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));

package/cjs/fragments/drawer-list/DrawerListProvider.js

@@ -33,6 +33,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.reduce.js");
 
 require("core-js/modules/es.object.keys.js");
@@ -208,6 +210,10 @@ var DrawerListProvider = function (_React$PureComponent) {
             }
           }
 
+          if ((0, _componentHelper.isTrue)(_this.props.no_animation)) {
+            scrollTo = false;
+          }
+
           _this.scrollToItem(active_item, {
             scrollTo: scrollTo
           });
@@ -582,7 +588,9 @@ var DrawerListProvider = function (_React$PureComponent) {
           ulElement: _this._refUl.current
         });
 
-        _this.setActiveItemAndScrollToIt(parseFloat(active_item) > -1 ? active_item : -1);
+        _this.setActiveItemAndScrollToIt(parseFloat(active_item) > -1 ? active_item : -1, {
+          scrollTo: false
+        });
       };
 
       if (DrawerListProvider.isOpen && !(0, _componentHelper.isTrue)(_this.props.no_animation)) {

package/cjs/shared/AnimateHeight.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 require("core-js/modules/web.dom-collections.for-each.js");
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/es.array.includes.js");
 
 require("core-js/modules/es.string.includes.js");

package/cjs/shared/component-helper.js

@@ -76,6 +76,8 @@ require("core-js/modules/es.array.slice.js");
 
 require("core-js/modules/es.object.to-string.js");
 
+require("core-js/modules/esnext.string.match-all.js");
+
 require("core-js/modules/es.array.from.js");
 
 require("core-js/modules/es.string.iterator.js");

package/cjs/style/stylis.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/esnext.string.match-all.js");
+
 require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.symbol.description.js");

package/cjs/style/themes/theme-open-banking/dnb-theme-open-banking.css

@@ -2068,6 +2068,10 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
   color: #fff;
   color: var(--color-white); }
 
+.dnb-autocomplete__root .dnb-drawer-list__option--selected .dnb-anchor {
+  color: #fff;
+  color: var(--color-white); }
+
 /*
 * Button theme
 *
@@ -2659,16 +2663,16 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
       color: var(--color-ocean-green);
       background-color: #fdbb31;
       background-color: var(--color-accent-yellow);
-      --border-color: var(--color-emerald-green);
+      --border-color: var(--color-ocean-green);
       -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
               box-shadow: 0 0 0 0.125rem var(--border-color);
       border-color: transparent; }
       @media screen and (-ms-high-contrast: none) {
         html:not([data-whatintent='touch']) .dnb-button--signal:hover:not([disabled]) {
-          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
-                  box-shadow: 0 0 0 0.125rem #14555a;
-          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
-                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
+          -webkit-box-shadow: 0 0 0 0.125rem #00343e;
+                  box-shadow: 0 0 0 0.125rem #00343e;
+          -webkit-box-shadow: 0 0 0 0.125rem var(--color-ocean-green);
+                  box-shadow: 0 0 0 0.125rem var(--color-ocean-green); } }
       @media screen and (-ms-high-contrast: none) {
         html:not([data-whatintent='touch']) .dnb-button--signal:hover:not([disabled]) {
           opacity: 1; } }
@@ -2681,17 +2685,17 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
       color: var(--color-ocean-green);
       background-color: #fdbb31;
       background-color: var(--color-accent-yellow);
-      --border-color: var(--color-emerald-green);
+      --border-color: var(--color-ocean-green);
       -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
               box-shadow: 0 0 0 0.125rem var(--border-color);
       border-color: transparent; }
       @media screen and (-ms-high-contrast: none) {
         html[data-whatintent='touch'] .dnb-button--signal:active:not([disabled]),
         html:not([data-whatintent='touch']) html[data-whatintent='touch'] .dnb-button--signal:active:not([disabled]) {
-          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
-                  box-shadow: 0 0 0 0.125rem #14555a;
-          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
-                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
+          -webkit-box-shadow: 0 0 0 0.125rem #00343e;
+                  box-shadow: 0 0 0 0.125rem #00343e;
+          -webkit-box-shadow: 0 0 0 0.125rem var(--color-ocean-green);
+                  box-shadow: 0 0 0 0.125rem var(--color-ocean-green); } }
     .dnb-button--signal:focus[disabled],
     html:not([data-whatintent='touch']) .dnb-button--signal:focus[disabled] {
       cursor: not-allowed; }
@@ -6017,16 +6021,16 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       color: var(--color-ocean-green);
       background-color: #fdbb31;
       background-color: var(--color-accent-yellow);
-      --border-color: var(--color-emerald-green);
+      --border-color: var(--color-ocean-green);
       -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
               box-shadow: 0 0 0 0.125rem var(--border-color);
       border-color: transparent; }
       @media screen and (-ms-high-contrast: none) {
         html:not([data-whatintent='touch']) .dnb-button--signal:hover:not([disabled]) {
-          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
-                  box-shadow: 0 0 0 0.125rem #14555a;
-          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
-                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
+          -webkit-box-shadow: 0 0 0 0.125rem #00343e;
+                  box-shadow: 0 0 0 0.125rem #00343e;
+          -webkit-box-shadow: 0 0 0 0.125rem var(--color-ocean-green);
+                  box-shadow: 0 0 0 0.125rem var(--color-ocean-green); } }
       @media screen and (-ms-high-contrast: none) {
         html:not([data-whatintent='touch']) .dnb-button--signal:hover:not([disabled]) {
           opacity: 1; } }
@@ -6039,17 +6043,17 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       color: var(--color-ocean-green);
       background-color: #fdbb31;
       background-color: var(--color-accent-yellow);
-      --border-color: var(--color-emerald-green);
+      --border-color: var(--color-ocean-green);
       -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
               box-shadow: 0 0 0 0.125rem var(--border-color);
       border-color: transparent; }
       @media screen and (-ms-high-contrast: none) {
         html[data-whatintent='touch'] .dnb-button--signal:active:not([disabled]),
         html:not([data-whatintent='touch']) html[data-whatintent='touch'] .dnb-button--signal:active:not([disabled]) {
-          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
-                  box-shadow: 0 0 0 0.125rem #14555a;
-          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
-                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
+          -webkit-box-shadow: 0 0 0 0.125rem #00343e;
+                  box-shadow: 0 0 0 0.125rem #00343e;
+          -webkit-box-shadow: 0 0 0 0.125rem var(--color-ocean-green);
+                  box-shadow: 0 0 0 0.125rem var(--color-ocean-green); } }
     .dnb-button--signal:focus[disabled],
     html:not([data-whatintent='touch']) .dnb-button--signal:focus[disabled] {
       cursor: not-allowed; }