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

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

@@ -737,7 +737,7 @@ function getFallbackCurrencyDisplay() {
   let locale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   let currency_display = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
 
-  if (!currency_display && !_helpers.IS_SAFARI && (!locale || /(no|nb|nn)$/i.test(locale))) {
+  if (!currency_display && (!locale || /(no|nb|nn)$/i.test(locale))) {
     currency_display = 'narrowSymbol';
   }
 

package/cjs/components/skeleton/Skeleton.d.ts

@@ -38,7 +38,7 @@ export interface SkeletonProps
   aria_ready?: string;
 
   /**
-   * Set any HTML element type you have to use. A couple of aria attributes will be set on this element while active. Defaults to `div`
+   * Set any HTML element type you have to use. A couple of aria attributes will be set on this element while active. Defaults to `div`.
    */
   element?: React.ReactNode;
   class?: string;

package/cjs/components/slider/types.d.ts

@@ -39,11 +39,11 @@ export declare type SliderProps = IncludeSnakeCase<{
     subtractTitle?: string;
     /** the minimum value. Defaults to `0`. */
     min?: number;
-    /** the maximum value. Defaults to `100` */
+    /** the maximum value. Defaults to `100`. */
     max?: number;
     /** the `value` of the slider as a number. If an array with numbers is provided, each number will represent a thumb button (the `+` and `-` button will be hidden on multible thumbs). */
     value?: ValueTypes;
-    /** the steps the slider takes on changing the value. Defaults to `null` */
+    /** the steps the slider takes on changing the value. Defaults to `null`. */
     step?: number;
     /** show the slider vertically. Defaults to `false`. */
     vertical?: boolean;

package/cjs/components/tabs/Tabs.d.ts

@@ -62,7 +62,7 @@ export interface TabsProps
   selected_key?: TabsSelectedKey;
 
   /**
-   * To align the tab list on the right side `align="right"`. Default to `left`.
+   * To align the tab list on the right side `align="right"`. Defaults to `left`.
    */
   align?: TabsAlign;
 

package/cjs/components/textarea/Textarea.d.ts

@@ -38,7 +38,7 @@ export interface TextareaProps
   label?: FormLabelText;
 
   /**
-   * Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`
+   * Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
    */
   label_direction?: FormLabelLabelDirection;
 

package/cjs/components/toggle-button/ToggleButton.d.ts

@@ -98,7 +98,7 @@ export interface ToggleButtonProps
   icon_position?: ButtonIconPosition;
 
   /**
-   * Define icon width and height. Defaults to 16px
+   * Define icon width and height. Defaults to 16px.
    */
   icon_size?: IconSize;
   attributes?: ToggleButtonAttributes;

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

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

package/cjs/shared/Eufemia.js

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

package/cjs/shared/Theme.js

@@ -14,7 +14,7 @@ var _Context = _interopRequireDefault(require("./Context"));
 var _Provider = _interopRequireDefault(require("./Provider"));
 
 const _excluded = ["children", "element"],
-      _excluded2 = ["name", "variant", "size"];
+      _excluded2 = ["name", "variant", "size", "colorMapping"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -59,7 +59,8 @@ function ThemeWrapper(_ref) {
   const {
     name,
     variant,
-    size
+    size,
+    colorMapping
   } = currentTheme,
         rest = _objectWithoutProperties(currentTheme, _excluded2);
 
@@ -68,7 +69,7 @@ function ThemeWrapper(_ref) {
   const ref = _react.default.useRef(null);
 
   rest['ref'] = ref;
-  const className = (0, _classnames.default)('eufemia-theme', name && `eufemia-theme__${name}` + (variant ? ` eufemia-theme__${name}--${variant}` : ""), size && `eufemia-theme__size--${size}`);
+  const className = (0, _classnames.default)('eufemia-theme', name && `eufemia-theme__${name}` + (variant ? ` eufemia-theme__${name}--${variant}` : ""), colorMapping && `eufemia-theme__color-mapping--${colorMapping}`, size && `eufemia-theme__size--${size}`);
   return _react.default.createElement(Wrapper, _extends({
     "data-name": name,
     "data-variant": variant,

package/cjs/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 {