@norges-domstoler/dds-components 22.7.2 → 22.8.1

package/dist/index.mjs

@@ -741,7 +741,6 @@ var useAccordion = ({
   }, [setIsExpanded]);
   const bodyContentRef = useRef5(null);
   const [animate, setAnimate] = useState6(false);
-  const isMounted = useIsMounted();
   const height = useElementHeight(bodyContentRef.current);
   const [initialExpandedHeight, setIntialExpandedHeight] = useState6(null);
   useLayoutEffect2(() => {
@@ -750,10 +749,11 @@ var useAccordion = ({
     }
   }, []);
   useEffect11(() => {
-    if (isMounted()) {
+    const raf = requestAnimationFrame(() => {
       setAnimate(true);
-    }
-  }, [isMounted]);
+    });
+    return () => cancelAnimationFrame(raf);
+  }, []);
   const headerProps = {
     id: `${accordionId}-header`,
     onClick: toggleExpanded,
@@ -1837,21 +1837,7 @@ var focusVisibleInset = {
 var scrollbarWidth = "thin";
 var scrollbarStyling = {
   scrollbarColor: "var(--dds-color-surface-scrollbar) transparent",
-  scrollbarWidth,
-  /* Safari styling. TODO: fjernes når scrollbar styling blir standardisert */
-  /* width */
-  "&::-webkit-scrollbar": {
-    width: "var(--dds-spacing-x0-5)",
-    height: "var(--dds-spacing-x0-5)"
-  },
-  /* Track */
-  "&::-webkit-scrollbar-track": {
-    background: "transparent"
-  },
-  /* Handle */
-  "&::-webkit-scrollbar-thumb": {
-    background: "var(--dds-color-surface-scrollbar)"
-  }
+  scrollbarWidth
 };
 var hideInput = {
   clip: "rect(0 0 0 0)",
@@ -3709,6 +3695,17 @@ var Typography_default = {
   container: "Typography_container"
 };
 
+// src/components/Typography/Typography/Typography.types.ts
+var TG_HEADING_TYPES = [
+  "headingXxsmall",
+  "headingXsmall",
+  "headingSmall",
+  "headingMedium",
+  "headingLarge",
+  "headingXlarge",
+  "headingXxlarge"
+];
+
 // src/components/Typography/Typography/Typography.utils.ts
 var getElementType = (element) => {
   switch (element) {
@@ -3743,7 +3740,7 @@ var getElementType = (element) => {
   }
 };
 var isHeading = (type) => {
-  return true;
+  return TG_HEADING_TYPES.includes(type);
 };
 var isLegend = (as) => {
   return as === "legend";
@@ -4533,6 +4530,7 @@ import { jsx as jsx211 } from "react/jsx-runtime";
 var OverflowMenuButton = ({
   onClick,
   onClickAsync,
+  closeMenuOnClickAsync = true,
   purpose = "default",
   loading,
   ref,
@@ -4549,17 +4547,21 @@ var OverflowMenuButton = ({
   }, []);
   const handleClick = async (e) => {
     if (isLoading) return;
+    const close = () => onClose == null ? void 0 : onClose();
     if (onClickAsync) {
       setInternalLoading(true);
+      const shouldAutoClose = closeMenuOnClickAsync === true;
       try {
         await onClickAsync(e);
+        if (typeof closeMenuOnClickAsync === "function") {
+          closeMenuOnClickAsync(close);
+        } else if (shouldAutoClose) close();
       } finally {
         setInternalLoading(false);
-        onClose == null ? void 0 : onClose();
       }
     } else {
       onClick == null ? void 0 : onClick(e);
-      onClose == null ? void 0 : onClose();
+      close();
     }
   };
   return /* @__PURE__ */ jsx211("li", { children: /* @__PURE__ */ jsx211(
@@ -15333,6 +15335,7 @@ export {
   SunIcon,
   SupportIcon,
   SyncIcon,
+  TG_HEADING_TYPES,
   Tab,
   TabList,
   TabPanel,