@deframe-sdk/components 0.1.20 → 0.1.21

package/dist/index.mjs

@@ -3809,11 +3809,14 @@ function WarningIcon() {
 var SwapSignatureWarningViewSimple = ({
   errorTitle,
   errorDescription,
-  onCancel,
-  onTryAgain,
-  cancelButtonText,
-  retryButtonText
+  onCancel
 }) => {
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      onCancel == null ? void 0 : onCancel();
+    }, 3e3);
+    return () => clearTimeout(timer);
+  }, [onCancel]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -3879,35 +3882,6 @@ var SwapSignatureWarningViewSimple = ({
                     )
                   ]
                 }
-              ),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  "data-test-id": "swap-signature-warning-simple-actions",
-                  className: "flex gap-[var(--deframe-widget-size-gap-sm)] w-full max-w-[320px]",
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      SecondaryButton,
-                      {
-                        "data-test-id": "swap-signature-warning-simple-cancel",
-                        "aria-label": cancelButtonText != null ? cancelButtonText : "Cancel",
-                        className: "flex-1",
-                        onClick: onCancel,
-                        children: cancelButtonText
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      PrimaryButton,
-                      {
-                        "data-test-id": "swap-signature-warning-simple-retry",
-                        "aria-label": retryButtonText != null ? retryButtonText : "Retry",
-                        className: "flex-1",
-                        onClick: onTryAgain,
-                        children: retryButtonText
-                      }
-                    )
-                  ]
-                }
               )
             ]
           }
@@ -5195,7 +5169,7 @@ function TokenSelectorArea({
       "aria-label": selectedToken ? `Select token \u2014 currently ${selectedToken.symbol} on ${chainLabel}` : selectTokenLabel,
       className: twMerge(
         "inline-flex items-center gap-[10px]",
-        "py-[var(--deframe-widget-size-padding-y-sm)] px-[10px]",
+        "h-[54px] px-[10px]",
         "rounded-[var(--deframe-widget-size-radius-sm)]",
         "bg-[var(--deframe-widget-color-bg-tertiary)]",
         "border-none outline-none",
@@ -5243,22 +5217,15 @@ function TokenSelectorArea({
         ),
         /* @__PURE__ */ jsx(ChevronDown, {})
       ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-test-id": "swap-from-card-simple-token-placeholder-icon",
-            className: "w-[38px] h-[38px] rounded-[var(--deframe-widget-size-radius-full)] bg-[var(--deframe-widget-color-bg-tertiary)] flex-shrink-0"
-          }
-        ),
         /* @__PURE__ */ jsx(
           "span",
           {
             "data-test-id": "swap-from-card-simple-token-placeholder-label",
             className: twMerge(
-              "text-[16px] [font-weight:var(--deframe-widget-font-weight-semibold)]",
+              "text-[11px] [font-weight:var(--deframe-widget-font-weight-regular)]",
               "font-[var(--deframe-widget-font-family)]",
               "text-[color:var(--deframe-widget-color-text-secondary)]",
-              "whitespace-nowrap"
+              "whitespace-nowrap uppercase"
             ),
             children: selectTokenLabel
           }
@@ -5555,7 +5522,7 @@ var SwapToCardViewSimple = ({
   );
   const selectorBaseClasses = twMerge(
     "inline-flex items-center gap-[10px]",
-    "py-[var(--deframe-widget-size-padding-y-sm)] px-[10px]",
+    "h-[54px] px-[10px]",
     "rounded-[var(--deframe-widget-size-radius-sm)]",
     "bg-[var(--deframe-widget-color-bg-tertiary)]",
     "border-none",
@@ -5650,19 +5617,11 @@ var SwapToCardViewSimple = ({
               "aria-label": labels.selectTokenLabel,
               className: selectorBaseClasses,
               children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    "data-test-id": "swap-to-simple-placeholder-circle",
-                    className: "rounded-[var(--deframe-widget-size-radius-full)] flex-shrink-0 bg-[var(--deframe-widget-color-bg-tertiary)]",
-                    style: { width: 38, height: 38 }
-                  }
-                ),
                 /* @__PURE__ */ jsx(
                   "span",
                   {
                     "data-test-id": "swap-to-simple-placeholder-label",
-                    className: "text-[16px] [font-weight:var(--deframe-widget-font-weight-semibold)] leading-[1.2] font-[var(--deframe-widget-font-family)] text-[color:var(--deframe-widget-color-text-secondary)] whitespace-nowrap",
+                    className: "text-[11px] [font-weight:var(--deframe-widget-font-weight-regular)] leading-[1.2] font-[var(--deframe-widget-font-family)] text-[color:var(--deframe-widget-color-text-secondary)] whitespace-nowrap uppercase",
                     children: labels.selectTokenLabel
                   }
                 ),
@@ -5699,7 +5658,7 @@ var SwapToCardViewSimple = ({
               "data-test-id": "swap-to-simple-output-wrapper",
               className: "flex flex-col items-end flex-1 min-w-0",
               children: [
-                isOutputLoading ? /* @__PURE__ */ jsxs(
+                isOutputLoading ? /* @__PURE__ */ jsx(
                   "span",
                   {
                     "data-test-id": "swap-to-simple-output-loading",
@@ -5710,10 +5669,7 @@ var SwapToCardViewSimple = ({
                       "text-right",
                       "flex items-center"
                     ),
-                    children: [
-                      labels.searchingQuoteLabel,
-                      /* @__PURE__ */ jsx(LoadingDots, {})
-                    ]
+                    children: /* @__PURE__ */ jsx(LoadingDots, {})
                   }
                 ) : /* @__PURE__ */ jsx(
                   "span",