@dnb/eufemia 9.34.3 → 9.36.0

package/es/shared/useMediaQuery.js

@@ -34,13 +34,15 @@ 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, match => matchUpdate(match));
     return listenerRef.current;
   }, [query, when, not, disabled]);
-  return match;
+  return Boolean(match);
 }

package/es/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