@dnb/eufemia 9.35.0 → 9.36.0

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to @dnb/eufemia will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [9.36.0](https://github.com/dnbexperience/eufemia/compare/v9.35.0...v9.36.0) (2022-11-02)
+
+
+### Bug Fixes
+
+* **Section:** add official support for x-large and xx-large spacing ([#1672](https://github.com/dnbexperience/eufemia/issues/1672)) ([0c0e7c2](https://github.com/dnbexperience/eufemia/commit/0c0e7c2936b029d9b919619b1667ed4eb310e98d))
+* **StepIndicator:** add example on how to use it with a router (browser location) ([9e7e708](https://github.com/dnbexperience/eufemia/commit/9e7e708ea6f34c72a821e53ce1865db294a6f542))
+* **StepIndicator:** support spacing in Sidebar ([#1681](https://github.com/dnbexperience/eufemia/issues/1681)) ([de9735f](https://github.com/dnbexperience/eufemia/commit/de9735fab1bb4ad6a2086c6f848a104a2f1b3024))
+* **Tabs:** align styles to properly function side by side with Section component in content ([#1671](https://github.com/dnbexperience/eufemia/issues/1671)) ([a607b5f](https://github.com/dnbexperience/eufemia/commit/a607b5ff70e39644e2640674a0322eac55914a32))
+* **useMediaQuery:**  remove warning and handle environments without breaking ([#1685](https://github.com/dnbexperience/eufemia/issues/1685)) ([480c509](https://github.com/dnbexperience/eufemia/commit/480c5096f21bafb932c74af4df91f530278ff374))
+
+
+### Features
+
+* **Tabs:** make tabs content animate its height ([#1667](https://github.com/dnbexperience/eufemia/issues/1667)) ([3f1bf5e](https://github.com/dnbexperience/eufemia/commit/3f1bf5e81aa1520cb5363c5ec26c9dba7b43949f))
+* **Upload:** accept jpeg when only jpg is defined ([#1677](https://github.com/dnbexperience/eufemia/issues/1677)) ([b5eb00b](https://github.com/dnbexperience/eufemia/commit/b5eb00bf63592e69ebbc864c3f053f18a19d6adc))
+* **Upload:** highlight existing files visually ([#1657](https://github.com/dnbexperience/eufemia/issues/1657)) ([e17f66d](https://github.com/dnbexperience/eufemia/commit/e17f66d918860c6e529f44267b628e9ec901f800))
+
 # [9.35.0](https://github.com/dnbexperience/eufemia/compare/v9.34.3...v9.35.0) (2022-10-28)
 
 

package/cjs/components/space/Space.js

@@ -122,9 +122,9 @@ function Element(_ref) {
   }
 
   if ((0, _componentHelper.isTrue)(no_collapse)) {
-    var R = E === 'span' || (0, _SpacingUtils.isInline)(Element) ? 'span' : 'div';
+    var R = E === 'span' || (0, _SpacingUtils.isInline)(element) ? 'span' : 'div';
     return _react.default.createElement(R, {
-      className: 'dnb-space--no-collapse' + ((0, _SpacingUtils.isInline)(Element) ? " dnb-space--inline" : "")
+      className: 'dnb-space--no-collapse' + ((0, _SpacingUtils.isInline)(element) ? " dnb-space--inline" : "")
     }, component);
   }
 

package/cjs/components/space/SpacingUtils.d.ts

@@ -2,6 +2,14 @@
  * Space helper
  *
  */
+import type { SpacingProps } from './types';
+declare type Props = SpacingProps | Record<string, unknown>;
+declare type StyleObjectProps = {
+    maxWidth?: string;
+    maxHeight?: string;
+    width?: string;
+    height?: string;
+};
 export declare const spacingDefaultProps: {
     space: any;
     top: any;
@@ -27,12 +35,9 @@ export declare const findType: (num: any, { returnObject }?: {
     returnObject?: boolean;
 }) => string | [string, number];
 export declare const findNearestTypes: (num: any) => any[];
-export declare const isValidSpaceProp: (prop: any) => boolean;
-export declare const removeSpaceProps: ({ ...props }: {
-    [x: string]: any;
-}) => {
-    [x: string]: any;
-};
-export declare const createSpacingClasses: (props: any, Element?: any) => any[];
-export declare const createStyleObject: (props: any) => {};
-export declare const isInline: (Element: any) => boolean;
+export declare const isValidSpaceProp: (propName: string) => boolean;
+export declare const removeSpaceProps: (props: Props) => Props;
+export declare const createSpacingClasses: (props: Props, Element?: any) => any[];
+export declare const createStyleObject: (props: Props & StyleObjectProps) => {};
+export declare const isInline: (elementName: string) => boolean;
+export {};

package/cjs/components/space/SpacingUtils.js

@@ -18,7 +18,11 @@ 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.object.keys.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -55,11 +59,19 @@ require("core-js/modules/es.array.concat.js");
 
 require("core-js/modules/es.array.includes.js");
 
+require("core-js/modules/es.object.is-frozen.js");
+
 require("core-js/modules/es.array.join.js");
 
 var _componentHelper = require("../../shared/component-helper");
 
-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 _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); }
+
+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 _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; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -243,47 +255,50 @@ var findNearestTypes = function findNearestTypes(num) {
 
 exports.findNearestTypes = findNearestTypes;
 
-var isValidSpaceProp = function isValidSpaceProp(prop) {
-  return prop && ['top', 'right', 'bottom', 'left'].includes(prop);
+var isValidSpaceProp = function isValidSpaceProp(propName) {
+  return propName && ['top', 'right', 'bottom', 'left'].includes(propName);
 };
 
 exports.isValidSpaceProp = isValidSpaceProp;
 
-var removeSpaceProps = function removeSpaceProps(_ref6) {
-  var props = _extends({}, _ref6);
+var removeSpaceProps = function removeSpaceProps(props) {
+  var p = Object.isFrozen(props) ? _objectSpread({}, props) : props;
 
-  for (var i in props) {
+  for (var i in p) {
     if (isValidSpaceProp(i)) {
-      delete props[i];
+      delete p[i];
     }
   }
 
-  return props;
+  return p;
 };
 
 exports.removeSpaceProps = removeSpaceProps;
 
 var createSpacingClasses = function createSpacingClasses(props) {
   var Element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var p = Object.isFrozen(props) ? _objectSpread({}, props) : props;
 
-  if (typeof props.space !== 'undefined') {
-    if (typeof props.space === 'string' || typeof props.space === 'number' || typeof props.space === 'boolean' && props.space) {
-      props.top = props.right = props.bottom = props.left = props.space;
+  if (typeof p.space !== 'undefined') {
+    if (typeof p.space === 'string' || typeof p.space === 'number' || typeof p.space === 'boolean' && p.space) {
+      p.top = p.right = p.bottom = p.left = p.space;
     }
 
-    for (var i in props.space) {
-      if (!props[i] && isValidSpaceProp(i)) {
-        props[i] = props.space[i];
+    if (_typeof(p.space) === 'object') {
+      for (var i in p.space) {
+        if (!p[i] && isValidSpaceProp(i)) {
+          p[i] = p.space[i];
+        }
       }
     }
 
-    delete props.space;
+    delete p.space;
   }
 
-  return Object.entries(props).reduce(function (acc, _ref7) {
-    var _ref8 = _slicedToArray(_ref7, 2),
-        direction = _ref8[0],
-        cur = _ref8[1];
+  return Object.entries(p).reduce(function (acc, _ref6) {
+    var _ref7 = _slicedToArray(_ref6, 2),
+        direction = _ref7[0],
+        cur = _ref7[1];
 
     if (isValidSpaceProp(direction)) {
       if (String(cur) === '0' || String(cur) === 'false') {
@@ -316,33 +331,35 @@ var createSpacingClasses = function createSpacingClasses(props) {
 exports.createSpacingClasses = createSpacingClasses;
 
 var createStyleObject = function createStyleObject(props) {
-  if (props.top && !(parseFloat(props.top) > 0)) {
-    props.top = sumTypes(props.top);
+  var p = Object.isFrozen(props) ? _objectSpread({}, props) : props;
+
+  if (p.top && !(parseFloat(String(p.top)) > 0)) {
+    p.top = sumTypes(p.top);
   }
 
-  if (props.bottom && !(parseFloat(props.bottom) > 0)) {
-    props.bottom = sumTypes(props.bottom);
+  if (p.bottom && !(parseFloat(String(p.bottom)) > 0)) {
+    p.bottom = sumTypes(p.bottom);
   }
 
-  if (props.left && !(parseFloat(props.left) > 0)) {
-    props.left = sumTypes(props.left);
+  if (p.left && !(parseFloat(String(p.left)) > 0)) {
+    p.left = sumTypes(p.left);
   }
 
-  if (props.right && !(parseFloat(props.right) > 0)) {
-    props.right = sumTypes(props.right);
+  if (p.right && !(parseFloat(String(p.right)) > 0)) {
+    p.right = sumTypes(p.right);
   }
 
   return Object.entries({
-    marginTop: props.top && "".concat(props.top, "rem"),
-    marginBottom: props.bottom && "".concat(props.bottom, "rem"),
-    maxWidth: props.maxWidth && "".concat(props.maxWidth, "rem"),
-    maxHeight: props.maxHeight && "".concat(props.maxHeight, "rem"),
-    width: props.width && "".concat(props.width, "rem"),
-    height: props.height && "".concat(props.height, "rem")
-  }).reduce(function (acc, _ref9) {
-    var _ref10 = _slicedToArray(_ref9, 2),
-        key = _ref10[0],
-        val = _ref10[1];
+    marginTop: p.top && "".concat(p.top, "rem"),
+    marginBottom: p.bottom && "".concat(p.bottom, "rem"),
+    maxWidth: p.maxWidth && "".concat(p.maxWidth, "rem"),
+    maxHeight: p.maxHeight && "".concat(p.maxHeight, "rem"),
+    width: p.width && "".concat(p.width, "rem"),
+    height: p.height && "".concat(p.height, "rem")
+  }).reduce(function (acc, _ref8) {
+    var _ref9 = _slicedToArray(_ref8, 2),
+        key = _ref9[0],
+        val = _ref9[1];
 
     if (typeof val !== 'undefined') {
       acc[key] = val;
@@ -354,10 +371,8 @@ var createStyleObject = function createStyleObject(props) {
 
 exports.createStyleObject = createStyleObject;
 
-var isInline = function isInline(Element) {
-  var inline = false;
-
-  switch (Element) {
+var isInline = function isInline(elementName) {
+  switch (elementName) {
     case 'h1':
     case 'h2':
     case 'h3':
@@ -365,11 +380,10 @@ var isInline = function isInline(Element) {
     case 'h5':
     case 'h6':
     case 'p':
-      inline = true;
-      break;
+      return true;
   }
 
-  return inline;
+  return false;
 };
 
 exports.isInline = isInline;

package/cjs/components/step-indicator/StepIndicatorSidebar.js

@@ -33,6 +33,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _componentHelper = require("../../shared/component-helper");
 
 var _Context = _interopRequireDefault(require("../../shared/Context"));
@@ -43,6 +45,8 @@ var _StepIndicatorProps = require("./StepIndicatorProps");
 
 var _StepIndicatorContext = require("./StepIndicatorContext");
 
+var _SpacingHelper = require("../space/SpacingHelper");
+
 var _StepIndicatorList;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -133,7 +137,7 @@ var StepIndicatorSidebar = function (_React$PureComponent) {
       var providerProps = this.state.showInitialData ? this.getContextAndProps() : null;
       return _react.default.createElement("div", {
         id: 'sidebar__' + this.props.sidebar_id,
-        className: "dnb-step-indicator-v2 dnb-step-indicator__sidebar" + (this._hasSkeletonData && providerProps !== null && providerProps !== void 0 && providerProps.skeleton ? " dnb-step-indicator__sidebar--ssr-skeleton" : "")
+        className: (0, _classnames.default)("dnb-step-indicator-v2 dnb-step-indicator__sidebar", (0, _SpacingHelper.createSpacingClasses)(this.props), this._hasSkeletonData && (providerProps === null || providerProps === void 0 ? void 0 : providerProps.skeleton) && 'dnb-step-indicator__sidebar--ssr-skeleton')
       }, providerProps && _react.default.createElement(_StepIndicatorContext.StepIndicatorProvider, _extends({
         isSidebar: true,
         sidebar_id: this.props.internalId || this.props.sidebar_id

package/cjs/elements/Element.d.ts

@@ -49,5 +49,5 @@ declare const Element: React.ForwardRefExoticComponent<Pick<{
     skeleton_method?: SkeletonMethods;
 } & import("../shared/types").SpacingElementProps & {
     space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
-} & ElementInternalProps & React.HTMLProps<HTMLElement>, "aria-hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "accessKey" | "key" | "value" | "top" | "right" | "bottom" | "left" | "width" | "height" | "size" | "children" | "className" | "skeleton" | "space" | "alt" | "src" | "shape" | "list" | "step" | "content" | "inner_ref" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "class" | "innerRef" | "skeletonMethod" | "internalClass" | "css" | "skeleton_method"> & React.RefAttributes<unknown>>;
+} & ElementInternalProps & React.HTMLProps<HTMLElement>, "aria-hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "accessKey" | "key" | "value" | "top" | "right" | "bottom" | "left" | "space" | "width" | "height" | "size" | "children" | "className" | "skeleton" | "alt" | "src" | "shape" | "list" | "step" | "content" | "inner_ref" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "class" | "innerRef" | "skeletonMethod" | "internalClass" | "css" | "skeleton_method"> & React.RefAttributes<unknown>>;
 export default Element;

package/cjs/shared/Eufemia.js

@@ -21,7 +21,7 @@ function init() {
       _createClass(Eufemia, [{
         key: "version",
         get: function get() {
-          return '__VERSION__';
+          return '9.36.0';
         }
       }]);
 

package/cjs/shared/MediaQueryUtils.d.ts

@@ -32,10 +32,6 @@ export declare type MediaQueryProperties = {
      * If set to true, no MediaQuery will be used.
      */
     disabled?: boolean;
-    /**
-     * If set to true, no Eufemia warning will be shown when window.matchMedia is undefined
-     */
-    dismissWarning?: boolean;
     /**
      * For debugging
      */
@@ -84,7 +80,7 @@ export declare const isMatchMediaSupported: () => boolean;
  * @property {boolean} log - print used query to console
  * @returns MediaQueryList type
  */
-export declare function makeMediaQueryList({ query, when, not, log, disabled, dismissWarning, }?: MediaQueryProperties, breakpoints?: MediaQueryBreakpoints): MediaQueryList;
+export declare function makeMediaQueryList({ query, when, not, log, disabled, }?: MediaQueryProperties, breakpoints?: MediaQueryBreakpoints): MediaQueryList;
 /**
  * Adds a listener to the window.matchMedia Browser API
  *

package/cjs/shared/MediaQueryUtils.js

@@ -136,18 +136,12 @@ function makeMediaQueryList() {
       _ref2$log = _ref2.log,
       log = _ref2$log === void 0 ? false : _ref2$log,
       _ref2$disabled = _ref2.disabled,
-      disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-      _ref2$dismissWarning = _ref2.dismissWarning,
-      dismissWarning = _ref2$dismissWarning === void 0 ? false : _ref2$dismissWarning;
+      disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
 
   var breakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var isSupported = isMatchMediaSupported();
 
   if (disabled || !isSupported) {
-    if (!dismissWarning && !isSupported) {
-      (0, _helpers.warn)('window.matchMedia is "undefined"');
-    }
-
     return null;
   }
 

package/cjs/shared/SpacingHelper.d.ts

@@ -1 +1,6 @@
-export const SpacingHelper: (props: any) => {};
+export const SpacingHelper: (props: (Record<string, unknown> | import("./types").SpacingProps) & {
+    maxWidth?: string;
+    maxHeight?: string;
+    width?: string;
+    height?: string;
+}) => {};

package/cjs/shared/useMedia.js

@@ -131,8 +131,7 @@ function useMedia() {
     var mediaQueryList = (0, _MediaQueryUtils.makeMediaQueryList)({
       when: when,
       disabled: disabled,
-      log: log,
-      dismissWarning: true
+      log: log
     }, context.breakpoints);
     var event = (0, _MediaQueryUtils.createMediaQueryListener)(mediaQueryList, function (match) {
       if (!disabledRef.current && match) {

package/cjs/shared/useMediaQuery.js

@@ -87,9 +87,11 @@ function useMediaQuery(props) {
     }
 
     if (typeof listenerRef.current === 'function') {
+      var _mediaQueryList$curre2;
+
       listenerRef.current();
       mediaQueryList.current = (0, _MediaQueryUtils.makeMediaQueryList)(props, context.breakpoints);
-      matchUpdate(mediaQueryList.current.matches);
+      matchUpdate((_mediaQueryList$curre2 = mediaQueryList.current) === null || _mediaQueryList$curre2 === void 0 ? void 0 : _mediaQueryList$curre2.matches);
     }
 
     listenerRef.current = (0, _MediaQueryUtils.createMediaQueryListener)(mediaQueryList.current, function (match) {
@@ -98,5 +100,5 @@ function useMediaQuery(props) {
     return listenerRef.current;
   }, [query, when, not, disabled]);
 
-  return match;
+  return Boolean(match);
 }

package/components/space/Space.js

@@ -58,9 +58,9 @@ function Element(_ref) {
   }
 
   if (isTrue(no_collapse)) {
-    var R = E === 'span' || isInline(Element) ? 'span' : 'div';
+    var R = E === 'span' || isInline(element) ? 'span' : 'div';
     return React.createElement(R, {
-      className: 'dnb-space--no-collapse' + (isInline(Element) ? " dnb-space--inline" : "")
+      className: 'dnb-space--no-collapse' + (isInline(element) ? " dnb-space--inline" : "")
     }, component);
   }
 

package/components/space/SpacingUtils.d.ts

@@ -2,6 +2,14 @@
  * Space helper
  *
  */
+import type { SpacingProps } from './types';
+declare type Props = SpacingProps | Record<string, unknown>;
+declare type StyleObjectProps = {
+    maxWidth?: string;
+    maxHeight?: string;
+    width?: string;
+    height?: string;
+};
 export declare const spacingDefaultProps: {
     space: any;
     top: any;
@@ -27,12 +35,9 @@ export declare const findType: (num: any, { returnObject }?: {
     returnObject?: boolean;
 }) => string | [string, number];
 export declare const findNearestTypes: (num: any) => any[];
-export declare const isValidSpaceProp: (prop: any) => boolean;
-export declare const removeSpaceProps: ({ ...props }: {
-    [x: string]: any;
-}) => {
-    [x: string]: any;
-};
-export declare const createSpacingClasses: (props: any, Element?: any) => any[];
-export declare const createStyleObject: (props: any) => {};
-export declare const isInline: (Element: any) => boolean;
+export declare const isValidSpaceProp: (propName: string) => boolean;
+export declare const removeSpaceProps: (props: Props) => Props;
+export declare const createSpacingClasses: (props: Props, Element?: any) => any[];
+export declare const createStyleObject: (props: Props & StyleObjectProps) => {};
+export declare const isInline: (elementName: string) => boolean;
+export {};