@landtrustinc/design-system 1.2.37-beta.0 → 1.2.37-beta.1

package/dist/index.js

@@ -4360,16 +4360,13 @@ var baseStyles2 = import_react10.css`
   color: var(--text-primary);
 
   &:hover {
-    border-color: var(--border-secondary);
+    border-color: var(--border-disabled);
   }
 `;
 var checkedStyles = import_react10.css`
   background-color: var(--surface-success);
   border-color: var(--border-action);
 `;
-var checkboxContainerStyles = import_react10.css`
-  flex-shrink: 0;
-`;
 var checkboxStyles = import_react10.css`
   width: 24px;
   height: 24px;
@@ -4382,28 +4379,13 @@ var checkboxStyles = import_react10.css`
   transition: all 0.2s ease;
 
   &:hover {
-    border-color: var(--border-secondary);
+    border-color: var(--border-disabled);
   }
 `;
 var checkboxCheckedStyles = import_react10.css`
   border-color: var(--border-action);
   background-color: var(--surface-page);
 `;
-var checkmarkStyles = import_react10.css`
-  color: var(--border-action);
-`;
-var contentStyles = import_react10.css`
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-`;
-var iconContainerStyles = import_react10.css`
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--icon-primary);
-`;
 
 // src/AddOnBlock/AddOnBlock.tsx
 var import_jsx_runtime212 = require("@emotion/react/jsx-runtime");
@@ -4433,12 +4415,21 @@ var AddOnBlock = ({
       },
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Box_default, { css: checkboxContainerStyles, children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Box_default, { css: [checkboxStyles, checked && checkboxCheckedStyles], children: checked && /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Icon_default, { variant: "Check", size: "small", css: checkmarkStyles }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(Box_default, { css: contentStyles, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Box_default, { css: [checkboxStyles, checked && checkboxCheckedStyles], children: checked && /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Icon_default, { variant: "Check", size: "small", fill: "var(--border-action)" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(Box_default, { display: "flex", flexDirection: "column", flex: 1, children: [
           /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Text_default, { as: "span", size: "md", fontWeight: "bold", children: title }),
           /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children: subtitle })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Box_default, { css: iconContainerStyles, children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Icon_default, { variant: icon2, size: "large" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
+          Box_default,
+          {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            color: "var(--icon-primary)",
+            children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Icon_default, { variant: icon2, size: "large" })
+          }
+        )
       ]
     }
   );
@@ -6073,7 +6064,7 @@ var getBubbleStyles = (variant) => import_react28.css`
   border-bottom-left-radius: ${variant === "sent" ? "var(--radius-lg)" : "0"};
   border-bottom-right-radius: ${variant === "sent" ? "0" : "var(--radius-lg)"};
 `;
-var contentStyles2 = import_react28.css`
+var contentStyles = import_react28.css`
   flex: 1 1 auto;
   min-width: 1px;
   min-height: 1px;
@@ -6097,7 +6088,7 @@ var MessageBubble = ({
         children: timestamp
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { css: contentStyles2, children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)("div", { css: contentStyles, children }) })
   ] });
 };
 var MessageBubble_default = MessageBubble;
@@ -7140,7 +7131,7 @@ var inputWithIconStyles = import_react39.css`
     padding-left: ${space["10"]};
   }
 `;
-var iconContainerStyles2 = import_react39.css`
+var iconContainerStyles = import_react39.css`
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -7152,11 +7143,11 @@ var iconContainerStyles2 = import_react39.css`
   z-index: 1;
 `;
 var startIconStyles = import_react39.css`
-  ${iconContainerStyles2}
+  ${iconContainerStyles}
   left: ${space["3"]};
 `;
 var endIconStyles = import_react39.css`
-  ${iconContainerStyles2}
+  ${iconContainerStyles}
   right: ${space["3"]};
 `;
 var inputWrapperStyles = import_react39.css`