@dnb/eufemia 9.37.0 → 9.38.0

package/icons/widget_android.js

@@ -6,15 +6,15 @@ import React from 'react';
 
 var widget_android = function widget_android(props) {
   return React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
+    viewBox: "0 0 16 16"
   }, props), _path || (_path = React.createElement("path", {
-    d: "M1.333 2.413a.68.68 0 0 1 .681-.681H5.82a.68.68 0 0 1 .681.68V6.32a.68.68 0 0 1-.68.68H2.013a.68.68 0 0 1-.68-.68V2.413ZM9 4.559a.68.68 0 0 1 0-.963l2.441-2.441a.68.68 0 0 1 .963 0l2.44 2.441a.68.68 0 0 1 0 .963l-2.44 2.44a.68.68 0 0 1-.963 0L9 4.56ZM1.333 10.18a.68.68 0 0 1 .681-.68H5.82a.68.68 0 0 1 .681.68v3.806a.68.68 0 0 1-.68.68H2.013a.68.68 0 0 1-.68-.68V10.18Zm7.667 0a.68.68 0 0 1 .68-.68h3.907a.68.68 0 0 1 .68.68v3.806a.68.68 0 0 1-.68.68H9.681a.68.68 0 0 1-.681-.68V10.18Z",
     stroke: "#000",
-    strokeWidth: 1.5
+    strokeWidth: 1.5,
+    d: "M1.333 2.413a.68.68 0 0 1 .681-.681H5.82a.68.68 0 0 1 .681.68V6.32a.68.68 0 0 1-.68.68H2.013a.68.68 0 0 1-.68-.68V2.413ZM9 4.559a.68.68 0 0 1 0-.963l2.441-2.441a.68.68 0 0 1 .963 0l2.44 2.441a.68.68 0 0 1 0 .963l-2.44 2.44a.68.68 0 0 1-.963 0L9 4.56ZM1.333 10.18a.68.68 0 0 1 .681-.68H5.82a.68.68 0 0 1 .681.68v3.806a.68.68 0 0 1-.68.68H2.013a.68.68 0 0 1-.68-.68V10.18Zm7.667 0a.68.68 0 0 1 .68-.68h3.907a.68.68 0 0 1 .68.68v3.806a.68.68 0 0 1-.68.68H9.681a.68.68 0 0 1-.681-.68V10.18Z"
   })));
 };
 

package/icons/widget_android_medium.js

@@ -6,15 +6,15 @@ import React from 'react';
 
 var widget_android_medium = function widget_android_medium(props) {
   return React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
-    viewBox: "0 0 24 24",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = React.createElement("path", {
-    d: "M2 3.62c0-.565.457-1.022 1.021-1.022h6.127a1.02 1.02 0 0 1 1.021 1.021v6.127a1.02 1.02 0 0 1-1.021 1.021H3.021A1.021 1.021 0 0 1 2 9.747V3.618Zm10.934 3.785a1.021 1.021 0 0 1 0-1.444l3.661-3.662a1.021 1.021 0 0 1 1.444 0l3.662 3.662a1.021 1.021 0 0 1 0 1.444l-3.662 3.661a1.021 1.021 0 0 1-1.444 0l-3.661-3.661ZM2 14.852a1.02 1.02 0 0 1 1.021-1.021h6.127a1.02 1.02 0 0 1 1.021 1.021v6.127A1.02 1.02 0 0 1 9.148 22H3.021A1.021 1.021 0 0 1 2 20.979v-6.127Zm11.233 0a1.02 1.02 0 0 1 1.02-1.021h6.128c.564 0 1.02.457 1.02 1.021v6.127A1.02 1.02 0 0 1 20.381 22h-6.127a1.021 1.021 0 0 1-1.021-1.021v-6.127Z",
     stroke: "#000",
-    strokeWidth: 1.5
+    strokeWidth: 1.5,
+    d: "M2 3.62c0-.565.457-1.022 1.021-1.022h6.127a1.02 1.02 0 0 1 1.021 1.021v6.127a1.02 1.02 0 0 1-1.021 1.021H3.021A1.021 1.021 0 0 1 2 9.747V3.618Zm10.934 3.785a1.021 1.021 0 0 1 0-1.444l3.661-3.662a1.021 1.021 0 0 1 1.444 0l3.662 3.662a1.021 1.021 0 0 1 0 1.444l-3.662 3.661a1.021 1.021 0 0 1-1.444 0l-3.661-3.661ZM2 14.852a1.02 1.02 0 0 1 1.021-1.021h6.127a1.02 1.02 0 0 1 1.021 1.021v6.127A1.02 1.02 0 0 1 9.148 22H3.021A1.021 1.021 0 0 1 2 20.979v-6.127Zm11.233 0a1.02 1.02 0 0 1 1.02-1.021h6.128c.564 0 1.02.457 1.02 1.021v6.127A1.02 1.02 0 0 1 20.381 22h-6.127a1.021 1.021 0 0 1-1.021-1.021v-6.127Z"
   })));
 };
 

package/icons/widget_ios.js

@@ -6,17 +6,17 @@ import React from 'react';
 
 var widget_ios = function widget_ios(props) {
   return React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
+    viewBox: "0 0 16 16"
   }, props), _path || (_path = React.createElement("path", {
-    d: "M15 7.614a.933.933 0 0 1-.273.66l-6.454 6.453a.933.933 0 0 1-1.32 0l-5.68-5.679a.934.934 0 0 1 0-1.32l2.06-2.06a2.333 2.333 0 1 1 2.334-2.334l2.06-2.06a.933.933 0 0 1 1.32 0l1.31 1.313a2.334 2.334 0 1 0 3.056 3.057l1.314 1.31a.933.933 0 0 1 .273.66Z",
     stroke: "#000",
-    strokeWidth: 1.5,
     strokeLinecap: "round",
-    strokeLinejoin: "round"
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    d: "M15 7.614a.933.933 0 0 1-.273.66l-6.454 6.453a.933.933 0 0 1-1.32 0l-5.68-5.679a.934.934 0 0 1 0-1.32l2.06-2.06a2.333 2.333 0 1 1 2.334-2.334l2.06-2.06a.933.933 0 0 1 1.32 0l1.31 1.313a2.334 2.334 0 1 0 3.056 3.057l1.314 1.31a.933.933 0 0 1 .273.66Z"
   })));
 };
 

package/icons/widget_ios_medium.js

@@ -6,17 +6,17 @@ import React from 'react';
 
 var widget_ios_medium = function widget_ios_medium(props) {
   return React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
-    viewBox: "0 0 24 24",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = React.createElement("path", {
-    d: "M23 11.394c0 .39-.154.762-.43 1.037l-10.14 10.14a1.466 1.466 0 0 1-2.075 0L1.43 13.646a1.467 1.467 0 0 1 0-2.074l3.238-3.238a3.666 3.666 0 1 1 3.666-3.668l3.238-3.238a1.466 1.466 0 0 1 2.074 0l2.059 2.065a3.667 3.667 0 1 0 4.802 4.804l2.065 2.06c.274.274.429.647.429 1.036Z",
     stroke: "#000",
-    strokeWidth: 1.5,
     strokeLinecap: "round",
-    strokeLinejoin: "round"
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    d: "M23 11.394c0 .39-.154.762-.43 1.037l-10.14 10.14a1.466 1.466 0 0 1-2.075 0L1.43 13.646a1.467 1.467 0 0 1 0-2.074l3.238-3.238a3.666 3.666 0 1 1 3.666-3.668l3.238-3.238a1.466 1.466 0 0 1 2.074 0l2.059 2.065a3.667 3.667 0 1 0 4.802 4.804l2.065 2.06c.274.274.429.647.429 1.036Z"
   })));
 };
 

package/index.d.ts

@@ -24,9 +24,6 @@ import Ol from "./elements/Ol";
 import P from "./elements/P";
 import Paragraph from "./elements/Paragraph";
 import Span from "./elements/Span";
-import Td from "./elements/Td";
-import Th from "./elements/Th";
-import Tr from "./elements/Tr";
 import Ul from "./elements/Ul";
 import Accordion from "./components/accordion/Accordion";
 import Autocomplete from "./components/autocomplete/Autocomplete";
@@ -74,4 +71,4 @@ import ToggleButton from "./components/toggle-button/ToggleButton";
 import Tooltip from "./components/tooltip/Tooltip";
 import Upload from "./components/upload/Upload";
 import VisuallyHidden from "./components/visually-hidden/VisuallyHidden";
-export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Td, Th, Tr, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
+export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };

package/index.js

@@ -22,9 +22,6 @@ import Ol from './elements/Ol';
 import P from './elements/P';
 import Paragraph from './elements/Paragraph';
 import Span from './elements/Span';
-import Td from './elements/Td';
-import Th from './elements/Th';
-import Tr from './elements/Tr';
 import Ul from './elements/Ul';
 import Accordion from './components/accordion/Accordion';
 import Autocomplete from './components/autocomplete/Autocomplete';
@@ -72,5 +69,5 @@ import ToggleButton from './components/toggle-button/ToggleButton';
 import Tooltip from './components/tooltip/Tooltip';
 import Upload from './components/upload/Upload';
 import VisuallyHidden from './components/visually-hidden/VisuallyHidden';
-export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Td, Th, Tr, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
+export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
 export default {};

package/package.json

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

package/shared/Context.d.ts

@@ -3,6 +3,8 @@
  *
  */
 import React from 'react';
+import type { AnchorProps } from '../elements/Anchor';
+import type { ScrollViewProps } from '../fragments/scroll-view/ScrollView';
 import type { ButtonProps } from '../components/button/Button';
 import type { AvatarProps } from '../components/avatar/Avatar';
 import type { AvatarGroupProps } from '../components/avatar/AvatarGroup';
@@ -20,10 +22,12 @@ import type { DrawerProps } from '../components/drawer/types';
 import type { DialogProps } from '../components/dialog/types';
 import type { TooltipProps } from '../components/tooltip/types';
 import type { SectionProps } from '../components/section/Section';
-import { UploadProps } from '../components/upload/types';
-import type { AnchorProps } from '../elements/Anchor';
-import type { ScrollViewProps } from '../fragments/scroll-view/ScrollView';
-export declare type ContextProps = {
+import type { FormRowProps } from '../components/form-row/FormRowHelpers';
+import type { UploadProps } from '../components/upload/types';
+import type { SkeletonProps } from '../components/Skeleton';
+import type { HelpButtonProps } from '../components/HelpButton';
+import type { TableProps } from '../components/Table';
+export declare type ContextComponents = {
     Button?: Partial<ButtonProps>;
     Anchor?: Partial<AnchorProps>;
     Avatar?: Partial<AvatarProps>;
@@ -44,11 +48,14 @@ export declare type ContextProps = {
     Section?: Partial<SectionProps>;
     ScrollView?: Partial<ScrollViewProps>;
     Upload?: Partial<UploadProps>;
+    Skeleton?: Partial<SkeletonProps>;
+    HelpButton?: Partial<HelpButtonProps>;
+    Table?: Partial<TableProps>;
     NumberFormat?: Record<string, unknown>;
-    Table?: Record<string, unknown>;
-    HelpButton?: Record<string, unknown>;
     Pagination?: Record<string, unknown>;
-    FormRow?: Record<string, unknown>;
+    FormRow?: FormRowProps;
+};
+export declare type ContextProps = ContextComponents & {
     /**
      * Will enable all skeletons inside this provider/context scope
      */
@@ -90,7 +97,7 @@ export declare type ContextProps = {
      */
     setCurrentLocale?: (locale: Locale) => void;
     locales?: Locales;
-    __newContext?: Record<string, string>;
+    __context__?: Record<string, unknown>;
     updateTranslation?: (locale: Locale, translation: Translation) => void;
     getTranslation?: (props: GetTranslationProps) => Translation;
 };
@@ -99,10 +106,20 @@ export declare type GetTranslationProps = Partial<{
     locale?: Locale;
 }>;
 export declare type Locale = string | 'nb-NO' | 'en-GB' | 'en-US';
-export declare type ComponentTranslationsName = string;
-export declare type ComponentTranslations = Record<string, string>;
-export declare type Locales = Record<Locale, Translation>;
-export declare type Translation = Record<ComponentTranslationsName, ComponentTranslations>;
-export declare const prepareContext: (props?: ContextProps) => ContextProps;
+export declare type ComponentTranslationsName = string | keyof ContextComponents;
+export declare type ComponentTranslation = string;
+export declare type ComponentTranslations = Record<string, ComponentTranslation>;
+export declare type Locales = Record<Locale, Translation | TranslationConsumer>;
+export declare type Translation = Record<
+/**
+ * Support only "HelpButton"
+ */
+ComponentTranslationsName, ComponentTranslations>;
+export declare type TranslationConsumer = Record<
+/**
+ * Support "HelpButton.title"
+ */
+ComponentTranslationsName, ComponentTranslation | ComponentTranslations>;
+export declare function prepareContext<Props>(props?: ContextProps): Props & ContextProps;
 declare const Context: React.Context<ContextProps>;
 export default Context;

package/shared/Context.js

@@ -20,14 +20,14 @@ import React from 'react';
 import { LOCALE, CURRENCY, CURRENCY_DISPLAY } from './defaults';
 import defaultLocales from './locales';
 import { extend } from './component-helper';
-export var prepareContext = function prepareContext() {
+export function prepareContext() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var locales = props.locales ? extend(defaultLocales, props.locales) : defaultLocales;
 
-  if (props.__newContext) {
-    _extends(props, props.__newContext);
+  if (props.__context__) {
+    _extends(props, props.__context__);
 
-    delete props.__newContext;
+    delete props.__context__;
   }
 
   var key = handleLocaleFallbacks(props.locale || LOCALE, locales);
@@ -61,7 +61,7 @@ export var prepareContext = function prepareContext() {
   });
 
   return context;
-};
+}
 
 function handleLocaleFallbacks(locale, locales) {
   if (!locales[locale]) {

package/shared/Eufemia.js

@@ -10,7 +10,7 @@ export function init() {
       _createClass(Eufemia, [{
         key: "version",
         get: function get() {
-          return '9.37.0';
+          return '9.38.0';
         }
       }]);
 

package/shared/Provider.d.ts

@@ -9,31 +9,9 @@ export declare type ProviderProps = {
      * Send in an object that gets spread as properties to the Provider
      */
     value?: ContextProps;
-    /**
-     * Define the locale used for every Eufemia components inside this Provider. Defaults to nb-NO
-     */
-    locale?: string;
-    /**
-     * Enable skeleton of every Eufemia component inside this Provider
-     */
-    skeleton?: boolean | string;
     /**
      * The content
      */
     children: React.ReactNode;
 } & ContextProps;
-export declare type ProviderState = {
-    /** For internal use */
-    isRoot?: boolean;
-    _listenForPropChanges?: boolean;
-    _startupProps?: ContextProps;
-} & ContextProps;
-export default class Provider extends React.PureComponent<ProviderProps, ProviderState> {
-    static contextType: React.Context<ContextProps>;
-    static defaultProps: Record<string, unknown>;
-    static getDerivedStateFromProps(props: any, state: any): ContextProps;
-    static mergeContext(props: any, context: any): any;
-    constructor(props: any, context: any);
-    setNewContext(__newContext: any): void;
-    render(): JSX.Element;
-}
+export default function Provider<Props>(localProps: ProviderProps & Props): JSX.Element;

package/shared/Provider.js

@@ -1,176 +1,92 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.reflect.construct.js";
 import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.object.get-own-property-descriptor.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"],
-    _excluded2 = ["children"],
-    _excluded3 = ["value"];
+    _excluded2 = ["value"];
 
 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; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import Context, { prepareContext } from './Context';
-import { makeUniqueId } from './component-helper';
 import { prepareFormRowContext } from '../components/form-row/FormRowHelpers';
+export default function Provider(localProps) {
+  var children = localProps.children,
+      props = _objectWithoutProperties(localProps, _excluded);
 
-var Provider = function (_React$PureComponent) {
-  _inherits(Provider, _React$PureComponent);
-
-  var _super = _createSuper(Provider);
-
-  function Provider(props, context) {
-    var _this;
+  var context = React.useContext(Context);
 
-    _classCallCheck(this, Provider);
+  var _React$useState = React.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      localContext = _React$useState2[0],
+      setLocalContext = _React$useState2[1];
 
-    _this = _super.call(this, props);
+  var value = mergeContext(context, _objectSpread(_objectSpread({}, localContext), props));
 
-    var children = props.children,
-        startupProps = _objectWithoutProperties(props, _excluded);
-
-    if (typeof startupProps.formRow !== 'undefined') {
-      startupProps.FormRow = startupProps.formRow;
-    }
-
-    var newContext = Provider.mergeContext(startupProps, context);
-    var isRoot = !(newContext && newContext.__providerId);
-    newContext.__providerId = makeUniqueId();
-    var pC = isRoot ? prepareContext(newContext) : newContext;
+  if (context) {
+    value = prepareContext(value);
+    context.updateTranslation(value.locale, value.translation);
+  }
 
-    pC.updateCurrent = function (props) {
-      return _this.setNewContext(props);
-    };
+  value.update = updateAll;
+  value.setLocale = setAllLocale;
+  value.updateCurrent = updateCurrent;
+  value.setCurrentLocale = setCurrentLocale;
+  return React.createElement(Context.Provider, {
+    value: value
+  }, children);
+
+  function updateCurrent(props) {
+    setLocalContext({
+      __context__: props
+    });
+  }
 
-    pC.setCurrentLocale = function (locale) {
-      return _this.setNewContext({
+  function setCurrentLocale(locale) {
+    setLocalContext({
+      __context__: {
         locale: locale
-      });
-    };
-
-    pC.update = function (props) {
-      if (typeof context.update === 'function') {
-        context.update(props);
-      }
-
-      _this.setNewContext(props);
-    };
-
-    pC.setLocale = function (locale) {
-      if (typeof context.update === 'function') {
-        context.update({
-          locale: locale
-        });
       }
-
-      _this.setNewContext({
-        locale: locale
-      });
-    };
-
-    pC.isRoot = isRoot;
-    pC._listenForPropChanges = true;
-    pC._startupProps = startupProps;
-    _this.state = pC;
-    return _this;
+    });
   }
 
-  _createClass(Provider, [{
-    key: "setNewContext",
-    value: function setNewContext(__newContext) {
-      this.setState({
-        _listenForPropChanges: false
-      });
-      this.setState({
-        __newContext: __newContext
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var value = this.state;
-
-      if (!this.state.isRoot) {
-        value = Provider.mergeContext(this.state, this.context);
-      }
-
-      this.context.updateTranslation(value.locale, value.translation);
-      return React.createElement(Context.Provider, {
-        value: value
-      }, this.props.children);
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      if (state._listenForPropChanges) {
-        var children = props.children,
-            updatedProps = _objectWithoutProperties(props, _excluded2);
-
-        if (state._startupProps !== updatedProps) {
-          var hasChanges = false;
-
-          for (var i in updatedProps) {
-            if (state._startupProps[i] !== updatedProps[i] || typeof updatedProps[i] === 'boolean') {
-              hasChanges = true;
-              break;
-            }
-          }
-
-          if (hasChanges) {
-            state = _extends(state, updatedProps);
-            state._startupProps = updatedProps;
-          }
-        }
-
-        if (state.FormRow) {
-          state.FormRow = _objectSpread(_objectSpread({}, state.FormRow), updatedProps.FormRow);
-          state.FormRow = prepareFormRowContext(state.FormRow);
-        }
-      }
+  function setAllLocale(locale) {
+    updateAll({
+      locale: locale
+    });
+  }
 
-      state._listenForPropChanges = true;
-      return prepareContext(state);
+  function updateAll(props) {
+    if (typeof context.update === 'function') {
+      context.update(props);
     }
-  }, {
-    key: "mergeContext",
-    value: function mergeContext(props, context) {
-      var value = props.value,
-          rest = _objectWithoutProperties(props, _excluded3);
-
-      var merge = _objectSpread(_objectSpread({}, value), rest);
-
-      var mergedContext = _objectSpread(_objectSpread({}, context), merge);
 
-      if (context.FormRow && merge.FormRow) {
-        mergedContext.FormRow = _objectSpread(_objectSpread({}, context.FormRow), merge.FormRow);
-      }
+    setLocalContext({
+      __context__: props
+    });
+  }
+}
 
-      return mergedContext;
-    }
-  }]);
+function mergeContext(context, props) {
+  var value = props.value,
+      rest = _objectWithoutProperties(props, _excluded2);
 
-  return Provider;
-}(React.PureComponent);
+  var merge = _objectSpread(_objectSpread({}, value), rest);
 
-_defineProperty(Provider, "contextType", Context);
+  var mergedContext = _objectSpread(_objectSpread({}, context), merge);
 
-_defineProperty(Provider, "defaultProps", {});
+  if (context !== null && context !== void 0 && context.FormRow && merge.FormRow) {
+    mergedContext.FormRow = _objectSpread(_objectSpread({}, context.FormRow), merge.FormRow);
+    mergedContext.FormRow = prepareFormRowContext(mergedContext.FormRow);
+  }
 
-export { Provider as default };
+  return mergedContext;
+}

package/style/core/helper-classes/helper-classes.scss

@@ -3,10 +3,6 @@
  *
  */
 
-:root {
-  --easing-default: cubic-bezier(0.42, 0, 0, 1);
-}
-
 // Focus management
 .dnb-no-focus {
   outline: none;

package/style/core/properties.scss

@@ -106,6 +106,9 @@
   --shadow-default-blur-radius: 16px;
   --shadow-default-color: rgba(51, 51, 51, 0.08);
 
+  // Easing
+  --easing-default: cubic-bezier(0.42, 0, 0, 1);
+
   @if mixin-exists('propertiesCustomisation') {
     @include propertiesCustomisation();
   }

package/style/core/utilities.scss

@@ -44,6 +44,17 @@
   }
 }
 
+@mixin whatInput($whatinput: null) {
+  html[data-whatinput='#{$whatinput}'] & {
+    @content;
+  }
+}
+@mixin whatInputNot($whatinput: null) {
+  html:not([data-whatinput='#{$whatinput}']) & {
+    @content;
+  }
+}
+
 $focusRingWidth: 0.125rem; //2px
 $focusRingColor: var(--color-emerald-green);
 @mixin fakeFocus($whatinput: null, $color: null, $inset: null) {
@@ -56,7 +67,7 @@ $focusRingColor: var(--color-emerald-green);
     $color: $focusRingColor;
   }
 
-  html[data-whatinput='#{$whatinput}'] & {
+  @include whatInput($whatinput) {
     @include fakeBorder($color, $focusRingWidth, $inset);
   }
 }
@@ -252,11 +263,9 @@ $focusRingColor: var(--color-emerald-green);
 
 // Safari Desktop fix
 @mixin IS_SAFARI_DESKTOP() {
-  @media not all and (min-resolution: 0.001dpcm) {
-    @supports (-webkit-appearance: none) and (stroke-color: transparent)
-      and (not (-webkit-overflow-scrolling: touch)) {
-      @content;
-    }
+  @supports (-webkit-appearance: none) and (stroke-color: transparent) and
+    (not (-webkit-touch-callout: none)) {
+    @content;
   }
 }
 

package/style/dnb-ui-basis.css

@@ -89,7 +89,8 @@
   --shadow-default-x: 0;
   --shadow-default-y: 8px;
   --shadow-default-blur-radius: 16px;
-  --shadow-default-color: rgba(51, 51, 51, 0.08); }
+  --shadow-default-color: rgba(51, 51, 51, 0.08);
+  --easing-default: cubic-bezier(0.42, 0, 0, 1); }
 
 /*
  * Scopes
@@ -166,9 +167,6 @@
  * Helper Classes
  *
  */
-:root {
-  --easing-default: cubic-bezier(0.42, 0, 0, 1); }
-
 .dnb-no-focus {
   outline: none; }