@norges-domstoler/dds-components 19.0.0 → 19.1.0

package/dist/index.mjs

@@ -4459,7 +4459,7 @@ var CalendarPopoverContent = ({
   if (!themeContext) {
     throw new Error("DatePicker must be used within a ThemeProvider");
   }
-  const portalTarget = themeContext == null ? void 0 : themeContext.el;
+  const portalTarget = themeContext.el;
   const { isOpen, onClose, anchorRef, closeButtonRef } = useContext4(
     CalendarPopoverContext
   );
@@ -4471,14 +4471,18 @@ var CalendarPopoverContent = ({
     var _a;
     refs.setReference((_a = anchorRef == null ? void 0 : anchorRef.current) != null ? _a : null);
   }, []);
+  const hasBreakpoint = !!smallScreenBreakpoint;
   useEffect16(() => {
-    if (isOpen) {
-      handleElementWithBackdropMount(document.body);
-    } else {
-      handleElementWithBackdropUnmount(document.body);
+    var _a;
+    if (hasBreakpoint && ((_a = modalRef.current) == null ? void 0 : _a.checkVisibility())) {
+      if (isOpen) {
+        handleElementWithBackdropMount(document.body);
+      } else {
+        handleElementWithBackdropUnmount(document.body);
+      }
+      return () => handleElementWithBackdropUnmount(document.body);
     }
-    return () => handleElementWithBackdropUnmount(document.body);
-  }, [isOpen]);
+  }, [isOpen, hasBreakpoint]);
   const closeOnKeyboardBlurBack = (event) => {
     if (event.key === "Tab" && event.shiftKey === true) {
       onClose();
@@ -4486,7 +4490,7 @@ var CalendarPopoverContent = ({
   };
   if (!isOpen) return null;
   return /* @__PURE__ */ jsxs34(Fragment3, { children: [
-    portalTarget && createPortal(
+    portalTarget && hasBreakpoint && createPortal(
       /* @__PURE__ */ jsx207(
         "div",
         {
@@ -11637,6 +11641,7 @@ import { createContext as createContext13, useContext as useContext20 } from "re
 var TabsContext = createContext13({
   activeTab: 0,
   tabsId: "",
+  size: "small",
   handleTabChange: () => null,
   tabListRef: null,
   tabPanelsRef: null,
@@ -11654,6 +11659,10 @@ var Tabs_default = {
   "tab-row--standard-widths": "Tabs_tab-row--standard-widths",
   "tab-row--custom-widths": "Tabs_tab-row--custom-widths",
   tab: "Tabs_tab",
+  "tab--medium--row": "Tabs_tab--medium--row",
+  "tab--small--row": "Tabs_tab--small--row",
+  "tab--medium--column": "Tabs_tab--medium--column",
+  "tab--small--column": "Tabs_tab--small--column",
   "tab--row": "Tabs_tab--row",
   "tab--column": "Tabs_tab--column",
   "tab--active": "Tabs_tab--active",
@@ -11711,7 +11720,7 @@ var AddTabButton = forwardRef101(
     useSetTabWidth(index, width);
     const buttonRef = useRef34(null);
     const combinedRef = useCombinedRef(ref, buttonRef);
-    const { tabContentDirection } = useTabsContext();
+    const { tabContentDirection, size: size2 } = useTabsContext();
     return /* @__PURE__ */ jsxs76(
       "button",
       {
@@ -11721,7 +11730,7 @@ var AddTabButton = forwardRef101(
           className,
           Tabs_default.tab,
           Tabs_default[`tab--${tabContentDirection}`],
-          typographyStyles_default[getTypographyCn(defaultTypographyType)],
+          typographyStyles_default[`body-${size2}`],
           focus_default["focusable--inset"]
         ),
         children: [
@@ -11749,6 +11758,7 @@ var Tabs = forwardRef102((props, ref) => {
     activeTab,
     onChange,
     tabContentDirection = "row",
+    size: size2 = "small",
     addTabButtonProps,
     width,
     children,
@@ -11781,6 +11791,7 @@ var Tabs = forwardRef102((props, ref) => {
       value: {
         tabsId: uniqueId,
         activeTab: thisActiveTab,
+        size: size2,
         handleTabChange,
         tabListRef,
         tabPanelsRef,
@@ -11835,7 +11846,7 @@ var Tab = forwardRef103((props, ref) => {
   useSetTabWidth(index, width);
   const itemRef = useRef36(null);
   const combinedRef = useCombinedRef(ref, itemRef);
-  const { tabContentDirection } = useTabsContext();
+  const { tabContentDirection, size: size2 } = useTabsContext();
   useEffect32(() => {
     var _a;
     if (focus) {
@@ -11863,9 +11874,10 @@ var Tab = forwardRef103((props, ref) => {
         cn(
           className,
           Tabs_default.tab,
+          Tabs_default[`tab--${size2}--${tabContentDirection}`],
           active && Tabs_default["tab--active"],
           Tabs_default[`tab--${tabContentDirection}`],
-          typographyStyles_default[getTypographyCn(defaultTypographyType)],
+          typographyStyles_default[`body-${size2}`],
           focus_default["focusable--inset"]
         ),
         htmlProps,
@@ -11919,7 +11931,11 @@ var TabList = forwardRef104(
         index,
         focus: focus === index && hasTabFocus,
         setFocus,
-        onClick: () => handleTabChange(index)
+        onClick: () => {
+          var _a, _b;
+          handleTabChange(index);
+          (_b = (_a = child.props).onClick) == null ? void 0 : _b.call(_a);
+        }
       });
     }) : [];
     if (hasButton && tabListChildren) {