@dnb/eufemia 9.37.0 → 9.38.0-beta.1

package/cjs/icons/wheelchair.js

@@ -17,17 +17,17 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 var wheelchair = function wheelchair(props) {
   return _react.default.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.default.createElement("path", {
-    d: "M9.08 13.67c-1.4 1.564-3.973 1.781-5.652.478-1.679-1.303-1.913-3.7-.513-5.263M8.5 6.5h-3V11h5l3 3M8 2.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z",
     stroke: "#000",
-    strokeWidth: 1.5,
     strokeLinecap: "round",
-    strokeLinejoin: "round"
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    d: "M9.08 13.67c-1.4 1.564-3.973 1.781-5.652.478-1.679-1.303-1.913-3.7-.513-5.263M8.5 6.5h-3V11h5l3 3M8 2.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"
   })));
 };
 

package/cjs/icons/wheelchair_medium.js

@@ -17,17 +17,17 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 var wheelchair_medium = function wheelchair_medium(props) {
   return _react.default.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.default.createElement("path", {
-    d: "M13.62 20.91c-2.1 2.457-5.96 2.8-8.478.751-2.518-2.048-2.87-5.814-.77-8.27m7.633-9.822c0 1.42-1.179 2.57-2.633 2.57s-2.633-1.15-2.633-2.57C6.739 2.15 7.918 1 9.372 1s2.633 1.15 2.633 2.57Zm6.37 17.457-2.858-3.347a1.53 1.53 0 0 0-1.154-.53H8.996c-.82 0-1.505-.668-1.505-1.468V9.81c0-.8.685-1.468 1.505-1.468h3.821c1.937 0 1.937 2.936 0 2.936h-2.316v2.936h3.862A4.6 4.6 0 0 1 17.83 15.8l2.852 3.346c1.15 1.463-1.109 3.167-2.307 1.881Z",
     stroke: "#000",
-    strokeWidth: 1.5,
     strokeLinecap: "round",
-    strokeLinejoin: "round"
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    d: "M13.62 20.91c-2.1 2.457-5.96 2.8-8.478.751-2.518-2.048-2.87-5.814-.77-8.27m7.633-9.822c0 1.42-1.179 2.57-2.633 2.57s-2.633-1.15-2.633-2.57C6.739 2.15 7.918 1 9.372 1s2.633 1.15 2.633 2.57Zm6.37 17.457-2.858-3.347a1.53 1.53 0 0 0-1.154-.53H8.996c-.82 0-1.505-.668-1.505-1.468V9.81c0-.8.685-1.468 1.505-1.468h3.821c1.937 0 1.937 2.936 0 2.936h-2.316v2.936h3.862A4.6 4.6 0 0 1 17.83 15.8l2.852 3.346c1.15 1.463-1.109 3.167-2.307 1.881Z"
   })));
 };
 

package/cjs/icons/widget_android.js

@@ -17,15 +17,15 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 var widget_android = function widget_android(props) {
   return _react.default.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.default.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/cjs/icons/widget_android_medium.js

@@ -17,15 +17,15 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 var widget_android_medium = function widget_android_medium(props) {
   return _react.default.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.default.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/cjs/icons/widget_ios.js

@@ -17,17 +17,17 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 var widget_ios = function widget_ios(props) {
   return _react.default.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.default.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/cjs/icons/widget_ios_medium.js

@@ -17,17 +17,17 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 var widget_ios_medium = function widget_ios_medium(props) {
   return _react.default.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.default.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/cjs/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/cjs/shared/Context.js

@@ -13,7 +13,8 @@ require("core-js/modules/es.object.get-own-property-descriptors.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.prepareContext = exports.default = void 0;
+exports.default = void 0;
+exports.prepareContext = prepareContext;
 
 require("core-js/modules/es.regexp.exec.js");
 
@@ -47,14 +48,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var prepareContext = function prepareContext() {
+function prepareContext() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var locales = props.locales ? (0, _componentHelper.extend)(_locales.default, props.locales) : _locales.default;
 
-  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 || _defaults.LOCALE, locales);
@@ -88,9 +89,7 @@ var prepareContext = function prepareContext() {
   });
 
   return context;
-};
-
-exports.prepareContext = prepareContext;
+}
 
 function handleLocaleFallbacks(locale, locales) {
   if (!locales[locale]) {

package/cjs/shared/Eufemia.js

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

package/cjs/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/cjs/shared/Provider.js

@@ -2,19 +2,31 @@
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-require("core-js/modules/es.object.get-prototype-of.js");
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.index-of.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
 
 require("core-js/modules/es.object.to-string.js");
 
-require("core-js/modules/es.reflect.construct.js");
+require("core-js/modules/es.symbol.iterator.js");
 
-require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.array.iterator.js");
 
-require("core-js/modules/es.array.index-of.js");
+require("core-js/modules/es.string.iterator.js");
 
-require("core-js/modules/es.symbol.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.array.from.js");
 
-require("core-js/modules/es.object.assign.js");
+require("core-js/modules/es.regexp.exec.js");
 
 require("core-js/modules/es.array.filter.js");
 
@@ -24,34 +36,21 @@ require("core-js/modules/web.dom-collections.for-each.js");
 
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
 
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = Provider;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _Context = _interopRequireWildcard(require("./Context"));
 
-var _componentHelper = require("./component-helper");
-
 var _FormRowHelpers = require("../components/form-row/FormRowHelpers");
 
 var _excluded = ["children"],
-    _excluded2 = ["children"],
-    _excluded3 = ["value"];
+    _excluded2 = ["value"];
 
 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); }
 
@@ -63,174 +62,93 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-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; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var Provider = function (_React$PureComponent) {
-  _inherits(Provider, _React$PureComponent);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-  var _super = _createSuper(Provider);
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-  function Provider(props, context) {
-    var _this;
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-    _classCallCheck(this, Provider);
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-    _this = _super.call(this, props);
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-    var children = props.children,
-        startupProps = _objectWithoutProperties(props, _excluded);
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-    if (typeof startupProps.formRow !== 'undefined') {
-      startupProps.FormRow = startupProps.formRow;
-    }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-    var newContext = Provider.mergeContext(startupProps, context);
-    var isRoot = !(newContext && newContext.__providerId);
-    newContext.__providerId = (0, _componentHelper.makeUniqueId)();
-    var pC = isRoot ? (0, _Context.prepareContext)(newContext) : newContext;
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-    pC.updateCurrent = function (props) {
-      return _this.setNewContext(props);
-    };
+function Provider(localProps) {
+  var children = localProps.children,
+      props = _objectWithoutProperties(localProps, _excluded);
 
-    pC.setCurrentLocale = function (locale) {
-      return _this.setNewContext({
-        locale: locale
-      });
-    };
+  var context = _react.default.useContext(_Context.default);
 
-    pC.update = function (props) {
-      if (typeof context.update === 'function') {
-        context.update(props);
-      }
+  var _React$useState = _react.default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      localContext = _React$useState2[0],
+      setLocalContext = _React$useState2[1];
 
-      _this.setNewContext(props);
-    };
+  var value = mergeContext(context, _objectSpread(_objectSpread({}, localContext), 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;
+  if (context) {
+    value = (0, _Context.prepareContext)(value);
+    context.updateTranslation(value.locale, value.translation);
   }
 
-  _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;
+  value.update = updateAll;
+  value.setLocale = setAllLocale;
+  value.updateCurrent = updateCurrent;
+  value.setCurrentLocale = setCurrentLocale;
+  return _react.default.createElement(_Context.default.Provider, {
+    value: value
+  }, children);
+
+  function updateCurrent(props) {
+    setLocalContext({
+      __context__: props
+    });
+  }
 
-      if (!this.state.isRoot) {
-        value = Provider.mergeContext(this.state, this.context);
+  function setCurrentLocale(locale) {
+    setLocalContext({
+      __context__: {
+        locale: locale
       }
+    });
+  }
 
-      this.context.updateTranslation(value.locale, value.translation);
-      return _react.default.createElement(_Context.default.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 = (0, _FormRowHelpers.prepareFormRowContext)(state.FormRow);
-        }
-      }
+  function setAllLocale(locale) {
+    updateAll({
+      locale: locale
+    });
+  }
 
-      state._listenForPropChanges = true;
-      return (0, _Context.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.default.PureComponent);
+  var merge = _objectSpread(_objectSpread({}, value), rest);
 
-exports.default = Provider;
+  var mergedContext = _objectSpread(_objectSpread({}, context), merge);
 
-_defineProperty(Provider, "contextType", _Context.default);
+  if (context !== null && context !== void 0 && context.FormRow && merge.FormRow) {
+    mergedContext.FormRow = _objectSpread(_objectSpread({}, context.FormRow), merge.FormRow);
+    mergedContext.FormRow = (0, _FormRowHelpers.prepareFormRowContext)(mergedContext.FormRow);
+  }
 
-_defineProperty(Provider, "defaultProps", {});
+  return mergedContext;
+}

package/cjs/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/cjs/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();
   }