@dnb/eufemia 10.0.0-beta.3 → 10.0.0-beta.5

package/extensions/payment-card/utils/cardProducts.js

@@ -71,7 +71,7 @@ const cardData = [{
   cardDesign: defaultDesign,
   productType: ProductType.None,
   cardType: CardType.Visa,
-  bankAxept: BankAxeptType.None
+  bankAxept: BankAxeptType.BankAxept
 }, {
   productCode: 'VK4',
   productName: 'DNB Visa',
@@ -79,7 +79,7 @@ const cardData = [{
   cardDesign: defaultDesign,
   productType: ProductType.None,
   cardType: CardType.Visa,
-  bankAxept: BankAxeptType.None
+  bankAxept: BankAxeptType.BankAxept
 }, {
   productCode: '084',
   productName: 'Pluss Mastercard(leve)',
@@ -111,7 +111,7 @@ const cardData = [{
   cardDesign: pluss,
   productType: ProductType.Pluss,
   cardType: CardType.Visa,
-  bankAxept: BankAxeptType.None
+  bankAxept: BankAxeptType.BankAxept
 }, {
   productCode: 'VL4',
   productName: 'DNB Visa u/leg',
@@ -151,7 +151,7 @@ const cardData = [{
   cardDesign: sagaPlatinum,
   productType: ProductType.Saga,
   cardType: CardType.Visa,
-  bankAxept: BankAxeptType.None
+  bankAxept: BankAxeptType.BankAxept
 }, {
   productCode: 'VP3',
   productName: 'Private Banking Visa',
@@ -159,7 +159,7 @@ const cardData = [{
   cardDesign: privateBanking,
   productType: ProductType.PrivateBanking,
   cardType: CardType.Visa,
-  bankAxept: BankAxeptType.None
+  bankAxept: BankAxeptType.BankAxept
 }, {
   productCode: 'VP4',
   productName: 'SAGA Platinum Visa u/leg',

package/package.json

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

package/shared/Eufemia.js

@@ -2,7 +2,7 @@ export function init() {
   if (typeof window !== 'undefined') {
     class Eufemia {
       get version() {
-        return '10.0.0-beta.3';
+        return '10.0.0-beta.5';
       }
 
     }

package/shared/Theme.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children", "element"],
-      _excluded2 = ["name", "variant", "size"];
+      _excluded2 = ["name", "variant", "size", "colorMapping"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -41,14 +41,15 @@ function ThemeWrapper(_ref) {
   const {
     name,
     variant,
-    size
+    size,
+    colorMapping
   } = currentTheme,
         rest = _objectWithoutProperties(currentTheme, _excluded2);
 
   const Wrapper = element || 'div';
   const ref = React.useRef(null);
   rest['ref'] = ref;
-  const className = classnames('eufemia-theme', name && `eufemia-theme__${name}` + (variant ? ` eufemia-theme__${name}--${variant}` : ""), size && `eufemia-theme__size--${size}`);
+  const className = classnames('eufemia-theme', name && `eufemia-theme__${name}` + (variant ? ` eufemia-theme__${name}--${variant}` : ""), colorMapping && `eufemia-theme__color-mapping--${colorMapping}`, size && `eufemia-theme__size--${size}`);
   return React.createElement(Wrapper, _extends({
     "data-name": name,
     "data-variant": variant,

package/style/dnb-ui-components.css

@@ -1876,7 +1876,11 @@ html[data-visual-test] .dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-
   height: 1px;
 }
 .dnb-date-picker__addon {
-  display: block;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  grid-gap: 1rem;
+  gap: 1rem;
   padding: 1rem;
 }
 .dnb-date-picker__addon::after {