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

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

@@ -8,7 +8,7 @@ import React from 'react';
 import Context from '../../shared/Context';
 import { LOCALE, CURRENCY, CURRENCY_DISPLAY } from '../../shared/defaults';
 import { warn, isTrue, slugify, escapeRegexChars } from '../../shared/component-helper';
-import { getOffsetTop, getOffsetLeft, getSelectedElement, copyToClipboard, IS_MAC, IS_WIN, IS_SAFARI } from '../../shared/helpers';
+import { getOffsetTop, getOffsetLeft, getSelectedElement, copyToClipboard, IS_MAC, IS_WIN } from '../../shared/helpers';
 const NUMBER_CHARS = '\\-0-9,.';
 export const format = (value, {
   locale = null,
@@ -657,7 +657,7 @@ export function useCopyWithNotice() {
   };
 }
 export function getFallbackCurrencyDisplay(locale = null, currency_display = null) {
-  if (!currency_display && !IS_SAFARI && (!locale || /(no|nb|nn)$/i.test(locale))) {
+  if (!currency_display && (!locale || /(no|nb|nn)$/i.test(locale))) {
     currency_display = 'narrowSymbol';
   }
 

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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; }
 
@@ -39,14 +39,15 @@ function ThemeWrapper({
   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/es/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 {