@landtrustinc/design-system 1.2.29 → 1.2.32-beta.0

package/dist/index.js

@@ -8997,7 +8997,11 @@ var ScrollingCarousel = ({
             {
               "aria-label": "Previous",
               type: "button",
-              onClick: back,
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                back(e);
+              },
               css: customLeftButton ? customButtonLeft(buttonsPosition) : buttonLeft(buttonsPosition),
               "data-testid": `scrolling-carousel-button-back-${id}`,
               children: customBackIcon ? customBackIcon : /* @__PURE__ */ (0, import_jsx_runtime252.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Icon_default, { variant: "AngleLeft", css: icon }) })
@@ -9008,7 +9012,11 @@ var ScrollingCarousel = ({
             {
               "aria-label": "Next",
               type: "button",
-              onClick: next,
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                next(e);
+              },
               css: buttonRight(buttonsPosition),
               "data-testid": `scrolling-carousel-button-next-${id}`,
               children: customNextIcon ? customNextIcon : /* @__PURE__ */ (0, import_jsx_runtime252.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Icon_default, { variant: "AngleRight", css: icon }) })
@@ -9055,7 +9063,11 @@ ScrollingCarousel.displayName = "ScrollingCarousel";
 
 // src/PackageCard/PackageCard.styles.ts
 var import_react58 = require("@emotion/react");
-var cardContainerStyles3 = (orientation, hasContentBackground) => import_react58.css`
+var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler) => import_react58.css`
+  ${hasClickHandler && `
+    cursor: pointer;
+  `}
+
   color: var(--text-primary);
   position: relative;
   width: 100%;
@@ -9219,8 +9231,9 @@ var PackageCard = ({
     Box_default,
     {
       position: "relative",
-      css: cardContainerStyles3(orientation, hasContentBackground),
+      css: cardContainerStyles3(orientation, hasContentBackground, !!onClick),
       className,
+      onClick,
       ...rest,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
@@ -9251,7 +9264,6 @@ var PackageCard = ({
                     ScrollingCarouselStep,
                     {
                       parentId: carouselId,
-                      onClick,
                       children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
                         Box_default,
                         {
@@ -9305,7 +9317,6 @@ var PackageCard = ({
           /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
             Box_default,
             {
-              onClick,
               display: "flex",
               flexDirection: "column",
               gap: "var(--spacing-1)",