@dnb/eufemia 9.34.3 → 9.36.0

package/package.json

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

package/shared/Eufemia.js

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

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

@@ -72,18 +72,12 @@ export 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) {
-      warn('window.matchMedia is "undefined"');
-    }
-
     return null;
   }
 

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

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

package/shared/useMediaQuery.js

@@ -37,9 +37,11 @@ export default function useMediaQuery(props) {
     }
 
     if (typeof listenerRef.current === 'function') {
+      var _mediaQueryList$curre2;
+
       listenerRef.current();
       mediaQueryList.current = 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 = createMediaQueryListener(mediaQueryList.current, function (match) {
@@ -47,5 +49,5 @@ export default function useMediaQuery(props) {
     });
     return listenerRef.current;
   }, [query, when, not, disabled]);
-  return match;
+  return Boolean(match);
 }

package/style/dnb-ui-components.css

@@ -5394,6 +5394,12 @@ html[data-dnb-modal-active] {
   .dnb-section--spacing-medium {
     padding: 1.5rem 0;
     padding: var(--spacing-medium) 0; }
+  .dnb-section--spacing-x-large {
+    padding: 3rem 0;
+    padding: var(--spacing-x-large) 0; }
+  .dnb-section--spacing-xx-large {
+    padding: 3.5rem 0;
+    padding: var(--spacing-xx-large) 0; }
   .dnb-section--spacing, .dnb-section--spacing-large {
     padding: 2rem 0;
     padding: var(--spacing-large) 0; }
@@ -7536,13 +7542,25 @@ span.dnb-space--no-collapse > span {
     /* stylelint-enable */ }
     html[data-whatinput='keyboard'] .dnb-tabs__button__snap:last-of-type.focus .dnb-tabs__button:focus {
       margin-right: 0.5rem; }
+  .dnb-tabs__cached {
+    opacity: 1;
+    -webkit-transition: opacity 1s cubic-bezier(0.42, 0, 0, 1);
+    transition: opacity 1s cubic-bezier(0.42, 0, 0, 1);
+    -webkit-transition: opacity 1s var(--easing-default);
+    transition: opacity 1s var(--easing-default); }
+  .dnb-tabs__cached--hidden {
+    opacity: 0;
+    visibility: hidden;
+    height: 0 !important;
+    overflow: hidden; }
+  html[data-visual-test] .dnb-tabs .dnb-tabs__cached,
   html[data-visual-test] .dnb-tabs .dnb-tabs__button,
   html[data-visual-test] .dnb-tabs .dnb-tabs__button__snap,
   html[data-visual-test] .dnb-tabs .dnb-tabs__scroll-nav-button {
     -webkit-transition: none !important;
     transition: none !important; }
-  .dnb-tabs__content--spacing {
-    padding-top: 2rem; }
+  .dnb-tabs__content {
+    padding-bottom: 0; }
 
 /*
 * Tag component