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

package/dist/index.d.ts

@@ -1113,21 +1113,6 @@ type TopMatchingFieldNoteProps = {
      * Children content (used when rendering from markdown)
      */
     children?: React__default.ReactNode;
-    /**
-     * Whether to use Bytescale image optimization
-     * @default true
-     */
-    isBytescaleImage?: boolean;
-    /**
-     * Image width for Bytescale optimization
-     * @default 376
-     */
-    width?: number;
-    /**
-     * Image height for Bytescale optimization
-     * @default 275
-     */
-    height?: number;
 };
 declare const TopMatchingFieldNote: FC<TopMatchingFieldNoteProps>;
 

package/dist/index.js

@@ -5230,13 +5230,6 @@ var imageStyles = import_react17.css`
 
 // src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.tsx
 var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
-var BYTESCALE_ACCOUNT_ID = "12a1yC2";
-var getImageUrl = (path, width2, height, useBytescale) => {
-  if (useBytescale) {
-    return `https://upcdn.io/${BYTESCALE_ACCOUNT_ID}/image${path}?w=${width2}&h=${height}&f=auto&cache_perm=auto&cache_ttl=31536000`;
-  }
-  return path;
-};
 var TopMatchingFieldNote = ({
   author,
   datePosted,
@@ -5244,10 +5237,7 @@ var TopMatchingFieldNote = ({
   images,
   title = "Top matching field note",
   className,
-  children,
-  isBytescaleImage = true,
-  width: width2 = 376,
-  height = 275
+  children
 }) => {
   let parsedImages = [];
   try {
@@ -5281,12 +5271,12 @@ var TopMatchingFieldNote = ({
         className,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: displayContent }),
-          parsedImages.length > 0 && parsedImages[0] && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
+          parsedImages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
             "div",
             {
               css: imageStyles,
               style: {
-                backgroundImage: `url('${getImageUrl(parsedImages[0], width2, height, isBytescaleImage)}')`
+                backgroundImage: `url('${parsedImages[0]}')`
               }
             }
           ),
@@ -9007,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 }) })
@@ -9018,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 }) })
@@ -9065,7 +9063,15 @@ 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;
+
+    &:hover {
+      box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);
+    }
+  `}
+
   color: var(--text-primary);
   position: relative;
   width: 100%;
@@ -9086,6 +9092,12 @@ var cardContainerStyles3 = (orientation, hasContentBackground) => import_react58
       gap: var(--spacing-4);
       box-shadow: 0 0 var(--shadow-blur-lg, 24px) var(--shadow-spread-xs, -4px)
         rgba(17, 17, 17, 0.1);
+
+      ${hasClickHandler && `
+        &:hover {
+          box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);
+        }
+      `}
     }
   `}
 
@@ -9229,8 +9241,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)(
@@ -9261,7 +9274,6 @@ var PackageCard = ({
                     ScrollingCarouselStep,
                     {
                       parentId: carouselId,
-                      onClick,
                       children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
                         Box_default,
                         {
@@ -9315,7 +9327,6 @@ var PackageCard = ({
           /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
             Box_default,
             {
-              onClick,
               display: "flex",
               flexDirection: "column",
               gap: "var(--spacing-1)",