@loafmarkets/ui 0.1.336 → 0.1.338

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -13311,24 +13311,22 @@ function OrderConfirmationModal({
13311
13311
  ] }),
13312
13312
  /* @__PURE__ */ jsxs(ButtonRow2, { children: [
13313
13313
  /* @__PURE__ */ jsx(
13314
- "button",
13314
+ SecondaryButton,
13315
13315
  {
13316
13316
  type: "button",
13317
13317
  onClick: onClose,
13318
- className: "secondary",
13319
13318
  disabled: isPlacing,
13320
13319
  children: "Cancel"
13321
13320
  }
13322
13321
  ),
13323
13322
  !hasInsufficientFunds && /* @__PURE__ */ jsx(
13324
- "button",
13323
+ PrimaryButton,
13325
13324
  {
13326
13325
  type: "button",
13327
13326
  onClick: () => {
13328
13327
  if (dontShowAgain) setSkipIpoConfirm(true);
13329
13328
  onConfirm();
13330
13329
  },
13331
- className: "primary",
13332
13330
  disabled: isPlacing,
13333
13331
  children: isPlacing ? /* @__PURE__ */ jsxs(Fragment, { children: [
13334
13332
  /* @__PURE__ */ jsx(Spinner, { "aria-hidden": true }),
@@ -13465,7 +13463,7 @@ var ModalFooter = styled9.div`
13465
13463
  display: flex;
13466
13464
  align-items: center;
13467
13465
  justify-content: space-between;
13468
- gap: 1rem;
13466
+ gap: 0.75rem;
13469
13467
  `;
13470
13468
  var DontShowLabel = styled9.label`
13471
13469
  display: flex;
@@ -13482,32 +13480,34 @@ var ButtonRow2 = styled9.div`
13482
13480
  display: flex;
13483
13481
  gap: 1rem;
13484
13482
  justify-content: flex-end;
13485
- button {
13486
- padding: 0.75rem 1.5rem;
13487
- border-radius: 8px;
13488
- font-weight: 600;
13489
- font-size: 0.95rem;
13490
- cursor: pointer;
13491
- display: inline-flex;
13492
- align-items: center;
13493
- justify-content: center;
13494
- white-space: nowrap;
13495
- }
13496
- button:disabled {
13483
+ flex-shrink: 0;
13484
+ `;
13485
+ var BaseButton = styled9.button`
13486
+ padding: 0.75rem 1.5rem;
13487
+ border-radius: 8px;
13488
+ font-weight: 600;
13489
+ font-size: 0.95rem;
13490
+ cursor: pointer;
13491
+ display: inline-flex;
13492
+ align-items: center;
13493
+ justify-content: center;
13494
+ white-space: nowrap;
13495
+ flex-shrink: 0;
13496
+ &:disabled {
13497
13497
  cursor: not-allowed;
13498
13498
  opacity: 0.75;
13499
13499
  }
13500
- .secondary {
13501
- background: rgba(255,255,255,0.1);
13502
- color: rgba(255,255,255,0.8);
13503
- border: 1px solid rgba(255,255,255,0.2);
13504
- }
13505
- .primary {
13506
- background: linear-gradient(135deg, #0ecb81 0%, #0ba968 100%);
13507
- color: #fff;
13508
- border: none;
13509
- box-shadow: 0 4px 12px rgba(14,203,129,0.3);
13510
- }
13500
+ `;
13501
+ var SecondaryButton = styled9(BaseButton)`
13502
+ background: rgba(255,255,255,0.1);
13503
+ color: rgba(255,255,255,0.8);
13504
+ border: 1px solid rgba(255,255,255,0.2);
13505
+ `;
13506
+ var PrimaryButton = styled9(BaseButton)`
13507
+ background: linear-gradient(135deg, #0ecb81 0%, #0ba968 100%);
13508
+ color: #fff;
13509
+ border: none;
13510
+ box-shadow: 0 4px 12px rgba(14,203,129,0.3);
13511
13511
  `;
13512
13512
 
13513
13513
  // src/components/property-buy/constants.ts