@landtrustinc/design-system 1.2.51-beta.1 → 1.2.51-beta.3

package/dist/index.d.ts

@@ -1502,6 +1502,11 @@ type CtaCardProps = {
      * Button URL/href
      */
     ctaUrl: string;
+    /**
+     * Whether to open the CTA link in a new tab
+     * @default false
+     */
+    ctaOpenInNewTab?: boolean;
     /**
      * Callback fired when the CTA card is displayed/rendered
      * Useful for analytics tracking

package/dist/index.js

@@ -6390,12 +6390,18 @@ var WidgetRoot = ({
   (0, import_react31.useEffect)(() => {
     if (!isExpanded)
       return;
-    const isMobile = window.matchMedia("(max-width: 767px)").matches;
-    if (!isMobile)
-      return;
+    const mql = window.matchMedia(`(max-width: calc(${screens.lg} - 1px))`);
     const originalOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
+    const applyScrollLock = (isMobile) => {
+      document.body.style.overflow = isMobile ? "hidden" : originalOverflow;
+    };
+    const handleChange = (e) => {
+      applyScrollLock(e.matches);
+    };
+    applyScrollLock(mql.matches);
+    mql.addEventListener("change", handleChange);
     return () => {
+      mql.removeEventListener("change", handleChange);
       document.body.style.overflow = originalOverflow;
     };
   }, [isExpanded]);
@@ -6886,6 +6892,7 @@ var CtaCard = ({
   description,
   ctaLabel,
   ctaUrl,
+  ctaOpenInNewTab = false,
   onDisplay,
   onCtaClick,
   className
@@ -6904,6 +6911,8 @@ var CtaCard = ({
         variant: "primary",
         size: "base",
         onClick: onCtaClick,
+        target: ctaOpenInNewTab ? "_blank" : void 0,
+        rel: ctaOpenInNewTab ? "noopener noreferrer" : void 0,
         children: ctaLabel
       }
     ) })