@dnb/eufemia 9.37.0 → 9.38.0

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/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/cjs/index.js

@@ -387,24 +387,12 @@ Object.defineProperty(exports, "Tag", {
     return _Tag.default;
   }
 });
-Object.defineProperty(exports, "Td", {
-  enumerable: true,
-  get: function get() {
-    return _Td.default;
-  }
-});
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
   get: function get() {
     return _Textarea.default;
   }
 });
-Object.defineProperty(exports, "Th", {
-  enumerable: true,
-  get: function get() {
-    return _Th.default;
-  }
-});
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
   get: function get() {
@@ -423,12 +411,6 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip.default;
   }
 });
-Object.defineProperty(exports, "Tr", {
-  enumerable: true,
-  get: function get() {
-    return _Tr.default;
-  }
-});
 Object.defineProperty(exports, "Ul", {
   enumerable: true,
   get: function get() {
@@ -497,12 +479,6 @@ var _Paragraph = _interopRequireDefault(require("./elements/Paragraph"));
 
 var _Span = _interopRequireDefault(require("./elements/Span"));
 
-var _Td = _interopRequireDefault(require("./elements/Td"));
-
-var _Th = _interopRequireDefault(require("./elements/Th"));
-
-var _Tr = _interopRequireDefault(require("./elements/Tr"));
-
 var _Ul = _interopRequireDefault(require("./elements/Ul"));
 
 var _Accordion = _interopRequireDefault(require("./components/accordion/Accordion"));

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';
         }
       }]);
 

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;