@loafmarkets/ui 0.1.336 → 0.1.338

package/dist/index.js

@@ -13337,24 +13337,22 @@ function OrderConfirmationModal({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(ButtonRow2, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
+          SecondaryButton,
           {
             type: "button",
             onClick: onClose,
-            className: "secondary",
             disabled: isPlacing,
             children: "Cancel"
           }
         ),
         !hasInsufficientFunds && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
+          PrimaryButton,
           {
             type: "button",
             onClick: () => {
               if (dontShowAgain) setSkipIpoConfirm(true);
               onConfirm();
             },
-            className: "primary",
             disabled: isPlacing,
             children: isPlacing ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(Spinner, { "aria-hidden": true }),
@@ -13491,7 +13489,7 @@ var ModalFooter = styled9__default.default.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 1rem;
+  gap: 0.75rem;
 `;
 var DontShowLabel = styled9__default.default.label`
   display: flex;
@@ -13508,32 +13506,34 @@ var ButtonRow2 = styled9__default.default.div`
   display: flex;
   gap: 1rem;
   justify-content: flex-end;
-  button {
-    padding: 0.75rem 1.5rem;
-    border-radius: 8px;
-    font-weight: 600;
-    font-size: 0.95rem;
-    cursor: pointer;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    white-space: nowrap;
-  }
-  button:disabled {
+  flex-shrink: 0;
+`;
+var BaseButton = styled9__default.default.button`
+  padding: 0.75rem 1.5rem;
+  border-radius: 8px;
+  font-weight: 600;
+  font-size: 0.95rem;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  flex-shrink: 0;
+  &:disabled {
     cursor: not-allowed;
     opacity: 0.75;
   }
-  .secondary {
-    background: rgba(255,255,255,0.1);
-    color: rgba(255,255,255,0.8);
-    border: 1px solid rgba(255,255,255,0.2);
-  }
-  .primary {
-    background: linear-gradient(135deg, #0ecb81 0%, #0ba968 100%);
-    color: #fff;
-    border: none;
-    box-shadow: 0 4px 12px rgba(14,203,129,0.3);
-  }
+`;
+var SecondaryButton = styled9__default.default(BaseButton)`
+  background: rgba(255,255,255,0.1);
+  color: rgba(255,255,255,0.8);
+  border: 1px solid rgba(255,255,255,0.2);
+`;
+var PrimaryButton = styled9__default.default(BaseButton)`
+  background: linear-gradient(135deg, #0ecb81 0%, #0ba968 100%);
+  color: #fff;
+  border: none;
+  box-shadow: 0 4px 12px rgba(14,203,129,0.3);
 `;
 
 // src/components/property-buy/constants.ts